@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;700&display=swap");
body {
	font-family: 'Noto Sans JP', sans-serif;
}

html,body,div,p,picture{margin:0;padding:0;}

img{display:block;width:100%;}

.form-wrap{width:100%;}

.form-item{width:90%;margin:0 auto 1.5rem;}

header{background-color:#2C2F2E;position:relative;z-index:200;}
.header_wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;}
	.header_logo{width:10%;padding:1.5rem 0;box-sizing:border-box;}
	.header_pc_menu{width:50%;display:flex;justify-content:space-around;}
.menu-txt{color:#fff;font-size:150%}
	.header_pc_menu a{text-decoration:none;color:#fff;cursor : pointer;}
	.header_pc_menu a:hover{opacity:.8}
	.header_contact a{position:absolute;top:0;left:0;width:100%;height:100%;}
	
	.header_contact{width:18%;padding:2rem 0;box-sizing:border-box;background-color:#E5D1AF;height:100%;text-align:center;position:relative;}
		@media screen and (max-width: 1000px){
	.header_wrap{width:100%;}
				.header_logo{width:30%;padding-left:2%;padding-top:0;padding-bottom:0;}
			.header_pc_menu{display:none;}
				.header_contact{width:40%;padding:1rem 0;position:relative;}
			.header_contact a{position:absolute;top:0;left:0;width:100%;height:100%;}
	}

html,body{overflow-x:hidden;}


.tac{text-align:center;}
.tar{text-align:right;}
.white{color:#fff;}
.bg_white{background-color:#fff;}
.pb4{padding-bottom:4%}
.pt4{padding-top:4%}
.pb8{padiing-bottom:8%}
.mt4{margin-top:4%!important}
.mb4{margin-bottom:4%}
.pr2{padding-right:2%}
.jcsb{justify-content: space-between}
.fs80{font-size:80%;}
.fs120{font-size:120%;}
.w21{width:21%}
.w22{wisth:22%}
.w44{width:44%;}
.w48{width:48%;}
.w50{width:50%}
.w86{width:86%;}
.m0a{margin:0 auto;}
.mt4{margin-top:4%;}

	.pc{display:block;}
	.sp{display:none;}
	.pc_flex{display:flex;}

.zi1000{z-index:1000}


.din-font{font-family: "din-condensed", sans-serif;
font-weight: 400;
	font-style: normal;}
	.mw1280{max-width:1280px;width:100%;}
	.mw1280sp100{max-width:1280px;width:100%;}
	.mw1280sp96{max-width:1280px;width:100%;}
	
	.delay05{animation-delay: 0.5s;}	
	.delay10{animation-delay: 1s;}
	.delay15{animation-delay: 1.5s;}
	.delay20{animation-delay: 2s;}	
	.delay25{animation-delay: 2.5s;}
	.delay30{animation-delay: 3s;}		
	.delay35{animation-delay: 3.5s;}
	.delay40{animation-delay: 4s;}		
	.delay45{animation-delay: 4.5s;}
	.delay50{animation-delay: 5s;}	
	.delay55{animation-delay: 5.5s;}
	.delay60{animation-delay: 6s;}	
	.delay65{animation-delay: 6.5s;}
	.delay70{animation-delay: 7s;}
	.delay75{animation-delay: 7.5s;}
	.delay80{animation-delay: 8s;}	
	.delay85{animation-delay: 8.5s;}
	.delay90{animation-delay: 9s;}		
	.delay95{animation-delay: 9.5s;}
	.delay100{animation-delay: 10s;}		
	.delay105{animation-delay: 10.5s;}
	.delay110{animation-delay: 11s;}	
	.delay115{animation-delay: 11.5s;}
	.delay120{animation-delay: 12s;}	
	.delay125{animation-delay: 12.5s;}
	.delay130{animation-delay: 13s;}	
	.delay135{animation-delay: 13.5s;}

.f_shrink0{flex-shrink: 0;}




.espace_section01{padding-top:2%;padding-bottom:2%;}
.section01_wrap{position:relative;padding-top:5%;padding-bottom:5%;margin-top:2%;margin-bottom:2%;}

.section01_under_decoration{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;}

.left-decoration{position:absolute;bottom:0;left:0;width:18%;}
.right-decoration{position:absolute;top:0;right:0;width:18%;}




/*MV画像*/

	.espace_mv{display:flex;flex-wrap:wrap;background-color:#ccc;justify-content:space-between;padding-top:0.2%;padding-bottom:0.2%;box-sizing:border-box;position:relative;}
	.mv_left{width:49.9%;position:relative;}
	.mv_right{width:49.9%;display:flex;flex-wrap:wrap;justify-content:space-between;}

.mv_left02{position:absolute;top:0;left:0;z-index: 10;}
.mv_left03{position:absolute;top:0;left:0;z-index: 20;}
.mv_left04{position:absolute;top:0;left:0;z-index: 30;}

.mv_right_01{width:49.6%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;}

.mv_right01_up{position:relative;}
.right01_up02{position:absolute;top:0;left:0;z-index: 10;}
.right01_up03{position:absolute;top:0;left:0;z-index: 20;}
.right01_up04{position:absolute;top:0;left:0;z-index: 30;}

.mv_right01_down{position:relative;}
.right01_down04{position:absolute;top:0;left:0;z-index: 30;}
.right01_down03{position:absolute;top:0;left:0;z-index: 20;}
.right01_down02{position:absolute;top:0;left:0;z-index: 10;}

.mv_right02{width:50%;}
.mv_right02_wrap{position:relative;}


.mv_right02_04{position:absolute;top:0;left:0;z-index: 30;}
.mv_right02_03{position:absolute;top:0;left:0;z-index: 20;}
.mv_right02_02{position:absolute;top:0;left:0;z-index: 10;}


/*MVテキスト*/

.mv_txtarea{position: absolute;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);background-color:rgba(0,0,0,.6);width:100%;color:#fff;z-index: 180;}

	.mv_name{font-size:400%;}
	.mv_txt{font-size:200%;}
	
	.mv_catch{max-width:1320px;width:100%;margin:2% auto;}



/*MV下部装飾*/

.mv_under_decoration{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;background-color:#ccc;}
.brown{width:34.9%;height:60px;background-color:#594F49;}
.dgrey{width:64.9%;height:60px;background-color:#2C2F2E;}


/* DESIGN STYLEエリア*/


.chic_wrap{background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(236,225,203,1) 50%, rgba(230,215,187,1) 100%);padding-bottom:.5%;margin-top:.5%;}

.chic_active{width:20%;background-color:#E6D7BB;height:10%;padding-top:30%;}
.chic_inactive{width:18%;background-color:#E6D7BB;height:10%;padding-top:20%;}

.natural_wrap{background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(89,79,73,1) 50%, rgba(89,79,73,1) 100%);padding-bottom:.5%;margin-top:.5%;}

.natural_active{width:20%;background-color:#594F49;height:10%;padding-top:30%;}
.natural_inactive{width:18%;background-color:#594F49;height:10%;padding-top:20%;}

.stylish_wrap{background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(44,47,46,1) 50%, rgba(44,47,46,1) 100%);padding-bottom:.5%;margin-top:.5%;}

.stylish_active{width:20%;background-color:#2C2F2E;height:10%;padding-top:30%;}
.stylish_inactive{width:18%;background-color:#2C2F2E;height:10%;padding-top:20%;}



/**/
.garage_heading{background-color:#fff;padding-left:20%;margin-left:-20%;padding-right:2%;}
.garage_heading_area{justify-content:space-between;align-items:flex-end;padding-top:8%;padding-bottom:1%;z-index:30;position:relative;}


.section03_under_decoration{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;}
.section03_under_decoration .section_border_left{margin-top:4%;}


/*reason*/

.reason_single .number{position:absolute;top:0;right:0;opacity:.3;}
.reason_single h3{font-size:160%;}
.reason_wrap,.movie_wrap{align-items:center;padding-top:4%;padding-bottom:1%;z-index:30;position:relative}


/*safety*/

.safety_txt_area{align-items:center;padding-top:2%;padding-bottom:1%;z-index:30;position:relative;}

.safety_wrap{position:relative;padding-bottom:12%;}
.safety_bg_right01{position:absolute;width: 40%;height: 20%;background-color: #E6D7BB;top: 0;right: 0;}
.safety_bg_left{position:absolute;width: 32%;height: 26%;background-color: #E6D7BB;top: 18%;left: 0;}
.safety_bg_right02{position:absolute;width: 28%;height: 14%;background-color: #E6D7BB;bottom: 0;right: 0;}

.uppers_txt{background-color:#2C2F2E;color:#fff;text-align:center;font-size:120%;padding:3%;margin-bottom:8%;}


.safety_big-img{display:flex;justify-content:flex-end;padding-top:4%;position:relative;z-index:20;}

.safety_flow_wrap{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;padding-top:2%;padding-bottom:1%;z-index:30;position:relative;}



.garage_design_bg{background-color:#393433;width:100%;height:100%;position:absolute;top:0;left:-100%;}
.interior_design_bg{background-color:#EDEDED;;width:100%;height:100%;position:absolute;top:0;right:-100%;}




.contact_heading_area,.safety_heading_area,.movie_heading_area{justify-content:space-between;align-items:center;padding-top:4%;padding-bottom:1%;z-index:30;position:relative;}

	
	.reasons_wrap{display:flex;justify-content:space-between;padding-top:4%;padding-bottom:1%;z-index:30;position:relative;}
	.reason_single{width:28%;position:relative;}
	
	.espace_conception{display:flex;position:relative;}
		
	.espace_conception_left{width:50%}
	.espace_conception_right{ position:absolute;top: 50%;
    right: 10%;width:55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);}
	
	.big_heading{display:flex;justify-content:space-between;align-items:center;padding-top:3%;padding-bottom:1%;}
	.big_heading_en{font-size:600%}
	.big_heading_jp{font-size:160%;font-weight:bold;text-align:right}
	
	.three_types_wrap{display:flex;flex-wrap:wrap;flex-direction: row-reverse;justify-content:space-between;}
	.three_types_right{width:70%;}
	.three_types_left{width:24%;}
	
	.color_tips{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;width:100%;}
	
	
	.garage_space{display:flex;justify-content:space-between;flex-wrap:wrap;}
		.garage_space_img{width:30%;}


	
	.section_border_left{width:73%;height:60px;background-color:#594F49;}

	
	@media screen and (max-width: 1000px){
		
		
		.mw1280sp100{width:100% !important;}
		
		.pc{display:none !important;}
		.sp{display:block !important;}
		.pc_flex{display:block !important;}
		
		.espace_mv{display:block;}
		
			.mv_name{font-size:18vw;}
			.mv_txt{font-size:5.4vw;}
		
			.mv_catch{width:90%;margin:2% auto;}
		
		.mv_left,.mv_right{width:100%}
		
			.espace_conception{display:block;}
		
		.espace_conception_left{width:100%;}
		.espace_conception_right{position: initial;width:96%;margin:4% auto 8%;transform: none;
}
		
	.big_heading{display:block;}
			.big_heading_en{font-size:360%}	
	.big_heading_jp{font-size:140%;font-weight:bold;text-align:left;margin-top:6%;margin-bottom:6%;}
	
		.three_types_wrap{display:block;}
.three_types_right{width:80%;margin-left:20%;}
.three_types_left{width:100%;}
		
			.color_tips{display:none;}

	.garage_space{display:block;}
		.garage_space_img{width:100%;}
		
			.reasons_wrap{display:block;}
			.reason_single{width:100%;padding-bottom:4%;}
		
		
	
		
		.section_border_left{width:73%;height:30px;background-color:#594F49;}	
		
		
	}


			
.tips_heading{padding-top:10%;}
				.tips_txt{padding-top:10%;}
				.pcsp_fff{color:#fff;}
				
					@media screen and (max-width: 1000px){
				.tips_heading{padding-top:14%;width:86%;margin:0 auto;}						
				.tips_txt{padding-top:2%;padding-bottom:2%;width:86%;margin:0 auto;}
				.sp_fff{color:#fff;}
				}




.garage_sec{background-image:url(asset/images/pers_bg.png);background-position:center;position:relative;padding-top:5%;padding-bottom:5%;margin-top:-6%;}
	
.garage_img{width:70%;z-index:100;position:relative;}	
	
@media screen and (max-width: 1000px){
.garage_sec{background-image:url(asset/images/pers_bg.png);background-position:bottom;position:relative;padding-top:58%;padding-bottom:5%;margin-top:-40%;}

.garage_img{width:96%;z-index:100;position:relative;}		
	
}


	.uppers{text-align:center;padding-top:4%;padding-bottom:2%;}
	
		@media screen and (max-width: 1000px){
		.w44{width:96%; margin:0 auto;padding-bottom:4%;}
		.w48{width:100%;}
		.w86{width:100%;}
		.uppers{text-align:left;width:96%;margin:4% auto;padding-top:4%;padding-bottom:2%;}
		.sp_margin{}
	}


.gallery_wrap{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:1%;z-index:30;position:relative;margin-top:-6%;}
.gallery_heading{background-color:#fff;padding-left:20%;margin-left:-20%;padding-right:2%;}




.gellery_design_wrap{display:flex;justify-content:space-between;align-items:flex-end;z-index:30;position:relative;background-color:#393433;padding-top:4%;padding-bottom:4%;}
	.gallery_box{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;flex-shrink: 0;}
	.gellery_design_heading{font-size:600%;color:#fff;position:absolute;bottom:10%;right:2%;}
	.gellery_interior_wrap{display:flex;justify-content:space-between;align-items:flex-end;z-index:30;position:relative;background-color:#EDEDED;padding-top:4%;padding-bottom:4%;}
	.gellery_interior_heading{font-size:600%;color:#393433;position:absolute;top:8%;left:2%;}
	
	.garage_gallery_01{width:48%;flex-shrink: 0;padding-right:1%;padding-bottom:1%;}
	.garage_gallery_bwrap{width:30%;display:flex;flex-direction:column;}
	.garage_gallery_02{padding-bottom:3.5%}
	.garage_gallery_03{width:40%}
	.garage_gallery_04{width:10%;flex-shrink: 0;padding-right:1%;}
	.garage_gallery_05{width:24%;}
	
	.interior_gallery_blank_a{width:54%;flex-shrink: 0}	
	.interior_gallery_01{width:32%;flex-shrink: 0;padding-right:1%;padding-bottom:1%;}			
	.interior_gallery_02{width:13%;flex-shrink: 0;padding-bottom:1%;}	
	.interior_gallery_blank_b{width:36%;flex-shrink: 0;}		
	.interior_gallery_03{width:14%;flex-shrink: 0;padding-right:1%;display:flex;flex-direction:column;justify-content:flex-end;}		
	.interior_gallery_bwrap{width:8%;display:flex;flex-direction:column;justify-content:flex-end;padding-right:1%;}	
	.interior_gallery_04{padding-bottom:14%}		
	.interior_gallery_06{width:40%}

	
	@media screen and (max-width: 1000px){
	.gellery_design_wrap{display:flex;justify-content:space-between;align-items:flex-end;z-index:30;position:relative;background-color:#393433;padding-top:4%;padding-bottom:25%;}
	.gallery_box{width:96%;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;flex-shrink: 0;}
	.gellery_design_heading{font-size:300%;color:#fff;position:absolute;bottom:4%;right:4%;}
	.gellery_interior_wrap{display:flex;justify-content:space-between;align-items:flex-end;z-index:30;position:relative;background-color:#EDEDED;padding-top:25%;padding-bottom:4%;}
	.gellery_interior_heading{font-size:300%;color:#393433;position:absolute;top:4%;left:4%;}
		
		
	.garage_gallery_01{width:60%;flex-shrink: 0;padding-right:1%;padding-bottom:1%;}
	.garage_gallery_bwrap{width:37.5%;display:flex;flex-direction:column;}
	.garage_gallery_02{padding-bottom:3.5%}
	.garage_gallery_03{width:40%}
	.garage_gallery_04{width:16%;flex-shrink: 0;padding-right:1%;}
	.garage_gallery_05{width:36.5%;}	

	.interior_gallery_blank_a{width:9%;flex-shrink: 0}	
	.interior_gallery_01{width:64%;flex-shrink: 0;padding-right:1%;padding-bottom:1%;}			
	.interior_gallery_02{width:26%;flex-shrink: 0;padding-bottom:1%;}	
	.interior_gallery_blank_b{width:8%;flex-shrink: 0;}		
	.interior_gallery_03{width:18%;flex-shrink: 0;padding-right:1%;display:flex;flex-direction:column;justify-content:flex-end;}		
	.interior_gallery_bwrap{width:12%;display:flex;flex-direction:column;justify-content:flex-end;padding-right:1%;}	
	.interior_gallery_04{padding-bottom:14%}		
	.interior_gallery_06{width:60%}
	}



.section02 .slick-arrow{transition:all 0.5s;position:absolute;top:30%;transform:translateY(-30%);z-index:10;}
.section02 .slick-arrow:hover{cursor:pointer;opacity:0.7;}
.section02 .prev-arrow {display:none}
.section02 .next-arrow {left:2%;}
.section02 .prev-arrow:before,.sample-slide .next-arrow:before{font-family: "Font Awesome 5 Free";font-size:30px;color:#ffea00;}
.section02 .next-arrow:before{content:url(../images/espace_slick_arrow.png);display:inline-block;transform:scale(0.5);}
	
	@media screen and (max-width: 1000px){
.section02 .next-arrow::before {
  content: '';
  display: inline-block;
  transform: scale(0.5);
  background-image: url(../images/espace_slick_arrow.png);
	background-repeat:no-repeat;
  width: 18vw;
	height: 35vw;}
	}

.safety_flow_box{width:20%;position:relative;padding-top:4%;}
	.safety_flow_arrow_l{position:absolute;top:54%;left:0;width: 20%;margin-left: -10%;z-index:20;}
	.safety_flow_arrow_r{position:absolute;top:54%;right:0;width: 20%;margin-right: -10%;z-index:20;}
	
	.safety_flow_arrow_spl{display:none}
.safety_flow_arrow_spr{display:none}	
	
	
	.any_portal_ok{width:36%;margin:5rem auto;}
	.howto_zeroyen_title{width:72%;margin:0 auto;}
	.mw1280{max-width:1280px;margin:0 auto;}
	.w80{width:80%}
	.m0a{margin:0 auto;}
	.sites_logo{width:17%;box-sizing:border-box;padding:.15rem;-moz-box-shadow: 3px 7px 12px -3px rgba(0, 0, 0, 0.49);
-webkit-box-shadow: 3px 7px 12px -3px rgba(0, 0, 0, 0.49);
-ms-box-shadow: 3px 7px 12px -3px rgba(0, 0, 0, 0.49);
box-shadow: 3px 7px 12px -3px rgba(0, 0, 0, 0.49);border-radius:6px; margin-top:2%;}
	.zeroyen_steps{width:30%;padding-top:3%;}
	@media screen and (max-width: 1000px) {
			.safety_flow_box{width:30%;position:relative;padding-top:4%;}
		
.safety_flow_arrow_l{position:absolute;top:50%;left:0;width: 20%;margin-left: -10%;z-index:20;}
.safety_flow_arrow_r{position:absolute;top:50%;right:0;width: 20%;margin-right: -10%;z-index:20;}
		
.safety_flow_arrow_spl{position:absolute;top:50%;left:0;width: 20%;margin-left: -10%;z-index:20;display:block;}
.safety_flow_arrow_spr{position:absolute;top:50%;right:0;width: 20%;margin-right: -10%;z-index:20;display:block;}	
		
		.any_portal_ok{width:100%;}
			.howto_zeroyen_title{width:100%;margin:0 auto;}
		.mw1280{width:94%;margin:0 auto;}
		.w80{width:100%}
		.sites_logo{width:46%; margin-top:4%;}
		.zeroyen_steps{width:46%;padding-top:4%;}
	}
	
	
	
	.movie_heading{background-color:#fff;padding-left:20%;margin-left:-20%;padding-right:2%;padding-top: 60px;margin-top:-60px;}
	
		@media screen and (max-width: 640px) {
		.safety_flow_box{width:48%;position:relative;padding-top:4%;}
		.zeroyen_steps{width:100%;padding-top:4%;}
			
			.movie_heading{background-color:transparent;padding-left:20%;margin-left:-20%;padding-right:2%;padding-top: 60px;margin-top:-60px;}	
			
	}
	
	
	
	.slider {
  margin: 0 auto;
  max-width: 500px;
  width: 80%;
}
.slider-img {
  margin: 0 5px;
}
.slider-img img {
  height: auto;
  width: 100%;
}



/* 動画を囲うdiv */
.video {
  position: relative;
  width:100%; /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item_flex{display:flex;flex-wrap:wrap;align-items:center;padding-top:2%;}
.hissu{background-color:#cc0000;color:#fff;font-size:60%;margin-left:1%;padding-left:6px;padding-right:6px;border-radius:4px;}
.half_box{width:50%;}
h3{border-bottom:1px solid #000;}

.w90{width:90%}
.w80{width:80%}



#wpcf7cpcnf table{border-collapse: collapse;}
#wpcf7cpcnf th,td{border:1px solid #aaa;padding:2%;}

#wpcf7cpcnf th{background-color:#ccc;}

#wpcf7cpcnf .hissu{background-color:#cc0000;color:#fff;font-size:60%;margin-left:1%;padding-left:6px;padding-right:6px;border-radius:4px;}

#espace_lp{width: 20%;background-color: #001e34;color: #fff;padding: 2%;}

.wpcf7cp-btns{text-align:center}
.wpcf7cp-btns .wpcf7cp-cfm-edit-btn,.wpcf7cp-cfm-submit-btn{width: 20%;background-color: #001e34;color: #fff;padding: 2%;}

@media screen and (max-width: 1000px){

.item_flex{padding-top:6%;}
.half_box{width:100%;}
.w90{width:96%}
.w80{width:96%}

}


.sticky {
postion: -webkit-sticky;
position: sticky;
bottom: 0;
}
.sp-block {
display:none;
}

	@media screen and (max-width: 960px) {
	.sp-block {
display:flex;width:100%;
}
}






/* フッター */

footer{width:100%;background-color:#001E34;margin:0 auto;}
.f_logo{width:150px;margin:0 auto 1.5rem;padding-top:1.5rem;}
.f_addr{text-align:center;color:#fff;font-size:80%;padding-top:.5rem;padding-bottom:.25rem;}
.f_copy{text-align:center;color:#fff;font-size:60%;padding-top:.5rem;padding-bottom:.5rem;}