@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: #ff42ae; font-size: 3em; 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: 2.6em;
  }
}


/*
ボタンのスタイル
.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%;
} */