@charset "UTF-8";
/* CSS Document */

@media all and  (max-width:1300px){
.contents{
width:calc(100% / 3);    
}
  .top_menu .menu_t .logo{
width:200px;	
}

.top_menu .m1{
width:710px;	   
}  
 .t-con{
width:710px;  
}  
nav ul .small{
font-size: 0.6em;    
}
nav ul li{
margin-left: 15px;      
}
nav ul li a{
    font-size:0.8em;
}
    
}
@media all and  (max-width:1150px){

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

}

@media all and  (max-width:950px){
.slider-box{
height:50vh;
    }
.fullscreenmenu{
display: block;
} 
    .m1{
    display: none;
    }      
.tb_l{
      text-align: left;
    }
.top_menu .menu_t .logo{
margin-top: 1%;
}    
.f-con{
margin: 1em auto;    
}

.contents{
width:calc(100% / 2);    
}
 .item-t2{
width: 70%;   
}
.item-p2{
width: 30%;    
}  

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

.pc{
display:none!important;    
}
.sp{
display: block!important;
}
.midashi_l h2{   
font-size: 1em;		 
}
.midashi_l strong{
font-size: 1.8em;		  
}

.midashi_c h2{   
font-size: 1em;		
  
}
.midashi_c strong{
font-size: 1.8em;		   
}
.text1{
font-size: 0.9em;  
}
.text1 strong{
font-size: 1.3em;    
} 
.text2{
font-size: 1em;    
}    
.heading3 {
	font-size: 1em;
    }
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%;    
}
 .item_back2{
height: 200px;            
} 
.button {
width: 50%;
}
.flow-text{
width: 100%;    
}
.flow-photo{
width: 100%;    
} 
.item-t2{
width: 100%;   
}
.item-p2{
width: 100%;    
}    
.mailform table th{
display: block;
width: 100%;    
	padding: 1em; 
    border-bottom: 0px dotted #b0b0b0;
}

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

}