ul.dropdown ul {
	opacity: 1;
}

#pageImg {
	width: 100%;
	margin: 0;
	overflow: hidden;
}

#pageImg img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

#contents {
	width: 980px;
	margin: 40px auto 0;
}

#contents h1 {
	margin: 0 0 35px 0;
}

#contents .box {
	width: 880px;
	margin: 0 auto 10px;
}

#contents .box:nth-of-type(n + 2) {
	margin: 0 auto 88px;
}

#contents .box h2 {
	height: 30px;
	background: #03328e;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	margin: 0 0 25px 0;
	padding: 10px 0 6px 20px;
	color: #ffffff;
}

#contents .box h3 {
	height: 30px;
	font-size: 1.52em;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	margin: 0;
	padding: 3px 0 0 11px;
	border-left: 6px solid #047ef9;
}

#contents .box h2.t2 span {
	letter-spacing: 29px;
	margin-right: -.8em;
}

#contents .box h2.t2 strong {
	font-size: 75%;
	font-weight: normal;
	color: #ff6060;
}

#contents .box h2.t3 {
	letter-spacing: 7px;
}

#contents .box .explanation {
	line-height: 180%;
	text-align: left;
	margin: 0 0 27px;
	padding-left: 20px;
}

#contents .box .explanation span {
	font-size: 90%;
	color: #ff6060;
}

.proLi {
	margin: 28px 0 0 0;
}

.proLi ul li {
	width: 49%;
	font-size: .82em;
	line-height: 180%;
	text-align: center;
	padding: 0;
	float: left;
}

.proLi ul li:nth-child(4n+1), .proLi ul li:nth-child(4n+2) {
	padding: 0 0 45px 0;
}

.proLi ul li img {
    display: block;
    margin: 0 auto 0.5em;
}

@media screen and (max-width: 1000px) {
	#pageImg {
		width: 100%;
	}

	#pageImg img {
		width: 100%;
	}

}

@media screen and (min-width: 1000px) and (max-width: 1280px) {
	#pageImg {
		width: 100%;
	}

	#pageImg img {
		width: 100%;
	}

}