@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1900px){

}

@media all and  (max-width:1500px){

   
}
@media all and  (max-width:1250px){
.greeting-text strong{
font-size: 1.4rem;
}       
.life{
background-position: bottom;
background-attachment: inherit;    
}    
 .product{
width:calc(100% / 3 - 16px); 
height: 400px; 
overflow: hidden;  
margin: 8px;  
position: relative;    
} 

.life_b{
position:absolute;
top: inherit;
right: inherit;
bottom:10%;   
left: 5%;    
-webkit-transform : translateY(0);
transform : translateY(0);  
z-index: 5;       
} 
footer .footer-box,.background2{
background-attachment: inherit;  
   
}   
.f-cm{
 width:100%;   
order: 1;   
padding: 100px 3%;      
}

.f-address{   
width: 100%;  
padding: 50px 0;  
order: 2;      
}  
  
}

@media all and  (max-width:960px){
    .pc_kaigyo {
        display:inline;
    }
.slider-box{
    width: 100%;
    height: 50vh;
    min-height: 300px;
}    
 
.fullscreenmenu{
display: block;
} 
     
.tb_l{
      text-align: left;
    }
    .t-sns{
    display: none;
    } 
 
.greeting-box{
width: 100%; 
position: relative;
    padding: 5%; 
    order: 1;
}    
 .greeting-box_text{
width: 100%;    
position: relative;
top: 0;
left: 0;      
-webkit-transform : translate(0);
transform : translate(0);  
line-height: 2; 
order: 2;
} 
 .greeting-box_text2{
width: 100%;    
position: relative;
top: 0;
left: 0;      
-webkit-transform : translate(0);
transform : translate(0);  
line-height: 2; 
order: 2;
}     
.greeting_back{
width: 98%;
height: auto; 
margin: 1% auto;
}  
    
 .product{
width:calc(100% / 2 - 16px); 
height: 400px; 
overflow: hidden;  
margin: 8px;  
position: relative;    
} 
.f-contact{
justify-content:center;     
}      
 .fc{
width:  100%; 
margin-right: 0;  
display: block;
margin: 1rem auto 0;
}     
.f-con a{  
width: 30%;
display: block;
margin: 0 auto;
    } 
.fs{
margin-top: 3%;    
} 
  
.fs img{
margin: 0 auto;
}    
.item-t2{
width: 100%; 
padding:3%;
order: 2;    
}
.item-p2{
width: 100%; 
height: 350px;
order: 1;        
}
.item-t3{
width: 100%; 
padding:3%;
order: 2;    
}
.item-p3{
width: 100%; 
order: 1;        
} 
.select{
   width:calc(100% / 2 - 10px);   
    margin: 5px;
}
.service_text1{
width:calc(100% / 2 - 20px);  
    margin: 10px;  
} 
.service_text2{
width:calc(100% / 2 - 20px);  
    margin: 10px;  
}    
}
@media all and  (max-width:690px){
.tate{
-ms-writing-mode: inherit;
  writing-mode: inherit;     
}    
 .top_wrapper.transform {
height: 55px;    
}
 .headline{
font-size: 1.3em;
}  
.midashi_l h2{    
font-size: 1.3rem;		
}
.midashi_l .small{
font-size: 0.8rem;		    
}
.midashi_lw h2{     
font-size: 1.3rem;		
}
.midashi_lw .small{
font-size: 0.8rem;		  
}
.midashi_c h2{     
font-size: 1.3rem;		   
}
.midashi_c .small{
font-size: 0.8rem;		   
}
.midashi_cw h2{    
font-size: 1.3rem;		  
}
.midashi_cw .small{
font-size: 0.8rem;		  
}
       
.text1{
font-size: 0.9rem;  
}
.text1 strong{
font-size: 1.3rem;    
display: block;  
}
.text2{
font-size: 1rem;    
}  
section{
padding: 50px 0;    
}
  
    .sp_kaigyo{
    display: block;    
    }    
  
  
.sp_l{
      text-align: left;
    } 
    .greeting-text{
    width: 98%;    
    }    
.greeting-text strong{
text-align: center;
}    
 .product{
width:calc(100% / 1);  
margin: 10px 0;   
} 
.top_menu .logo{
top: 2px;    
}  
.f-con a{  
width: 70%;
display: block;
margin: 0 auto;
    } 
.fs{
width: 50px;  
display: block;
}
.t-sns .ts{
width: 45px;  
}
.t-sns .ts .line{
font-size: 1.8rem;
color: #fff;    
}
.t-sns .ts .instagram{
font-size: 2rem;
color: #fff;    
}    
.fs img{
width: 2.5rem; 
padding-top:5%; 
} 
.f-menu nav ul li{
padding-right: 20px;  
margin: 3% 0;
}  
.f-menu nav ul li a{
    font-size:0.8rem;
} 
.map{
width:calc(100% / 1);  
margin: 10px;    
}
.c-box a{
font-size: 1.5rem;
}    
.c-shop{
width:calc(100% / 1 - 0px);     
padding: 3%;
margin: 5px 0;    
background: #fafafa;    
}  
.mailform table th{
padding: 1rem 1rem 0; 
border-bottom: 0px dotted #b0b0b0;
width: 100%; 
display: block;
}

.mailform table td{
font-size: 1rem;
padding: 1rem;
width: 100%; 
display: block;    
border-bottom: 1px dotted #b0b0b0;   
text-align: left;
} 
.item-t1{
width: 100%; 
padding:3%;    
}
.item-p1{
width: 100%; 
height: 250px;   
}
.item-p1 img{
width: 100%; 
height: 100%;
object-fit: contain;
display: block;    
}
.item-t2{
width: 100%; 
padding:3%;
order: 2;    
}
.item-p2{
width: 100%; 
height: 250px;
order: 1;        
}
.item-p2 img{
width: 100%; 
height: 100%;
object-fit: cover;
display: block;    
}   
.select{
   width:calc(100% / 1 - 10px);   
    margin: 5px;
} 
.area {
  display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
  background: #fff;
 padding: 1%;
margin-top: 5%;    
}

.service_text1{
width:calc(100% / 1 - 0px);  
    margin:10px 0;  
    padding: 1rem;
} 
.service_text2{
width:calc(100% / 1 - 0px);  
    margin: 10px 0;  
    padding: 1rem;
}     
.tab li{
  display: block;
width: 100%;  
margin-bottom: 1px;    
}    
.table-box table th{
border-bottom: solid 0px #eee;
padding: 1rem;  
width: 100%;
display: block;  
background: #dadada;  
}
.table-box table td{
border-bottom: solid 1px #eee;
padding: 1rem; 
width: 100%;
display: block;      
} 
    
}  
@media all and  (max-width:450px){
 .top_menu .logo{
top: 10px;    
}   
}
@media all and  (max-width:380px){

}