@charset "utf-8";



/* delllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
.top-height{
	margin-top: 0px!important;
}
*/


/* delllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
.top-img-bottom {
	width: 100%;
	height: 15px;
	background: url("../img/top-img-bottom.png") top center no-repeat;
	background-size:100% 100%;
	overflow: hidden;
}
*/


/* tableスクロール */
/* delllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
.table-scroll {
  overflow-x: scroll;
}
*/


/* TOPページ スライド上画像指定 */
/* delllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
.video-wrap h1{
	z-index: 50;
}
*/

/* TOP キャッチフレーズ ---------------------------------------------------------------------- */

.top-concept-box {
	border: 0px #cccccc solid;
h2{
	font-weight: 600;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 20px;
		margin-top: 0px;
		line-height: 200%;
		padding	: 0px 0px 40px;
		}
		@media only screen and (max-width: 480px){
		font-size: 18px;
		line-height: 180%;
		padding	: 0px 0px 10px;
		}
}
p.txt{
	margin: 0px auto;
/*	max-width: 660px;*/
	font-weight: 500;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 15px;
		padding	: 0px 0px 0px;
		line-height: 260%;
		}
		@media only screen and (max-width: 480px){
		font-size: 14px;
		padding	: 10px 0px 0px;
		line-height: 180%;
		}
}
}

.top-concept-img {
text-align: center;
		@media only screen and (min-width: 480px){ margin: -70px 0px 50px;}
		@media only screen and (max-width: 480px){ margin: -30px 0px 30px;}
img{
		@media only screen and (min-width: 480px){ max-width: 800px;}
		@media only screen and (max-width: 480px){ max-width: 500px;}

}
}

/* TOP build ---------------------------------------------------------------------- */

/* ナビ */
.top-build-navi{
	text-align: center;
	text-decoration: none;
	cursor: pointer;
@media only screen and (min-width: 600px){ height: 200px; line-height: 200px; }
@media only screen and (max-width: 600px){ height: 140px; line-height: 140px; }
}
.top-build-navi p{
	color: #fff;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
	font-weight: bold;
	padding: 0px 0px;
@media only screen and (min-width: 600px){ font-size: 19px; line-height: 200px; }
@media only screen and (max-width: 600px){ font-size: 16px; line-height: 140px; }
}
.top-build-commitment-navi{
	background:url("../img/top/build/commitment-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: center bottom;
}
.top-build-quality-navi{
	background:url("../img/top/build/quality-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: left top;
}
.top-build-flow-navi{
	background:url("../img/top/build/flow-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: left center;
}
.top-build-maintenance-navi{
	background:url("../img/top/build/maintenance-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: left bottom;
}
/* /ナビ */



/* TOP contact ---------------------------------------------------------------------- */

/* ナビ */
.top-contact-navi{
	text-align: center;
	text-decoration: none;
	cursor: pointer;
@media only screen and (min-width: 600px){ height: 200px; line-height: 200px; }
@media only screen and (max-width: 600px){ height: 140px; line-height: 140px; }
}
.top-contact-navi p{
	color: #fff;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
	font-weight: bold;
	padding: 0px 0px;
@media only screen and (min-width: 600px){ font-size: 19px; line-height: 200px; }
@media only screen and (max-width: 600px){ font-size: 16px; line-height: 140px; }
}
.top-contact01-navi{
	background:url("../img/top/contact/01-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: center bottom;
}
.top-contact02-navi{
	background:url("../img/top/contact/02-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: left top;
}
.top-contact03-navi{
	background:url("../img/top/contact/03-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: left center;
}
/* /ナビ */



/* TOP staff ---------------------------------------------------------------------- */

/* ナビ */
.top-staff-navi{
	text-align: center;
	text-decoration: none;
	cursor: pointer;
@media only screen and (min-width: 600px){ height: 200px; line-height: 200px; }
@media only screen and (max-width: 600px){ height: 140px; line-height: 140px; }
}
.top-staff-navi p{
	color: #fff;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
	font-weight: bold;
	padding: 0px 0px;
@media only screen and (min-width: 600px){ font-size: 19px; line-height: 200px; }
@media only screen and (max-width: 600px){ font-size: 16px; line-height: 140px; }
}
.top-staff-navi{
	background:url("../img/top/staff/01-navi.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
	background-position: center bottom;
}
/* /ナビ */



/* SUB modelhouseページ ---------------------------------------------------------------------- */

/* 来場予約 */

.modelhouse_navi {
	right: 0px;
	position:fixed;
	top: 0px;
	z-index:10000;
	border: 0px #cccccc solid;

@media only screen and (min-width: 480px){
	margin-top: 155px;
	margin-right: 0px;
/*	margin-bottom: 60px; LINEなし*/
/*	margin-right: 20px; LINEなし*/
	}

@media only screen and (max-width: 480px){
	margin-top: 100px;
	}
}



/* SUB orderhouseページ ---------------------------------------------------------------------- */

.orderhouse-main-box { 
h2{
	font-weight: 500;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 20px;
		margin-top: -50px;
		padding	: 40px 0px 20px;
		}
		@media only screen and (max-width: 480px){
		font-size: 18px;
		padding	: 0px 0px 30px;
		}
}
p.txt{
	margin: 0px auto;
/*	max-width: 660px;*/
	font-weight: 400;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 15px;
		padding	: 0px 0px 0px;
		line-height: 220%;
		}
		@media only screen and (max-width: 480px){
		font-size: 14px;
		padding	: 0px 0px 0px;
		line-height: 180%;
		}
}
}

.orderhouse .bg01{
	width: 100%;
	overflow: hidden;
	@media only screen and (min-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg01-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg01-tb.jpg") top left no-repeat;}
	@media only screen and (max-width: 600px){ min-height: 300px; background:url("../img/orderhouse/bg01-sp.jpg") top center no-repeat;}
	margin-bottom: 40px;
}
.orderhouse .bg02{
	width: 100%;
	overflow: hidden;
	@media only screen and (min-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg02-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg02-tb.jpg") top left no-repeat;}
	@media only screen and (max-width: 600px){ min-height: 300px; background:url("../img/orderhouse/bg02-sp.jpg") top center no-repeat;}
	margin-bottom: 40px;
}
.orderhouse .bg03{
	width: 100%;
	overflow: hidden;
	@media only screen and (min-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg03-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg03-tb.jpg") top left no-repeat;}
	@media only screen and (max-width: 600px){ min-height: 300px; background:url("../img/orderhouse/bg03-sp.jpg") top center no-repeat;}
	margin-bottom: 40px;
}
.orderhouse .bg04{
	width: 100%;
	overflow: hidden;
	@media only screen and (min-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg04-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg04-tb.jpg") top left no-repeat;}
	@media only screen and (max-width: 600px){ min-height: 300px; background:url("../img/orderhouse/bg04-sp.jpg") top center no-repeat;}
	margin-bottom: 40px;
}
.orderhouse .bg05{
	width: 100%;
	overflow: hidden;
	@media only screen and (min-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg05-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg05-tb.jpg") top left no-repeat;}
	@media only screen and (max-width: 600px){ min-height: 300px; background:url("../img/orderhouse/bg05-sp.jpg") top center no-repeat;}
	margin-bottom: 40px;
}
.orderhouse .bg06{
	width: 100%;
	overflow: hidden;
	@media only screen and (min-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg06-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ min-height: 600px; background:url("../img/orderhouse/bg06-tb.jpg") top left no-repeat;}
	@media only screen and (max-width: 600px){ min-height: 300px; background:url("../img/orderhouse/bg06-sp.jpg") top center no-repeat;}
	margin-bottom: 40px;
}
.orderhouse .bg99{
	width: 100%;
	overflow: hidden;
@media only screen and (min-width: 480px){ background:url("../img/orderhouse/bg03.jpg") top left no-repeat;}
@media only screen and (max-width: 480px){ background:url("../img/orderhouse/bg03.jpg") top center no-repeat;}
}

.orderhouse .bg-g{
@media only screen and (min-width: 1024px){
	width: 600px;
	margin: 20px 20px 0px;
	padding: 40px 30px;
}
@media only screen and (max-width: 1024px){
	width: 400px;
	margin: 20px 20px 0px;
	padding: 40px 30px;
}
@media only screen and (max-width: 480px){
	width: 60%;
	min-width: 260px;
	margin: 0px 0px 0px;
	padding: 30px 20px;
}
        background:rgba(30,0,0,0.20);
	color: #ffffff;
	line-height: 200%;
	text-align: center;
	border: 0px #ff0000 solid;
}

.orderhouse .bg-g p.title{
	text-align: center;
	color: #ffffff;
	line-height: 100%;
/*	font-weight: 500;*/
	text-shadow: 0 0 8px rgb(20, 0, 0, 1.0);
@media only screen and (min-width: 480px){
	font-size: 17px;
}
@media only screen and (max-width: 480px){
	font-size: 16px;
}
}

.orderhouse .bg-g p{
	text-align: left;
	color: #ffffff;
	line-height: 240%;
	text-shadow: 0 0 8px rgb(10, 0, 0, 1.0);
	border: 0px #ff0000 solid;
}

.orderhouse .bg-g p.txt{
@media only screen and (min-width: 1420px){ padding: 30px 30px 10px; }
@media only screen and (max-width: 1420px){ padding: 20px 0px 10px; }

@media only screen and (min-width: 480px){
	font-size: 16px;
}
@media only screen and (max-width: 480px){
	font-size: 14px;
}
/*	text-align: center;*/
}

.orderhouse .float-l{ float: left; }
.orderhouse .float-r{ float: right; }



/* SUB semi-orderhouseページ ---------------------------------------------------------------------- */

/* 一部背景 */
.flat-bg-area{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/flat-bg-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/flat-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/semi-orderhouse/flat-bg-sp.jpg") center center repeat;}
}

/* 一部背景 */
.skip_floor-bg-area{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/skip_floor-bg-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/skip_floor-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/semi-orderhouse/skip_floor-bg-sp.jpg") center center repeat;}
}

/* 一部背景 */
.two_floor-bg-area{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/two_floor-bg-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/two_floor-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/semi-orderhouse/two_floor-bg-sp.jpg") center center repeat;}
}

/* 一部背景 */
.tiny_house-bg-area{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/tiny_house-bg-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/tiny_house-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/semi-orderhouse/tiny_house-bg-sp.jpg") center center repeat;}
}

/* 一部背景 */
.log_house-bg-area{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/log_house-bg-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/semi-orderhouse/log_house-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/semi-orderhouse/log_house-bg-sp.jpg") center center repeat;}
}

.semi-order-mat{
	@media only screen and (min-width: 600px){ margin-top: -130px; margin-bottom: 200px;}
	@media only screen and (max-width: 600px){ margin-top: -50px;}
}


/*	レスポンシブ <a>を使わない時 */
.sonavi{
/*	margin: 2px 5px 2px 0px;*/
	padding: 7px 40px;
	line-height: 140%;
	text-align: center;
	background-color: #f0dd99;
	border-radius: 30px;
	display: inline-block;
}

/*	レスポンシブ <a>を使う時  */
.sonavi-a{
	margin: 0px 0px 0px 0px;
	line-height: 140%;
	text-align: center;
	background-color: #f0dd99;
	border-radius: 30px;
	display: inline-block;
}
.sonavi-a a{
	padding: 5px 40px 7px;
	color: #444444;
	border-radius: 30px;
	display: block;
}
.sonavi-a a:hover{
	color: #444444;
	background-color: #ffeeaa;
	display: block;
}
.sonavi-swide a{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/*	幅max <a>を使う時  */
.sonavi-max-a{
	margin: 0px 0px 0px 0px;
	line-height: 140%;
	text-align: center;
	background-color: #f0dd99;
	border-radius: 30px;
	display: inline-block;	width: 100%;
}
.sonavi-max-a a{
	padding: 5px 0px 7px;
	color: #444444;
	border-radius: 30px;
	display: block;
}
.sonavi-max-a a:hover{
	color: #444444;
	background-color: #ffeeaa;
	display: block;
}

.semi-orderhouse-main-box { 
h2{
	font-weight: 500;
	text-align: center;
		@media only screen and (min-width: 480px){
		margin-top: -100px;
		font-size: 20px;
		padding	: 40px 0px 40px;
		}
		@media only screen and (max-width: 480px){
		margin-top: -30px;
		font-size: 18px;
		padding	: 0px 0px 30px;
		}
}
p.txt{
	margin: 0px auto;
/*	max-width: 660px;*/
	font-weight: 500;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 15px;
		padding	: 0px 0px 0px;
		line-height: 220%;
		}
		@media only screen and (max-width: 480px){
		font-size: 14px;
		padding	: 0px 0px 0px;
		line-height: 180%;
		}
}

h3{
/*	background-color: #221815;*/
	background:linear-gradient(-135deg, transparent 8px, #221815 0);
	color: #fff;
	font-weight: 500;

/*width: fit-content;*/
		@media only screen and (min-width: 480px){
		font-size: 18px;
		padding	: 8px 15px 8px 15px;
		line-height: 24px;
		}
		@media only screen and (max-width: 480px){
		font-size: 18px;
		padding	: 8px 15px 8px 15px;
		line-height: 24px;
		}
}
h3 span.font-s{
		@media only screen and (min-width: 480px){
		font-size: 15px;
		}
		@media only screen and (max-width: 480px){
		font-size: 15px;
		}
}

}

.semi-orderhouse-contents-box { 
h2{
	font-weight: bold;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 24px;
		padding-top : 80px;
		padding-bottom	: 40px;
		}
		@media only screen and (max-width: 480px){
		font-size: 18px;
		padding-top : 50px;
		padding-bottom	: 30px;
		}
}
p.txt{
	margin: 0px auto;
	max-width: 660px;
	font-weight: 500;
		@media only screen and (min-width: 480px){
		font-size: 15px;
		padding-bottom : 80px;
		}
		@media only screen and (max-width: 480px){
		font-size: 13px;
		padding-bottom	: 40px;
		line-height: 180%;
		}
}
}

/* 間取り画像 */

.semi-odh-madori{
		@media only screen and (min-width: 480px){
max-height: 200px;
		}
		@media only screen and (max-width: 480px){
max-height: 120px;
		}
}


/* SUB wood-stoveページ ---------------------------------------------------------------------- */

/* 一部背景 */
.wood-stove-bg01-area{
/*	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/wood-stove/bg1-pc.jpg") center center repeat; background-attachment: fixed;} */
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/wood-stove/bg1-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/wood-stove/bg1-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/wood-stove/bg1-sp.jpg") center center repeat; padding-top: 26px;}
}
.wood-stove-bg02-area{
/*	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/wood-stove/bg2-pc.jpg") center center repeat; background-attachment: fixed;} */
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/wood-stove/bg2-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/wood-stove/bg2-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/wood-stove/bg2-sp.jpg") center center repeat; padding-top: 26px;}
}

.wood-stove-txt-box{　/* いらない 消す */
  position: relative;
	height: 100%;
	border: 2px #cccccc solid;
}

.wood-stove-txt-box div{　/* いらない 消す */
  position: absolute;
	height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	border: 1px #cccccc solid;
}



/* SUB reformページ ---------------------------------------------------------------------- */

/* 一部背景 */
.reform-bg01-area{
/*	@media only screen and (min-width: 1024px){ height: 300px; background:url("../imgreform/bg1-pc.jpg") center center repeat; background-attachment: fixed;} */
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/reform/bg1-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/reform/bg1-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/reform/bg1-sp.jpg") center center repeat; padding-top: 26px;}
}



/* SUB modelhouseページ ---------------------------------------------------------------------- */

.modelhouse-sub-box{
	margin: 0px auto;
	max-width: 900px;
	overflow: hidden;
	border: 0px #ff0000 solid;
.comment{
	@media only screen and (min-width: 480px){ margin: 50px 0px; }
	@media only screen and (max-width: 480px){ margin: 30px 0px; }
	}
}
.modelhouse-sub-box img{
	max-width: 100%;
	height: auto;
}



/* SUB build-commitmentページ ---------------------------------------------------------------------- */

.commitment-main-box { 
h2{
	font-weight: 500;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 20px;
		margin-top: -50px;
		padding	: 40px 0px 0px;
		}
		@media only screen and (max-width: 480px){
		font-size: 18px;
		padding	: 0px 0px 0px;
		}
}
p.txt{
	margin: 0px auto;
/*	max-width: 660px;*/
/*	font-weight: 500;*/
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 17px;
		padding	: 0px 0px 0px;
		line-height: 220%;
		}
		@media only screen and (max-width: 480px){
		font-size: 15px;
		padding	: 0px 0px 0px;
		line-height: 180%;
		}
}
}

/* 一部背景 */
.commitment-bg-area01{
	@media only screen and (min-width: 1024px){ height: 600px; background:url("../img/build-commitment/bg01-pc.jpg") center center repeat; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 400px; background:url("../img/build-commitment/bg01-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 260px;  background:url("../img/build-commitment/bg01-sp.jpg") center center repeat;}
	border: 0px #ccaa77 solid;
}
.build-commitment p.commitment-txt01 {
	text-align: center;
	color: #fff !important;
	font-weight: 400 !important;
	text-shadow: 0 0 8px rgb(20, 0, 0, 1.0);
		@media only screen and (min-width: 1024px){
		padding-top: 250px;
		font-size: 17px !important;
		line-height: 300%;
		}
		@media only screen and (max-width: 1024px){
		padding-top: 150px;
		font-size: 17px !important;
		line-height: 240%;
		}
		@media only screen and (max-width: 600px){
		padding-top: 90px;
		font-size: 15px !important;
		line-height: 240%;
		}
}

.commitment-bg-area02{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/build-commitment/bg02-pc.png") center center no-repeat;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/build-commitment/bg02-tb.png") center center no-repeat;}
	@media only screen and (max-width: 600px){ height: 200px;  background:url("../img/build-commitment/bg02-sp.png") center center no-repeat;}
	border: 0px #ccaa77 solid;
}
.build-commitment p.commitment-txt02 {
	text-align: center;
	font-weight: 400 !important;
/*	text-shadow: 0 0 8px rgb(20, 0, 0, 1.0);*/
	border: 0px #ccaa77 solid;
		@media only screen and (min-width: 1024px){
		padding-top: 100px;
		font-size: 17px !important;
		line-height: 300%;
		}
		@media only screen and (max-width: 1024px){
		padding-top: 100px;
		font-size: 17px !important;
		line-height: 240%;
		}
		@media only screen and (max-width: 600px){
		padding-top: 65px;
		font-size: 15px !important;
		line-height: 240%;
		}
}
.commitment-bg-area03{
	@media only screen and (min-width: 1024px){ height: 600px; background:url("../img/build-commitment/bg03-pc.jpg") center center repeat; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 400px; background:url("../img/build-commitment/bg03-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 260px;  background:url("../img/build-commitment/bg03-sp.jpg") center center repeat;}
	border: 0px #ccaa77 solid;
}
.build-commitment p.commitment-txt03 {
	text-align: center;
	color: #fff !important;
	font-weight: 400 !important;
	text-shadow: 0 0 8px rgb(20, 0, 0, 1.0);
		@media only screen and (min-width: 1024px){
		padding-top: 250px;
		font-size: 17px !important;
		line-height: 300%;
		}
		@media only screen and (max-width: 1024px){
		padding-top: 150px;
		font-size: 17px !important;
		line-height: 240%;
		}
		@media only screen and (max-width: 600px){
		padding-top: 90px;
		font-size: 15px !important;
		line-height: 240%;
		}
}

.commitment-bg-area04{
	@media only screen and (min-width: 1024px){ height: 600px; background:url("../img/build-commitment/bg04-pc.jpg") center center repeat; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 400px; background:url("../img/build-commitment/bg04-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 260px;  background:url("../img/build-commitment/bg04-sp.jpg") center center repeat;}
	border: 0px #ccaa77 solid;
}
.build-commitment p.commitment-txt04 {
	text-align: center;
	color: #fff !important;
	font-weight: 400 !important;
	text-shadow: 0 0 8px rgb(20, 0, 0, 1.0);
		@media only screen and (min-width: 1024px){
		padding-top: 170px;
		font-size: 17px !important;
		line-height: 300%;
		}
		@media only screen and (max-width: 1024px){
		padding-top: 90px;
		font-size: 17px !important;
		line-height: 240%;
		}
		@media only screen and (max-width: 600px){
		padding-top: 40px;
		font-size: 15px !important;
		line-height: 240%;
		}
}

.commitment-bg-area05{
	@media only screen and (min-width: 1024px){ height: 500px; background:url("../img/build-commitment/bg05-pc.png") center center no-repeat;}
	@media only screen and (max-width: 1024px){ height: 460px; background:url("../img/build-commitment/bg05-tb.png") center center no-repeat;}
	@media only screen and (max-width: 600px){ height: 300px;  background:url("../img/build-commitment/bg05-sp.png") center center no-repeat;}
	border: 0px #ccaa77 solid;
}
.build-commitment p.commitment-txt05 {
	text-align: center;
	font-weight: 400 !important;
/*	text-shadow: 0 0 8px rgb(20, 0, 0, 1.0);*/
	border: 0px #ccaa77 solid;
		@media only screen and (min-width: 1024px){
		padding-top: 90px;
		font-size: 17px !important;
		line-height: 300%;
		}
		@media only screen and (max-width: 1024px){
		padding-top: 100px;
		font-size: 17px !important;
		line-height: 240%;
		}
		@media only screen and (max-width: 600px){
		padding-top: 40px;
		font-size: 15px !important;
		line-height: 240%;
		}
}

.commitment-bg-area06{
	@media only screen and (min-width: 1024px){ height: 600px; background:url("../img/build-commitment/bg06-pc.jpg") center center repeat; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 400px; background:url("../img/build-commitment/bg06-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 260px;  background:url("../img/build-commitment/bg06-sp.jpg") center center repeat;}
	border: 0px #ccaa77 solid;
}
.build-commitment p.commitment-txt06 {
	text-align: center;
	color: #fff !important;
	font-weight: 400 !important;
	text-shadow: 0 0 8px rgb(20, 0, 0, 1.0);
		@media only screen and (min-width: 1024px){
		padding-top: 230px;
		font-size: 17px !important;
		line-height: 300%;
		}
		@media only screen and (max-width: 1024px){
		padding-top: 120px;
		font-size: 17px !important;
		line-height: 240%;
		}
		@media only screen and (max-width: 600px){
		padding-top: 70px;
		font-size: 15px !important;
		line-height: 240%;
		}
}



/* SUB build-qualityページ ---------------------------------------------------------------------- */

/* 一部背景 */
.quality-bg-area{
/*	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/build-quality/quality-bg-pc.jpg") center center repeat; background-attachment: fixed;} */
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/build-quality/quality-bg-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/build-quality/quality-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/build-quality/quality-bg-sp.jpg") center center repeat; padding-top: 20px;}
}
.inspection-bg-area{
/*	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/build-quality/inspection-bg-pc.jpg") center center repeat; background-attachment: fixed;} */
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/build-quality/inspection-bg-pc.jpg") center center / cover; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/build-quality/inspection-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/build-quality/inspection-bg-sp.jpg") center center repeat; padding-top: 20px;}
}

/* ビューアップ */
/* ナビ */
.build-quality-openmodal{
	height: 200px;
	line-height: 200px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.build-quality-openmodal p{
	color: #fff;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
	font-size: 20px;
	font-weight: bold;
	line-height: 200px;
	padding: 0px 0px;
}
.navi-openmodal1{
	background: url("../img/build-quality/navi-openmodal1.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
}
.navi-openmodal2{
	background:url("../img/build-quality/navi-openmodal2.jpg") no-repeat 0 0 / cover;
	width: 100%;
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:darken;
}
/* /ナビ */

/*
.box .flex_box0 {
	display: flex;
	justify-content: space-between;
	max-width: 700px;
	margin: auto;
	border: 1px #ccc solid;
}
.box .flex_box div {
	width: 200px;
	height: 200px
}
.box .flex_box div:nth-child(1) {
	background-size: cover
}
.box .flex_box div:nth-child(2) {
	background-size: cover
}
*/

/* 表示 */
 .viewup {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
        height: 100%;
	overflow: auto;
	background-color: rgba(35,24,21,.8)
}
.viewup .viewup-content {
	background-color: #ddd;
	margin: 5% auto;
	max-width: 750px;
	border-radius: 5px;
@media only screen and (min-width: 600px){ margin-top: 140px; padding: 30px 30px;}
@media only screen and (max-width: 600px){ margin-top: 70px; padding: 20px 20px;}
}
/* /表示 */

/* 閉じるボタン */
.quality-close_btn{  /* 右上 */
	float: right;
@media only screen and (min-width: 600px){ margin-top: -10px; margin-right: 42px;}
@media only screen and (max-width: 600px){ margin-top: -10px; margin-right: 36px;}
text-align: right;
position: relative;
z-index: 999999;
}
.quality-close_btn :hover{ opacity:0.70;}
.quality-close_btn .close{
	position: absolute;
	text-align: right;
	cursor: pointer;
}
.quality-close_btn .close img{
	border-radius: 5px;
}

.quality-close_btn-bottom{  /* 下中央 スマホのみ */
	text-align: center;
	margin: 15px auto 5px;
}
.quality-close_btn-bottom :hover{opacity:0.70;}
.quality-close_btn-bottom .close{
	text-align: right;
	cursor: pointer;
}
.quality-close_btn-bottom .close img{
	border-radius: 5px;
}
/* /閉じるボタン */
/* ビューアップここまで */


/* imgスクロール */
.img-scroll {
  overflow-x: scroll;
}
.img-scroll img{
  width: 600px;
}



/* SUB build-flowページ ---------------------------------------------------------------------- */

/* 一部背景 */
.flow01-bg-area{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/build-flow/flow01-bg-pc.jpg") center center repeat; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/build-flow/flow01-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/build-flow/flow01-bg-sp.jpg") center center repeat; padding-top: 10px;}
}
.flow02-bg-area{
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/build-flow/flow02-bg-pc.jpg") center center repeat; background-attachment: fixed;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/build-flow/flow02-bg-tb.jpg") center center repeat;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/build-flow/flow02-bg-sp.jpg") center center repeat; padding-top: 10px;}
}

.build-flow-main-box { 
h2{
	font-weight: bold;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 20px;
		margin-top: -50px;
		padding	: 40px 0px 40px;
		}
		@media only screen and (max-width: 480px){
		font-size: 18px;
		padding	: 0px 0px 30px;
		}
}
p.txt{
	margin: 0px auto;
/*	max-width: 660px;*/
	font-weight: 500;
	text-align: center;
		@media only screen and (min-width: 480px){
		font-size: 15px;
		padding	: 0px 0px 20px;
		line-height: 220%;
		}
		@media only screen and (max-width: 480px){
		font-size: 14px;
		padding	: 0px 0px 0px;
		line-height: 180%;
		}
}
}

.build-flow .title{
	padding: 10px;
	border: 3px #d5be9a solid;
	background-color: #fff;
	border-radius: 8px;
	font-weight: bold;
}

.build-flow p.arrow{
	color: #d5be9a;
	text-align: center
}

.build-flow .flow-img{
	object-fit:contain;
	border: 0px #ffbb66 solid;
	height:100%;
		@media only screen and (min-width: 480px){
		padding: 0px 20px;
		}
		@media only screen and (max-width: 480px){
		padding: 0px 0px;
		}
}



.build-flow .flow-img img{
	width: 100%;
		@media only screen and (max-width: 480px){
		margin-top: 10px;
		}
}



/* SUB build-maintenanceページ ---------------------------------------------------------------------- */

.maintenance-h-bg{
	border: 1px #f4f0eb solid;
	background-color: #fff;
}

.maintenance-h-title{
	padding: 10px;
	text-align: center;
	font-weight: 600;
}

.maintenance-h-txt{
	padding: 0px 10px 10px;
	font-size: 12px;
}



/* SUB スタッフ紹介ページ ---------------------------------------------------------------------- */

/* ナビ */
.staff-viewup-navi{
	float: left;
	border: 0px #ff0000 solid;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	@media only screen and (min-width: 480px){ width: 200px;}
	@media only screen and (max-width: 480px){ width: 150px;}
}
.staff-viewup-navi .pic{
	@media only screen and (min-width: 480px){ height: 200px; width: 200px;}
	@media only screen and (max-width: 480px){ height: 150px; width: 150px;}
}
.staff-viewup-navi p.mane{
	text-align: center;
	font-weight: 400;
/*	font-family: "Yomogi", cursive;*/
/*	font-weight: 900;*/
	margin-top: 5px;
	@media only screen and (min-width: 480px){ font-size: 17px;}
	@media only screen and (max-width: 480px){ font-size: 15px;}
}
.staff-viewup-navi .bg01{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi01.jpg") no-repeat 0 0 / cover;
	width: 100%;
}
.staff-viewup-navi .bg01 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi01u.jpg") no-repeat 0 0 / cover;
}
.staff-viewup-navi .bg11{
	background-color: #fafafa;
	border-radius: 5px;
	background:url("../img/staff/navi11.jpg") no-repeat 0 0 / cover;
	width: 100%;
}
.staff-viewup-navi .bg11 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi11u.jpg") no-repeat 0 0 / cover;
}
.staff-viewup-navi .bg12{
	background-color: #fafafa;
	border-radius: 5px;
	background:url("../img/staff/navi12.jpg") no-repeat 0 0 / cover;
	width: 100%;
}
.staff-viewup-navi .bg12 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi12u.jpg") no-repeat 0 0 / cover;
}
.staff-viewup-navi .bg13{
	background-color: #fafafa;
	border-radius: 5px;
	background:url("../img/staff/navi13.jpg") no-repeat 0 0 / cover;
	width: 100%;
}
.staff-viewup-navi .bg13 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi13u.jpg") no-repeat 0 0 / cover;
}
.staff-viewup-navi .bg21{
	background-color: #fafafa;
	border-radius: 5px;
	background:url("../img/staff/navi21.jpg") no-repeat 0 0 / cover;
	width: 100%;
}
.staff-viewup-navi .bg21 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi21u.jpg") no-repeat 0 0 / cover;
}
.staff-viewup-navi .bg22{
	background-color: #fafafa;
	border-radius: 5px;
	background:url("../img/staff/navi22.jpg") no-repeat 0 0 / cover;
	width: 100%;
}
.staff-viewup-navi .bg22 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi22u.jpg") no-repeat 0 0 / cover;
}
.staff-viewup-navi .bg31{
	background-color: #fafafa;
	border-radius: 5px;
	background:url("../img/staff/navi31.jpg") no-repeat 0 0 / cover;
	width: 100%;
}
.staff-viewup-navi .bg31 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
	background:url("../img/staff/navi31u.jpg") no-repeat 0 0 / cover;
}
.staff-viewup-navi .bg99{
	background-color: #fafafa;
	border-radius: 5px;
	width: 100%;
}
.staff-viewup-navi .bg99 :hover{
	background-color: #f4f4f4;
	border-radius: 5px;
}
/* /ナビ */

/* staffビューアップ */
/* 表示 */
.staff-viewup {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
        height: 100%;
	overflow: auto;
	background-color: rgba(35,24,21,.8)
}
.staff-viewup .viewup-content {
/*	background-color: #ddd;*/
	margin: 5% auto;
	padding: 0px 0px;
	max-width: 860px; /* 画面幅 */
	border-radius: 0px;
	border: 0px #ff0000 solid;
	overflow: hidden;
@media only screen and (min-width: 480px){ margin-top: 140px;}
@media only screen and (max-width: 480px){ margin-top: 70px;}
}
/* /表示 */

/* 閉じるボタン */
.staff-close_btn{  /* 右上 */
	float: right;
@media only screen and (min-width: 480px){ margin-right: 50px;}
@media only screen and (max-width: 480px){ margin-right: 50px;}
}
.staff-close_btn :hover{ opacity:0.70;}
.staff-close_btn .close{
	position: absolute;
	cursor: pointer;
@media only screen and (min-width: 480px){ margin-top: 0px;}
@media only screen and (max-width: 480px){ margin-top: 0px;}
}
.staff-close_btn .close img{
/*	border-radius: 5px;*/
}

.staff-close_btn-bottom{  /* 下中央 */
	text-align: center;
	margin: 4px auto 0px;
}
.staff-close_btn-bottom :hover{opacity:0.70;}
.staff-close_btn-bottom .close{
	cursor: pointer;
}
.staff-close_btn-bottom .close img{
/*	border-radius: 5px;*/
}
/* /閉じるボタン */


/* staffビューアップ内容 */
.staff-box-all {
	width: 100%;
	margin-bottom: 60px;
	border-radius: 0px;
	overflow: hidden;
	background-color: #f2f2f2;
	border: 0px #ff6600 solid;
	box-sizing: border-box;
	@media only screen and (min-width: 480px){
	padding: 30px 20px 0px;
	}
	@media only screen and (max-width: 480px){
	padding: 20px 10px 0px;
	}
}
.staff-box {
	width: 100%;
	margin-bottom: 35px;
	border: 0px #ddd solid;
	overflow: hidden;
}
.staff-boxsl {
	float: left;
	overflow: hidden;
	border: 0px #ff0000 solid;
	box-sizing: border-box;
	@media only screen and (min-width: 740px){
		width: 65%;
	}
	@media only screen and (max-width: 740px){
		width: 100%;
	}
}
.staff-boxsr {
	float: right;
	overflow: hidden;
	border: 0px #ff0000 solid;
	box-sizing: border-box;
	@media only screen and (min-width: 740px){
	padding: 0px 0px;
	width: calc(35% - 0px);
	}
	@media only screen and (max-width: 740px){
	padding: 20px 10px 0px;
	width: calc(100% - 0px);
	float: left;
	}
}
.staff-main-pic {
	float: left;
	overflow: hidden;
	border-radius: 5px;
	border: 0px #ff0000 solid;
	box-sizing: border-box;
	@media only screen and (min-width: 480px){
		width: 200px;
/*		width: 40%;*/
	}
	@media only screen and (max-width: 480px){
		width: 150px;
	}
}
.staff-main-txt {
	float: right;
	overflow: hidden;
	border: 0px #ff0000 solid;
	box-sizing: border-box;
	@media only screen and (min-width: 480px){
	padding: 0px 0px 0px 20px;
	width: calc(100% - 200px);
	}
	@media only screen and (max-width: 480px){
	padding: 0px 0px 0px 15px;
	width: calc(100% - 150px);
	}
}
.staff-main-txt .dept {}
.staff-main-txt .name { font-weight: 500;
	@media only screen and (min-width: 480px){ font-size: 20px; }
	@media only screen and (max-width: 480px){ font-size: 18px; }
}
.staff-main-txt .name2 { font-weight: 500;
	@media only screen and (min-width: 480px){ font-size: 16px; }
	@media only screen and (max-width: 480px){}
}
.staff-main-txt .from { margin-top: 10px; }
.staff-main-txt .name3 { margin-top: 10px; }

.staff-pic-box {
	width: 100%;
	border: 0px #ddd solid;
	overflow: hidden;
	@media only screen and (min-width: 480px){ margin-top: 0px; }
}
.staff-pic {
	width: 100%;
	border: 0px #ca8 solid;
	overflow: hidden;
}
.staff-pic .pic{
	float: left;
	overflow: hidden;
	border: 0px #ff0000 solid;
	box-sizing: border-box;
	@media only screen and (min-width: 740px){
	padding: 20px;
		width : calc(100% / 3) ;
	}
	@media only screen and (max-width: 740px){
	padding: 10px;
		width : calc(100% / 2) ;
	}
}
.staff-pic .pic p{
	margin-top: 10px;
}


/* staffビューアップ内容ここまで */

/* staffビューアップここまで */

h2.staff-top {
	color: #cbbf99;
	font-weight: bold;
		@media only screen and (min-width: 740px){
		margin-top: -3px;
		padding-top: 0px;
		padding-bottom	: 7px;
		font-size: 22px;
	overflow: hidden;
		}
		@media only screen and (max-width: 740px){
		padding-top: 5px;
		padding-bottom	: 10px;
		font-size: 20px;
		}
	border: 0px #ccaa77 solid;
}

.staff-youtube-pc {
	@media only screen and (min-width: 740px){iframe{ border-radius: 5px; }}
	@media only screen and (max-width: 740px){display: none;}
}
.staff-youtube-sp {
	@media only screen and (min-width: 740px){display: none;}
	@media only screen and (max-width: 740px){}
}




/* SUB worksページ ---------------------------------------------------------------------- */

/* 背景画像設定 */

.sub-img-works-o01 {
	background: url("../img/works/o/01/04.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o02 {
	background: url("../img/works/o/02/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o03 {
	background: url("../img/works/o/03/06.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o04 {
	background: url("../img/works/o/04/02.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o05 {
	background: url("../img/works/o/05/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o06 {
	background: url("../img/works/o/06/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o07 {
	background: url("../img/works/o/07/02.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o08 {
	background: url("../img/works/o/08/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o09 {
	background: url("../img/works/o/09/03.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}
.sub-img-works-o10 {
	background: url("../img/works/o/10/06.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}


.sub-img-works-so01 {
	background: url("../img/works/so/01/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}

.sub-img-works-so02 {
	background: url("../img/works/so/02/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}

.sub-img-works-so03 {
	background: url("../img/works/so/03/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}

.sub-img-works-so04 {
	background: url("../img/works/so/04/02.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}

.sub-img-works-so05 {
	background: url("../img/works/so/05/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}

.sub-img-works-so06 {
	background: url("../img/works/so/06/05.jpg") top center no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode:darken;
@media only screen and (min-width: 720px){background-size: 100% auto;}
@media only screen and (max-width: 720px){}
}

.works-sub-box-o{
	margin: 0px auto;
	max-width: 900px;
	overflow: hidden;
	border: 0px #ff0000 solid;
		h3 {
			text-align: center;
		}
	@media only screen and (min-width: 480px){
		h3 {
			padding: 0px 0px 0px 0px;
			font-size: 17px;
			line-height: 200%;
		}
		p {
			padding: 0px 0px 60px 0px;
		}
	}
	@media only screen and (max-width: 480px){
		h3 {
			padding: 0px 0px 0px 0px;
			font-size: 14px;
		}
		p {
			padding: 0px 0px 30px 0px;
			font-size: 13px;
			line-height: 200%;
		}
	}
}
.works-sub-box-o img{
	max-width: 100%;
	height: auto;
}

.works-sub-box{
	margin: 0px auto;
	max-width: 900px;
	overflow: hidden;
	border: 0px #ff0000 solid;
		h3 {
			padding: 20px 0px 10px 0px;
			line-height: 160%;
		}
		.h3txt{
			padding: 0px 0px 50px 0px;
		}
		p {
			padding-bottom: 30px;
		}
	@media only screen and (min-width: 480px){
		h3 {
			font-size: 19px;
		}
		p {
			padding-bottom: 30px;
		}
	}
	@media only screen and (max-width: 480px){
		h3 {
			font-size: 16px;
		}
		p {
			font-size: 13px;
			padding-bottom: 30px;
		}
	}
}
.works-sub-box img{
	max-width: 100%;
	height: auto;
}

.works-main-box { 

h3{
/*	background-color: #221815;*/
	background:linear-gradient(-135deg, transparent 8px, #45331f 0);
	color: #fff;
	font-weight: 500;
/*width: fit-content;*/
		@media only screen and (min-width: 480px){
		font-size: 17px;
		padding	: 15px 15px 15px 15px;
/*		line-height: 24px;*/
		}
		@media only screen and (max-width: 480px){
		font-size: 14px;
		padding	: 10px 13px 10px 13px;
/*		line-height: 24px;*/
		}
}
}


/* SUB companyページ ---------------------------------------------------------------------- */

.company{
	border-bottom: 1px #f6f5f0 solid;
/*	line-height: 200%;*/
}
@media only screen and (min-width: 480px){
.company{
	display: flex;
}
.company .l{
	width: 160px;
	min-width: 160px;
	padding: 10px 3px 10px 12px;
	background-color: #f1eee3;
}
.company .r{
	flex-grow: 100;
	padding: 10px 3px 10px 12px;
}
}

@media only screen and (max-width: 480px){
.company{
	overflow: hidden;
}
.company .l{
	width: 100%;
	padding: 10px 3px 10px 10px;
	background-color: #f1eee3;
}
.company .r{
	width: calc(100% - 10px);
/*	width: 100%;*/
	padding: 10px 3px 20px 10px;
}
}

/* 一部背景 */
.related-business-bg-area{
/*	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/company/related-business-bg-pc.jpg") center center repeat; background-attachment: fixed; padding-top: 15px;}*/
	@media only screen and (min-width: 1024px){ height: 300px; background:url("../img/company/related-business-bg-pc.jpg") center center / cover; background-attachment: fixed; padding-top: 15px;}
	@media only screen and (max-width: 1024px){ height: 300px; background:url("../img/company/related-business-bg-tb.jpg") center center repeat; padding-top: 15px;}
	@media only screen and (max-width: 600px){ height: 200px; background:url("../img/company/related-business-bg-sp.jpg") center center repeat; padding-top: 5px;}
}

/* SUB PRIVACY POLICYページ ---------------------------------------------------------------------- */



/* SUB お問い合わせ・資料請求・モデルハウス予約フォーム ---------------------------------------------------------------------- */

.contact-form{
	border-bottom: 1px #f6f5f0 solid;
/*	line-height: 200%;*/
}
@media only screen and (min-width: 480px){
.contact-form{
	display: flex;
}
.contact-form .l{
	width: 170px;
	min-width: 170px;
	padding: 10px 3px 10px 12px;
	background-color: #f1eee3;
}
.contact-form .r{
	flex-grow: 100;
	padding: 10px 3px 10px 12px;
}
}

@media only screen and (max-width: 480px){
.contact-form{
	overflow: hidden;
}
.contact-form .l{
	width: 100%;
	padding: 10px 3px 10px 10px;
	background-color: #f1eee3;
}
.contact-form .r{
	width: calc(100% - 10px);
/*	width: 100%;*/
	padding: 10px 3px 20px 10px;
}
}

.contact-button{
	width: 70%;
	margin: 0px auto;
	text-align: center;
	overflow: hidden;
	border: 0px #cccccc dotted;
}

.contact-button p.l{
	text-align: center;
	width: 50%;
	float: left;
	overflow: hidden;
	border: 0px #cccccc dotted;
}
.contact-button p.r{
	text-align: center;
	width: 50%;
	float: right;
	overflow: hidden;
	border: 0px #cccccc dotted;
}

.contact-check-navi {
	background: url("../img/common/dash-dred.png") top left repeat;
	background-color: #990000;
	color: #ffffff;
	padding: 30px 0px;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
}
@media only screen and (min-width: 480px){.contact-check-navi {font-size: 15px; margin: 30px 30px;}}
@media only screen and (max-width: 480px){.contact-check-navi {font-size: 13px; margin: 30px 0px;}}


.form-input-all {
	width: 88%;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.form-input-tel{
	width: 60px;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.form-select-day{
	width: 80px;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.form-select-time{
	width: 90px;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.form-input-day{
	width: 20px;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.form-input-yuubin{
	width: 100px;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.form-select-people{
	width: 90px;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.form-input-toi{
	width: 88%;
	padding: 10px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.day-line{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-top: 1px #cccccc dashed;
}



/* SUB moveinfoページ ---------------------------------------------------------------------- */

.moveinfo-box{

	h2.top {
		text-align: center;
		color: #dac4c4;
		font-weight: bold;
		transform: scale(1, 1);
		letter-spacing: 0em;
			@media only screen and (min-width: 480px){
			padding-top: 15px;
			padding-bottom	: 20px;
			font-size: 45px;
			}
			@media only screen and (max-width: 480px){
			padding-top: 5px;
			padding-bottom	: 10px;
			font-size: 26px;
			}
		}
	p {
		font-size: 14px;
	}
}