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

}

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

   
}
@media all and  (max-width:1150px){
.item-t1{
width: 100%;   
padding: 1em 3%;    
position:relative;
display: block;
margin: 0 auto;
bottom: 0;
right: 0;    
}    
.item-p1{
width: 100%;  
padding-bottom: 0;   
}
.item-p1 img{
width: 100%;   
}    
.text_img{
  width:600px;
}
footer .footer-box .footer-back{
background-attachment:inherit; 
}
.sirasu-box{
width: calc(98% / 2); 
margin: 1% 0;    
} 
.item-t4{
position: relative;
bottom:0;
left: 0;      
width: 100%;  
}
.item-p4{
width: 100%;    
}    
}

@media all and  (max-width:950px){
.fullscreenmenu{
display: block;
} 
    .m1{
    display: none;
    }      
.tb_l{
      text-align: left;
    }
.top_menu .menu_t .logo{
margin-top: 1%;
}    
.f-con{
margin: 1em auto;    
}
 .item-t2{
width: 100%;
padding:5%;    
display: block; 
order: 2; 
}
.item-p2{
width: 100%;  
order: 1;    
}  
.item-t3{
width: 90%;  
}
.item-p3{
width: 100%;    
}
.item-p3 img{
width: 100%;
}  
.order1{
order: 1;    
}
.order2{
order: 2;    
} 

@media all and  (max-width:690px){
    
.box{
    padding:50px 0;
}    
.w90{
width: 98%;
display: block;
margin: 0 auto;
}    
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;
    }  
.contents{
width:100%;    
margin-top: 1em; 
}
 .item_back2{
height: 200px;            
} 
.button {
width: 50%;
}  
.mailform table th{
	padding: 1em; 
    border-bottom: 0px dotted #b0b0b0;
width: 100%;
display: block;    
}
.mailform table td{
width: 100%;
display: block; 
border-bottom: 1px dotted #b0b0b0;   
text-align: left;
padding: 1em;    
}  

    .time-text{
    left: 20%;   
    }
.timeline-list-item .date {
    width: 50%;
}

.timeline-list-item .content {
    width: 50%;
}
 .company-box .company-text1{
font-size: 1.3em;
}
.company-box strong{
font-size: 1.5em;    
}
.company-text2{
width: 98%;    
font-size: 8em;  
}
.flow-titl p{
font-size: 1em;  
    
}
.flow-titl strong{
  font-size: 1em;   
}    
.area_text p{
 font-size: 1.5em;    
} 
.service-box h3 {
   font-size: 1.3em; 
}    
.flow-box h3 {
   font-size: 1.3em; 
}    
#mail h3 {
   font-size: 1.3em; 
}
   
}
@media all and  (max-width:450px){

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

}