@charset "UTF-8";


/* 共通 */


/* スマホヘッダー固定用 */
@media screen and (max-width: 767px) {
	#subPage {
		padding: 80px 0 0;
	}
}

/* 下層スクロールナビ */
@media screen and (min-width: 768px) {
	#header_bg {
		position: absolute;
		top: 0;
		background-color: white;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
}


/* 下層メインビジュアル */
@media screen and (min-width: 1200px) {
	#subMain {
		width: 100%;
		height: 300px;
		background-size: cover !important;
		position: relative;
	}
	#subMain > div {
		width: 1160px;
		height: 100%;
		margin: 0 auto;
		padding: 50px 0 0;
		box-sizing: border-box;
	}
	#subMainTtl {
		width: 100%;
		height: 135px;
		padding: 20px 0 0 25px;
		box-sizing: border-box;
	}
	#subMainTtl h2 {
		font-size: 130%;
		line-height: 1;
		margin: 0 0 30px;
	}
	#subMainTtl h2:after {
		content: url(../images/subcommon/midashiBorderBlack.png);
		display: inline-block;
		position: relative;
		top: -6px;
		margin: 0 0 0 40px;
	}
	#subMainTtl h3 {
		font-size: 220%;
		line-height: 1;
	}
	#subMainTxt {
		width: 100%;
		min-height: 50px;
		background: #e8edf6;
		margin: 0 0 60px;
	}
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
	#subMain {
		width: 100%;
		height: 300px;
		background-size: cover;
		position: relative;
	}
	#subMain > div {
		width: 96%;
		height: 100%;
		margin: 0 auto;
		padding: 50px 0 0;
		box-sizing: border-box;
	}
	#subMainTtl {
		width: 100%;
		height: 135px;
		padding: 20px 0 0 25px;
		box-sizing: border-box;
	}
	#subMainTtl h2 {
		font-size: 130%;
		line-height: 1;
		margin: 0 0 25px;
	}
	#subMainTtl h2:after {
		content: url(../images/subcommon/midashiBorderBlack.png);
		display: inline-block;
		position: relative;
		top: -6px;
		margin: 0 0 0 40px;
	}
	#subMainTtl h3 {
		font-size: 210%;
		line-height: 1;
	}
	#subMainTxt {
		width: 100%;
		min-height: 50px;
		background: #e8edf6;
		margin: 0 0 60px;
	}
}
@media screen and (max-width: 767px) {
	#subMain {
		width: 100%;
		height: 240px;
		background-size: cover;
		position: relative;
	}
	#subMain > div {
		width: 96%;
		height: 100%;
		margin: 0 auto;
		padding: 15px 0 0;
		box-sizing: border-box;
	}
	#subMainTtl {
		width: 100%;
		height: 135px;
		padding: 12px 0 0 15px;
		box-sizing: border-box;
	}
	#subMainTtl h2 {
		font-size: 100%;
		line-height: 1;
		margin: 0 0 12px;
	}
	#subMainTtl h2:after {
		content: url(../images/subcommon/midashiBorderBlack.png);
		display: inline-block;
		position: relative;
		top: -6px;
		margin: 0 0 0 20px;
	}
	#subMainTtl h3 {
		font-size: 160%;
		line-height: 1;
	}
	#subMainTxt {
		width: 100%;
		min-height: 30px;
		background: #e8edf6;
		margin: 0 0 30px;
	}
}


/* 下層コンテンツ */
@media screen and (min-width: 1200px) {
	.subCnt {
		width: 1000px;
		margin: 0 auto 0;
		padding: 0 0 170px;
		position: relative;
	}
	.subH4 {
		width: 100%;
		background: url(../images/subcommon/midashiBg.png) repeat-x center center;
		text-align: center;
		font-size: 180%;
		line-height: 1;
		margin: 0 0 30px;
	}
	.subH4 span {
		background: #ffffff;
		padding: 0 30px;
	}
	.subH5 {
		color: #454545;
		font-size: 120%;
		line-height: 32px;
		height: 32px;
		margin: 0 0 15px;
		padding: 0 0 0 10px;
		border-left: 3px #000000 solid;
	}
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
	.subCnt {
		width: 94%;
		max-width: 1000px;
		margin: 0 auto 0;
		padding: 0 0 140px;
	}
	.subH4 {
		width: 100%;
		background: url(../images/subcommon/midashiBg.png) repeat-x center center;
		text-align: center;
		font-size: 180%;
		line-height: 1;
		margin: 0 0 30px;
	}
	.subH4 span {
		background: #ffffff;
		padding: 0 30px;
	}
	.subH5 {
		color: #454545;
		font-size: 120%;
		line-height: 32px;
		height: 32px;
		margin: 0 0 15px;
		padding: 0 0 0 10px;
		border-left: 3px #000000 solid;
	}
}
@media screen and (max-width: 767px) {
	.subCnt {
		width: 94%;
		margin: 0 auto 100px;
	}
	.subH4 {
		width: 100%;
		background: url(../images/subcommon/midashiBg.png) repeat-x center center;
		text-align: center;
		font-size: 150%;
		line-height: 1;
		margin: 0 0 25px;
	}
	.subH4 span {
		background: #ffffff;
		padding: 0 30px;
	}
	.subH5 {
		color: #454545;
		font-size: 110%;
		line-height: 28px;
		height: 28px;
		margin: 0 0 15px;
		padding: 0 0 0 10px;
		border-left: 3px #000000 solid;
	}
}