@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:2200px){
.item .i-box1{
width: 50%;  
}
.item .i-box2{
 width: 40%; 
margin-bottom: -50px;    
}
}
@media all and  (max-width:1700px){
.item .i-box1{
width: 58%;  
}   
 .g-box1{
left:20%;   
width: 70%;  
} 
.g-box2{
left:20%;   
width: 100%;  
top:50;    
}    
.c-box1{
left:23%;     
}     
}
@media all and  (max-width:1470px){
  .top_otoi .t-tel{
width: 90%;
} 
 

.item .i-box1{
width: 65%;  
}  
.item .i-box2{
 width: 30%; 
margin-bottom: -50px;    
}
.top_menu{
width: 98%; 
    }
.t-tel .t-tel_n{	
font-size: 1em;	   
}  
.greeting-box .greeting_img3{
height: 40%;   
}
   
}
@media all and  (max-width:1280px){
 .g-box1{
left:25%;   
width: 70%;  
}     
.greeting-box .greeting_img2{
height: 40%;   
}
  
.item .i-box1{
width: 100%;  
}      
.item .i-box2{
width:50%;      
margin-bottom: 0;   
margin-left: 45%;
} 
.t-logo img{
width: 100%;
} 
.menu_img1{
width: 30%;
position: absolute;
bottom: 20%;
right: 5%;	
} 
.concept-box .concept_img2{
width: auto;
height: 45%;  
}    
.concept-box{
width: 100%;
height: 750px;
padding: 5% ;
}      
}
@media all and  (max-width:1050px){
.top_menu ul li{
font-size: 0.9em;	   
}    
 .con-back{
height: 200px;      
}  
        .t-logo{
width: 30%;	
top:0;    
left: 30px;    
}
.map iframe{     
height: 250px;  
    
} 
.concept-box .concept_img1{
height: 40%; 
}    
    
}
@media all and  (max-width:950px){

   .kaigyo1{
    display: block;    
    }      
 .greeting-box .greeting_img1{
width: auto;
height: 300px; 
}

.g-box1{
top:0;
left:15%;     
width: 80%;  
} 

.greeting-box .greeting_img2{
height: 30%;
bottom: -30px;    
}
.greeting-box .greeting_img3{
height: 30%;
bottom: -30px;    
}    
.contents .p-box .flex-t a{	
font-size: 1.3em; 
}   
.footer_otoi .logo{
width:100%;
}
.footer_otoi .logo img{
width:30%;   
}  
.t-time p{
font-size: 1.3em;   
font-family: zen-kaku-gothic-antique,sans-serif;
font-weight: 700; 
color: #401208;   
line-height: 1.75;  
      
}
.t-time strong{
font-size: 1.3em; 
display: block;    
}  
 .list-f{
width: 98%;  
display: block;
margin: 2% auto;
}    
}
@media all and  (max-width:790px){
.text1{
font-size: 0.9em;      
}

.text1 strong{   
font-size: 1.3em;     
}    


.text2{
font-size: 1em;    
}    
      
.fullscreenmenu{
display: block;
}         
.top_menu,.t-time{
    display: none;
    } 
        .t-logo{
width: 30%;	
top:0;    
left: 10px;    
}
.t-logo img{
width: 100%;
}  
 .back4{
background-size:contain;
background-position: top;    
}  
     

.concept-box .concept_img1{
width: auto;
height: 200px;
position: absolute;
top: 0;
left: 0;    
}    



.concept{
width: 100%;
margin: 0 auto;
}

    .item{
    width: 95%;   
    display: block;
    margin: 0 auto;
    }    
    .i-box2 {
    width: 70%;    
    }   
    .tourism_text {
    width: 100%;  
    order: 1;    
    } 
    .tourism_photo{
width: 100%;   
order: 2;  
}
.tourism_photo img{
width: 50%; 
float: right;
}  
.menu_img1{
width: 30%;
position:sticky;
bottom: 0;
right: 0;
width: 100%; 
margin-bottom: 2%;    
}  
.menu_list table th{
width: 70%;    
}

.menu_list table td{  
width: 30%;      
} 
    
}
@media all and  (max-width:690px){
.midashi h2{
font-size: 1.8em;    
}
.midashi strong{
font-size: 1em; 
}

.midashi p{
font-size: 0.9em;     
}
  
.midashi .img1{
top:-25%;   
 width: 25%;    
}    

.kaigyo2{
display: block;    
}      
.sp_l{
text-align: left;
}  


.back1{
background:url("../img/background1.png");
background-size: contain;
background-position: top; 
background-repeat: no-repeat;
}    
 
 .greeting-box .greeting_img1{
width: auto;
height: 200px; 
}    
.greeting-box{
width: 100%;
height:auto;
padding: 2%    
} 
    
.greeting-box .greeting_img2{
width: 45%;
height: auto;
position:absolute;
bottom:0;
top: 130px;
right: 0;    
 display: block;   
}
.greeting-box .greeting_img3{
width: 80%;
height: auto;
position:static;
bottom:0;
top: 0;
right: 0;    
 display: block;  
float: right;
}    

.g-box1{
position:static;
top:0;
left:0;     
width: 100%;  
height: auto;  
padding:400px 0 2%;
display: block;    
}  
.g-box1 p{
color: #333; 
text-shadow: 0 0 0 #fff;  
}  
 .con-back{
height: 150px;      
}      
.contents .p-box .flex-t a{	
font-size: 0.9em; 
}    
.footer_otoi .logo img{
width:50%;   
} 
.f-con{
width:100%; 
margin-bottom: 5%;    
} 
.f-con .f-tel{
font-size:1.3em;	
}

.f-con .f-mail{	
font-size:1.3em;	    
}   
footer .copyright {
padding: 3% 0;
}  
.f-time p{
font-size: 1em;     
}
.f-time strong{
font-size: 1.3em;   
}
.img3{
width: 60%;
margin:0 auto;
}    
.illsut-box{
width:100%;    
}
.illsut-box img{
width:90%;    
}
.map{
width:100%;     
border-radius: 50px;   
overflow: hidden;     
}
 .youtube iframe{
width: 100%;  
height: 150px;    
}
.number{
font-size: 0.9em;  
}    
.number strong{
font-size: 1.3em;   
}
  
.nu{
padding-left: 2em;   
line-height: 200%;    
margin: 1% 0;        
} 
.c-box1{
position:static;
top:0;
left:0;     
width: 100%;  
display: block; 
margin:55% auto 0;
}  
.c-box1 p{
color: #000; 
text-shadow: 0 0 0 #fff;  
} 
.concept-box{
width: 100%;
height: 700px;
padding: 5% ;
}     

.concept-box .concept_img2{
width: 30%;
height: auto;
position: absolute;
top:85%;
right: 0;    
}    
.c-box .tel1{	
width: 90%;		
} 
#basicExample1,#basicExample2,#datepicker{
width: 60%;	
}
.member{
width: 60%;	  
}   
textarea{
width:100%;
height: 200px
}   
.item-back{
    padding: 5%;  
}    
}
@media all and  (max-width:500px){
.g-box1{
position:static;
top:0;
left:0;     
width: 100%;  
height: auto;  
padding:250px 0 2%;
display: block;    
} 
 .concept-box{
width: 100%;
height: 650px;
padding: 5% ;
}   
.concept-box .concept_img2{
width: 70%;
height: auto;
position: absolute;
top:75%;
right: 0;    
}     
}
@media all and  (max-width:350px){
 .greeting-box .greeting_img1{
width: auto;
height: 150px; 
}  
}