@charset "UTF-8";
/* --------------------------------------------------
	ABOUT
-------------------------------------------------- */
#gNav ul li.nav1 a {
	color: #fff;
	background: #009EDD;
}
#mainContents {
	padding-bottom: 100px;
	background-image: url("../img/about_bg.jpg");
}
#mainContents h1 { width: 284px; }
#mainContents h1 img { width: 100%; }
#mainContents .inner {
	max-width: none;
	overflow: hidden;
}
#mainContents p {
	margin: 0 auto 90px;
	max-width: 600px;
	font-size: 14px;
	line-height: 2;
}
#mainContents .pic {
	position: relative;
	left: 50%;
	margin: 0 0 55px -600px;
}
#mainContents .subBox {
	position: relative;
	display: flex;
	align-items: center;
	padding: 15px 0;
	margin: 0 auto;
	max-width: 596px;
	background-color: #F2F5F7;
}
#mainContents .subBox + .subBox { margin-top: 15px; }
#mainContents .subBox h4 {
	width: 23.5%;
	text-align: center;
}
#mainContents .subBox h4 img {
	max-width: 80px;
}
#mainContents .subBox p {
	margin: 0;
	padding: 0 20px;
	width: 76.5%;
	border-left: #3E3A39 1px solid;
}
@media screen and (max-width: 640px) {
	#mainContents { padding-bottom: 60px; }
	#mainContents h1 { width: 64.0625%; }
	#mainContents p {
		margin-bottom: 40px;
		max-width: none;
		width: 90.625%;
	}
	#mainContents .pic {
		left: 0;
		margin: 0 0 34px 0;
		width: 100%;
	}
	#mainContents .pic img {
		margin-left: -80.625%;
		width: 187.5%;
	}
	#mainContents .subBox {
		display: block;
		padding: 4vw 2.6667vw 5.3334vw;
		width: 90.625%;
		box-sizing: border-box;
	}
	#mainContents .subBox + .subBox { margin-top: 4vw; }
	#mainContents .subBox:after {
		display: none;
	}
	#mainContents .subBox h4 {
		margin-bottom: 3.4667vw;
		width: 100%;
	}
	#mainContents .subBox h4 img {
		max-width: 22.6667%;
	}
	#mainContents .subBox p {
		padding: 4vw 0 0;
		width: 100%;
		border-top: #004DA0 1px solid;
		border-left: none;
		font-size: 13px;
		color: #545454;
	}
}