@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1700px){
 .btn2{
width:calc(70% / 2);      
} 
.flow-title strong{
    font-size: 1.1em;
    }



.b-back{    
  top: 0; 
} 
.flow-title{  
width: calc(90% / 3);     
padding: 1em;
background: rgba(71,121,192,0.1);   
height: 200px;  
margin-top: 1em;    
}     
}

@media all and  (max-width:1300px){
 .bt2{
display: block!important;
}  
.bt1{
display: none!important;
}  
    .text3{
    font-size: 1em;    
    }  

.table1 table th{
width: 100%;
display: block;    
    border-bottom: 1px dotted #fff;
    font-weight: bold;
    padding: 1em;
}

.table1 table td{
width: 100%;
display: block;  
border-bottom: 1px dotted #b0b0b0;  
padding: 1em;    
}
.contact-box2 a{
width: 90%;  
}    
.illust2{
width: 40%;
position: relative;
float:right;
} 
.safety-text1{
 width: 100%;    
}
.safety-photo1{
 width:100%;     
} 
  .g-box1 .map-img2{
width: 50%;
margin: 0 auto;
display: block;    
}   
 
    .width1{
    width: 100%;    
    }    
.greeting-box img{
width: 100%;    
}

.b-back{
display: none;
}     
}
@media all and  (max-width:1150px){  
   
      .tb_l{
    text-align: left;
    } 


  nav ul li a{
  padding:20px 15px 0;
}  
.midashi h2{
font-size: 1.8em;		  
}  
.midashi p{
font-size: 1.8em;		  
} 
   
.f-con{
width:calc(70% / 2);  
   padding: 1em;   
}  
.f-contact{
width:100%;
padding: 0.5em 0;    
}    
.f-contact a img{
width: 30%;
} 
.footer-back{
    padding: 2em 0;    
    } 
.flex-bus1{
width:100%;    
    }
.flex-bus2{
width:100%;    
    }      
.g-box{
width: 100%;
height: 300px;     
}    
.g-box .map-img{
width: 100%;
height: 300px;    
background-size:80%;
} 

.g-box1 .map-img2{
width: 100%;
margin: 0 auto;
display: block;    
}    
.q1{
width: 10%;  
}
.q2{
width: 90%;    
}

.a1{
width: 10%;     
}
.a2{
width: 90%; 
padding: 1em;     
}     
 .btn2{
width:calc(100% / 2);      
} 
.width2{
width: 50%;    
}
.width3{
width: 50%;    
}  
 .company-wrapper .table{
width: 100%;  
}
.company-wrapper .company-photo{
width: 100%;  
margin: 2% auto;
display: block;    
}    
}

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


    .pc{
    display: none;
    }    
.text1{
font-size: 0.9em;  
}    
  

nav ul span{
display: block;
    font-size: 0.7em; }    
.top_menu .menu_t .logo{
width:25%;	
}
.top_menu .menu_t .logo img{
width:97%;	
display: block;
margin: 0 auto;
}
.t-tel {  
width: 150px; 
margin-right: 0.5em;    
}    
.t-tel a{  
width: 100%;    
font-size: 0.9em;	   
}
.t-mail{  
width: 150px; 
margin-right: 0.5em;      
}
.t-mail a{ 
width: 100%;      
font-size:0.9em;    
}

.top_menu .m1{
width: 65%;	   
}
  nav ul li a{
  padding:20px 0 0;
font-size: 0.9em;  
}      
    
nav ul{
list-style: none;
display: flex;
justify-content: space-around;
}
 
.service-text1{
width: 100%; 
}
.service-photo1{
width: 100%;    
}   
  
   
    .faq-text1{
width: 100%;  
padding: 3%;    
}
.faq-phot1{
width: 100%;     
}
.faq-phot1 img{
width: 100%;   
display: block;
margin: 0 auto;
} 
   
.f-con{
width:calc(90% / 2);  
padding: 1%;    
}   
.f-contact a img{
width: 50%;
}  
.f-tel a{   
font-size: 1.3em;        
}

.f-mail a{
font-size: 1.3em;     
}    
.contact-flex{
    width: 100%;    
    }  
 .partner-photo{
width: 100%;    
}
.partner-text{
width: 100%;  
}
    

.flow-tel a{
font-size: 1.3em;     
}  
.safety-box1{
  width: 100%; 
height: auto;   
margin-top: 2%;    
}    
}
@media all and  (max-width:690px){
  
    header{    
position:relative; 
    position:relative;    
}
    .kaigyo{
    display: block;    
    }
    .sp_l{
      text-align: left;
    width: fit-content;  
        
    }    
.midashi h2{
font-size: 1.5em;		   
}
.midashi p{
font-size: 1.5em;	   
}    

.text1 strong{
font-size: 1.3em;        
}    
.top_menu .menu_t .logo{
width:70%;	
}    
    .fullscreenmenu{
    display: block;
    }
    .m1{
    display: none;
    }

.g-box{
width: 100%;
height: 200px;     
}

.g-box .map-img{
width: 100%;
height: 200px;    
background-size:100%;
}  

.illust2{
width: 60%;
position: relative; 
float: right;  
}    
 .btn2{
width:100%;      
margin-top: 2%;
}     
.f-con{
width:90%;  
display: block;
margin: 0 auto;
padding: 1%;    
}   
.f-tel a{   
font-size: 1em;        
}

.f-mail a{
font-size: 1em;  
margin-bottom: 1em;    
}  
    .f-contact {
    width: 95%;
    display: block;
    margin: 0 auto;
    }  
.f-contact a img{
width: 80%;
} 
.map-box iframe{
height: 200px;    
} 
.bus-box{
 width:100%;   
}    
.safety-photo{
 width: 100%;   
}
.flow-title{  
width: 100%;       
height: auto;   
margin-top: 0;       
}  
.flow-title p{
font-size: 1em;     
line-height: 1.75;    
} 
.safety-text{
 width: 100%; 
}
.border-t{
width: 50%;
height:30px;
border-top: dotted #4779c0 0px;     
border-right: dotted #4779c0 3px;    
}    
  
    .company-wrapper .table img{
width: 90%;  
position:relative;
bottom: 0;
right: 0;   
display: block;
    margin: 0 auto;
}
.table1 table{
  width: 100%;	
}
.product-box1{
  width: calc(98% / 2);   
padding: 3%;
background: #fff;    
box-shadow: 2px 2px 5px #eee;     
margin-top: 1em;    
}      
.product-box2{
  width: calc(98% / 2);   
padding: 3%;
background: #fff;    
box-shadow: 2px 2px 5px #eee;     
margin-top: 1em;    
}    
textarea{
height: 200px
}   
.bus-text1{
width:100%;     
}
.bus-photo1{
width:100%;    
} 
.partner-wrapper table th{
font-size: 0.8em;	
}

.partner-wrapper table td{
font-size: 0.8em;   
}    
.q1{
width: 100%;  
 padding: 1em 1em 0.5em;     
}
.q2{
width: 100%;  
padding: 0 1em 1em;    
}

.a1{
width: 100%;   
padding: 1em 1em 0.5em;      
}
.a2{
width: 100%; 
 padding: 0 1em 1em; 
}
  
	footer{
background-position: left;
}
}

@media all and  (max-width:450px){
    .text3{
    font-size: 0.9em;    
    } 
}
@media all and  (max-width:350px){
    .text3{
 font-size: 0.7em;  
    } 
}