@charset "utf-8";
/* CSS Document */

/* 有資格者数ページ設定 */

#contents #title h1 {
	background-image: url(../img/qualification/title_ph.jpg);
}
#contents #title h1::before {
	content: "\f03a";
}
#contents #contents_menu li:nth-child(3) a h6 {
	color: #FFF;
	background-color: #016bba;
}
#contents #qualification li h3:before {
	font-family: "Font Awesome 5 Free";
	content: "\f19d";
	font-weight: bold;
	margin-right:0.5em;
	color: #016bba;
}
#contents #qualification li:nth-child(3) h3:before {
	content: "\f06c";
	color: #093;
}

@media print,screen and (min-width: 768px){

/* PC用設定 */

#contents #qualification {
	padding:60px 0px;
}
#contents #qualification li {
	float:left;
	width:47.5%;
	margin-bottom:40px;
}
#contents #qualification li:nth-child(even) {
	float:right;
}
#contents #qualification li:nth-child(odd) {
	clear:both;
}
#contents #qualification li h3 {
	font-size: 21px;
	line-height: 1em;
	margin-bottom:0.7em;
}
#contents #qualification li table {
	border-collapse:collapse;
	width:100%;
}
#contents #qualification li th {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	text-align:left;
	padding:10px 0.5em;
}
#contents #qualification li td {
	font-size: 18px;
	line-height: 1.5em;
	padding:10px 0.5em;
}
#contents #qualification li th:nth-child(2),
#contents #qualification li td:nth-child(2) {
	text-align:center;
	width:6em;
}
#contents #qualification li tr:nth-child(odd) {
	background-color: #f9f9f9;
}

}
@media screen and (max-width: 767px){

/* スマホ用設定 */

#contents #qualification {
	padding:20px 0px;
}
#contents #qualification li {
	float:none;
	width:auto;
	margin-bottom:25px;
}
#contents #qualification li h3 {
	font-size: 15px;
	line-height: 1em;
	margin-bottom:0.7em;
}
#contents #qualification li table {
	border-collapse:collapse;
	width:100%;
}
#contents #qualification li th {
	font-size: 13px;
	line-height: 1.5em;
	font-weight: bold;
	text-align:left;
	padding:5px 0.5em;
	padding-top:7px;
}
#contents #qualification li td {
	font-size: 13px;
	line-height: 1.5em;
	padding:5px 0.5em;
	padding-top:7px;
}
#contents #qualification li th:nth-child(2),
#contents #qualification li td:nth-child(2) {
	text-align:center;
	width:6em;
}
#contents #qualification li tr:nth-child(odd) {
	background-color: #f9f9f9;
}

}