@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:2100px){
    .greeting-box{
    overflow: hidden;    
    }
}

@media all and  (max-width:1500px){
.works-box1{
width: 30%;    
}    
.works-box2{
width: 70%;    
}
.strength-box{
width:calc(87% / 3);   
} 
}
@media all and  (max-width:1150px){

footer .footer-box .footer-back{
background-attachment:inherit; 
}
.strength-text h3{
font-size: 1.5em;
} 

.w50{
width: 100%;
display: block;
margin: 0;
}    
.greeting-t{
width:100%;   
order: 2;    
margin: 1em !important;  
padding:0 0.5em;    
}
.greeting-photo{  
width: 100%; 
order: 1;    
}    
.greeting-photo img{
top: 0;
left: 0;    
width: 100%;  
height: auto;    
position: relative;
display: block;    
z-index: 1;    
} 
.contents{
height: 210px;        
}   


@media all and  (max-width:950px){
.slider-box{
height:600px;  
}    
    .pc1{
    display: none!important;
    } 
    .tb{
    display: block!important;    
    }
.text1{
font-size: 0.9em;  
    
}
.text1 strong{
font-size:1.5em;    
}
.text2{
font-size: 1em;     
}    
.fullscreenmenu{
display: block;
} 
    .m1{
    display: none;
    }      
.tb_l{
      text-align: left;
    }
.pc_kaigyo{
display: inline;    
}      
.top_menu .menu_t .logo{
margin-top: 1%;
}    
.f-con{
margin: 1em auto;    
}
.works-box1{
width: 90%; 
margin: 0 auto;
display: block;    
}    
.works-box2{
width: 100%;    
}
.f-contact{
width:50%;  
}
.f-address{
width:50%;  
} 
 .strength-box{
width:calc(80% / 2)!important; 
margin: 5% auto;
}  
.strength-box:nth-child(2){
margin: 5% auto;
}    

.item-t3{
width: 100%;   
padding:3%;    
}
.item-p3{
width: 100%;
} 
.item_back-grey{
 width:100%;
height:100%; 
left: 0;    
} 
   
}
@media all and  (max-width:690px){
  
.midashi_l h2{   
font-size: 1.1em;		      
}
.midashi_l strong{
font-size:1.8em;		 
}

.midashi_c h2{  
font-size: 1.1em;		           
}
.midashi_c strong{
font-size: 1.8em;		      
}    
.slider-box{
height:400px;  
}
    .slider1{
    height: 300px;    
    }  
section{
padding: 50px 0;    
}
.top_menu .menu_t .logo{
width:200px;	
}
    .pc2{
    display: none!important;
    }
    .sp{
    display: block!important;    
    }    
    .sp_kaigyo{
    display: block;    
    }    
   .tb_kaigyo{
    display: block;    
    }    
 .slider{
height:400px;  
}
  
.sp_l{
      text-align: left;
    }
 
.contents{
width:100%;    
}
.contents_text1 strong{
font-size:1.5em;        
}

 .strength-box{
width:80%!important; 
}

.strength-text h3{
top: 35%;  
}    
.f-contact{
width:100%;  
}
.f-address{
width:100%;  
}
.gara3{
height: 50%;   
}
.gara4{
height: 50%; 
}    
footer .footer-box{
padding: 50px 0;    
}
.c-tel{
width: 100%;       
height: 150px; 
background: #eee;  
position: relative;
padding: 1em;   
margin: 0.5em;  
}
.mailform table th{
width: 100%;
display: block;    
padding:1em; 
border-bottom: 0px dotted #b0b0b0;
}

.mailform table td{
padding:1em;
width:100%; 
border-bottom: 1px dotted #b0b0b0;   
display: block;
}  
.service-text{
width:100%; 
    }
.service-photo{
width:100%; 
    } 
.strength-text1 h3{
left: 55%;
}     
}
@media all and  (max-width:450px){

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

}