@charset "UTF-8";
/* --------------------------------------------------
	CONSULTANT
-------------------------------------------------- */
#gNav ul li.nav4 a {
	color: #fff;
	background: #009EDD;
}
#mainContents {
	padding-bottom: 155px;
	background-image: url("../img/consultant_bg.jpg");
}
#mainContents h1 { width: 184px; }
#mainContents h1 img { width: 100%; }
#mainContents .consultant1 { background-color: #E5F3F9; }
#mainContents .consultant2 { background-color: #FFFFFF; }
#mainContents .consultant3 { background-color: #EBEBFC; }
#mainContents .subBox .inner { display: table; }
#mainContents .subBox .inner > div {
	display: table-cell;
	vertical-align: top;
}
#mainContents .subBox .pic {
	width: 400px;
	background: #EFF1F1;
}
#mainContents .subBox .pic img { width: 100%; }
#mainContents .subBox .text { padding: 50px 40px 60px 0; }
#mainContents .subBox .pic + .text {
	padding-right: 0;
	padding-left: 40px;
}
#mainContents .subBox h3 {
	margin-bottom: 30px;
	line-height: 1;
	text-align: right;
}
#mainContents .subBox h3 img { height: 20px; }
#mainContents .subBox p {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainContents .subBox p:last-child { margin-bottom: 0; }
#mainContents .subBox .status {
	font-size: 14px;
	font-weight: bold;
	color: #00418F;
	text-align: right;
}
#mainContents .subBox h3 + .status { margin-top: -28px; }
#mainContents .subBox .lead {
	margin-right: -0.5em;
	font-size: 22px;
	line-height: 1.2;
	text-align: right;
}
#mainContents .subBox .pic + .text h3,
#mainContents .subBox .pic + .text .status,
#mainContents .subBox .pic + .text .lead { text-align: left; }

@media screen and (max-width: 980px) {
	#mainContents .subBox .pic { width: 40%; }
	#mainContents .subBox .text,
	#mainContents .subBox .pic + .text { padding: 20px; }
	#mainContents .subBox .text + .pic { padding-left: 0; }
}
@media screen and (max-width: 640px) {
	#mainContents { padding-bottom: 40px; }
	#mainContents h1 { width: 62.5%; }
	#mainContents .subBox .inner {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#mainContents .subBox .inner > div { display: block; }
	#mainContents .subBox .pic { width: 100%; }
	#mainContents .subBox .pic > div { overflow: hidden; }
	#mainContents .subBox .pic img {
		margin-left: -2.5%;
		width: 105%;
	}
	#mainContents .subBox.consultant1 .pic1 img {
		margin-top: -1.5%;
		margin-bottom: -23%;
	}
	#mainContents .subBox.consultant1 .pic2 img {
		margin-top: -1.5%;
		margin-bottom: -10%;
	}
	#mainContents .subBox.consultant1 .pic3 img {
		margin-top: -4%;
		margin-bottom: -6%;
	}
	#mainContents .subBox.consultant2 .pic1 img {
		margin-top: -6%;
		margin-bottom: -18.5%;
	}
	#mainContents .subBox.consultant2 .pic2 img {
		margin-top: -1%;
		margin-bottom: -10.5%;
	}
	#mainContents .subBox.consultant2 .pic3 img {
		margin-top: -6%;
		margin-bottom: -4%;
	}
	#mainContents .subBox .text {
		margin: 0 auto;
		padding: 30px 0 25px !important;
		width: 90.625%;
		-webkit-order: 1;
		order: 1;
	}
	#mainContents .subBox h3 {
		margin-bottom: 20px;
		text-align: center !important;
	}
	#mainContents .subBox h3 img { height: 18px; }
	#mainContents .subBox p { margin-bottom: 0; }
	#mainContents .subBox .status {
		margin-bottom: 26px;
		font-size: 15px;
		line-height: 1.65;
		text-align: center !important;
	}
	#mainContents .subBox h3 + .status { margin-top: -8px; }
	#mainContents .subBox .lead {
		margin-bottom: 22px;
		font-size: 16px;
		text-align: left !important;
	}

}