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

@media all and  (max-width:1150px){
  
        .scrolldown2 {
    display: none;
    } 
.top_contact{
width:630px;
}
.order1{
order: 1;    
}
.order2{
order: 2;    
}      
 
.item-t{
width: 98%; 
padding: 2em 1em;    
}      


.item-p2{
width: 100%;
margin-left: 0;    
}

.item-t2{
position: relative;
 top: 50%;
  left:50%;    
   -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);   
background: #fff;  
padding: 1em;   
}
.greeting-box,footer .footer-box{
background-attachment:inherit;
}
.contents{
max-width:300px; 
width: 100%;    
position: relative;
background-color:#000;
transition: all 0.5s;	
height: 200px;  
}     
}

@media all and  (max-width:950px){
  
    .tb_l{
    text-align: left;
    }
         .recruit_f{
position:absolute;   
bottom:430px;    
}
.scrolldown2{
display: none;
}    
    .midashi h2{
font-size: 2.5em;		
}
.top_contact{
width: 40%;    
}  
.midashi p{
font-size: 2.5em;	 
}

    .pc  {
    display: none;
    }  
      
    .fullscreenmenu{
    display: block;    
    }
    .top_contact,.m1{
    display: none;
    }

  
.wor-text1{
width: 100%;  
order: 2;  
padding: 3em 1em;    
margin-bottom: 5%;       
}
.wor-photo1{
 width: 100%; 
order: 1;  
 
}    
    .flex-box3{
    width: 100%;    
    }   
footer img{
width: 250px;

}  
.safety-box2 .text2 strong{
width: 100%;    
}
    
.safety_photo1{
width: 70%;  ;
}    
.safety-box2{
 width: 90%; 
    display: block;
    margin: 3% auto 0;
}

.safety-box2 .text1{
   height: auto; 
}  
.bus-box1{
width: calc(100% / 2) ;       
}    
.f-contact{
    margin:1% 1em;    
    }  
 .item-p3{
width: 100%;    
}
.item-p3 img{
width: 100%;    
}
.item-t3{
width: 100%; 
padding: 1em;    
} 
    
}
@media all and  (max-width:830px){

.contact2 img{
  width: 70%;    
}    
.map-box iframe{
width: 100%;  
height: 300px;    
}  
.flex-greeting-photo{
width: 100%;    
}

.flex-greeting-text{
width: 100%;  
padding:0;    
}
.item-t1{
position: relative;
 top: 0;
  left:0;    
   -webkit-transform : translate(0);
  transform : translate(0);   
background: #fff;  
padding: 1em;    
}
.item-t2{
position: relative;
 top: 0;
  left:0;    
   -webkit-transform : translate(0);
  transform : translate(0);   
background: #fff;  
padding: 1em;  
width: 100%!important;    
}    
.driver-photo{
 width: 100%;
 margin: 1em 0;
}

.driver-text{
width: 100%; 
} 
.flow-p{
width: 100%;  
}
.flow-p img{
width: 100%;
}
.flow-t{
width: 100%; 
text-align: left;
padding:0 1%;    
} 
.service_photo{
width: 100%;  
order: 1;    
}
.service_photo img{
width: 100%;      
}
.service_text{
width: 100%; 
padding:5%;  
order: 2;      
}    
 
 .flow-box{
width: calc(95% /2);  
}  
}

@media all and  (max-width:690px){
.slider1 p{
  font-size: 1em;
} 
.slider1{
width: 100%;
height: 200px;  
overflow: hidden;
position: relative;
}    
 .top_menu .menu_t .logo{
width:200px;
    height: 40px; 
padding-top: 5px;     
}  
section{
padding: 50px 0;    
}  
    
.sp_l{
text-align: left;
}    
    .pc{
    display: none!important;
    }  
.sp{
    display: block!important;
    }  
.recruit_f{
display: block;
position:static;
bottom: 0;
right: 0;
width: 100%;                 
}    

 .g-contact{   
width: 100%;   
    margin: 0 0 2%; 
}   
   
.g-contact2{   
width: 100%; 
display: block;
margin: 2% auto 0;
}    
.sp_kaigyo{
    display: block!important;    
    }
.text1{
font-size: 0.9em;   
}
.text1 strong{
font-size: 1.5em;   
}
.text2{
font-size: 0.9em;  
line-height: 200%;    
}
.text2 strong{
font-size: 1.1em;
display: block;    
}
   
.text3{
font-size: 1.3em; 
padding: 0 2%;
}
.headline { 
 font-size: 1.3em;
}    
.midashi h2{
font-size: 2em;		
}

.midashi p{
font-size: 2em;	 
}    
.greeting{
width: 100%; 

}    
.greeting .greeting-text strong{
font-size: 1.3em;  
}
.greeting .greeting-text{
font-size:1em;   
}  
    
.answer strong{
margin-bottom: 1em;    
}
.c-box p{    
font-size: 1.5em; 	  
}  
.c-box .con-text1{    
font-size: 1.5em; 	  
}      
.table1 table th{
width: 100%;
display: block; 
border-bottom: 1px dotted rgba(255,255,255,0);    
padding: 3% 1%;      
}

.table1 table td{
width: 100%;
display: block; 
padding: 2% 1%;    
border-bottom: 1px dotted #b0b0b0;    
}    
.mailform table th{
	font-size: 1em;
	text-align: left;
	padding: 1em; 
    border-bottom: 0px dotted rgba(255,255,255,0);
    font-weight: 400;
    display: block;    
width: 100%; 
}

.mailform table td{
font-size: 1em;
padding: 1em; 
display: block;    
width: 100%; 
border-bottom: 1px dotted #b0b0b0;   
}  
.c-con{
width: 98%;       
} 
.map iframe{
height: 200px; 
} 
 .flow-box{
width: calc(98% /1);  
} 
    .circle-down{
    margin-top: 1%;    
    }
}
@media all and  (max-width:420px){
footer .f-text{
width: 75%;
display: block;
margin: 1em auto 0;
text-align: left;
font-size: 0.9em; 
    }
.bus-box3{
width: 100%;    
} 
    
}
@media all and  (max-width:390px){
footer .f-text{
width: 90%;  
}
}