@charset "UTF-8";

/* サブページ共通 */

/* ページビジュアル */
.sub_visual {
	background-size: cover;
	height: 240px;
	overflow: hidden;
}
#system .sub_visual {
	background: url(../images/sub_system.jpg) center center no-repeat #b28d5f;
}
#outline .sub_visual {
	background: url(../images/sub_outline.jpg) center center no-repeat #4175b1;
}
#recruit .sub_visual {
	background: url(../images/sub_recruit.jpg) center center no-repeat #727f89;
}
#contact .sub_visual {
	background: url(../images/sub_contact.jpg) center center no-repeat #8a7e83;
}
/* ページビジュアル：テキストエリア */
.sub_visual p {
	text-align: center;
	padding-top: 60px;
	color: #fff;
	text-shadow:2px 2px 2px #0b0e0d;
}
/* ページビジュアル：タイトル */
.sub_visual p .sub_v_title1 {
	font-size: 300%; /* 48px */
}
.sub_visual p .sub_v_title2 {
	font-size: 225%; /* 36px */
}
.sub_visual p .sub_v_title3 {
	font-size: 137%; /* 22px */
}

/* ページのコンテンツテキストエリア */
#main_text,
.sub_contents {
	margin: 30px;
	padding: 30px;
	text-align: left;
	background: #fff;
}
@media screen and (max-width: 768px) {
	#main_text,
	.sub_contents {
		margin: 20px;
		padding: 20px;
	}
}
/* ページ説明テキスト：タイトル1 */
.main_text_title1 {
	font-size: 200%; /* 32px */
	margin-bottom: 5px;
	text-align: center;
	color: #098b69;
}
/* ページ説明テキスト：タイトル2 */
.main_text_title2 {
	margin-bottom: 15px;
	text-align: center;
}
/* ページ説明テキスト：説明 */
.main_text_contents {
	font-size: 87.5%; /* 14px */
}

h2, h3, h4 {
	font-weight: 300;
}
h2 {
	font-size: 150%; /* 24px */
	color: #098b69;
	margin-top: 30px;
}
h3 {
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	font-size: 125%; /* 20px */
	border-bottom: 1px solid #609486;
}
h3:before,
h3:after{
	content: "□";
	position: absolute;
	width: 4px;
	height: 4px;
	color: #098b69;
}
h3:before {
	left: 0;
	top: -3px;
}
h3:after {
	left: 5.5px;
	top: 3.5px;
}
h4 {
	display: block;
	border-left: 5px solid #56b99f;
	padding-left: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
	h4 {
		padding-left: 8px;
		margin-left: 10px;
	}
}

/* dl,ulリスト共通 */
.sub_contents>dl,
.sub_contents>ul,
.sub_contents .map {
	width: 90%;
	margin: 0 auto;
	font-size: 87.5%; /* 14px */
}
.sub_contents dl dt {
	font-weight: 400;
	float: left;
	clear: left;
}
@media screen and (max-width: 768px) {
	.sub_contents dl dt {
		float: none;
	}
}
.sub_contents>dl dd {
	padding-left: 130px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d1d8d6;
}
@media screen and (max-width: 768px) {
	.sub_contents>dl dd {
		padding-left: 0;
	}
}
.sub_contents>dl dd:last-child,
.sub_contents>ul li:last-child {
	margin-bottom: 30px;
}
.sub_contents>ul li {
	margin-bottom: 10px;
}
.sub_contents dl dd>ul {
	margin-top: 5px;
}
.sub_contents dl dd>ul li {
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	.sub_contents dl dd>ul li {
		margin-bottom: 0px;
	}
}

/* 会社情報：MAP */
.sub_contents .map iframe {
	width: 100%;
	height: 400px;
}