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

}

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

   
}
@media all and  (max-width:1250px){
.fullscreenmenu{
display: block;
} 
.m1,.t-con{
display: none;
} 
.footer-back::after{    
background-attachment: inherit;        
} 
.lavender-box::after{
background-attachment: inherit;   
}  
.service_box1{
width:100%; 
margin: 10px auto;   
flex-direction:column; 
display: flex;    
}    
.item-t3{
width: 100%; 
padding:3%;  
order: 1;    
}
.item-p3{
width:100%;   
order: 2;       
}       
}

@media all and  (max-width:950px){
 .container{
width: 98%;     
}      
.tb_l{
      text-align: left;
    }
     .tb_kaigyo{
    display: block;    
    } 
.item-t1{
width: 100%; 
padding:3%;   
}
.item-p1{
width: 100%;     
}
.item-p2_l{
    width: 100%;
    }    
.item-p2_l img.mmain{
width: 100%;  
height: 60%;    
margin-bottom: 50%;    
}
.item-p2_l .item-t2{
width: 96%;
left: 50%;
right: inherit;    
top: 25%;
-webkit-transform : translate(-50%,0);
transform : translate(-50%,0);     
}     
.item-p2_r{
    width: 100%; 
    }    
.item-p2_r img{
width: 100%;  
height: 60%;      
margin-left: 0;    
}
.item-p2_r .item-t2{
width: 100%; 

} 
.item-p2_r .item-t2{
width: 96%;
left: 50%;  
top: 25%;

-webkit-transform : translate(-50%,0);
transform : translate(-50%,0);  
}     
.button {
    margin: 0.5rem auto;
    display: block;
    }
.c-tf{
width:100%;   
margin:10px auto;   
padding: 3%;
border-radius: 5px;
background: #cde4ff;    
}  
.table{
width: 100%;    
}
.table-map{
width: 100%;       
}  

}
@media all and  (max-width:690px){
    .pc_kigyo {
    display: inline;    
    }   
   
.midashi_c h2{   
font-size: 2rem;		
}
.midashi_c .small{
font-size: 1rem;		
}
.text1{
font-size: 0.9rem;  
}
.text1 strong{
font-size: 1.3rem;       
}    
.text2{
font-size: 1.1rem;          
}    
.text3{
font-size: 1.2rem;    
}
section{
padding: 50px 0;    
}
.top_menu .menu_t .logo{
width:200px;	
}    
    .sp_kaigyo{
    display: block;    
    }    

 
.sp_l{
      text-align: left;
    } 
.sp_r{
      text-align: right;
    }    
.item-p2_l{
    padding: 0;    
    }    
.item-p2_l img.mmain{
width: 100%;   
height: 100%;
top: 0;
right: 0;   
margin-bottom: 0;  
position: relative;
}      
.item-p2_l .item-t2{
width: 100%;
left: 0;  
top: 0;
bottom: 0;
-webkit-transform : translate(0,0);
transform : translate(0,0);  
position: relative;
padding: 3%;       
} 
.item-p2_r{
    padding: 0;    
    }     
.item-p2_r img{
width: 100%;   
height: 100%;
top: 0;
right: 0;   
margin-bottom: 0;  
position: relative;    
}    
.item-p2_r .item-t2{
width: 100%;
left: 0;  
-webkit-transform : translate(0,0);
transform : translate(0,0);   
position: relative;  
padding: 3%;    
}   
.item-t4{
width: 100%;
order:1;      
}
.item-p4{
width:30%;  
order: 2;    
} 
.f-contact{
width: 100%;   
order: 1;  
margin-top: 50px;    
}

.f-address{
padding: 30px 0 50px;    
width:100%;
order: 2;       
} 
.copyright{
order: 3;      
}
.service_box1 table tbody th{  
    width: 100%;   
display: block;    
}
.service_box1 table tbody td{
    width: 100%;     
     display: block;
}
.service_box2 table tbody  th{
width: 100%; 
display: block;  
}
.service_box2 table tbody  td{
width: 100%; 
display: block;        
}
 
.table table tbody  th{
width: 100%; 
display: block;     
}
.table table tbody  td{
width: 100%; 
display: block;        
}    
.mailform table th{
	display: block;
    width: 100%;
	padding: 1rem 1rem 0;
    border-bottom: 0px solid #eee; 
}

.mailform table td{
padding: 1rem;
display: block;
width: 100%;
border-bottom: 1px solid #eee;   
}    
}  
@media all and  (max-width:600px){
.product table th{
width: 45%;
text-align: left;
font-weight: 700;
vertical-align: text-top;    
font-size: 1rem; 
color: #1668C7;    
}
.product table td{
width: 55%;
text-align: left;
font-weight: 700; 
font-size: 1rem;      
}

.product table td .ten1,.product table td .ten2{
width: 100%;    
display: block; 
position: relative;    
padding-left: 5rem;  
}    
.product table td .ten1::after{
content: "・・・・";  
position: absolute;
top: 0;
left: 0;   
color: #1668C7;    
}
.product table td .ten2::after{
content: "・・・・・・・・・";  
position: absolute;
top: 0;
left: -4rem;  
color: #1668C7;      
}        
}
@media all and  (max-width:380px){

}