@charset "UTF-8";
/* CSS Document */

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

.order1{
order: 1;    
}
.order2{
order: 2;    
}      
 
.g-text_r{
width: 100%;    
position: relative;   
right: 0;   
}
 .g-photo_l{
width: 100%;    
}
.g-photo_l img{
width:100%; 
padding: 0;    
}
}

@media all and  (max-width:950px){
    .tb{
    display: block;    
    }
    .tb_l{
    text-align: left;
    }

.scrolldown2{
display: none;
}    

    .pc  {
    display: none;
    }  
      
    .fullscreenmenu{
    display: block;    
    }
    .top_contact,.m1{
    display: none;
    }
.text1 .small{
display: block;
}
  
.wor-text1{
width: 100%;  
order: 2;  
padding: 3em 1em;    
margin-bottom: 5%;       
}
.wor-photo1{
 width: 100%; 
order: 1;  
 
}    


.g-photo_r{
width: 45%;   
order: 1;    
}
.g-text_l{
width: 100%;    
position:relative;
order: 2;
margin-top: 1em;    
} 
.service{
  width: calc(95% / 2);  
}
.c-tel{
width: 100%;        
}
.c-fax{
width: 100%;      
} 
.map{
 width: calc(94% / 2);   

}  
.works_photo{
width: calc(100% / 3);     
}
.recruit-text{ 
 position: relative;
 right: 0;
top: 0;
transform: translateY(0%);
} 
.recruit-photo{
height: auto;  
width: 100%;     
} 
}
@media all and  (max-width:690px){
.text1{
font-size: 0.9em;   
}
.text1 strong{
font-size: 1.3em;  
}
.heading-041 {
    font-size: 1.1em;
}

.headline { 
 font-size: 1.1em;   
}    
 .midashi-b h2{
font-size: 1.5em;
}    
 .midashi h2{
font-size: 1.5em;
}
 .midashi_w h2{
font-size: 1.8em;
}
   
 .top_menu .menu_t .logo{
width:200px;
    height: 40px; 
padding-top: 5px;     
}  
section{
padding: 50px 0;    
}  
.greeting .greeting-text strong{
font-size: 1.3em;
}
.greeting .greeting-text{
font-size:0.9em;
}    
.sp_l{
text-align: left;
}
.sp_kigyo{
display: block;    
}
    .pc{
    display: none!important;
    }  
.sp{
    display: block!important;
    }  
  
    .sp_kaigyo{
    display: block;    
    }

    .f-text{
width: 100%; 
    margin-bottom: 1em;    
}


    .button{
    width:60%; 
    margin-bottom: 1em;    
}
.service{
  width: 95%;
  display: block;
  margin: 0 auto 3%;
} 
.mailform table th{
width: 100%;
display: block;    
	padding: 1%; 
    border-bottom: 0px dotted #b0b0b0;
}

.mailform table td{
padding:1%;
display: block;     
width:100%; 
border-bottom: 1px dotted #b0b0b0;   
text-align: left;
}  

.table-box table th{
  width: 100%;
display: block;    
}

.table-box table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:95%;
  right:50%;
transform: translateX(50%);    
    bottom:0;    
  border-left: 10px solid transparent;
  border-top: 10px solid #0074C2;
  border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;    
}

.table-box table td{
  width: 100%;
display: block;   
} 
.con_titl {
    font-size: 0.6em;
    }
.con_titl::before,
.con_titl::after {
    width: 30px;
}
.map{
 width:100%;   

} 
.works_heading{
font-size: 1.1em;
}    
.works_photo{
width: calc(100% / 2);    
height: 100px;    
}
    
}
@media all and  (max-width:420px){
 
}
@media all and  (max-width:390px){
footer .f-text{
width: 90%;  
}
}