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

}

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

   
}
@media all and  (max-width:1150px){
.top_menu .menu_t .logo{
width:300px;
transition: all 0.5s;    
}


}

@media all and  (max-width:950px){    
.wrapper{
margin-top: 97.5px;    
position: relative;
padding-left: 20%;
height: calc(600px - 97.5px);    
}
.slider-box{
    width: 100%;
    height: calc(600px - 150px);
	overflow: hidden;
}

.wrapper p {
 position: absolute;
    font-size: 2rem;
    bottom: 1%;
    left: 1%;
top: calc(50% - 97.5px); 
}      
.fullscreenmenu{
display: block;
} 
    .m1{
    display: none;
    }      
.tb_l{
      text-align: left;
    }
.top_menu .menu_t .logo{
margin-top: 1%;
}
 .item-t1{
width: 100%; 
position: relative;
left: 0;
top: 0%;    
-webkit-transform : translateY(0%);
transform : translateY(0%);  
z-index: 10;      
order: 2; 
padding: 3%;    
}    
.item-p1{
width: 100%;     
order: 1;      
} 
.item-t2{
width: 100%;   
order: 2;    
}

.item-p2{
width: 80%; 
order: 1;
margin: 0 auto;
}  
.item-t4{
width: 65%;
padding:3%;    
display: block;  
order: 2;   
margin: 0 auto;
order: 1;      
}
.item-p4{
width:40%; 
margin: 0 auto;
order: 1;    
} 
.item-p6{
width:100%;
order: 2;   
margin-top: 20%;    
}
.item-p6 img{
width: 100%; 
height: auto; 
}
.item-t6{
width: 100%;  
padding: 0;  
order: 1;     
}    
.con_titl::before{
  left: 10%;    
}
.con_titl::after{
  right:10%;   
}
   .tb_kaigyo{
    display: block;    
    } 
 
.step-box2 .step-flow{
width: 100%;   
} 
.step-photo{
width: 100%;  
margin: 3% auto;
}      
}
@media all and  (max-width:690px){
.wrapper{
margin-top: 41.78px;      
position: relative;
padding-left: 10%;
height: calc(300px - 41.78px);    
}
.slider-box{
    width: 100%;
    height: calc(300px - 80px);
	overflow: hidden;
}

.wrapper p {
 position: absolute;
    font-size: 1.3rem;
    bottom: 1%;
    left: 1%;
top: calc(50% - 41.78px); 
}
   
.wrapper .slider-box_back{
background:#0e47a1;
width: 30%;   
} 
.top_titl h2{
font-size: 0.8rem;    
}
.top_titl  .strong{
font-size: 2rem;    
}    
.text1{
font-size:0.9rem;  
}
.text1 strong{
font-size: 1.3rem;       
}
.text2{
font-size: 1.1rem;    
}  
.headline_w{
font-size: 1.1rem;
    }
.headline{
font-size: 1.1rem;
}
.headline_midashi{
font-size: 1.1rem;  
}
.koumoku{
font-size:1rem;
padding-left: 1.1rem;
}
 .midashi_l h2{    
font-size: 1.1rem;		 
}
.midashi_l .strong{
font-size: 2rem;		
}

.midashi_c h2{    
font-size: 1.1rem;		  
}
.midashi_c .strong{
font-size: 2rem;		  
}
.midashi_cw h2{
font-size: 1.1rem;		      
}
.midashi_cw .strong{
font-size: 2rem;		 
}
   
section{
padding: 50px 0;    
}
.top_menu .menu_t .logo{
width:200px;	
}    
    .sp_kaigyo{
    display: block;    
    }    
  

.text_img{
  width:300px;
}    
.sp_l{
      text-align: left;
    }
.text3{
font-size: 1.1rem;    
}
.text3 span{
font-size: 2rem;    
}    
.con_titl{
font-size: 1.1rem; 
}  
.item-t5{
width:100%;  
}

.item-p5{
width: 100%;   
} 
.item-p5 img{
width: 95%;
display: block;
margin: 1% auto;
}  
  
.item-t6 .item-t6_p{
width:80%;    
 margin:0;  
display: inline;   
}
.item-t6 .item-t6_p:last-child{
 margin-top: 3%;  
margin-bottom: 3%;    
margin-left:20%!important;    
position: relative;
}  
.item-t6 .m_r {
    margin-right: 20%;    
    }
.item-p7{
width: 100%;
}

.item-t7{
width: 100%;  
padding: 3%;    
}    
.item-p7 .item-p7_p{
  width:calc(100% / 2);   
margin: 0; 
height:300px; 
position: relative;
}
.item-p7 .item-p7_p:last-child{
margin-top: 0;    
}    
.step-left{
   padding-left: 100px; 
padding-right: 0px;    
}
.s-box{
  width:calc(100% / 2 - 20px);   
  margin: 10px;    
  padding: 1%;
  background: #fff;
}  
.step-box2 .step-flow .flow_n .number2{
font-size: 1.3rem;        
}
.step-box2 .step-flow .step-titl{
 font-size: 1.3rem;     
}    
.w-table table tbody th{
font-size: 0.9rem;
}
.w-table table tbody td{
font-size: 0.9rem;
}    
.table table th{
width: 100%;  
display: block;
background: #eee;    
border-bottom: 0px solid #eee;
text-align: center;
}
.table table td{
width: 100%; 
display: block;    
padding: 1rem;       
border-bottom: 1px solid #eee;   
text-align: left;    
}
.staff{
 width:calc(100% / 1);   
margin: 10px 0;     
}      
.schedule-box{
 width:calc(100% / 1);   
margin: 10px 0;    
}    
.c-tel{
width: 100%;      
}
.c-tel a{
font-size: 1.5rem;    
}
.c-fax{
width: 100%;         
} 
.c-fax p{   
font-size: 1.5rem;       
}     
.mailform table th{
	font-size: 1em;
width: 100%;
display: block; 
border-bottom: 0px dotted #b0b0b0;   
padding: 1rem 1rem 0;    
}

.mailform table td{
font-size: 1em;
padding: 1rem;
display: block;    
width: 100%; 
border-bottom: 1px dotted #b0b0b0;   
}
}  
@media all and  (max-width:450px){
   
}
@media all and  (max-width:380px){

}