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

}

@media all and  (max-width:1500px){
.month{
   width:calc(100% / 5 - 20px);   
   margin: 10px; 
}
   
}
@media all and  (max-width:1150px){
.item-t1{
width: 100%;   
padding: 1em 3%;    
position:relative;
display: block;
margin: 0 auto;
bottom: 0;
right: 0;   
order: 2;      
}    
.item-p1{
width: 100%;    
order: 1;      
}    
.item1::after{
content: "";
position: absolute;
bottom: 38%;
right: 3%;
background: url("../img/illust6.png");
background-size: contain;
background-repeat: no-repeat;
width: 150px;
height:150px; 
}
.item1::before{
content: "";
position: absolute;
top:1%;
left:3%;
background: url("../img/illust7.png");
background-size: contain;
background-repeat: no-repeat;
width: 150px;
height:150px;  
z-index: 2;    
}
 .item-t3{
max-width: 60%;    
    left: 35%; 
}

.item-p3{
width: 80%;    
} 
.f-address{
width: 100%;
order: 1;    
}

.f_map{
  width: 95%;  
order: 2;  
display: block;
margin: 3% auto 0;
}  
.item4-list2{  
width:calc(100% / 2 - 20px);       
}  
.month{
   width:calc(100% / 4 - 20px);   
   margin: 10px; 
}  
    
}

@media all and  (max-width:950px){
 
.fullscreenmenu{
display: block;
} 
    .m1,.t-con{
    display: none;
    }      
.tb_l{
      text-align: left;
    }
 .philosophy{
font-size: 1rem; 
}  
 .item-t3{
max-width: 100%;    
position:relative; 
    left: 0; 
}

.item-p3{
width: 100%; 
overflow: hidden;   
border-radius: 10px;        
}  
.item-t2{
width:100%; 
position: relative;
transition: all 0.5s;	 
background:rgba(255,255,255,0.7);  
display: block;  
  object-fit: cover;   
color: #333; 
border-radius: 10px;  
order: 2;    
}
.item-t2_text{
width: 90%;
position: relative;
top: 0;
left:0;   
-webkit-transform : translate(0,0);
transform : translate(0,0);      
display: block; 
margin: 3% auto;
}
.item-p2{
width: 100%; 
overflow: hidden;   
border-radius: 10px;  
order: 1;       
} 
 .voice{
 width:calc(100% / 2 - 20px); 
margin: 10px;        
}  
    
.item-t4{
width: 100%;    
padding:10% 3% 15%;      
}

.item-p4{
width: 100%; 
overflow: hidden;   
border-radius: 10px;        
}     
.item_illust4::before{
    content: "";
    position: absolute;
    left:0;
    bottom: -70px;
}
.item4-list2{  
width:100%;    
margin: 10px auto;   
} 
.item4-list2 li{
white-space:inherit;
}    
.visitin{
   width:calc(100% / 2 - 20px); 
margin: 10px;    
}  
  
.flow{
 width:calc(100% / 2 - 20px); 
margin: 10px;     
background: #fff;
border-radius: 10px;    
padding: 1rem;     
} 
.month{
   width:calc(100% / 3 - 20px);   
   margin: 10px; 
}
.schedule{  
position: relative;
 order: 2; 
margin: 0 auto;
}   
    .w2{
     width: 90%;
      margin-bottom: 50px;  
        
    } 
.schedule_photo{
width:90%;
order: 1;  
display: flex;
justify-content:space-between;   
margin: 0 auto;    
}
.schedule_photo div{
width:45%;  
display: block;
margin: 0 auto;
}
.schedule_photo div:last-child{
margin-left: 0;    
}
.schedule_photo div img{
width: 100%;    
}    
 .point{
width:calc(100% / 2 - 20px);      
border-radius: 10px;
position: relative;
overflow: hidden;
margin: 10px; 
background: #fff;    
} 
 
}
@media all and  (max-width:690px){


.text1{
font-size: 0.9rem;   
}
.text1 strong{
font-size: 1.3rem;       
}    
.text2{
font-size: 1.1rem;          
}    

.midashi_c h2{   
font-size: 1.3rem;		          
}

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;
    }  
.item-p1 div{
height: 200px; 
}  
 .item_titl{   
font-size: 1.5rem;   
margin-top: 100px;  
} 
    .item4-list li{
    display: block;    
    }  
.item-t5{
   width: 100%;
    padding:5% 3%;
}
.item-p5{
width: 100%; 
}  
.item-t4-titl{
font-size: 1rem;
position: relative;
padding-left: 40px;   
display: inline-block;  
}
.item-t4-titl::after{
    content: "";
    position: absolute;
   left:0;
    bottom:0;
    background: url("../img/illust16.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.item-t4-titl::before{
    content: "";
    position: absolute;
   right:-40px;
    bottom:0;
    background: url("../img/illust17.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}  
.visitin{
   width:100%; 
margin: 10px auto;    
} 
.flow{
 width:100%; 
margin: 10px auto;     
background: #fff;    
}      
.voice{
 width:100%; 
margin: 10px auto;    
background: #fff;
border-radius: 10px;    
padding: 1rem;    
}   
.month{
   width:calc(100% / 2 - 20px);   
   margin: 10px; 
} 
.time-schedule li {
  width: 80%;
  margin: 0 0;
  padding: 5px 0;
  position: relative;
}   
.s_img img{
 width:100%; 
margin:2rem auto 0;
} 
 .point{
width:100%;      
margin: 10px auto; 
}
    
.table table th{
width: 100%; 
padding: 1rem;  
display: block;
border-bottom: solid 2px #75CCE8;
}
.table table td{
width: 100%;   
padding: 1rem;  
display: block; 
}    
}  
@media all and  (max-width:450px){
   .item-p1 div{
height: 150px; 
}
.item1::after{
content: "";
position: absolute;
bottom: 55%;
right: 3%;
width: 100px;
height:100px; 
}
.item1::before{
content: "";
position: absolute;
top:1%;
left:3%;
width: 100px;
height:100px;  
z-index: 2;    
}
.month{
   width:100%;   
   margin: 10px auto; 
}       
}
@media all and  (max-width:380px){

}