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

@media all and  (max-width:1370px){
 .top_otoi .t-tel{
width: 95%;
display: block;
margin: 0 auto;
}  
.top_otoi .t-tel a{	
width: 100%;
font-size: 1.2em;	
} 
 .top_menu ul li{
font-size: 0.9em;
}  
.top_menu .menu_t .logo img{
width: 80%;
display: block;
margin-left: 10%;
}    
}
@media all and  (max-width:1180px){
.top_menu .menu_t .logo{
display: none;
    }
 
.logo_tb{
display:  block;
width: 20%;	
z-index: 99; 
position: absolute;
top: 10px;
left: 10px;    
}
.logo_tb img{
width: 100%;
display: block;
margin-left: 0;
}      
.top_otoi
{
width: 20%;		
margin: 0;    
}
.top_otoi .t-tel{
width: 98%;
display: block;
margin: 0 auto;
}  
  .top_otoi .t-tel a{	
font-size: 1em;	
}  
.top_menu .m1{
width: 80%;	
}
.top_otoi .t-tel{
width: 70%;
}    
.greeting-box{
width: 100%;
height: auto;
display: inline-block;
padding: 5% 0 100px;	
}    
.greeting{
width: 100%;
height: auto;    
}    
 .greeting .g-box1{
width: 80%; 
    display: block;
     margin: 0 auto;
}
.greeting .g-box2{
width: 80%; 
height: 400px; 
margin-left:0;
margin-bottom:30px;  
display: block;  
margin: 0 auto ;
} 
    .greeting .g-box3{
    width: 80%;     
display: block;  
margin: 0 auto ;
}     
}
@media all and  (max-width:1050px){
.slider1 p{
 font-size: 1.5em;    
}    
.top_menu ul li{
font-size: 0.9em;	   
}    
.top_otoi .t-tel a{	
font-size: 1em;	
}     

   
.address .add_text{
width: 50%;    
}
.contact-box1{
width: 45%;    
}  
.greeting-box2{
padding: 5% 0 100px;	
}    
}
@media all and  (max-width:950px){
   .sp_l{
    text-align: left;
    }    
 .top_menu ul li{
font-size: 0.7em;
    width: 18%; 
}    
.top_otoi .t-tel a{	
font-size:0.7em;	
} 
.sns{
 width: calc(98% / 4) ;  
}    
.policy_text{
bottom: -120px;   
}    
.table1 table th{
	font-size: 1em;
}

.table1 table td p{
	font-size: 1em;
}

.table1 table td{
font-size: 1em;
width: 60%!important;    
}    
}
@media all and  (max-width:770px){
    .sp_l2 {
    text-align: left;
    }   
 .slider1 p{
 font-size: 1.1em;
    top: 45%;
    left: 2%;
    
}
    .kaigyo{
    display: block;    
    }    
.logo_tb{
width: 50%;	  
position: static;    
top: 0;
left: 0;     
}    
.text1{
font-size: 1em;      
}

.text1 strong{   
font-size: 1.3em;      
}
.text2{
font-size: 1.1em;     
}    
 .fullscreenmenu{
display:block;
} 
.btn-box{
  width: 200px;
    
}
  .t-shop_text{
    padding: 5%;
}  
.top_menu{
    display: none;
    }  
 .greeting .g-box1{
width: 100%; 
    height: auto; 
    padding: 5% 
} 
.greeting .g-box2{
width: 100%; 
}
.greeting .g-box3{
width: 100%; 
}    
.f-con{
width:100%; 
display: block;   
margin: 0 auto 3%;
}  
   
.t-shop_text{
background: rgba(140,204,98,0.95);    
position:static;
width: 100%;
padding: 5%;    
}  
.sns-box{
padding-top: 20px;    
}    
.sns{
 width: calc(98% / 2) ;  
margin-bottom: 2%;    
} 
    .sns a{
font-size: 1em;    
}
.address .logo{
width: 85%; 
margin-bottom: 2%;
}
.address .logo img{
width: 70%;
}
.address .add_text{
width: 100%;    
} 
.f-con .f-tel{
font-size:1.3em;	    
}
.f-con .f-mail{
font-size:1.3em;	  
} 
.policy-box{
width: 100%;
height: auto;
display: block;  
position: relative;  
margin-bottom: 0;    
}    
.policy_text{
position:static;
bottom: 80px;
width: 100%;
left: 0%;  
    padding: 5%;    
} 
.policy-f1{
width: 100%;
padding: 2%;    
}
.policy-f2{
width: 100%;   
}  
.contact-box1{
width: 100%;  
line-height:1.75; 
height:auto;   
display: block; 
padding: 2% 0;    
} 
.company_table table td iframe{
height: 200px;
}    
.contact-box1 a{
font-size: 1.5em;
display: inline-block; 
padding: 1%;  
display: block;
width: 90%;
margin: 0 auto;
}    
.price-box{
width: 100%; 
margin-bottom: auto; 
}

.price_text{
background: rgba(140,204,98,0.8);    
position:static;
bottom: 0px;
width: 100%;
left: 0%;
padding: 5%;      
} 
.green1{
 background: #2C401F;  
font-size: 0.9em;  
}
.green2{
 background: #466631; 
font-size: 0.7em;  
color: #fff;     
}

.price_table table td {    
font-size:0.7em;     
} 
.table1 table th{
	font-size: 1em;
    width: 100%;
    display: block;
}

.table1 table td{
font-size: 1em;
  width: 100%!important;
    display: block;  
} 
textarea{
width:100%;
height: 200px
}    
.greeting-box2{
padding: 0% 0 100px;	
}     
}
@media all and  (max-width:379px){
 
}