@charset "UTF-8";
/* --------------------------------------------------
	ENTERPRISE
-------------------------------------------------- */
#gNav ul li.nav5 a {
	background-color: #009EDD;
	color: #fff;
}
.enterprise #sNav .nav1 a {
	background-color: #FFF;
	color: #000;
}
@media screen and (max-width: 640px) {
	.enterprise #sNav ul li { width: 26%; }
	.enterprise #sNav ul li.nav1 { width: 22%; }
}

/* --------------------------------------------------
	#mainContents
-------------------------------------------------- */
#mainContents .pic {
	margin-bottom: 72px;
	overflow: hidden;
}
#mainContents .pic img {
	position: relative;
	left: 50%;
	margin-left: -600px;
}
#mainContents .inner { max-width: 620px; }
#mainContents .section { position: relative; }
#mainContents h3 {
	margin-bottom: 26px;
	font-size: 36px;
	font-weight: normal;
	color: #00418F;
}
#mainContents h4 {
	margin-bottom: 12px;
	font-size: 18px;
	color: #00418F;
}
#mainContents p {
	font-size: 15px;
	line-height: 2;
}
#mainContents p.lead { font-size: 17px; }
#mainContents p + p { margin-top: 30px; }
#mainContents p + h4 { margin-top: 60px; }
@media screen and (max-width: 640px) {
	#mainContents .pic { margin-bottom: 40px; }
	#mainContents .pic img {
		position: relative;
		left: 50%;
		margin-left: 0;
		transform: translate(-50%,0);
		width: 187.5%;
	}
	#mainContents .inner {
		margin: 0 auto;
		width: 87.5%;
	}
	#mainContents h3 {
		margin-bottom: 26px;
		font-size: 24px;
		text-align: left;
	}
	#mainContents h4 {
		margin-bottom: 24px;
		font-size: 17px;
	}
	#mainContents p { font-size: 14px; }
	#mainContents p.lead { font-size: 15px; }
	#mainContents p + p { margin-top: 35px; }
	#mainContents p + h4 { margin-top: 32px; }
}

/* --------------------------------------------------
	.btn-occupational
-------------------------------------------------- */
.btn-occupational {
	margin: 0 auto 8px;
	width: 500px;
}
.btn-occupational a {
	position: relative;
	display: block;
	width: 100%;
	height: 130px;
	box-sizing: border-box;
	background-image: url("../img/btn_occupational.png"), url("../img/btn_occupational_o.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 32px center, left top;
	background-size: 291px auto, 0 0;
	border: 1px solid #004090;
	text-indent: -9999px;
}
.btn-occupational a:before {
	content: '';
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -10px;
	display: block;
	width: 12px;
	height: 20px;
	background-image: url("../img/btn_arrow_b.png"), url("../img/btn_arrow_w.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 0 0, 0 0;
	background-size: contain, 0 0;
}
.btn-occupational a:hover {
	background-color: #004090;
	background-image: url("../img/btn_occupational_o.png");
}
.btn-occupational a:hover:before { background-image: url("../img/btn_arrow_w.png"); }
@media screen and (max-width: 640px) {
	.btn-occupational {
		margin: 0 auto;
		width: 87.8125vw;
	}
	.btn-occupational a {
		height: 72px;
		background-position: 24px center;
		background-size: 58.0072% auto;
	}
	.btn-occupational a:before { right: 14px; }
	.btn-occupational a:hover {
		background-color: #fff;
		background-image: url("../img/btn_occupational.png");
	}
	.btn-occupational a:hover:before { background-image: url("../img/btn_arrow_b.png"); }
}

/* --------------------------------------------------
	#introduction
-------------------------------------------------- */
#mainContents #introduction { padding-bottom: 140px; }
#mainContents #introduction h2 { width: 366px; }
#mainContents #introduction .pic { margin-bottom: 140px; }
#mainContents #introduction p img { width: 100%; }
#mainContents #introduction .copy {
	margin: 0 auto 78px;
	padding-right: 14px;
	width: 342px;
}
#mainContents #introduction .text1 {
	margin: 0 auto 96px;
	width: 317px;
}
#mainContents #introduction .text2 {
	margin: 0 auto 30px;
	padding-left: 6px;
	width: 496px;
}
@media screen and (max-width: 640px) {
	#mainContents #introduction {
		margin-bottom: 0;
		padding-bottom: 70px;
	}
	#mainContents #introduction h2 { width: 85.9375%; }
	#mainContents #introduction .pic {
		margin-bottom: 70px;
		overflow: hidden;
	}
	#mainContents #introduction .copy {
		margin: 0 0 51px 16.25%;
		padding-right: 0;
		width: 64.6875%;
	}
	#mainContents #introduction .text1 {
		margin: 0 0 70px 6.4063%;
		width: 86.5625%;
	}
	#mainContents #introduction .text2 {
		margin: 0 0 16px 5.7813%;
		padding-left: 0;
		width: 85.4688%;
	}
}

/* --------------------------------------------------
	#about
-------------------------------------------------- */
#mainContents #about { padding-bottom: 170px; }
#mainContents #about .pic { margin-bottom: 136px; }
#mainContents #about p.lead + h4 { margin-top: 120px; }
#mainContents #about .btn-occupational { margin-top: 90px; }
@media screen and (max-width: 640px) {
#mainContents #about { padding-bottom: 70px; }
	#mainContents #about .pic { margin-bottom: 70px; }
	#mainContents #about p.lead + h4 { margin-top: 60px; }
	#mainContents #about .btn-occupational { margin-top: 32px; }
}

/* --------------------------------------------------
	#feature
-------------------------------------------------- */
#mainContents #feature { padding-bottom: 140px; }
#mainContents #feature .copy {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	color: #00418F;
}
#mainContents #feature .lead { margin-bottom: 130px; }
#mainContents #feature .subBox { margin-bottom: 76px; }
#mainContents #feature .subBox h4 { color: #000; }
#mainContents #feature .subBox h4 img {
	margin-right: 10px;
	width: 28px;
}
#mainContents #feature .subBox p { margin-left: 38px; }
#mainContents #feature .flowBox {
	position: relative;
	margin-left: 38px;
	padding: 35px 30px 25px;
	width: 100%;
	box-sizing: border-box;
	background: #EEF9FF;
	text-align: center;
}
#mainContents #feature .flowBox + .flowBox:before {
	content: '';
	display: block;
	position: absolute;
	left: 290px;
	top: -40px;
	width: 40px;
	height: 20px;
	background: url("../img/flow_arrow.png") no-repeat;
	background-size: contain;
}

#mainContents #feature .flowBox + .flowBox { margin-top: 30px; }
#mainContents #feature .flowBox h5 {
	margin-bottom: 20px;
	font-size: 29px;
	font-weight: normal;
	color: #00418F;
	line-height: 1;
}
#mainContents #feature .flowBox p {
	margin: 0;
	font-size: 16px;
}
#mainContents #feature .flowBox ul { margin-top: 5px; }
#mainContents #feature .flowBox li { font-size: 12px; }
@media screen and (max-width: 640px) {
	#mainContents #feature { padding-bottom: 70px; }
	#mainContents #feature .copy { font-size: 17px; }
	#mainContents #feature .lead {
		margin-top: 24px;
		margin-bottom: 65px;
	}
	#mainContents #feature .subBox { margin-bottom: 38px; }
	#mainContents #feature .subBox h4 {
		position: relative;
		margin-bottom: 16px;
		padding-left: 33px;
		line-height: 1.4;
	}
	#mainContents #feature .subBox h4 img {
		position: absolute;
		left: 0;
		top: 0;
		width: 25px;
	}
	#mainContents #feature .subBox p { margin-left: 33px; }
	#mainContents #feature .flowBox {
		margin-left: 0;
		padding: 32px 25px 30px;
	}
	#mainContents #feature .flowBox + .flowBox:before {
		left: 50%;
		top: -38px;
		margin-left: -16px;
		width: 33px;
		height: 17px;
	}
	#mainContents #feature .flowBox h5 { font-size: 24px; }
	#mainContents #feature .flowBox p { font-size: 14px; }
	#mainContents #feature .flowBox ul { margin-top: 15px; }
	#mainContents #feature .flowBox li { font-size: 10px; }
}

/* --------------------------------------------------
	#contact
-------------------------------------------------- */
#mainContents #contact { padding-bottom: 200px; }
#mainContents #contact .btn-occupational { margin-top: 50px; }
@media screen and (max-width: 640px) {
	#mainContents #contact { padding-bottom: 125px; }
	#mainContents #contact .btn-occupational { margin-top: 40px; }

}