@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:2200px){
  .top_menu .m1{
width: 70%;	   
}
.text-box{
width: 70%;
display: block;
margin: 0 auto;
}    
}
@media all and  (max-width:1900px){
.top_menu .m1{
width: 85%;	   
}     
 
}
@media all and  (max-width:1500px){
.slider1{
width: 93%;
height:400px; 
    }

.margin1{
margin-left: 20%;    
}
.margin2{
margin-left: 50%;    
}
 nav ul li a{
    font-size: 0.9em;
}
.text1 strong{
font-size: 1.3em;        
}    
.text2{
font-size: 1.1em;    
}    
.text-box{
width: 70%;
display: block;
margin: 0 auto;
}    
.pride{
width: calc(90% / 2);
margin-top: 5%;    
    }
.tb_l3{
      text-align: left!important;
    display: inline-block!important;
    }  
  

}
@media all and  (max-width:1150px){
     .tb_kaigyo{
    display: block;    
    }      
    .width2{
    width: 30%;  
    }       

nav ul li a{
    font-size: 1em;
}  
.text_img{
  width: 70%!important;
}    
.text-box{
width: 50%;
display: block;
margin: 0 auto;
}      
.item-t{
width: 100%; 
padding: 10% 5%; 
order: 2;    
}
.item-p{
width: 100%;  
order: 1;      
}   
 .tb_l{
      text-align: left!important;
    display: inline-block!important;
    }  
.g-width{
width:70%;
display: block;
margin: 0 auto;
}    
.greeting-text {
text-align:left;
}      
}

@media all and  (max-width:950px){
.rf{
font-size: 1.3em;       
}    
    .pc{
    display: none;
    }    
.slider{
min-height: 400px;    
}    
.midashi h2{  
font-size:1.3em;		    
}
.midashi strong{
font-size: 2em;		
}   
.midashi2 h2{  
font-size:1.3em;		    
}
.midashi2 strong{
font-size: 2em;		
}      
.top_menu .menu_t .logo{
width:30%;	
}  
.fullscreenmenu{
display: block;
 } 
.m1{
display: none;
}  

.tb_kaigyo2 {
display: block;    
}   
.g-width{
width:100%;
display: block;
margin: 0 auto;
} 
.number{
width:45%;
display: block;  
margin: 0 auto;
}    
.f-con{
width:70%;
margin: 1em auto;    
}
.con-text{
font-size: 1.3em;      
} 
footer{
width: 100%;
display:block;
text-align: center;	
background:url("../img/footer_back.jpg");
background-position: bottom;
background-size: cover;    
padding: 2% 0  0;  
background-attachment:inherit;   
} 
.pride{
height: 500px;  
    }    
.pride_text{
font-size:0.9em;  
}
.pride_text strong{
font-size: 2em; 
} 
.tel-box{
 width: 100%;
margin-top: 2%;    
}  
.mailform table .grey{
    width: 20%;
}

.mailform table .purple{
   width: 20%;   
}    
}
@media all and  (max-width:690px){
.rf{
text-align: left;
}      
.slider1{
height:200px;     
}   
.slider-box1 p{
font-size: 3em;
position: absolute;
top: 50%;
left: 10%;
color: #fff; 
font-weight: bold;
}    
.midashi2 h2{  
font-size:1em;		    
}
.midashi2 strong{
font-size: 1.5em;		
}     
.text1{
font-size:0.9em;  
line-height: 200%;   
}    
.text2{
font-size: 1em;    
}      
.top_menu .menu_t .logo{
width:40%;	
}      
.inner{
width: 93%;
display: block;
margin: 0 auto;
}    
section{
padding: 50px 0!important;    
} 
.padding1{
 padding: 50px 0!important;  
}    
    .sp_kaigyo2 {
    display:inline;
    }      
.text_img{
  top: 50%!important;
}    
    .width3{
    width: 70%;  
    }  
        .width2{
    width: 70%;  
    }
.top_wrapper{
width: 100%;     
position:absolute;
z-index: 9;
}
.top_wrapper.transform{
	background: rgba(0, 0, 0, 0);
}    
  
.text-box{
width: 100%;
display: block;
margin: 0 auto;
}    
   .sp_kaigyo{
    display: block;    
    }    

.sp_l{
      text-align: left;
    }  
.contents{
width:95%;   
margin: 5% auto 0;
} 

.number{
width: 90%;  
margin: 2% auto 0;    
}

.margin1{
margin-left: 0%;    
}
.margin2{
margin-left: 0%;    
}
.con-text{
font-size: 1em;      
}  
.f-con a{
font-size: 1.2em!important;      
}    
footer .footer-box{
padding: 50px 0!important;
}
.greeting-text strong{
font-size: 1.3em;
}
.greeting-text { 
font-size:0.9em;
}    
.border1{
width: 100%;
}   
.pride{
width: calc(90% / 1);
margin-top: 5%;  
height: auto;    
    }
.map iframe{
height: 200px;    
} 
.tel-box{
margin-top: 5%;    
}     
.contact-flex{
padding: 5%;    
}  
.text_titl{
 font-size: 1.3em;  
}    

.list_table th{
width: 100%;	 
display: block;   
padding: 2% 1%;
text-align: left;
font-size: 0.9em;    
}

.list_table td{
width: 100%;
display: block;  
padding: 2% 1%;   
font-size: 0.9em;      
}    
.mailform table th{
width: 100%; 
border-bottom: 1px dotted rgba(255,255,255,0);
display: block; 
padding: 2% 0;    
}

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

}