@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:2000px){
.event{
height: 500px;      
}
}
@media all and  (max-width:1700px){
  .top_menu .m1{
width: 70%;	   
}
.t-btn1{
width: 40%;	    
font-size: 2em;	   
transition: all 0.5s;  
color: #DD6677;  
display: block;  
text-align: center; 
padding: 0.5em 0;
margin-right: 15px;  
vertical-align: middle;      
}  
.contents{
width:calc(100% / 3);   
    position: relative;
      margin-top: 5%; 
      transition: all 0.5s;	
}  

}

@media all and  (max-width:1500px){
.top_wrapper{
width: 98%;   
} 
.flex-box3{
justify-content:center;  
}    
.s-btn1{
width: 70%    
}  
.s-btn2{
width: 50%    
} 
.step-flex{
margin-top: 10%;    
}    
}
@media all and  (max-width:1150px){
nav ul span{
display: block;
font-size: 0.8em;     
}

nav ul li a{
    font-size: 0.9em;
}    
.top_menu .menu_t .logo{
width:23%;	
}

.top_menu .m1{
width: 75%;	   
}    

.item-t{
width: 100%; 
padding: 10% 5%; 
order: 2;    
}
.item-p{
width: 100%;  
order: 1;      
}   
  
.contents{
width:calc(100% / 3);   
    position: relative;
      margin-top: 5%; 
      transition: all 0.5s;	
}  
    .pc{
    display: none;
    }
.slider{
width: 95%;
height:600px;       
display: block; 
margin:0 auto; 
border-radius: 50px;  
min-height: 300px!important;    
}   
.text_img{
  width: 50%;
left: 30%; 
}  
.top-illust1{
position: absolute;
width: 25%;     
}
.top-illust2{
width: 15%;  
}   
.event{
 width: calc(98% / 2);  
margin-bottom: 3%;   
height: 600px;    
} 
   
}

@media all and  (max-width:950px){
.slider1 p{
font-size: 2.5em; 
}    

   
.top_menu .menu_t .logo{
width:40%;	
}    
.tb_l{
      text-align: left;
    }
.f-con{
width:90%;
margin: 1em auto;    
}
 .contents{
width:calc(100% / 2);   
    position: relative;
      margin-top: 5%; 
      transition: all 0.5s;	
}
.fullscreenmenu{
display: block;
} 
.top_menu .m1{
display: none;
}  
.sp_menu{
width: 100%;    
display: block;
position: fixed;
bottom: 0;
left: 0; 
background: #fff;    
    } 
.sp_menu ul{
width: 100%;
display: flex;   
justify-content:space-around;
align-items:center;    
    } 
.sp_menu ul li{
width:calc(98% / 3);     
    } 
.sp_menu ul li a{
color: #fff;  
font-weight: 700;
text-align: center;  
font-size: 2em;
display: block;   
padding: 1% 0;  
background: #DD6677; 
transition: all 0.5s;    
    } 
.sp_menu ul li a:hover{
background: #B50006;  
text-decoration: transparent;    
    }   
.dog-img1{
width: 20%;
position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);  
}
.dog-img2{
width: 10%;
position: absolute;
  top: -33px;
  right: 0;
}    
.f-address img{
width: 50%;
display: block;
margin: 0 auto; 
} 
.flow-box img{
width: 70%;    
}    
.c-con{
width: 98%;   
background: rgba(255,255,255,0.7) ;  
height:auto;
margin: 0 auto;
padding: 2%;    
}

}
@media all and  (max-width:690px){
.table-text{
font-size: 0.7em;   
bottom: 0;
left: 5%;    
}    
.slider1{
height:150px;   
min-height: 150px;    
}
.img1{
height:150px;      
}    
.slider1 p{
font-size: 2em; 
left: 10%;     
}
.breadcrumb {
left: 10%;    
}    
.text1{
font-size: 1em;     
}
.text1 strong{
font-size: 1.3em;       
}    
.midashi h2{    
font-size: 2em;		   
}
.midashi strong{
font-size: 1.3em;		     
}
.midashi2 h2{  
font-size: 1.5em;		 
}

.midashi3 h2{    
font-size: 1.5em;		 
}
 .text2{
font-size: 1em;     
} 
 .text3{
font-size: 1em;     
}     
.headline{
  font-size: 1.2em; 
}    
.headline2{
  font-size: 1.2em; 
}      
.top_menu .menu_t .logo{
width:70%;	
}     
.slider{
height:300px;          
}   
.text_img{
left: 60%; 
bottom: -15%;      
}  
.top-illust1{
position: absolute;
width: 30%;     
}
.top-illust2{
width: 20%;  
}     
section{
padding: 50px 0;    
}    
   .tb_kaigyo{
    display: block;    
    }    

.sp_l{
      text-align: left;
    }  


.contents{
width:100%;   
}  
.box{
background:rgba(255,255,255,0.8);
height: 280px;
width:280px;    
display: block;
float: right;
border-radius: 50%;
position: relative;  
}
    
.box-text p{
font-size: 1em;    
}
.box-text strong{
font-size: 1.3em;      
}
.con-text{
font-size: 1.3em;   
}
.dog-img1{
width: 30%;
position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);  
}
.dog-img2{
width: 15%;
position: absolute;
  top: -30px;
  right: 0;
} 
.f-con a{
font-size: 1.3em;     
} 
.f-address img{
width: 70%;
display: block;
margin: 0 auto;
} 
.preparation{
width: calc(98% / 3); 
margin-bottom: 3%;    
} 
.preparation p{
font-size: 1em;   
}   
.event{
 width: calc(98% / 1);  
margin-bottom: 3%;  
height: auto; 
padding: 5%;    
} 
.step-photo{
width: 100%;    
}
.step-photo img{
width: 80%;
display: block;
margin: 0 auto;
padding: 2%;    
}
.step-text {
width: 100%;    
}    
.step-text strong{
font-size: 1.3em;    
}   
.table_p p{
color: #DD6677; 
text-align: left; 
position: absolute; 
left: 4%; 
bottom: 0;  
font-size: 0.7em;    
}    
   
.reparation{
width: calc(95% / 2);    
}    
.reparation p{
font-size: 1em;    
}    
.facility-photo{
  width: calc(95% / 2);  
    }
.facility-photo p{
font-size: 1em;   
}    
.map iframe{
height: 300px;    
}    
.c-con a{
font-size:1.5em;    
}    
.contact-table th{
width: 100%;
display: block; 
 border-bottom: 0px solid #eee; 
padding: 1em;    
}

.contact-table td{
width: 100%;
display: block;    
padding: 1em;    
}    
}
@media all and  (max-width:450px){
    .sp_kaigyo{
    display: block;    
    }
.table-text{
bottom: -3px;    
}   

.dog-img1{
width: 30%;
position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);  
}    
}
@media all and  (max-width:380px){

}