@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1500px){
.item-p1 {
    position: absolute;
    height: calc(900px + 28px);
    top: -45px;
    left: 0;
    width: 50%;
    margin-top: 0;
    margin-bottom: 9px;
    z-index: 9;
}
}    
@media all and  (max-width:1250px){
    .m1{
    display: none;
    }
.background3{
background-attachment: inherit;    
}   
.item-t1{
width: 100%; 
padding:0% 3%;  
margin: 38% auto 0;    
position: relative;
z-index: 4;    
}
.item-p1{
margin: -115px auto 29px;
width:80%;
height: calc(100% + 50px);
top: -8%;
left: 50%;  
-webkit-transform : translateX(-50%);
transform : translateX(-50%);  
overflow: hidden;    
} 
.item-p2{
background-attachment: inherit;  
} 
footer .footer-box .footer-back{ 
background-attachment: inherit;    
}  
.item-p2{
background-attachment: inherit;   
}
   .product{
 width:calc(100% / 2 - 20px);
margin: 10px;  
padding:2rem 20px 20px;  
position: relative;
background: rgba(184,141,116,0.1);    
border-radius: 10px;    
}  
.apparel{
 width:calc(100% / 2 - 20px);
}    
}

@media all and  (max-width:950px){
 .midashi_b{
margin-bottom:0;    
} 
.tb_l{
      text-align: left;
    }
  .item-p1{
margin: -115px auto 29px;
width:100%;
height: calc(100% + 50px);
top: -10%;
left: 50%;  
-webkit-transform : translateX(-50%);
transform : translateX(-50%);      
} 
.item-p2{
position: absolute;
top: 0;
left: 0;
z-index: -5;
width: 100%;
height: 80%;
object-fit: cover;    
margin-bottom: 0 ;   
opacity: 0.5;    
}   
    .service_box {
    position: relative;
    bottom: 0px;      
    }   
.service{
 width:calc(98% / 1 - 0px);   
margin: 10px auto;    
background: #fff;  
}  
.f-menu{
width: 100%;  
} 
.f-address{
margin: 0 auto;
padding:50px 0;       
}  
.fb{
width: 100%;     
margin:0 auto;     
}
.map_button{ 
width: 50%;  
}
.f_banner{
width: 50%  
}

.f_sns{
width: 50%
}    
.f-menu nav ul{
  list-style: none;
  display: flex;
  justify-content:center;
flex-wrap:wrap;    
} 
.item-t3{
margin: 0 auto;
width: 100%;    
height: auto; 
position:relative;
z-index: 2;  
}
.item-t3_text{
position: relative;
top: 0;
left: 0;
-webkit-transform : translate(0%,0%);
transform : translate(0%,0%);   
width:100%; 
padding: 100px 3% 5%;    
}
.item3{
 width: 100%;
position: relative;
margin-bottom: 30px; 
    
}
.item-p3{
position: relative;
top: 0;
left: 0;
max-width: 100%;  
z-index: 3;   
}    
.product{
 width:100%;
margin: 10px auto;     
} 
    
}
@media all and  (max-width:690px){
 
.top_menu{
width: 100%;
height: 30px;      
}
 .top_wrapper{
top:20px; 	
}
.headline{
font-size: 1.1rem;
}
.headline::after{
content: "";    
width: 50px;
height: 50px; 
}    
.midashi_lg h2{     
font-size: 0.9rem;		 
}
.midashi_lg .strong{
font-size: 2rem;		         
} 
.midashi_lw h2{
font-size: 0.9rem;	
}
.midashi_lw .strong{
font-size: 2rem;	  
}


.midashi_c h2{
font-size: 0.9rem;	
}
.midashi_c .strong{
font-size: 2rem;	
}
.midashi_c .strong::after{
content: "";
position: absolute;
bottom: 5px;
left: 50%;
background: #B88D74;
height: 2px;
width: 50px;   
-webkit-transform : translateX(-50%);
transform : translateX(-50%);      
}    
.text1{
font-size: 0.9em;  
line-height: 200%;  
}
.text1 strong{
font-size: 1.3em;       
}    
.text2{
font-size: 1.1em;          
}    

  
section{
padding: 50px 0;    
}
.top_menu .logo{
width:150px;   
}
    .sp_kaigyo{
    display: block;    
    }    
   .tb_kaigyo{
    display: block;    
    }    
   
.sp_l{
      text-align: left;
    }  
.greeting-text{  
width: 70%;   

}
.p3_illust{
width:150px; 
bottom: -80px;    
}  
.item-t5{
width: 100%; 
margin-top: 1rem;    
order: 2;    
}
.item-p5{
width: 100%;  
min-height:200px; 
order: 1;     
}    
.f-contact{
width:100%; 
margin-top: 0.5rem;    
}
.f-con{
width:100%;
margin: 1rem auto;    
} 
.apparel{
 width:100%;
margin: 10px auto;    
}    
.product{
 width:100%;
margin: 10px auto;      
}
.product_img{
width: 100%; 
padding:4% 3% ;    
}
.product_table{
 width: 100%; 
margin-bottom: 3%;    
}    
.mailform table th{
padding:1rem 1rem 0; 
border-bottom: 0px dotted #555;
width: 100%; 
display: block;        
}

.mailform table td{
padding: 1rem;
width: 100%; 
display: block;    
border-bottom: 1px dotted #555;   
} 
.c-box a{   
font-size: 2rem;	    
}
.c-tf:hover a{
opacity: 0.7;  
}
.item4{
width: 100%;
min-height: 700px;
position: relative; 
overflow: hidden;
}
.item-t4{
width:180%;       
}   
}  
@media all and  (max-width:450px){
.map_button{ 
width: 70%;  
}
.f_banner{
width: 70%  
}

.f_sns{
width: 70%
}      
}
@media all and  (max-width:380px){

}