#res-content{ background-image:url("../c-images/res-conceptback3-1.png");  width:100%; height:210vw; background-size:cover; background-repeat:no-repeat; padding-top:60%;}
#hatsusimo{  width:90%; height:40vw; background-size:100%;  
margin:auto;   padding-top:4%;}
#hatsusimo img{  width:100%; height:auto; object-fit:contain;}
#text{   font-size:2.2vw; color:#462206;  margin:auto; width:90%;   font-weight:bold; font-family:"Yu Gothic";}

#yasai{ width:90%;  margin:auto; height:100vw; }
#yasai img{ width:90%; margin:auto; }
#yasai p{ font-family:"Yu Gothic"; font-weight:bold; color:#462206; font-size:2.2vw;  }
#mokume{ width:100%; height:15px; background-image:url("../c-images/mokume.png");}

@media(max-width:500px){
	#res-content{ height:230vw;}
	#yasai{ height:120vw;}
	#hatsusimo{ height:50vw;}
}
@media(min-width:1000px){
	#res-content,#hatsusimo,#mokume{ display:none;}
	#concept{ font-size:14px; font-weight:bold;  color:#462206; background-image:url("../c-images/concept-back.png"); 
background-position:center top; height:1840px; padding-top:30px;}
	#c-content1{  display:flex;  width:1200px; margin:auto; margin-top:80px; justify-content:flex-end;}
	#c-text{ margin:10px 5px auto 5px; width:80%; }
	#c-a{ margin-top:60px;  width:450px;}
	#c-content2{  display:flex; width:1200px; margin:auto; margin-top:80px;}
	#c-b{ margin-top:60px; margin-left:15px; width:450px;}
	#c-text2{  margin-left:40px; margin-top:10px; width:80%; }
	#c-hatsusimo{ width:500px; margin:auto; margin-top:320px;  position:relative; left:260px; }
	#c-text1{ width:83%; margin:auto; margin-top:10px; margin-bottom:10px;}
	#c-hatsusimo img{ width:100%; }
}
@media(max-width:1000px){
	#c-hatsusimo,#c-content1,#c-content2{ display:none;}
}