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

}

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

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


footer .footer-box .footer-back,.recruit-box{
background-attachment:inherit; 
}

.top_menu .menu_t .logo{
width:300px;  
}
  
    .top_menu .m1{
width: 550px;	   
}
.t-con{
width: 550px;  
}
nav ul li{
  position: relative;
margin-left: 10px;  
    }
nav ul .small{
display: block;
font-size: 0.8em; 
}


/*ナビゲーションのリンク設定*/
nav ul li a{
  display: block;
  text-decoration: none;
  transition:all .3s;
    font-size:0.9em;
}
.item-t3{
width: 70%;    
     
}
}
@media all and  (max-width:950px){
       
.slider-box{
    width: 100%;
    height:50vh;
}    
.loading_text1 p{
    font-size: 6vh;
}

.loading_text2 p{
    font-size: 2.5vh;
}    
.fullscreenmenu{
display: block;
} 
    .m1{
    display: none;
    }      
.tb_l{
      text-align: left;
    }
.top_menu .menu_t .logo{
margin-top: 1%;
}
  .item-t2{
width: 100%;
padding:5%;    
display: block; 
order: 2; 
margin: 30px 0;       
}
.item-p2{
width: 70%;  
order: 1;  
display: block;
margin: 0 auto;    
} 
.item-t1{
width: 100%;      
order: 2;  
margin: 30px 0;       
}    
.item-p1{
width: 70%;   
order: 1; 
display: block;
margin: 0 auto;
}  
.item-back1{
height:90%;           
}
.item-back2{
height: 100%;        
}  
.item-t3{
width:100%; 
position:absolute;
right: 0;
  top: 50%;
  right: 0;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);  
display: block;    
}  
.w-box{
  width: calc(100% / 2 - 10px);  
}    
}
@media all and  (max-width:790px){

    
.midashi_l h2{  
font-size: 1.3em;		
}
.midashi_l .strong{
font-size: 1.5em;		     
}

.midashi_c h2{ 
font-size: 1.3em;	              
}
.midashi_c .strong{
font-size: 1.5em;		       
}

.midashi_cw h2{  
font-size: 1.3em;	        
}
.midashi_cw .strong{
font-size: 1.5em;		  
}
.heading-016 {
    font-size: 0.7em;
}
.heading-016::before {
    margin-right: 20px;
}

.heading-016::after {
    margin-left: 20px;
}
.heading-031 {
    font-size: 1.3em;  
}


.heading {
  font-size: 1.3em;
}

.text1{
font-size: 0.9em;  
line-height: 200%;  
}
.text1 strong{
font-size: 1.3em;       
}    
.text2{
font-size: 1.1em;          
}    
.border{
position: relative; 
padding-left: 60px;
font-family: 'Zen Old Mincho', serif;
font-weight: 700;
font-weight: 500;   
}
.border:before {
width: 50px;
height: 2px;
background:  #aeaeae;    
    content: "";
    /*描画位置*/
    position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
margin: 0;    
    }
.midashi_c h2{   
font-size: 1.3em;		          
}
.midashi_c strong{
font-size: 2em;		  
}    
  
section{
padding: 50px 0;    
}
.top_menu .menu_t .logo{
width:200px;	
}    
    .sp_kaigyo{
    display: block;    
    }    
   .tb_kaigyo{
    display: block;    
    }    
 .slider{
height:400px;  
}
   
.sp_l{
      text-align: left;
    } 
.c-fax p,.c-tel a{  
font-size: 1.5em;  
}    
.c-tel,.c-fax{
width: 100%;        
}    
.mailform table th{
	display: block;
    width: 100%;
	padding: 1em 1em 0; 
    border-bottom: 0px dotted #b0b0b0;

}

.mailform table td{
display: block;
    width: 100%;
border-bottom: 1px dotted #b0b0b0;   
padding: 1em;    
} 
.w-box{
  width: 100%;   
  margin: 0 auto 10px;
}    
.w-box table th{
font-size: 0.9em;  
}
.w-box table td{
font-size: 0.9em;   
}

.table-box table th{
font-size: 0.9em;    
}
.table-box table td{
font-size: 0.9em;       
}  

.comic{
	width: 95%;
	margin: 2% auto;
}
a.entry{
	display: block;
	width: 130px;
	height: 130px;
}
}  

@media all and  (max-width:510px){
	.phy{
		font-size: 1.5em;
	}
}
@media all and  (max-width:450px){
.contents{
width: 90%;     
height: 300px;
margin-top: 1em; 
}
.cont-box{  
width: 90%;    
height: 290px;   
} 
 .item_back2{
height: 95%;            
}  
.not450{
display: none;		
	}
}
@media all and  (max-width:380px){
	.phy{
		font-size: 1.3em;
	}
	a.entry{
		display: block;
		width: 100px;
		height: 100px;
	}	
}