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

}

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

.s_menu a{
font-size: 1rem; 
}
.s_menu .s_menu-text .strong{
font-size: 2.5rem;     
}     
}
@media all and  (max-width:1250px){
.fullscreenmenu{
display: block;
} 
  .top_menu .m1{
    display: none;
    }  
  .top_menu .menu_t .logo{
margin:0 auto;
max-width:350px;
    width: 70%; 
} 
.text_img{
  top: 55%;    
} 
.learn-text strong{
width:40%;   
} 
  
}

@media all and  (max-width:950px){
.text_img{
  top: 50%;    
}  
   
.tb_l{
      text-align: left;
    }
    .tb_kaigyo{
    display: block;    
    }
.s_menu{
width:calc(100% / 2 - 20px);   
margin: 10px; 
transition: all 0.5s;   
}  
.item-t1{
width: 100%; 
padding: 5%;   
}
.item-m1{
width: 100%;   
height: 300px;     
} 
.item-p1{
width: 100%;    
} 
.f-con{
white-space:nowrap;
margin-right: 0; 
width: 30%;    
}
.product{
width:calc(100% / 2 - 20px);   
margin: 10px;    
}
.learn-photo{
width: 100%;
padding:3%;       
position: relative;    
}
.learn-photo::after{
top: 35px;
left: 35px;    
}
.learn-photo::before{
bottom: 35px;
right: 35px;  
}
.learn-text{
width: 100%;
padding:0 3% 3%;    
} 
.item-t2{
width: 100%;  
order: 1;    
}
.item-p2{
width: 100%; 
height: auto;
padding:3%;  
order: 2;     
} 
.item-t3{
width: 100%;
padding:3% 0;   
order: 1;      
}
.item-p3{
width: 100%;
order: 2;      
}      
}
@media all and  (max-width:690px){

.midashi_c h2{ 
font-size: 1rem;		   
}
.midashi_c .strong{
font-size: 2rem;		
}
.midashi_cw h2{ 
font-size: 1rem;		   
}
.midashi_cw .strong{
font-size: 2rem;		
}
.text1{
font-size: 0.9em;  
line-height: 200%;  
}
.text1 strong{
font-size: 1.3em;       
}    
.text2{
font-size: 1.1em;          
}    

section{
padding: 50px 0;    
}
   
    .sp_kaigyo{
    display: block;    
    }    
   
  
.sp_l{
      text-align: left;
    }  
.boder-t{
top: 25px;
     
}
.top_menu .menu_t{
padding: 2%;
}
    
.s_menu{
width:calc(100% / 1 - 20px);   
margin: 10px auto; 
} 
 .f-con{
white-space:nowrap;
margin-right: 0; 
    width: 100%; 
    margin: 2% auto;
}
.s_menu a{
font-size: 1rem; 
}
.s_menu .s_menu-text .strong{
font-size: 2rem;     
}  
.menu_text{  
font-size: 1.3rem;   
}    
 .learn-text strong{
width:40%; 
margin-left:30px;       
} 
.learn_titl::after{
width: 20px;
height: 20px;
} 
.learn-photo::after{
top: 25px;
left: 25px;    
}
.learn-photo::before{
bottom: 25px;
right: 25px;  
}    
.product{
width:calc(100% / 1 - 0px);   
margin: 10px auto;    
}        
.mailform table th{
	padding: 1rem 1rem 0;
    border-bottom: 0px dotted #b0b0b0;
    width: 100%;
    display: block;
}

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

}