@charset "UTF-8";
/* ============================================================
#feature 森長工務店の特徴
============================================================ */
/* #mainImg.mainChild
------------------------------------------------ */
#mainImg.mainChild { background: url(../img/feature/bg_main02_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) {
	#mainImg.mainChild {
		background-image: url(../img/feature/bg_main02_pc.png);
		background-position: center top;
	}
	#mainImg.mainChild .mainTit {
		top: 40%;
		width: 750px;
	}
	#mainImg.mainChild .mainTit img {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}
@media all and (min-width: 1280px) {
	#mainImg.mainChild .mainTit {
		top: 44.7%;
		width: 850px;
	}
}
/* #contents
------------------------------------------------ */
#contents { padding: 60px 0 0; }
@media all and (min-width: 600px) { #contents { padding: 0; } }
/* #contents
------------------------------------------------ */
.reasonHd01 { position: relative; height: 168px; text-align: center; }
#workplace .reasonHd01 { height: 170px; padding: 40px 0 0; }
.reasonHd01:after { display: block; position: absolute; right: 0; bottom: -18px; left: 0; width: 0; height: 0; margin: 0 auto; border-width: 18px 18px 0 18px; border-style: solid; border-color: #fff transparent transparent transparent; content: ""; }
.reasonHd02 { letter-spacing: .1em; }
.reasonHd02 .cat { width: 145px; line-height: 1.4; margin: 0 0 12px; padding: 48px 0 0; font-weight: 500; font-size: 35.2px; font-size: 2.2rem; text-indent: -.1em; text-align: center; white-space: nowrap; }
.reasonHd02 .cat:first-letter { color: #06a577; }
.reasonHd02 .cat.cat01 { background: url(../img/feature/tit_reason01.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat02 { background: url(../img/feature/tit_reason02.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat03 { background: url(../img/feature/tit_reason03.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat04 { background: url(../img/feature/tit_reason04.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat05 { background: url(../img/feature/tit_reason05.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat06 { background: url(../img/feature/tit_reason06.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat07 { background: url(../img/feature/tit_reason07.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat08 { background: url(../img/feature/tit_reason08.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat09 { background: url(../img/feature/tit_reason09.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat10 { background: url(../img/feature/tit_reason10.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .cat.cat11 { background: url(../img/feature/tit_reason11.png) left top no-repeat; background-size: 145px auto; }
.reasonHd02 .tit { line-height: 1.33; margin: 0 0 12px; font-weight: 500; font-size: 38.4px; font-size: 2.4rem; letter-spacing: .1em; }
.reasonHd02 .tit em { color: #06a577; font-style: normal; }
.reasonHd02 .tit em.nowrap { display: inline-block; white-space: nowrap; }
.reasonTit01 { width: 234px; margin: 0 auto; }
#workplace .reasonTit01 { width: 235px; }
.reasonBox { padding: 45px 15px 40px; background: #fcf9e9; /* background: #e3edfb; */ }
#workplace .reasonBox { margin: 0 0 -84px; padding: 45px 15px 75px; background: #fcf9e9; /*background: #e3edfb url(../img/feature/bg_reason01_sp.png) center bottom no-repeat; background-size: contain;*/ }
.reasonBoxIn + .reasonBoxIn { margin-top: 35px; }
.reasonBoxIn .imgBox { overflow: hidden; margin: 0 0 10px; border-radius: 5px; background: #fff; }
.reasonBoxIn .imgBox img { vertical-align: top; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.reasonBoxIn .txtBox .btn { margin-top: 12px; }
@media all and (min-width: 600px) {
	.reasonHd01 {
		height: 220px;
		margin: -30px 0 0;
		padding: 30px 0 0;
		background: url(../img/feature/bg_tit01_pc.png) center top no-repeat;
		text-align: center;
	}
	#workplace .reasonHd01 {
		height: 230px;
		margin: 0;
		padding: 90px 0 0;
		background: url(../img/feature/bg_tit02_pc.png) center bottom no-repeat;
	}
	.reasonHd01:after {
		bottom: -33px;
		border-width: 33px 33px 0 33px;
	}
	.reasonHd02 .cat {
		width: 154px;
		margin: -7px 0 25px;
		background-size: 154px auto !important;
		font-size: 2.4rem;
	}
	.reasonHd02 .tit {
		line-height: 1.5;
		margin: 0 0 25px;
		font-size: 3.2rem;
	}
	.reasonTit01 {
		width: 660px;
	}
	#workplace .reasonTit01 {
		width: 690px;
	}
	.reasonBox {
		padding: 133px 0 90px;
		background: #fcf9e9;
		/*background: #e3edfb;
		background: #e3edfb url(../img/feature/bg_reason01_pc.png) center bottom no-repeat;
		background-size: cover;*/
	}
	#workplace .reasonBox {
		margin: 0 0 -183px;
		padding: 140px 0 186px;
		background: #fcf9e9;
		/*background: #e3edfb url(../img/feature/bg_reason01_pc.png) center bottom no-repeat;
		background-size: cover;*/
	}
	.reasonBoxIn {
		width: 1100px;
		overflow: hidden;
		margin: 0 auto;
		padding: 7px 0 0;
	}
	.reasonBoxIn + .reasonBoxIn {
		margin-top: 68px;
	}
	.reasonBoxIn .imgBox {
		float: right;
		width: 550px;
		margin: 0 0 0 40px;
		border-radius: 10px;
	}
	.reasonBoxIn .txtBox {
		float: left;
		width: 510px;
	}
	.reasonBoxIn .txtBox .btn {
		margin: 30px 0 0 0;
		text-align: left;
	}
	.reasonBoxIn:nth-child(even) .imgBox {
		float: left;
		margin: 0 40px 0 0;
	}
	.reasonBoxIn:nth-child(even) .txtBox {
		float: right;
	}
	#workplace .reasonBoxIn .imgBox {
		float: left;
		margin: 0 40px 0 0;
	}
	#workplace .reasonBoxIn .txtBox {
		float: right;
	}
	#workplace .reasonBoxIn:nth-child(even) .imgBox {
		float: right;
		margin: 0 0 0 40px;
	}
	#workplace .reasonBoxIn:nth-child(even) .txtBox {
		float: left;
	}
}

/*# sourceMappingURL=maps/feature.css.map */

/* #gFooter
------------------------------------------------ */
#feature #gFooter { background: url(../img/feature/bg_footer01_sp.png) no-repeat top center; background-size: 100%; }
@media all and (min-width: 600px) { #feature #gFooter{ background-image: url(../img/common/footer/bg_footer01_pc.png); background-size: auto; } }
/* #contents
------------------------------------------------ */