@charset "UTF-8";

/* CSS Document */
/*-- スマホ版表示CSS  --*/

@media screen and (max-width:768px){
	
a.anchor{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}

 
    
}
    



@media screen and (max-width:640px){
   
.sp_none{
display: none;	
}
     
.pc_none{
display: block;	
}
       

a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
	
  
.footer{
padding-top: 0px;
}

.f_boxs{
padding: 0;
}	
       
    
.header_wrap{
height:80px;
border-top:4px solid #BD272D;    
}

    
.header{
width: 100%;
height:80px; 
}
	
.h_logo{
width: 55%;
margin: 0 ;    
}
	   
.h_logo a{
}
	
.h_top{
margin:8px 0 0 10px;
}

    
.slide {
width: 100%; 
max-height:180px;  
margin-top: 10px;
object-fit: cover;
    
}

.slide img {
width: 100%;
max-height: 180px;
object-fit: cover;    
}
    
.thumbnail_wrap{
padding:5px;
height: 60px;
}    
    
.thumbnail_boxs{
width: 100%;
padding-top:0;
}
 
.add ul{
width: 100%;

}    
 
.thumbnail_boxs ul li{
width: 30%;
margin: 7px 0 0 6px;
}
    
    
.info_wrap{
margin-bottom: 60px;
}    
    
.info_boxs{
width: 100%;
padding:0 20px;    
}

.info_tit {
margin-bottom: 15px;
}    
    
    
.info_boxs h2 {
font-size: 16px;
}
    
.info_boxs table{
font-size: 14px;
}

.info_boxs table th,
.info_boxs table td {
padding: 10px 0;    
}    
    
.info_boxs table th {
width: 20%;
padding-left: 10px;
} 
    
.info_boxs table td {
width:60%;
}    
    
.info_boxs table th {
padding-left: 0px;
}
    
.postnavi{
padding: 20px;
}    
      
.news_box{
width: 100%;
padding: 20px;
}

.news_date{
font-size: 14px;
margin-bottom: 20px;
}

.news_tit{
font-size: 16px;
line-height: 1.8;
margin-bottom: 30px;
}  
.news_txt{
font-size: 15px;
line-height: 1.5;
}

.banner_wrap{
margin-bottom: 60px;
}    

.banner_box{
width: 100%;
padding: 20px;
}

.banner_box img{
    width: 100%;
}

.blog_wrap{
margin-bottom: 60px;    
}
     
.blog_boxs,.blog_link{
width: 100%;
padding: 0 20px;
}

.blog_tits{   
margin-bottom: 20px;
}    
    
.blog_tits h2{
font-size: 16px;    
}    
    
.blog_box{
float: none;
width: 100%;
height: auto;
margin-bottom: 15px;
padding: 10px 5px;
border: none;
border-bottom: 1px solid #555;
}    
   
.blog_box02{
width: 100%;
height: auto;
margin-bottom: 15px;
padding: 10px 5px;
border: none;
border-bottom: 1px solid #555;
}    
         
.blog_l{
float: left;
width: 30%;
}    
 
.blog_box02 img{
width: 100%;
height: 80px;
object-fit: cover;        
}
     
    
    
.blog_r{
float: right;
width: 65%;
padding: 0px;   
}    

.blog_date{
font-size: 13px;
margin-bottom:5px;
}

.blog_tit{
font-size: 14px;
margin-bottom: 10px;    
}

.blog_txt{
font-size: 13px;
line-height: 1.5;
margin-bottom: 0px;    
}    
  
.blog_list_boxs{
width: 100%;
padding-bottom: 50px;
}

.blog_list_l{
float: none;
width: 100%;
margin-bottom: 30px;
}


.blog_list_r{
float: none;
font-size: 15px;    
line-height: 1.5;    
width: 100%;  

}    
    

.blog_list_date{
font-size: 13px;
margin-bottom: 20px;    
}

.blog_list_tit{
font-size: 16px;
font-weight: 800;  
margin-bottom: 30px;
}
    
.all_boxs{
padding-bottom: 0px;
}
    
    
.all_box_l,.all_box_r{
float: none;
width: 100%;
margin-bottom: 10px;
}

    
.common_wrap{
padding: 50px 0;
}
       
.hello_boxs,
.prevention_boxs,
.contact_boxs{
width: 100%;
}

.hello_box{
width: 100%;
padding: 0 20px;
margin-bottom: 50px;
}
    
    
.hello_l{
width: 40%;
}

.hello_l img{
width: 90%;
}

.hello_r{
width: 55%;
padding: 0px;
font-size: 14px;
line-height: 1.5;
margin-bottom: 15px;
}    
   
.hello_r a{
display: none;    
}    
    
.hello_r p{
margin: 0px 0;
}
 
.prevention_boxs{
padding: 0 20px;
margin-bottom: 50px;	
}	
	
.prevention_box{
font-size: 13px;
line-height: 1.2;	
}
	
.pbox_01 p{
width: 95%;
margin: 0 auto;
font-size: 14px;
font-weight: 0;
}
	
.pb_bg{
padding: 20px 10px;
}

.pbox_01_l,
.pbox_01_r{
width: 100%;
margin: 0;
text-align: center;
}

.pbox_02_l,
.pbox_02_r{
float:none;
text-align: center;
}
	
.pbox_01_l p,
.pbox_02_l p{
text-align: left;
}

.pbox_01_r p,
.pbox_02_r p{
text-align: left;
}	
	
.pbox_02_l{
margin-bottom: 15px;
}
	
.pbox_01{
width: 100%;
height: 160px;
margin-right: 0;
margin-bottom:15px;
}

.prevention_box img{
width: 90%;	
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
}
 	
	
.pbox_02{
width: 48%;
height: 160px;
margin-right: 0px;
}

.pbox_03{
width: 48%;
height: 160px;
}
	
	
.pbox_04{
width: 48%;
height: 170px;
margin-right: 0px;
}

.pbox_05{
width: 48%;
height: 170px;
}
	
	
.contact_box{
width: 100%;
padding: 0 20px;
text-align: center;
}
	
.contact_box h2{
font-size: 18px;
margin-bottom: 20px;
}
	
.contact_box h3{
font-size: 18px;
margin-bottom: 15px;
}
    
    
.cb_l{
float:none;
width: 100%;
font-size: 14px;
text-align: center;
margin-bottom: 40px;
}
	
.cb_r{
float:none;
width: 100%;	
text-align: center;
padding: 0px 0 0 0;
}	

.cb_tel{
font-size: 22px;
}    
    
    
.cb_mail{
font-size: 16px;
padding: 8px 0px;    
}    
    
.cb_note{
font-size: 12px;	
}

.cb_txt{
font-size: 13px; 
text-align: left;
}    
	
.cb_r ul li{
width: 45%;    
margin-left: 0px;
padding: 0 10px;
}
	
.mv_wrapper{
margin-bottom: 40px;
}
    
    
.mv_tit_wrap{
margin-bottom: 50px;
}
 
    
.mv_tit_boxs{
width:100%;
height: 75px;
padding: 0 20px;
}

.mv_tit_boxs h2{
font-size: 18px;
line-height: 75px;
}
    
.coach_boxs,.lesson_boxs{
width: 100%;
padding: 0 20px; 
margin-bottom: 100px;    
}
     
.coach_box,.lesson_box{
margin-bottom: 50px;
}

.coach_box_l{
float: none;
width: 100%;
}

.coach_box_r{
float: none;
width: 100%;  
}   
  
    
  
.hellos_boxs{
width: 100%;
padding: 0 20px; 
}


.ceo_hello_01{
font-size: 15px;
line-height: 1.5;
padding: 0px 0px;
}

    
.ceo_hello{
font-size: 15px;
line-height: 1.5;
padding: 20px 0px;
}

.hellos_box{
padding: 10px 0px;
}
    

.hellos_boxs table td {
width: 100%;
display: block;
}
    
    
.ceo{
font-size: 15px;    
margin-bottom: 50px;
}

.facility_boxs{
width: 100%;
padding:0 20px;
}    
    

.fr_l,.fr_r{
float: none;
width: 100%;
height: auto;
margin-bottom: 20px;
}
    
    
.r_tit{
font-size: 16px;
margin-bottom: 15px;
}

.facility_room_floor{
padding-bottom: 50px;
}

    
    .map_box{
margin-bottom: 50px;
}

.map{
width: 100%;
height: 400px;
}
  
    
    
.lesson_box table{
}

 

.lesson_box table th,
.lesson_box table td { 
width:100%;  
padding: 10px;      
display: block;
border-bottom: none;
}
  
.lesson_box .boder_1 { 
border-bottom: 1px solid #555;
}
      
    
.lesson_box_02 table th,
.lesson_box_02 table td { 
width:100%; 
padding: 10px;     
display: block;
border-bottom: none;
}
       
 .lesson_box_02 .boder_1 { 
border-bottom: 1px solid #555;
}
       
.coach_info{
padding: 11px;
margin-bottom: 20px;
}
    
.coach_info table{
}    
	
.contact_wrap{
width: 100%;
}
.contact_boxs01{
width: 100%;
}
    
.contact_boxs02{
width: 100%;
padding: 0 20px;	
}
    
.coach_name{
font-size: 16px;
margin-bottom: 10px;
}    
    
}