@charset "utf-8";
/* --- トップページ --- */
/* MVスライドのページネーション非表示 */
.slick-dots {display: none !important;}
.slick-dotted.slick-slider {margin: 0 !important; font-size: 0; line-height: 0;}


/* MV直下バナースライド */
#top_banner_slider {
  width: 100%; margin: 0 !important;
  overflow: hidden;
}
#top_banner_slider * {}
#slider02 a {
  display: block; padding: 30px 16px;
}
#slider02 a > img {
  display: block;
  width: 100% !important; max-width: unset !important; height: unset !important; max-height: unset !important;
}
#slider02 .slick-arrow.slick-next,
#slider02 .slick-arrow.slick-prev {
  content: '';
  position: absolute; top: 50% !important; bottom: unset !important;
  overflow: hidden; z-index: 10;
  width: 36px; height: 36px; margin: 0 !important;
  text-indent: 100%;
  border: 1px solid #f88d0c; border-radius: 50%;
  background: #f1e8e0;
  transform: unset !important;
}
#slider02 .slick-arrow.slick-next::after,
#slider02 .slick-arrow.slick-prev::after {
  content: '';
  display: block; width: 23%; aspect-ratio: 1/1;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
  border-bottom: 1px solid #f88d0c; border-right: 1px solid #f88d0c;
  transform: rotate(-45deg) translateX(-15%);
}
#slider02 .slick-arrow.slick-next {right: 10px;}
#slider02 .slick-arrow.slick-prev {left: 10px; transform: scale(-1,1) !important;}


/* トレーナー紹介のデザイン調整(テキスト左揃え・背景を黒に変更するなど) */
.top_staff .top-staff-inn .top-staff-column .top-staff-column-item:first-child {
  padding: 80px 70px;
  color: #fff; text-align: left;
  background: #2e2d2b;
}
.top_staff .top-staff-inn .top-staff-column .top-staff-column-item:first-child .catch_voice {
  font-size: 12px; font-weight: bold;
}
.top_staff .top-staff-inn .top-staff-column .top-staff-column-item:first-child h2 {
  display: block;
  font-size: 32px; font-weight: bold; text-align: left;
}
.top_staff .top-staff-inn .top-staff-column .top-staff-column-item:first-child .txt {
  margin-bottom: 60px;
  font-size: 15px; line-height: 1.8;
}

@media only screen and (min-width:641px){
  .top_staff .top-staff-inn .top-staff-column .top-staff-column-item:first-child {
    white-space: nowrap;
  }
}


/* トレーニングコース前後の余白削除 */
.top_training {
  margin-top: -30px; margin-bottom: -30px;
  background: none !important;
  background-image: url(/wp/wp-content/uploads/2023/05/bg_top_training.jpg) !important;
  background-size: cover !important;
}


/* 店舗一覧 */
.top_store {
  position: relative;
  background-image: url(/wp/wp-content/uploads/2023/05/bg_store.png) !important;
  background-size: cover !important;
  background-color: #F9F9F9 !important;
  padding: 100px 0; margin: -30px 0 100px !important;
}
@media screen and (max-width: 800px){
	.top_store {
		padding: 50px 0;
  }
}


/* フッター店舗一覧、詳しく見るボタンのデザイン調整 */
@media only screen and (min-width:800px){
  #foot-cta {
    padding: 0; 
    background: linear-gradient(to right,#ec5e00,#f2a700);
  }
  #foot-cta .panel-grid-cell {
    margin: 0 !important; padding: 0 !important;
    font-size: 0; line-height: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
  #foot-cta .panel-grid-cell img {
    display: block;
  }
  #foot-cta .panel-grid-cell:last-child {
    border-right: none;
  }
}
@media only screen and (max-width:799.98px){
  #foot-cta .panel-grid-cell {
    margin: 0 !important; padding: 0 !important;
  }
  #foot-cta .panel-grid-cell .textwidget > a {
    display: block; text-align: center;
    background: linear-gradient(to right,#ec5e00,#f2a700);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  #foot-cta .panel-grid-cell .textwidget > a img {
    
  }
  #foot-cta .panel-grid-cell:last-child a img {
    border-bottom: none;
  }
}


/* お問い合わせ｜電話番号欄 */
.contact-tel {
  max-width: 900px; margin: -1em auto 5em !important;
}
.contact-tel__box {
  line-height: 0;
}
.contact-tel__store {
  margin-bottom: 1.2em;
  font-size: 1.1em; font-weight: bold;
}
.contact-tel__store::before {content: '●';}
.contact-tel__tel {
  display: block;
  color: #000000;
  font-size: 2.0em;
  font-weight: bold;
  text-decoration: none;
}
.contact-tel__tel img {
  position: relative; top: -0.1em;
  display: inline-block;
  width: 0.95em;
  vertical-align: middle;
}
.contact-tel__time {
  font-weight: bold;
}

@media only screen and (min-width:800px){
  .contact-tel {
    display: flex; justify-content: center;
  }
  .contact-tel__box {
    padding: 0 1.5em;
  }
}

@media only screen and (max-width:799.98px){
  .contact-tel__box {
    padding: 1em 0 0;
    text-align: center;
  }
  .contact-tel__tel {
   font-size:1.8rem;
  }
}


/*
ボタンのスタイル
.hogehoge a.btn_hogehoge {
  display: flex; align-items: center; align-content: center; justify-content: center;
  color: #222; font-size: 18px; font-weight: bold; text-decoration: none;
}
.hogehoge a.btn_hogehoge:before {
  content: '\f105'; font-family: FontAwesome;
  display: flex; align-items: center; justify-content: center;
  width: 50px; aspect-ratio: 1/1; margin-right: 8px;
  background: linear-gradient(to right,#ee7700,#f09800);
  color: #fff;
  border-radius: 50%;
} */



/* ------------------------------
.asap-style用
------------------------------ */

.asap-style h2{
font-size: 160%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
margin-bottom: 80px;
color: #191919;
letter-spacing: 0.05em; 
text-align:center;
position:relative;
}

@media screen and (max-width: 800px) {
.asap-style h2{
font-size: 120%;
        margin:0 0 40px 0;
    }
}    
    
    
.asap-style h2:before {
background-color: #EB6100;

content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 120px;
height: 4px;
left: 50%;
transform: translateX(-50%);

}

.asap-style h3{
text-align:center;
font-weight:bold;
margin:0 0 60px 0;
}

@media screen and (max-width: 800px) {
.asap-style h3{

        margin:0 0 20px 0;
    }
}     
    
    
.asap-style__list {

display:flex;
justify-content: space-between;
flex-wrap: wrap;
list-style:none;
margin:0;
padding:0;

}    

.asap-style__list::after{
content:"";
display:block;
width:30%;
}


.asap-style__list__item{

width:30%;
border:1px solid #ccc;
padding:4px;
margin:0 0 60px 0;
}

.asap-style__list__item2{

width:23%;
padding:4px;
margin:0;
}
    
 @media screen and (max-width: 800px) {
.asap-style__list__item,.asap-style__list__item2{

width:48%;

margin:0 0 20px 0;
}
    #content {
        margin-top: 0 !important;
        padding: 40px 0 0 0;
    } 
     
}     
      
    
    
    
.asap-style__list__item p{

margin:0 !important;
padding:0 !important;

}

.asap-style__list__item p.img{
position: relative;
overflow: hidden;


}
.asap-style__list__item p.img::before{
content: "";
padding-top: 100%;
display: block;
}

.asap-style__list__item p.img img{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;}

.asap-style__list__item2 p.img img{
    
    padding:4px;
    border:1px solid #ccc;
}




.asap-style__list__item p.txt{

padding:10px 15px 11px 15px !important;
}