@charset "utf-8";

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin:0;
	color:#707070;
}

#content a {
	color: #0000cd;
	text-decoration: underline;
}

.box>h3 {
	font-size: 22px;
	font-weight: normal;
	padding: 4px 2px 6px 2px;
	border-bottom:  1px solid #a0a0a0;
}

.box>.img-box {
	padding-top: 10px;
	background-color: #fff;
}

.box {
	margin-top: 24px;
	padding: 10px;
	border: 1px solid #a0a0a0;
}

.img-box>a:hover {
	opacity: 0.8;
}

#content .inner .inner-content .section {
	padding-bottom: 38px;
}


@media screen and (max-width: 767px) {
	#content .inner {
		padding:20px 5%;
	}

	.box {
		margin-left: 10%;
		margin-right: 10%;
	}

	#contents-wrapper{
		    margin-bottom: 87px;
	}

	#content .inner .inner-header .subtitle h3 {
		font-size: 2vw;
	}

}

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

	#content .inner .inner-header .subtitle h3 {
		font-size: 2vw;
	}

	#content .inner {
		padding:45px 0 34px 0;
	}

	#content .inner .inner-content {
		padding-left: 0;
	}

}