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

}

@media all and  (max-width:1300px){
.text_img{
  top: calc(50% + 50px);  
}    

}
@media all and  (max-width:1250px){
nav ul .small{
 font-size:0.8em;
}

/*ナビゲーションのリンク設定*/
nav ul li a{
    font-size:0.6em;
}   
  
}
@media all and  (max-width:950px){

.loading_text1 p{
    font-size: 6vh;
}

.loading_text2 p{
    font-size: 2.5vh;
}    
.fullscreenmenu{
display: block;
} 
.m1,.t-con{
    display: none;
    }  
    .tb{
    display: block;    
    }    
.tb_l{
      text-align: left;
    }
.top_menu .menu_t .logo{
}

 .titl-box{
width: 100%;
 margin-bottom: 30px;   
}
.text-box{
width: 100%;
    
}   
.area-box img{
width: 50%;  
display: block;
margin: 0 auto;
} 
.contents{
margin: 1em auto;
}  

 .menu-box{
width: calc(100% / 1); 
position: relative;
}
.about-box{   
background-attachment:inherit;  
}  
.faq .Label .label_text1 {
    font-size:0.9em;
    padding: 1em 2em 1em 0;
} 
    .faq .Label .label_text1 span{
    line-height: 1.9;    
    }    
.faq .open .label_text2 {
    font-size:0.9em;
    padding-left: 1em;
   padding-top: 1em;
    padding-bottom: 1em;
}     
.flow-text{
width: 100%; 
}

.flow-photo{
width: 100%;  
padding:0 3% 3% 3%;    
}  
.list3 table{
width:1100px;    
}  
.item-t3{
width: 100%; 
}
.item-p3{
width: 100%;      
}   
.item-t5{
width: 100%;    
}
.item-p5{
width: 40%; 
margin-top: 1em;    
}    
}
@media all and  (max-width:690px){

.text1{
font-size: 0.9em;  
}
.text1 strong{
font-size: 1.3em;    
}
.text2 strong{
font-size: 1.1em;     
}
.text2{
font-size:0.7em;       
} 
.headline{
    font-size: 1.1em;
    
}


.headline2:before, .headline2:after { 
  font-size: 1.1em;
}    
.midashi_l h2{    
font-size: 1em;		  
}
.midashi_l .strong{
font-size: 2.5em;		    
}
.border{
position: relative; 
padding-left: 30px;
 
}
.border:before {
width: 20px;   
    }
.midashi_lw h2{
width: 100%;     
font-size: 1em;		   
}
.midashi_lw .strong{
font-size: 2.5em;		      
}
.border_w{
padding-left: 30px;
 
}
.border_w:before {
width: 20px;   
    }
.midashi_c h2{
width: 100%;     
font-size: 1em;		
}
.midashi_c .strong{
font-size: 2.5em;		
}
.midashi_cw h2{     
font-size: 1em;		 
}
.midashi_cw .strong{
font-size: 2.5em;		
}
section{
padding: 50px 0;    
}
.top_menu .menu_t .logo{
width:200px;	
}  
    .sp_kaigyo{
    display: block;    
    }    
   .tb_kaigyo{
    display: block;    
    }    
 .slider{
height:400px;  
}
.text_img{
  width:300px;
}    
.sp_l{
      text-align: left;
    } 
.item-t1{
width: 100%; 
}
.item-p1{
width: 100%; 
margin-bottom: 30px;    
}    
 .area-box img{
width: 70%;    
} 
.contents_text1 strong{  
font-size: 1.5em;  
}
.tf-box{   
width:100%;  
}  
.mailform table th{
padding: 1em 1em 0.5em;
border-bottom: 0px dotted #b0b0b0;
width: 100%;
display: block;    
}

.mailform table td{
padding:1em;
width: 100%;
display: block;    
border-bottom: 1px dotted #b0b0b0;   
text-align: left;   
}  
.item-p5{
width: 80%;  
display: block;
margin: 0 auto;
} 
.technical_img1{
width: 100%;      
}
.technical_img2{
width: 70%;   
}    
}
@media all and  (max-width:450px){
    
}
@media all and  (max-width:380px){

}