@charset "UTF-8";
/*
    Template: swell
    Theme Name: ReXeR PeRSoNaL GyM child
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* 共通css*/

li {
  list-style: none;
}

.c-pageTitle {
  display: none;
}

.post_content ul {
  padding: 0;
}

.c-widget .textwidget> :not(:last-child) {
  margin-bottom: 0 !important;
}

.text-center {
  margin: 0 auto;
}

.medium-only {
  display: block;
}

.small-only {
  display: none;
}

.sp-br {
  display: none;
}

.banner-image {
  justify-content: center;
  text-align: center;
  margin: auto;
}

.banner-image img {
  box-sizing: border-box;
  height: auto;
  max-width: 70%;
}

@media screen and (max-width: 767px) {
  .banner-image img {
    max-width: 100%;
  }

  .sp-br {
    display: block;
  }

  .medium-only {
    display: none;
  }

  .small-only {
    display: block;
  }

  /* スマホ内リスト フォントサイズ */
  .c-listMenu li {
    font-size: 16px;
  }
}

.post_content {
  margin: 0 !important;
}

/* header パーツ*/
.header__contact {
  padding: 16px 48px;
  background: #bb9e7f;
  border: 2px solid #bb9e7f;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  transition: 0.3s all;
}

.header__contact:hover {
  background: #fff;
  color: #bb9e7f;
  transition: 0.3s all;
}

/* スマホ内 バナー*/
.c-widget__title.-spmenu {
  background: none;
  color: #222;
  text-align: center;
  margin-bottom: 0;
}

/* footer パーツ*/

.footer__lists {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  margin-right: auto;
}

.footer__lists--secondary {
  margin-left: 88px;
  gap: 12px;
}

.footer__lists h2 {
  font-size: 24px;
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1.4;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: italic;
  text-trasform: uppercase;
  margin: 0 !important;
}

.footer__lists li {
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1.4;
  font-family: 'YuGothic', sans-serif;
  display: inline-block;
  width: fit-content;
}

.footer__lists a {
  color: #fff;
}

.footer__lists li:after {
  position: absolute;
  left: 0;
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -2px;
  /*アンダーラインがaタグの下端から現れる*/
  transform: scale(0, 1);
  /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  transform-origin: left top;
  /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  transition: transform 0.3s;
  /*変形の時間*/
}

.footer__lists li:hover::after {
  transform: scale(1, 1);
  /*ホバー後、x軸方向に1（相対値）伸長*/
  cursor: pointer;
}

.footer__copyright {
  color: #fff !important;
}

@media screen and (max-width: 1024px) {
  .footer__right {
    display: flex;
    gap: 32px;
    max-width: 520px;
    margin: 48px auto 0;
  }

  .footer__lists {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 auto;
  }

  .footer__lists--secondary {
    margin-top: 56px;
  }
}

.l-footer {
  display: none;
}

/* 下層ページ トップ余白なし */
.l-content,
.l-container {
  padding-top: 0em !important;
}

/* 下層ページ h2 英字*/
.section_h2 {
  font-size: 64px;
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.4rem;
  line-height: 140%;
}

.section_h2_white {
  font-size: 64px;
  line-height: 100%;
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-weight: 700;
  color: #fff;
  line-height: 140%;
  letter-spacing: 0.4rem;
}

.section_h2--gd {
  margin-top: 40px;
  text-align: center;
  font-family: 'Noto Sans JP';
  transform: skew(-10deg);
  font-size: 56px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: capitalize;
  background: linear-gradient(88deg, #f3cc9b 1.15%, #bb9e7f 99.07%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 下層ページ カッコ h3 */
.kakko_h3:before {
  bottom: 0 !important;
  left: 0 !important;
}

/* 下層ページ h2 余白消す*/
.section_h2_side {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 吹き出し用*/
.post_content h3:before {
  bottom: -7px;
  left: 1.25em;
}

.content_h2_big_icon_point {
  padding: 2rem
}

.is-style-big_icon_point:before {
  content: "\e915";
  display: inline-flex !important;
}

@media screen and (max-width: 767px) {

  .section_h2,
  .section_h2_white {
    font-size: 48px;
    margin-bottom: 12px;
  }

  .section_h2--gd {
    font-size: 32px;
  }

  p {
    font-size: 14px;
  }
}

/* パンくず背景色 */
.p-breadcrumb.-bg-on {
  background: #fff;
}

.-body-solid .p-breadcrumb.-bg-on {
  box-shadow: none;
}

.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
  display: block !important;
  opacity: 1;
  white-space: pre-wrap;
}

/* 共通css 終わり*/

/* 下層ページ h1 消す*/
.c-pageTitle {
  height: auto;
  font-size: 2rem !important;
  letter-spacing: 0.3rem;
  border: none;
}

.c-pageTitle[data-style='b_bottom'] {
  border-bottom: 0;
}

.c-pageTitle__inner {
  padding: 0 !important;
  margin-bottom: 48px !important;
  border-bottom: 0 !important;
}

.c-pageTitle::after {
  display: none !important;
  border: none !important;
}

/* トップページ */

/* トップページ共通 */
.toppage__section--h2 {
  color: #222;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 56px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 7.84px;
  transform: skew(-10deg);
}

.toppage__section--sub {
  color: #bb9e7f;
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 3.36px;
  text-transform: uppercase;
}

@media screen and (max-width: 1279px) {
  .toppage__section--h2 {
    font-size: 48px !important;
  }
}

@media screen and (max-width: 1023px) {
  .toppage__section--h2 {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .toppage__section--h2 {
    font-size: 28px !important;
  }

  .toppage__section--sub {
    font-size: 16px !important;
  }
}

/* メインビジュアル */
.mainVisual__items {
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 80px;
  margin: 0 auto;
  margin-top: 40px;
  place-content: center;
  place-items: center;
}

.mainVisual__item {
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2px;
  transform: skew(-10deg);
  width: 316px;
  /*   height: 55px; */
  height: 45px;
  background: #bb9e7f;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .mainVisual__items {
    gap: 32px;
    max-width: 1000px;
    place-content: center center;
  }

  .mainVisual__item {
    max-width: 240px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .mainVisual__items {
    grid-template-columns: 1fr;
    /*     gap: 40px; */
    gap: 20px;
    max-width: 420px;
  }

  .mainVisual__item {
    font-size: 16px;
    max-width: 420px;
  }
}

/* aboutセクション */
.section_h1--top,
.section_h2--top {
  color: #222;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 48px !important;
  font-style: normal;
  font-weight: 900 !important;
  line-height: 100%;
  letter-spacing: 0.25rem !important;
  transform: skew(-10deg);
  text-align: center;
  margin: 0 !important;
}

.section_h1--topWhite,
.section_h2--topWhite {
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 48px !important;
  font-style: normal;
  font-weight: 900 !important;
  line-height: 100%;
  letter-spacing: 0.25rem !important;
  transform: skew(-10deg);
  text-align: center;
  margin: 0 !important;
}

.section_h1--topSub,
.section_h2--topSub {
  margin-top: 8px;
  color: #bb9e7f;
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.15rem;
  transform: skew(-14deg);
  text-align: center;
  /*   text-transform: uppercase; */
}

.section_h1--topSubWhite,
.section_h2--topSubWhite {
  margin-top: 8px;
  color: #bb9e7f;
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.15rem;
  transform: skew(-14deg);
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 1023px) {

  .section_h1--top,
  .section_h2--top {
    font-size: 40px !important;
    letter-spacing: 0.15rem !important;
  }

  .section_h1--topWhite,
  .section_h2--topWhite {
    font-size: 40px !important;
    letter-spacing: 0.15rem !important;
  }

  .section_h1--topSub,
  .section_h2--topSub {
    font-size: 16px !important;
  }

  .section_h1--topSubWhite,
  .section_h2--topSubWhite {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 767px) {

  .section_h1--top,
  .section_h2--top {
    font-size: 28px !important;
    letter-spacing: 0.15rem !important;
  }

  .section_h1--topWhite,
  .section_h2--topWhite {
    font-size: 28px !important;
    letter-spacing: 0.15rem !important;
  }

  .section_h1--topSub,
  .section_h2--topSub {
    font-size: 14px !important;
  }

  .section_h1--topSubWhite,
  .section_h2--topSubWhite {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 479px) {

  .section_h1--top,
  .section_h2--top {
    font-size: 24px !important;
    letter-spacing: 0.15rem !important;
  }

  .section_h1--topWhite,
  .section_h2--topWhite {
    font-size: 24px !important;
    letter-spacing: 0.15rem !important;
  }

  .section_h1--topSub,
  .section_h2--topSub {
    font-size: 12px !important;
  }
}

.about__section--textWrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 64px;
  max-width: 1240px;
  margin: 0 auto;
  margin-top: 80px;
  place-content: center;
  place-items: start;
}

.about__section--textItem {
  max-width: 420px;
  width: 100%;
}

.about__section--textTitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #9f7f4f;
  font-family: Inter;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4.48px;
}

.about__section--textTitle img {
  margin-right: 16px;
}

.about__section--text {
  margin-top: 16px;
  color: #222;
  font-family: 'Noto Sans JP';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 1024px) {
  .about__section--textWrap {
    gap: 40px;
  }

  .about__section--textTitle {
    letter-spacing: 2.2px;
  }
}

@media screen and (max-width: 767px) {
  .about__section--textWrap {
    grid-template-columns: 1fr;
    gap: 40px;
    margin: 0 auto;
    place-items: center;
  }

  .about__section--textItem {
    max-width: 360px;
  }

  .about__section--text {
    font-size: 12px;
  }
}

/* アコーディオン */

.about__section_sp {
  display: none;
}

@media screen and (max-width: 767px) {

  .about__section_sp {
    display: block;
    margin-top: 15%;
  }

  .about__section_pc {
    display: none;
  }
}

.accordion-top {
  max-width: 1000px;
  background-color: #ffffff;
  margin: 0 auto;
}

.accordion-top:not([open]) {
  /*   margin-bottom: 7px; */
  margin-bottom: 5%;
}

.accordion-top summary {
  border: 1px solid #9f7f4f;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 1.6em 44px 1.6em 14px;
  background-color: #ffffff;
  color: #9f7f4f;
  font-family: inter;
  font-style: italic;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.accordion-top img {
  width: 11%;
  margin-right: 3%;
}

.accordion-top small {
  font-size: 10px;
  margin-left: 5%;
}

.accordion-top summary::-webkit-details-marker {
  display: none;
}

.accordion-top summary::before,
.accordion-top summary::after {
  width: 3px;
  height: 1em;
  border-radius: 5px;
  background-color: #9f7f4f;
  content: '';
}

.accordion-top summary::before {
  position: absolute;
  right: 1.5em;
  rotate: 90deg;
}

.accordion-top summary::after {
  transition: rotate 0.3s;
  position: absolute;
  right: 1.5em;
}

.accordion-top[open] summary::after {
  rotate: 90deg;
}

.accordion-top p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  margin-bottom: 40px;
  padding: 28px;
  color: #333333;
  transition: transform 0.5s, opacity 0.5s;
  border: 1px solid #9f7f4f;
}

.accordion-top[open] p {
  transform: none;
  opacity: 1;
}

/* トップページ 強み6つセクション */
.strength__cardWrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
  place-content: center;
  place-items: center;
  max-width: 1080px;
  margin: 0 auto;
}

.strength__card {
  width: 340px;
  height: 420px;
  position: relative;
  border-radius: 10px;
  background-size: cover;
}

.strength__card__inner {
  position: absolute;
  width: 340px;
  height: 420px;
  border-radius: 10px;
  background-color: rgba(31, 31, 31, 0.75);
  z-index: 10;
  display: flex;
  align-items: center;
}

.strength__textBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.strength__number {
  position: absolute;
  top: 4%;
  left: 6%;
  color: #fff;
  font-weight: 700;
  font-size: 32px;
  font-family: 'Inter', sans-serif;
  font-style: italic;
  letter-spacing: 0.25rem;
  margin: 0;
}

.strength__text__h3 {
  margin: 8px !important;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px !important;
  font-weight: 700;
  display: flex;
  justify-content: center;
  line-height: 180%;
  transform: skew(-10deg);
  -moz-transform: skew(-10deg);
  -webkit-transform: skew(-10deg);
}

.strength__textChange {
  display: grid;
  place-items: center;
  place-content: center;
  width: 340px;
  height: 420px;
}

.strength__text__pc {
  color: #fff;
  letter-spacing: 0.1rem;
  font-size: 14px;
  line-height: 200%;
  opacity: 1;
  transition: 4s all ease-in-out;
  animation: fade-none 4s ease-in-out;
  z-index: 100;
  display: block;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

fade-none @keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.strength__text__sp {
  opacity: 1;
  display: none;
  color: #fff;
  letter-spacing: 0.1rem;
  padding: 0 20px;
  font-size: 14px;
  line-height: 200%;
  transition: 4s all ease-in-out;
  z-index: 100;
}

.strength__button {
  position: absolute;
  bottom: 4%;
  right: 4%;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #fff;
  transition: 0.4s;
  cursor: pointer;
  z-index: 1;
}

.strength__button::before {
  content: '';
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #bb9e7f;
  transition: 0.4s;
  cursor: pointer;
  z-index: 1;
  z-index: 1000;
}

.strength__button:hover::before {
  transform: scale(0.8);
}

.strength__button:active::before {
  background: #333;
  /* クリックされた時の背景色を変更 */
  transform: scale(0.8);
  /* クリックされた時に少し縮小 */
}

.strength__card:hover {
  cursor: pointer;
}

.strength__card:nth-child(1) {
  background-image: url(/wp-content/uploads/strength01.webp);
}

.strength__card:nth-child(2) {
  background-image: url(/wp-content/uploads/strength02.webp);
}

.strength__card:nth-child(3) {
  background-image: url(/wp-content/uploads/strength03.webp);
}

.strength__card:nth-child(4) {
  background-image: url(/wp-content/uploads/strength04.webp);
}

.strength__card:nth-child(5) {
  background-image: url(/wp-content/uploads/strength05.webp);
}

.strength__card:nth-child(6) {
  background-image: url(/wp-content/uploads/strength06.webp);
}

@media screen and (max-width: 1120px) {
  .strength__cardWrap {
    grid-template-columns: 1fr 1fr;
    max-width: 760px;
  }
}

@media screen and (max-width: 767px) {
  .strength__cardWrap {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    place-items: center;
    place-content: start;
    max-width: 480px;
    overflow-x: scroll;
    gap: 16px;
  }
}

.strength__card:hover .strength__button02 {
  opacity: 1;
}

/*フェードダウン→フェードインアニメーション */
@keyframes fadeInStrength {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* フェードアウトアニメーション */
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0px);
  }

  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

/* アニメーション適用クラス */
.fade-in {
  animation: fadeInStrength 0.3s forwards;
}

.fade-out {
  animation: fadeOut 0.3s forwards;
}

/* stepcontainer*/
.toppage__step--text {
  color: #222;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  /* 25.2px */
  letter-spacing: 1.96px;
}

.toppage__step--container {
  max-width: 1400px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
  place-content: start;
  place-items: center;
  margin: 0 auto;
}

.contact__step--container {
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
  place-content: start;
  place-items: center;
  margin: 0 auto;
}

.toppage__step--item {
  max-width: 320px;
  width: 100%;
  /*   height: 240px; */
  height: 100%;
}

.toppage__step--item img {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.toppage__step--head {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #222;
}

.toppage__step--text {
  font-size: 14px;
  letter-spacing: 0.03em;
  margin-top: 8px;
}

@media screen and (max-width: 1023px) {
  .toppage__step--container {
    max-width: 800px;
    grid-template-columns: 1fr 1fr;
    gap: 120px 48px;
  }

  .contact__step--container {
    max-width: 740px;
    padding: 0 20px;
    height: 480px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .contact__step--container .toppage__step--item {
    width: 320px;
    height: 340px;
  }
}

@media screen and (max-width: 767px) {
  .toppage__step--container {
    display: block;
    max-width: 740px;
    grid-template-columns: 1fr;
    place-content: center;
    place-items: center;
    gap: 16px;
  }

  .toppage__step--item {
    width: 96%;
    margin: 0 auto;
    /*     margin-bottom: 104px; */
    margin-bottom: 15%;
  }

  .contact__step--container {
    max-width: 740px;
    width: 100%;
    height: 360px;
    display: grid;
    place-content: start;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
    overflow-x: scroll;
  }

  .contact__step--container .toppage__step--item {
    width: 320px;
    height: 320px;
    margin-bottom: 0;
  }
}

/* anothercontainer */
.anotherpage__container {
  max-width: 1040px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  place-content: center;
  gap: 80px;
}

.anotherpage__item {
  width: 480px;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  position: relative;
  filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.1));
  transition: all 0.3s;
}

.anotherpage__item:nth-child(1) {
  background-image: url(/wp-content/uploads/plan.webp);
}

.anotherpage__item:nth-child(2) {
  background-image: url(/wp-content/uploads/store.webp);
}

.anotherpage__item:nth-child(3) {
  background-image: url(/wp-content/uploads/faq.webp);
}

.anotherpage__item:nth-child(4) {
  background-image: url(/wp-content/uploads/recruit.webp);
}

.anotherpage__item::before {
  position: absolute;
  content: '';
  width: 456px;
  height: 296px;
  border: 1px solid #fff;
  z-index: 100;
  transition: all 0.3s;
}

.anotherpage__item--innerBox {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.6);
}

.anotherpage__title {
  color: #f9f9f9;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 14px;
  position: relative;
  text-transform: uppercase;
  margin: 0;
  margin-left: 14px;
}

.anotherpage__text {
  margin-top: 32px;
  color: #f9f9f9;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 3.2px;
  position: relative;
}

.anotherpage__text::before {
  position: absolute;
  content: '';
  width: 94px;
  border: 0.5px solid #fff;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
}

.anotherpage__item:hover {
  filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.3));
  transition: all 0.3s;
}

.anotherpage__item:hover::before {
  transform: scale(0.96);
  transition: all 0.3s;
}

@media screen and (max-width: 1024px) {
  .anotherpage__container {
    gap: 48px;
    max-width: 768px;
    margin: auto;
  }

  .anotherpage__item {
    width: 360px;
    height: 204px;
    margin: 0 auto;
  }

  .anotherpage__item::before {
    width: 336px;
    height: 180px;
  }

  .anotherpage__title {
    font-size: 32px;
    letter-spacing: 12px;
    font-weight: 600;
    margin-left: 10px;
  }

  .anotherpage__text {
    font-size: 12px;
  }

  .anotherpage__text::before {
    width: 64px;
    letter-spacing: 10px;
    top: -20px;
  }
}

@media screen and (max-width: 767px) {
  .anotherpage__container {
    grid-template-columns: 1fr;
  }
}

/* 店舗一覧ページ */
.areaStyle {
  max-width: 1000px;
  width: 100%;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 48px;
  background: #bb9e7f;
  display: flex;
  justify-content: center;
  align-items: center;
}

.area__h1,
.area__h2 {
  font-size: 24px !important;
  color: #fff !important;
  padding: 0;
  font-weight: 700;
  letter-spacing: 3.2px;
  text-align: center;
}

.area__listsBox {
  margin-bottom: 240px;
}

.area__lists {
  max-width: 1000px;
  width: 100%;
  display: grid;
  place-content: center;
  place-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0;
  margin: 0 auto;
  gap: 48px;
}

@media screen and (max-width: 767px) {
  .areaStyle {
    width: 100%;
    padding: 0 16px;
  }

  .area__lists {
    grid-template-columns: 1fr;
  }

  .area__listsBox {
    margin-bottom: 60px;
  }
}

.area__lists a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 320px;
  width: 100%;
  height: 64px;
  border: 2px solid #bb9e7f;
  border-radius: 10px;
  color: #bb9e7f;
  font-size: 18px;
  font-weight: 700;
  transition: 0.4s;
}

#area__listsBox02 .area__lists a:nth-child(3) {
  display: none;
}

@media screen and (max-width: 767px) {
  .area__lists {
    gap: 0;
    /* 追加 */
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    margin-bottom: 40px;
    /* 適宜調整 */
    font-size: 16px;
  }

  .area__lists a {
    flex-direction: column;
    width: 100%;
    height: 64px;
    margin-bottom: 40px;
    /* 適宜調整 */
    font-size: 16px;
  }
}

.area__lists a:hover {
  background: #bb9e7f;
  color: #fff;
  transition: 0.4s;
  box-shadow: 4px 4px 20px 0px rgba(33, 33, 33, 0.2);
}

/*よくある質問ページ*/
/* アコーディオン */
.faq__h3Box {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.faq__h3 {
  max-width: 1000px;
  text-align: left;
  margin: 0 auto;
  font-size: 20px !important;
}

.accordion-001 {
  max-width: 1000px;
  background-color: #ffffff;
  margin: 0 auto;
}

.accordion-001:not([open]) {
  margin-bottom: 7px;
}

.accordion-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1.6em 64px 1.6em 28px;
  background-color: #333;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
  display: none;
}

.accordion-001 summary::before,
.accordion-001 summary::after {
  width: 3px;
  height: 1em;
  border-radius: 5px;
  background-color: #fff;
  content: '';
}

.accordion-001 summary::before {
  position: absolute;
  right: 2.5em;
  rotate: 90deg;
}

.accordion-001 summary::after {
  transition: rotate 0.3s;
  position: absolute;
  right: 2.5em;
}

.accordion-001[open] summary::after {
  rotate: 90deg;
}

.accordion-001 p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  margin-bottom: 40px;
  padding: 28px;
  color: #333333;
  transition: transform 0.5s, opacity 0.5s;
  border: 2px solid #333333;
}

.accordion-001[open] p {
  transform: none;
  opacity: 1;
}

/* slickスライダー (トレーナー紹介) */

/* 料金・コースページ */
.plan__title__h2 {
  font-size: 48px !important;
}

@media screen and (max-width: 767px) {
  .plan__title__h2 {
    font-size: 32px !important;
  }
}

.plan__select--section {
  padding: 0 20px;
  overflow: hidden;
}

.c-plan__items {
  max-width: 672px;
  display: grid;
  place-content: center;
  place-items: center;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  margin: 0 auto;
  gap: 40px 32px;
}

@media screen and (max-width: 767px) {
  .c-plan__items {
    max-width: 320px;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.c-plan__item {
  position: relative;
  width: 320px;
  height: 280px;
  border-radius: 10px;
  border: 1px solid #bb9e7f;
  display: grid;
  place-content: center;
  place-items: center;
  color: #212121;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.4px;
  transition: all 0.5s;
  cursor: pointer;
}

.c-plan__item:hover {
  background: #bb9e7f;
  color: #fff;
  transition: all 0.5s;
  cursor: pointer;
}

.c-plan__item__enText {
  color: #212121;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 500 !important;
  line-height: normal;
  letter-spacing: 2.4px;
  transition: all 0.5s;
  cursor: pointer;
}

/* 改行 タイトル調整*/
.title__center {
  text-align: center;
  font-style: italic;
  line-height: 1.7 !important;
  transform: skew(0deg);
  -moz-transform: skew(0deg);
  -webkit-transform: skew(0deg);
}

.title__h2_align {
  line-height: 1.4 !important;
}

/* カード内 アイコン*/
.icon__down-arrow {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color: #212121;
  transition: all 0.5s;
  cursor: pointer;
}

.c-plan__item:hover .c-plan__item__enText {
  color: #fff;
  transition: all 0.5s;
}

.c-plan__item:hover .icon__down-arrow {
  color: #fff;
  transition: all 0.5s;
  bottom: 18px;
}

.plan__title {
  color: #212121;
  font-family: Inter;
  font-size: 40px !important;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 5.6px;
}

@media screen and (max-width: 767px) {
  .c-plan__item {
    height: 80px;
  }

  .icon__down-arrow {
    width: 84%;
    right: 0px;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
  }
}

/* プラン内 表サイズ調整 */

.plan__itemBox {
  border-radius: 10px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
  .plan__itemBox {
    border-radius: 10px;
    box-shadow: none;
  }

  .c-plan__item__enText {
    font-size: 20px;
  }
}

/* 実績・体験者の声ページ */
.review__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  place-content: start;
  max-width: 1080px;
  gap: 24px;
  overflow-x: scroll;
}

.review__item {
  position: relative;
  border-radius: 10px;
  border: 2px solid #000;
  background: rgba(231, 214, 196, 0.3);
  background-image: url(/wp-content/uploads/voice_texture.png);
  background-size: cover;
  width: 800px;
  height: 500px;
}

.review__itemBg {
  content: '';
  position: absolute;
  max-width: 1000px;
  width: 100%;
  height: 100%;
  background: rgba(231, 214, 196, 0.3);
  border-radius: 10px;
  z-index: 1;
}

.review__itemInner {
  padding: 32px 24px 0 24px;
  position: relative;
  z-index: 1000;
}

.review__innerHead {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #bb9e7f;
  font-family: 'Noto Sans JP';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.8px;
  margin-bottom: 16px;
}

.review__innerHead img {
  width: 80px;
  height: 80px;
  margin-right: 24px;
  border-radius: 90%;
  overflow: hidden;
}

.review__innerText {
  color: #222;
  font-family: 'Noto Sans JP';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  /* 32px */
  letter-spacing: 2.24px;
}

@media screen and (max-width: 767px) {
  .review__item {
    width: 360px;
    height: 380px;
  }

  .review__itemInner {
    padding: 16px;
  }

  .review__innerHead {
    font-size: 16px;
  }

  .review__innerTextBox {}

  .review__innerText {
    font-size: 10px;
  }
}

/* 採用情報ページ */
/* .saiyou__mainVisualTextBox {
  width: 100%;
  height: 700px;
  background-image: url('/wp-content/uploads/recruit_fv_pc.jpg');
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-size: cover;
} */
/* recruit rk */
.saiyou__mainVisualTextBox {
  max-height: 1170px;
}

.recruit-fv-pc {
  width: 100%;
  position: relative;
  display: block;
}

.recruit-fv-pc img {
  width: 100%;
  max-height: 1170x;
}

.recruit-fv-sp {
  display: none;
}

.recruit-fvtext {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 28%;
  margin: auto;
}

/* recruit rk */

.saiyou__mainVisual--h2 {
  color: #fff;
  text-align: center;
  text-shadow: 4px 4px 20px rgba(34, 34, 34, 0.1);
  font-family: Inter;
  font-size: 104px !important;
  font-style: italic;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 12px;
  margin: 0 !important;
  margin-bottom: 32px !important;
}

.saiyou__mainVisual--subtext {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 4.8px;
  margin-bottom: 12px;
}

.saiyou__mainVisual--maintext {
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.4px;
}

@media screen and (max-width: 767px) {

  /*   .saiyou__mainVisualTextBox {
    width: 100%;
    height: 632px;
    background-image: url('/wp-content/uploads/recruit_fv_sp.jpg');
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-size: cover;
  } */
  /* recruit rk */
  .recruit-fv-sp {
    width: 100%;
    position: relative;
    display: block;
  }

  .recruit-fv-sp img {
    width: 100%;
    max-height: 700px;
  }

  .recruit-fv-pc {
    display: none;
  }

  /* recruit rk */

  .saiyou__mainVisual--h2 {
    font-size: 56px !important;
    letter-spacing: 8px;
  }

  .saiyou__mainVisual--subtext {
    font-size: 20px;
  }

  .saiyou__mainVisual--maintext {
    font-size: 14px;
  }

  .sp-br {
    display: block;
  }
}

.c-rectuit__title {
  color: #fff;
  text-shadow: 4px 4px 20px rgba(34, 34, 34, 0.1);
  font-family: Inter;
  font-size: 88px;
  font-style: italic;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: 10px;
}

.c-rectuit__subtitle {
  color: #fff;
  font-family: Noto Sans JP;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 2.4px;
  transform: skewX(-10deg);
}

.c-recruit__button {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.25rem;
  font-weight: 700;
  border-radius: 90px;
  background: #bb9e7f;
  border: 2.5px solid #bb9e7f;
  padding: 24px 104px;
  box-shadow: 4px 4px 20px 0px rgba(34, 34, 34, 0.1);
  transition: 0.4s all;
}

.c-recruit__button:hover {
  background: #fff;
  color: #bb9e7f;
  transition: 0.4s all;
}

/* 採用ページ コンテンツ */
.recruit-section__h2 {
  color: #333;
  text-align: center;
  font-family: Inter;
  font-size: 64px;
  font-style: italic;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 4px;
  text-transform: uppercase;
  transform: skewX(-2deg);
  margin-bottom: 8px !important;
}

.recruit-section__h2sub {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 4px;
}

.recruit-section__textBox {
  transform: skewX(-10deg);
}

.recruit-section__text {
  color: #bb9e7f;
  font-family: Noto Sans JP;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%;
  /* 42px */
  letter-spacing: 2.8px;
}

.recruit-section__textHeader {
  text-align: center;
  background: #bb9e7f;
  color: #fff;
  padding: 20px 48px 20px 12px;
  transform: skewX(-4deg);
  font-size: 20px;
  font-weight: 700;
}

.recruit-section__textSub {
  color: #333;
  font-family: Inter;
  font-style: italic;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 2px;
  margin-top: 24px;
}

.recruit-section__h2sub {
  color: #333;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 3.2px;
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .recruit-section__h2 {
    font-size: 48px;
  }

  .recruit-section__text {
    font-size: 23px;
  }
}

.saiyou__topBox {
  position: relative;
  overflow: hidden;
}

.saiyou__column {
  max-width: 1000px !important;
  margin: 0 auto;
}

.saiyou__rhobus01 {
  content: '';
  position: absolute;
  width: 1920px;
  height: 360px;
  top: 40%;
  transform: skewX(8deg) rotate(8deg) translateY(-50%);
  background: #f5f5f5;
  z-index: -10;
}

.saiyou__rhobus02 {
  content: '';
  position: absolute;
  width: 1920px;
  height: 360px;
  top: 89%;
  transform: skewX(8deg) rotate(8deg) translateY(-50%);
  background: #f5f5f5;
  z-index: -10;
}

.saiyou__grids--container {
  max-width: 1132px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 54px;
  margin: 0 auto;
}

.saiyou__grid {
  width: 340px;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 3px solid #bb9e7f;
  background: #bb9e7f;
  box-shadow: 4px 4px 20px 0px rgba(51, 51, 51, 0.1);
}

.saiyou__grid p {
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 200%;
  letter-spacing: 1.4px;
}

@media screen and (max-width: 1200px) {
  .saiyou__column {
    padding: 0 24px;
  }

  .recruit-section__textBox {
    padding: 0 16px !important;
  }

  .recruit-section__text {
    font-size: 24px;
  }

  .recruit-section__textHeader {
    padding: 16px 32px 16px 12px;
    font-size: 16px;
  }

  .recruit-section__textSub {
    font-size: 14px;
  }

  .saiyou__grids--container {
    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    /*     gap: 54px; */
    gap: 24px;
    margin: 0 auto;
  }

  .saiyou__grid {
    max-width: 800px;
    width: 100%;
    /*     height: 240px; */
    height: 120px;
    margin: 0 auto;
  }

  .saiyou__grid--bottomText {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
  }
}

.step__container {
  max-width: 800px;
  margin: 0 auto;
}

.step__item {
  height: 144px;
}

.step__head {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 22px;
  border-radius: 12px;
  background: #333;
}

.step__head span {
  color: #333;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  line-height: 140%;
  /* 28px */
  letter-spacing: 4px;
  text-transform: capitalize;
  padding: 6px 22px;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px;
}

.step__head p {
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: capitalize;
  margin-left: 64px;
}

.step__item--text {
  margin-top: 24px;
  margin-left: 22px;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: capitalize;
}

.recruit_table {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  border: 0px solid #fff !important;
}

.contact_small-label {
  font-size: 10px;
  color: red;
}

@media screen and (max-width: 767px) {
  .step__head {
    height: 56px;
  }

  .step__head span {
    font-size: 14px;
    letter-spacing: 2px;
  }

  .step__head p {
    font-size: 14px;
    letter-spacing: 2px;
    text-align: left;
    margin-left: 24px;
  }

  .step__item--text {
    font-size: 14px;
  }

  .recruit_table {
    font-size: 14px;
  }
}

/* 加盟店募集ページ*/

.francise__imageBox {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-top: -80px;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  opacity: 0.4;
}

.francise__imageBox--innerText {
  position: absolute;
  top: 50%;
  left: 8%;
  width: 100%;
  transform: translateY(-50%);
  color: #fff;
  font-family: Inter;
  font-size: 40px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4.8px;
  z-index: 100;
  transition: all 0.4s;
  opacity: 0;
  animation: fade-in 0.4s ease-in-out forwards;
  animation-delay: 0.4s;
}

.francise__imageBox--innerText02 {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: Inter;
  font-size: 40px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4.8px;
  z-index: 100;
  transition: all 0.4s;
  opacity: 0;
  animation: fade-in 0.4s ease-in-out forwards;
  animation-delay: 0.4s;
}

.fc__h1 {
  color: #bb9e7f;
  font-family: Inter;
  font-size: 88px;
  font-style: italic;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 8.8px;
  margin-bottom: 24px !important;
}

@media screen and (max-width: 1024px) {
  .fc__h1 {
    font-size: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .fc__h1 {
    font-size: 56px !important;
  }

  .francise__step--header {
    font-size: 13px !important;
  }

  .francise__step--footer {
    line-height: 120%;
  }
}

.fc__mainVisualText {
  color: #222;
  text-align: left;
  font-family: 'Noto Sans JP';
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 2.4px;
  transform: skew(-10deg);
  margin-bottom: 24px;
}

.fc__button {
  display: inline-flex;
  padding: 24px 104px;
  justify-content: center;
  align-items: center;
  border-radius: 90px;
  background: linear-gradient(273deg, #bb9e7f 0%, #dfd2c4 100%);
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 4px;
}

.francise__stepContainer {
  max-width: 640px;
  margin: 0 auto;
  margin-top: 80px;
}

.francise__stepItem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.francise__stepCircle {
  width: 64px;
  height: 64px;
  border: 1px solid #222;
  border-radius: 50%;
  background-color: #fff;
  color: #222;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: 'Inter', sans-serif;
  font-style: italic;
  letter-spacing: 0.1rem;
  margin-right: 24px;
}

.francise__stepCircle:nth-child(9) {
  background-color: #bb9e7f;
  box-shadow: 4px 4px 10px (0, 0, 0, 0.1);
}

.francise__stepTextWrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.francise__step--header {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #222;
}

.francise__step--footer {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  letter-spacing: 0.04rem;
  font-size: 12px;
  color: #222;
}

/* fc スマホcss */
@media screen and (max-width: 767px) {
  .fc__mainVisual {
    position: relative;
  }

  .mainVisual__innerText {
    position: absolute;
    left: 50%;
    top: 26%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .fc__h1 {
    font-size: 88px;
    font-weight: 900;
    line-height: 100%;
    background: linear-gradient(100deg, #dfd2c4 -0.88%, #bb9e7f 102.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 6.4px;
  }

  .fc__mainVisualText {
    color: #fff;
    text-align: center;
    margin-bottom: 80px;
  }

  .fc__button {
    padding: 16px 64px;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: auto;
    margin-top: 32px;
    max-width: 280px;
  }

  .francise__imageBox--innerText {
    font-size: 28px;
    left: 5%;
  }

  .francise__imageBox--innerText02 {
    font-size: 28px;
    left: 8.5%;
  }

  .fc-text {
    text-align: left;
  }

  .francise__stepCircle {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    margin-right: 16px;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(-30%);
  }

  70% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
    transition: all 0.4s;
    transform: translateY(-50%);
  }
}

/* お問い合わせフォーム */

.contact__form {
  display: flex;
}

.mail_box .tb-cell {
  width: 100%;
  margin: 20px auto 40px;
  color: #333;
}

.cell-head {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  font-size: 14px;
}

form {
  max-width: 700px;
  margin: 0 auto;
}

.red {
  color: red;
}

.mail_box .tb-cell .row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.cell {
  width: 100%;
}

.cell p {
  display: flex;
  padding: 10px;
  padding-right: 0;
  font-size: 14px;
  flex: 1 1 auto;
}

@media screen and (max-width: 767px) {
  .cell p {
    padding: 0;
    max-width: 100%;
  }
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea {
  width: 100%;
  height: 50px;
}

.wpcf7-form-control-wrap textarea {
  height: 200px !important;
}

@media screen and (max-width: 767px) {

  .wpcf7-form-control-wrap input,
  .wpcf7-form-control-wrap select,
  .wpcf7-form-control-wrap textarea {
    width: 100%;
  }
}

.wpcf7-form-control-wrap select:hover {
  cursor: pointer;
}

.wpcf7-list-item {
  margin: 0;
  height: 16px;
}

.mail_box #sex,
#training,
.mail_box .day,
.mail_box .time {
  height: 50px;
  font-size: 14px;
  padding-left: 10px;
  border: 1px solid #ced4d9;
}

.mail_box input[type='email'],
.mail_box input[type='text'] {
  height: 50px;
  width: 100%;
  font-size: 14px;
  border: 1px solid #ced4da;
  padding: 0 10px;
  color: #333;
}

.wpcf7-list-item {}

.wpcf7-list-item label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.wpcf7-list-item label span {
  margin-top: 3px;
}

.wpcf7-form-control-wrap input[type='checkbox'] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 16px;
  width: 16px;
  margin-right: 8px;
}

.mail_box .tb-cell .row.has-privacy {
  display: block !important;
  margin-top: 30px;
}

.form-inputRow {
  margin-bottom: 24px;
}

.row .has-privacy {
  margin-top: 30px !important;
  margin-bottom: 12px !important;
}

.privacy-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.privacy-input p {
  display: flex;
  font-size: 14px;
}

.privacy-article {
  width: 100%;
  border: 1px solid #ced4da;
  padding: 20px;
  height: 240px;
  overflow-y: auto;
  margin-bottom: 10px;
  margin-top: 64px !important;
}

.privacy-article h3 {
  font-size: 16px;
  display: block;
  line-height: 1.2;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.privacy-article p {
  font-size: 12px;
  line-height: 1.5;
}

.privacy-article h4:not(:first-child) {
  margin-top: 30px;
}

.privacy-article h4 {
  font-size: 14px;
  display: block;
  line-height: 1.2;
  margin-bottom: 15px;
}

.mail_box button[type='submit'] {
  background: #1cb993;
  color: #fff;
  width: 100%;
  height: 64px;
  transition: all 0.3s;
}

.mail_box button[type='submit']:hover {
  transition: all 0.3s;
  background: #089c78;
}

.mail_box button[type='reset'] {
  transition: all 0.3s;
  background: #d9d9d9;
  width: 100%;
}

.mail_box button[type='reset']:hover {
  transition: all 0.3s;
  background: #e73c3c;
  color: #fff;
  width: 100%;
}

.cell p {
  width: 500px;
  display: flex;
  gap: 8px;
}

.cell input,
.cell select {
  width: 100%;
}

select::before {
  position: absolute;
  right: 6%;
}

.submit-buttonRow {
  margin-top: 12px;
  width: 100%;
}

.submit-buttonRow p {
  max-width: 700px;
  width: 100%;
  height: 64px;
  margin: 32px auto 0;
  /*   display: grid; */
  grid-template-columns: 1fr 1fr;
}

.submit-buttonRow p button {
  letter-spacing: 0.15rem;
  font-size: 14px !important;
}

.submit-buttonRow p br {
  display: none;
}

@media screen and (max-width: 767px) {
  .tb-cell .mail-form {
    padding: 0 40px;
  }

  .row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }

  .cell-head {
    font-weight: 700;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    padding-top: 8px;
    font-size: 14px;
    flex: 1 1 auto;
    margin-right: auto;
  }

  .cell {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    padding-top: 8px;
    font-size: 14px;
    flex: 1 1 auto;
    max-width: 700px;
    width: 100%;
  }

  .submit-buttonRow p {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .submit-buttonRow p button {
    padding: 16px 0;
    margin: 0 auto;
  }

  .mail_box button[type='submit'] {
    background: #1cb993;
  }
}

@media screen and (max-width: 479px) {
  .row {
    max-width: 420px;
  }

  .cell {
    max-width: 420px;
  }
}

@media screen and (max-width: 419px) {
  .row {
    max-width: 360px;
  }

  .cell {
    max-width: 360px;
  }
}

/* cta-button */
.cta__buttonWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 108px;
}

.cta__buttonWrap--left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 108px;
}

.cta__button01 {
  max-width: 405px;
  width: 100%;
  height: 104px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #222;
  text-decoration: none;
  border-radius: 90px;
  background: #f5f5f5;
  padding: 20px 32px;
  transition: 0.3s all;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.cta__button01 img {
  transition: 0.3s all;
  color: #222;
  margin-top: 8px;
}

.cta__button01:hover {
  color: #bb9e7f;
  transition: 0.3s all;
  box-shadow: 4px 4px 20px 0.3 #000;
}

.cta__button01:hover img {
  transform: translateX(10px);
  transition: 0.3s all;
  color: #fff;
}

.cta__button02 {
  max-width: 405px;
  width: 100%;
  height: 104px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #fff;
  text-decoration: none;
  border-radius: 90px;
  background: linear-gradient(94deg, #e4caad 0%, #bb9e7f 100%);
  padding: 20px 32px;
  transition: 0.3s all;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.cta__button02 img {
  transition: 0.3s all;
  color: #222;
  margin-top: 8px;
}

.cta__button02:hover {
  color: #222;
  transition: 0.3s all;
  box-shadow: 4px 4px 20px 0.3 #000;
}

.cta__button02:hover img {
  transform: translateX(10px);
  transition: 0.3s all;
  color: #fff;
}

.toppage__button01 {
  max-width: 360px;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #fff;
  text-decoration: none;
  border-radius: 90px;
  background: linear-gradient(94deg, #e4caad 0%, #bb9e7f 100%);
  padding: 20px 32px;
  transition: 0.3s all;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.toppage__button01 img {
  transition: 0.3s all;
  color: #333;
  margin-top: 8px;
}

.toppage__button01:hover {
  color: #333;
  transition: 0.3s all;
  box-shadow: 4px 4px 20px 0.3 #000;
}

.toppage__button01:hover img {
  transform: translateX(10px);
  transition: 0.3s all;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .cta__button01 {
    max-width: 360px;
    height: 88px;
    font-size: 16px;
  }

  .cta__button02 {
    max-width: 360px;
    height: 88px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .cta__buttonWrap {
    flex-direction: column;
    gap: 40px;
  }

  .cta__buttonWrap--left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 108px;
  }

  .cta__button01 {
    max-width: 360px;
    height: 88px;
    font-size: 16px;
  }

  .cta__button02 {
    max-width: 360px;
    height: 88px;
    font-size: 16px;
  }

  .toppage__button01 {
    max-width: 300px;
    height: 64px;
    font-size: 14px;
  }
}

/* storeページ */
/* 設備について */
.store__facility {
  max-width: 880px;
  margin: 0 auto;
}

.facility__Wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 48px 80px;
  place-content: center;
  place-items: center;
}

.facility__item {
  width: 160px;
  height: 112px;
  border-radius: 8px;
  background: linear-gradient(116deg, #dfd2c4 0%, #bb9e7f 100%);
  box-shadow: 4px 4px 20px 0px rgba(51, 51, 51, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.facility__item img {
  transition: all 0.3s;
}

.facility__item--p {
  margin-top: 14px;
  color: #333;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-align: center;
}

.facility__item:hover {
  cursor: pointer;
}

.facility__item:hover img {
  transition: all 0.3s;
  transform: translateY(-8px);
}

@media screen and (max-width: 767px) {
  .facility__Wrap {
    grid-template-columns: 1fr 1fr;
    max-width: 360px;
    margin: 0 auto;
    place-items: center;
    place-content: center;
    gap: 24px;
  }
}

/* お問い合わせページ 他のお問い合わせ方法セクション*/
.contact__contactWrap {
  margin: 0 auto;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 728px;
  gap: 48px;
}

.contact__contactItem {
  width: 340px;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px 0 32px;
  border-radius: 10px;
  border: 2px solid #222;
  background: #fff;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
  transition: 0.3s all;
}

.contact__contactTextWrap {
  margin-top: 32px;
  text-align: center;
}

.contact__contactItem span {
  color: #6a6a6a;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 2px;
}

.contact__contactItem img {
  width: 80px;
  height: 80px;
}

.contact__contactItem:hover {
  opacity: 0.7;
  transition: 0.3s all;
}

.contact__contactItem--text {
  color: #222 !important;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  text-align: center;
}

.contact__contactItem--text:nth-child(2) {
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .contact__contactWrap {
    gap: 16px;
  }

  .contact__contactItem {
    height: 180px;
    gap: 16px;
    padding: 16px 8px;
  }

  .contact__contactItem img {
    width: 56px;
    height: 56px;
  }

  .contact__contactTextWrap {
    margin-top: 0px;
  }

  .contact__contactItem--text {
    font-size: 13px;
  }

  .contact__contactItem--spanText {
    font-size: 10px;
  }
}

/* 他のお問い合わせ方法セクション */
.store__contactWrap {
  margin: 0 auto;
  margin-top: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 728px;
  gap: 48px;
}

.store__contactItem {
  width: 340px;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 60px;
  padding: 40px 0 32px;
  border-radius: 10px;
  border: 2px solid #222;
  background: #fff;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
  transition: 0.3s all;
}

.store__contactItem span {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2px;
}

.store__contactItem:nth-child(2) {
  gap: 32px;
}

.store__contactItem img {
  width: 80px;
  height: 80px;
}

.store__contactItem:hover {
  opacity: 0.7;
  transition: 0.3s all;
}

.store__contactItem--text {
  color: #222 !important;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  text-align: center;
}

.store__contactItem--text:nth-child(2) {
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .store__contactWrap {
    max-width: 100vw;
    gap: 16px;
    margin-top: 48px;
  }

  .store__contactItem {
    width: 44%;
    height: auto;
    gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .store__contactItem:nth-child(2) {
    gap: 16px;
  }

  .store__contactItem img {
    width: 56px;
    height: 56px;
  }

  .store__contactItem--number {
    display: none;
  }

  .store__contactItem--text {
    font-size: 12px;
  }
}

/* トレーナー紹介スライダー*/
.trainer__section {
  overflow: hidden;
}

.splide__slide {
  opacity: 1;
}

/* 選択されているサムネイルだけ透過しない */

/* 画像サイズ調整 */
.splide__slide .is-active .is-visible img {
  height: 60%;
  object-fit: cover;
  width: 100%;
}

.splide__slide img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}

.slide-media {
  position: relative;
}

.slide-media img {
  box-shadow: inset 0 0 100px black;
}

.splide__arrow {
  width: 80px;
  height: 80px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
  transition: 0.3s all;
  z-index: 10000;
}

.splide__arrow:hover {
  opacity: 0.7;
  transition: 0.3s all;
}

.splide__arrow--prev {
  left: -3%;
  top: 132px;
  background: #fff;
  opacity: 1;
}

.splide__arrow--next {
  right: -3%;
  top: 132px;
  background: #fff;
  opacity: 1;
}

.splide__pagination {
  margin-top: 40px;
  bottom: -2em;
}

@media screen and (max-width: 767px) {
  .splide__arrow {
    width: 64px;
    height: 64px;
  }

  .splide__arrow--prev {
    top: 140px;
  }

  .splide__arrow--next {
    top: 140px;
  }

  .splide__pagination {
    bottom: -2em;
  }
}

@media screen and (max-width: 639px) {
  .splide__arrow--prev svg {
    margin-left: 4px;
  }

  .splide__arrow--next svg {
    margin-right: 4px;
  }
}

@media screen and (max-width: 479px) {
  .splide__arrow {
    width: 56px;
    height: 56px;
  }

  .splide__arrow--prev svg {
    margin-left: 4px;
  }

  .splide__arrow--next svg {
    margin-right: 4px;
  }
}

@media screen and (max-width: 399px) {
  .splide__arrow {
    width: 56px;
    height: 56px;
  }

  .splide__arrow--prev {
    top: 120px;
  }

  .splide__arrow--next {
    top: 120px;
  }

  .splide__arrow--prev svg {
    margin-left: 4px;
  }

  .splide__arrow--next svg {
    margin-right: 4px;
  }
}

.c-card__name {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #222;
  font-family: 'Noto Sans JP';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
  transform: skewX(-10deg);
  background: #fff;
  padding: 6px 16px;
}

/* ボタン css */
.toggleButton {
  position: absolute;
  right: 4%;
  bottom: 5%;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  background-color: #bb9e7f;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
  z-index: 100;
  box-shadpw: 0 0 20px rgba(0, 0, 0, 0.1);
}

.toggleButton i {
  margin-bottom: 8px;
}

.toggleElement {
  position: relative;
  border-radius: 0px 0px 10px 10px;
  width: 100%;
  color: #222;
  background: #fff;
  font-family: 'YuGothic', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  border-radius: 0px 0px 10px 10px;
  z-index: -1;
}

.toggleElement__text {
  color: #222;
  background: #fff;
  font-family: 'YuGothic', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  padding: 14px;
  border-radius: 0px 0px 10px 10px;
}

/* トレーナー紹介 テキスト中身 */
.tr__textColor {
  color: #bb9e7f;
  margin: 8px 0;
}

.tr__imgWrap img {
  height: auto;
  width: 100%;
}

.tr__achieveList {
  list-style: disc;
  padding-left: 4px;
}

.tr__achieveList,
.tr__achieveText,
.tr__introduction {
  font-size: 10px;
}

.tr__introduction {
  margin-top: 12px;
}

/* アニメーション */
.fadeInDown {
  animation: fadeInDown 0.5s;
  transition: 0.3s all;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    display: none;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    display: block;
    transform: translateY(0);
    transition: 0.3s all;
  }
}

.removeInUp {
  animation: removeInUp 0.5s;
  transition: 0.3s all;
}

@keyframes removeInUp {
  0% {
    opacity: 1;
    display: block;
    transform: translateY(0);
  }

  100% {
    transition: 0.3s all;
    opacity: 0;
    display: none;
    transform: translateY(-20px);
  }
}

.scroll__text {
  display: none;
}

.scroll__text .fa-angles-right {
  margin-top: 2px;
}

.scroll__text--pcsp {
  max-width: 1000px;
  font-size: 14px;
  color: #999 !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
  margin-top: 8px;
}

.scroll__text--pcsp .fa-angles-right {
  animation: scrollRight 1.4s ease-in infinite;
}

@keyframes scrollRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(20px);
  }
}

@media screen and (max-width: 767px) {
  .scroll__text {
    display: block;
    max-width: 800px;
    font-size: 14px;
    color: #999 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 32px;
    margin-top: 8px;
  }

  .scroll__text .fa-angles-right {
    animation: scrollRight 1s ease-in infinite;
    margin-bottom: 2px;
  }
}

/*　店舗追記 */
.blogSection .c-postThumb__figure:before {
  padding-top: 0 !important;
}

.waySection details {
  font-family: 'Noto Sans JP';
}

.waySection details+details {
  margin-top: 24px;
}

.waySection summary {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1.6em 64px 1.6em 28px;
  font-weight: 600;
  border-bottom: 1px solid #efefef;
}

.waySection details[open] summary {
  border-bottom: none;
}

.waySection summary::before,
.waySection summary::after {
  width: 3px;
  height: 1em;
  border-radius: 5px;
  background-color: #000;
  content: '';
}

.waySection summary::before {
  position: absolute;
  right: 2.5em;
  rotate: 90deg;
}

.waySection summary::after {
  transition: rotate 0.3s;
  position: absolute;
  right: 2.5em;
}

.waySection details[open] summary::after {
  rotate: 90deg;
}

.waySection summary::-webkit-details-marker {
  display: none;
}

.waySection summary h2 {
  margin: 0;
  font-family: 'Noto Sans JP';
  font-weight: 900;
}

.waySection .wayList {
  display: grid;
  grid-gap: 40px;
  --minimum: 240px;
}

.waySection .wayList__item {
  padding: 8px 16px;
}

.waySection .wayList__item img {}

.waySection .wayList__item p {
  font-size: 14px;
}

@supports(width: min(var(--minimum), 100%)) {
  .waySection .wayList {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--minimum), 100%), 1fr))
  }
}

.qaSection .section_h1--topSub_kai {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #bb9e7f;
  font-family: Inter, Noto Sans JP;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.15rem;
  transform: skew(-14deg);
  text-align: center;
  /*   text-transform: uppercase; */
}

.ctaSection .campaign_bottomTitle {
  font-size: clamp(1.25rem, 0.999rem + 0.67vw, 1.5rem);
  font-style: italic;
  font-weight: 900;
  text-align: center;
  color: #fff;
}

.ctaSection .campaign_bottomTitle span {
  font-size: clamp(1.5rem, 0.998rem + 1.34vw, 2rem);
}

.ctaSection .campaign_reserve {
  width: 80%;
  max-width: 1000px;
  margin: 2.2% auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ctaSection .campaign_reserve .hours_wrap {
  width: 32%;
  max-width: 320px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-right: 2%;
  padding: 20px 0;
  display: grid;
  place-content: center;
  place-items: center;
}

.ctaSection .hours_wrap .tel_wrap {
  font-family: Inter, Noto Sans JP;
  font-size: clamp(1rem, 0.498rem + 1.34vw, 1.5rem);
  /* 16px 24px */
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
  position: relative;
  color: #fff;
}

.ctaSection .hours_wrap .tel_wrap::before {
  content: "";
  width: 19px;
  height: 19px;
  background-image: url(https://rexer-group.com/hyogo/nishinomiya/img/common/icon_tel.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -27px;
}

.ctaSection .hours_wrap .tel_wrap a {
  color: #fff;
}

.ctaSection .hours_wrap .tel_time {
  font-size: clamp(0.75rem, 0.625rem + 0.33vw, 0.875rem);
  line-height: 1;
  letter-spacing: 2px;
  color: #fff;
}


.ctaSection .campaign_reserve .btn_wrap {
  width: 65.8%;
  display: grid;
  grid-template-columns: 49% 49%;
  justify-content: space-between;
}

.ctaSection .campaign_reserve .btn_wrap li {
  max-width: 320px;
  border-radius: 50px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, .1);
  overflow: hidden;
}

.ctaSection .campaign_reserve .btn_wrap a {
  height: 88px;
}

/* 簡単30秒 */
.ctaSection .campaign_reserve .btn_wrap .btn_txt_s {
  font-size: 12px;
  margin-bottom: 10px;
}

.ctaSection .btn_wrap a {
  width: 100%;
  font-size: clamp(0.875rem, 0.499rem + 1vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  display: grid;
  place-content: center;
  place-items: center;
}

.ctaSection .btn_web a {
  background: #ffd2a1;
  color: #3c444a;
}

.ctaSection .btn_line a {
  background-color: #06c755;
}

.priceSection summary {
  display: block;
}

.priceSection summary::-webkit-details-marker {
  display: none;
}

.detailSection summary {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 1.6em 64px 1.6em 28px;
  font-weight: 600;
  border-bottom: 1px solid #efefef;
}

.detailSection details[open] summary {
  border-bottom: none;
}

.detailSection summary::before,
.detailSection summary::after {
  width: 3px;
  height: 1em;
  border-radius: 5px;
  background-color: #bb9e7f;
  content: '';
}

.detailSection summary::before {
  position: absolute;
  right: 2.5em;
  rotate: 90deg;
}

.detailSection summary::after {
  transition: rotate 0.3s;
  position: absolute;
  right: 2.5em;
}

.detailSection details[open] summary::after {
  rotate: 90deg;
}

.detailSection summary::-webkit-details-marker {
  display: none;
}

.detailSection summary h3 {
  margin: 0;
  font-family: 'Noto Sans JP';
  font-weight: 900;
  color: #bb9e7f;
}

.detailSection .priceList__item {
  display: grid;
  place-content: center;
}

.detailSection .priceList__item+.priceList__item {
  margin-top: 24px;
}

.detailSection .priceList__item p {
  text-align: center;
  font-weight: bold;
  margin: 20px 0;
  font-size: 20px;
}

.detailSection .detailAlert {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.beforeSection .splide__pagination {
  display: none;
}

.beforeSection .splide__arrow--next {
  right: 10%;
}

.beforeSection .splide__arrow--prev {
  left: 10%;
}

.beforeSection__alert {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .ctaSection .campaign_bottom {
    padding: 5% 0 9%;
  }

  .ctaSection .campaign_reserve {
    width: 90%;
    margin: 10% auto 0;
    flex-wrap: wrap;
  }

  .ctaSection .campaign_reserve .hours_wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
  }

  .ctaSection .hours_wrap .tel_wrap {
    font-size: 24px;
  }

  .ctaSection .hours_wrap .tel_time {
    font-size: 14px;
  }

  .ctaSection .campaign_reserve .btn_wrap {
    width: 100%;
    row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .ctaSection .campaign_reserve .btn_wrap li {
    max-width: 100%;
  }

  .ctaSection .campaign_reserve .btn_wrap a {
    height: 84px;
    font-size: 20px;
  }

  .ctaSection .campaign_bottomTitle {}
}

.priceCompareSection__alert {
  margin-top: 30px;
  padding: 0 40px;
}

.priceCompareSection__alert p {
  font-size: 14px;
}

@media screen and (max-width: 600px) {
  .priceCompareSection__alert {
    padding: 0 16px;
  }
}

.mvSection .mvContent {
  height: 100vh;
  width: 100%;
  min-height: 600px;
}

.mvSection .mvBackground {
  position: relative;
  width: 100%;
  height: 100%;
}

.mvSection .mvBackgroundImage {
  position: relative;
  width: 100%;
  height: 100%;
}

.mvSection .mvBackgroundImage img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.mvSection .mvBackgroundImage::after {
  background-color: rgba(0, 0, 0, 1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTAAAAJ8qhFEAAAABdFJOUwBA5thmAAAAEklEQVQI12MwYDBgYGBoYGAAAASKAOH8MS30AAAAAElFTkSuQmCC);
  background-size: 2px;
  content: "";
  opacity: .5;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
}

.mvSection .mvMainImage {
  max-width: 360px;
  display: grid;
  place-items: center;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mvSection .mvMainTitle {
  font-size: 22px;
  padding: 0 .5em;
  margin-top: -5%;
  color: #fff;
  background: #bb9e7f;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  width: 85%;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media screen and (max-width: 600px) {
  .mvSection .mvContent {
    max-height: 100vw;
    min-height: inherit;
  }

  .mvSection .mvMainTitle {
    font-size: 10px;
  }
}

/* ヘッダーの1400px以下で体験予約ボタンがずれる修正　20240927 */
.header__contact {
  width: 162.5px;
  display: block;
}

@media screen and (min-width: 960px) and (max-width: 1125px) {
  .c-gnav>.menu-item>a .ttl {
    font-size: 13px;
  }

  .header__contact {
    width: 110px;
    display: block;
    padding: 8px 10px;
    text-align: center;
  }
}

/* ボディメイク実践の左右ボタン位置調整 */
@media screen and (max-width: 1124px) {
  .beforeSection .splide__arrow--next {
    right: 1.3%;
  }

  .beforeSection .splide__arrow--prev {
    left: 1.3%;
  }
}

/* 241114追記 */
@media screen and (max-width: 959px) {
  #sidebar #block-9 {
    display: none;
  }
}

/* 250113追記 */
/* sec03固有のスタイル */
.adlp-outer .sec03 {
  position: relative;
  padding-top: min(11.1111111111vw, 120px);
  padding-bottom: 0;
}

.adlp-outer .sec03 .sec03__outer {
  max-width: min(92.5925925926vw, 1000px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}


.adlp-outer .sec03 .sec03__area {
  padding: 0 0 min(2.962962963vw, 32px);
}

.adlp-outer .sec03 .sec03__area+.sec03__area {
  margin: min(2.962962963vw, 32px) 0 0;
}

.adlp-outer .sec03 .sec03__areaWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(3.7037037037vw, 40px);
}

.adlp-outer .sec03 .sec03__areaImg {
  flex: 0 0 min(44.4444444444vw, 480px);
  position: relative;
}

.adlp-outer .sec03 .sec03__num {
  font-family: 'Noto Sans JP';
  font-weight: 700;
  font-size: min(6.6666666667vw, 72px);
  line-height: 100%;
  transform: skew(-14deg);
  color: #B89C7E;
  position: absolute;
  left: 0;
  top: 0;
}

.adlp-outer .sec03 .sec03__areaTitle {
  font-size: min(2.2222222222vw, 24px);
  font-weight: 700;
  line-height: 140%;
  color: #B89C7E;
  margin-bottom: 0;
}

.adlp-outer .sec03 .sec03__text {
  margin: min(0.3703703704vw, 4px) 0 0;
}

.adlp-outer .sec03 .sec03__list {
  border: 1px solid #63554A;
  padding: min(2.962962963vw, 32px) min(2.2222222222vw, 24px);
  display: flex;
  gap: min(2.962962963vw, 32px);
  margin: min(2.962962963vw, 32px) 0 0;
}

.adlp-outer .sec03 .sec03__itemTitle {
  font-weight: 700;
  line-height: 140%;
  color: #B89C7E;
  margin: min(0.7407407407vw, 8px) 0 0;
}

.adlp-outer .sec03 .sec03__item {
  flex: 0 0 min(27.4074074074vw, 285px);
}

.adlp-outer .sec03 .sec03__itemText {
  font-size: min(1.2962962963vw, 14px);
}

.adlp-outer .sec03 .sec03__circleTitle {
  font-family: 'Noto Sans JP';
  text-align: center;
  color: #B89C7E;
  font-size: min(1.8518518519vw, 20px);
  font-weight: 500;
  margin: min(2.962962963vw, 32px) 0 0;
}

.adlp-outer .sec03 .sec03__copy {
  border-color: #000;
  margin-top: 24px;
}

.adlp-outer .sec03 .sec03__copy .adlp-copy__content {
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.adlp-outer .sec03 .sec03__copy .adlp-copy__sub {
  display: block;
  font-weight: 500;
  font-size: min(1.6666666667vw, 18px);
  line-height: 160%;
}

.adlp-outer .sec03 .sec03__copy .adlp-copy__main {
  width: fit-content;
  display: block;
  font-weight: 700;
  font-size: min(2.2222222222vw, 24px);
  line-height: 140%;
  padding: min(0.5555555556vw, 6px) 0 min(0.1851851852vw, 2px);
  border-bottom: 1px solid;
}

.adlp-outer .sec03 .sec03__circleTitle .text01 {
  display: block;
  font-size: min(1.2962962963vw, 14px);
}

.adlp-outer .sec03 .sec03__circleList {
  overflow: hidden;
  margin: min(1.4814814815vw, 16px) 0 min(2.962962963vw, 32px);
  display: flex;
  gap: min(7.4074074074vw, 80px);
}

.adlp-outer .sec03 .sec03__circleItem {
  flex: 0 0 min(25.9259259259vw, 280px);
  position: relative;
}

.adlp-outer .sec03 .sec03__circleItem::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7471 12.2266C24.1376 11.8361 24.1376 11.2029 23.7471 10.8124L17.3831 4.44846C16.9926 4.05794 16.3595 4.05794 15.9689 4.44846C15.5784 4.83899 15.5784 5.47215 15.9689 5.86268L21.6258 11.5195L15.9689 17.1764C15.5784 17.5669 15.5784 18.2001 15.9689 18.5906C16.3595 18.9811 16.9926 18.9811 17.3831 18.5906L23.7471 12.2266ZM0 12.5195H23.04V10.5195H0L0 12.5195Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: min(2.3148148148vw, 25px);
  height: min(2.2222222222vw, 24px);
  top: 50%;
  transform: translateY(-50%);
  right: max(-4.8148148148vw, -52px);
}

.adlp-outer .sec03 .sec03__circleImg {
  width: min(16.6666666667vw, 180px);
  margin: auto;
}

.adlp-outer .sec03 .sec03__circleText {
  font-size: min(1.2962962963vw, 14px);
  text-align: center;
  line-height: 1.8;
  margin: min(0.7407407407vw, 8px) 0 0;
}

.adlp-outer .sec03 .sec03__note {
  margin-top: min(0.7407407407vw, 8px);
}

/* モバイル用スタイル */
@media screen and (max-width: 767px) {
  .adlp-outer .sec03 {
    padding-bottom: 0;
    letter-spacing: 0.08em;
  }


  .adlp-outer .sec03 .sec03__outer {
    max-width: 84vw;
  }

  .adlp-outer .sec03 .sec03__area {
    padding: 0 0 7.4666666667vw;
  }

  .adlp-outer .sec03 .sec03__areaWrapper {
    display: block;
    gap: 0;
  }

  .adlp-outer .sec03 .sec03__areaImg {
    flex: 0 0 64vw;
    width: 100vw;
    margin: 0 -8vw;
  }

  .adlp-outer .sec03 .sec03__num {
    font-size: 12.8vw;
    left: 8vw;
    top: 0;
  }

  .adlp-outer .sec03 .sec03__areaInner {
    margin: 2.1333333333vw 0 0;
  }

  .adlp-outer .sec03 .sec03__areaTitle {
    font-size: 5.3333333333vw;
  }

  .adlp-outer .sec03 .sec03__text {
    margin: 1.0666666667vw 0 0;
  }

  .adlp-outer .sec03 .sec03__list {
    border: 0.2666666667vw solid #63554A;
    padding: 7.4666666667vw 4.8vw;
    display: block;
    gap: 4.2666666667vw;
    margin: 7.4666666667vw 0 0;
  }

  .adlp-outer .sec03 .sec03__itemTitle {
    margin: 2.1333333333vw 0 0;
  }

  .adlp-outer .sec03 .sec03__item+.sec03__item {
    margin: 7.4666666667vw 0 0;
  }

  .adlp-outer .sec03 .sec03__itemText {
    font-size: 3.4666666667vw;
  }

  .adlp-outer .sec03 .sec03__circleTitle {
    font-size: 4.8vw;
    margin: 7.4666666667vw 0 0;
    letter-spacing: 0;
  }

  .adlp-outer .sec03 .sec03__circleTitle .text01 {
    font-size: 3.4666666667vw;
  }

  .adlp-outer .sec03 .sec03__circleList {
    margin: 3.2vw auto 7.4666666667vw;
    display: block;
    gap: 10.6666666667vw;
    width: fit-content;
  }

  .adlp-outer .sec03 .sec03__circleItem {
    flex: 0 0 37.3333333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3.2vw;
    margin: 0 0 5.3333333333vw;
  }

  .adlp-outer .sec03 .sec03__circleItem::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2929 23.7471C11.6834 24.1376 12.3166 24.1376 12.7071 23.7471L19.0711 17.3831C19.4616 16.9926 19.4616 16.3595 19.0711 15.9689C18.6805 15.5784 18.0474 15.5784 17.6569 15.9689L12 21.6258L6.34315 15.9689C5.95262 15.5784 5.31946 15.5784 4.92893 15.9689C4.53841 16.3595 4.53841 16.9926 4.92893 17.3831L11.2929 23.7471ZM11 0L11 23.04H13L13 0L11 0Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 3.2vw;
    height: 3.2vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: -4.2666666667vw;
  }

  .adlp-outer .sec03 .sec03__copy {
    border-color: #000;
    margin-top: 24px;
  }

  .adlp-outer .sec03 .sec03__copy .adlp-copy__content {
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .adlp-outer .sec03 .sec03__copy .adlp-copy__sub {
    display: block;
    font-weight: 500;
    font-size: 4.2666666667vw;
    line-height: 160%;
  }

  .adlp-outer .sec03 .sec03__copy .adlp-copy__main {
    width: fit-content;
    display: block;
    font-weight: 700;
    font-size: 5.3333333333vw;
    line-height: 140%;
    padding: min(0.5555555556vw, 6px) 0 min(0.1851851852vw, 2px);
    border-bottom: 1px solid;
  }

  .adlp-outer .sec03 .sec03__circleItem:last-child {
    margin: 0;
  }

  .adlp-outer .sec03 .sec03__circleItem:last-child::after {
    content: none;
  }

  .adlp-outer .sec03 .sec03__circleImg {
    width: 24vw;
    margin: 0;
  }

  .adlp-outer .sec03 .sec03__circleText {
    font-size: 3.4666666667vw;
    text-align: left;
    margin: 0;
  }

  .adlp-outer .sec03 .sec03__note {
    margin-top: 2.1333333333vw;
  }

  .adlp-outer .sec03 .sec03__copy.adlp-copy {
    margin-top: 7.4666666667vw;
  }

  .adlp-outer .sec03 .sec03__copy.adlp-copy .-ls {
    white-space: nowrap;
    letter-spacing: 0;
    display: inline-block;
  }

  .adlp-outer .sec03 .sec03__copy.adlp-copy .-ls .ls-word {
    display: inline-block;
    margin-right: -1.8666666667vw;
  }
}

/* 20250127 */
.beforeSectionContentWrapper {
  margin-top: 4em;
}

.beforeSectionContent {
  display: grid;
  gap: 2em;
}

.beforeSectionContentHead {
  display: grid;
  grid-template-columns: 49% 50%;
  gap: 1em;
}

.beforeSectionContentImg {}

.beforeSectionContentInfo {}

.beforeSectionContentName {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.8;
}

.beforeSectionContentPlan {
  font-size: 18px;
  line-height: 1.8;
}

.beforeSectionContentPeriod {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
}

.beforeSectionContentResults {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
}

.beforeSectionContentReason {
  margin-top: 1em;
}

.beforeSectionContentReasonTitle {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.beforeSectionContentReasonText {
  margin-top: 0.5em;
  font-size: 16px;
  line-height: 1.8;
}

.beforeSectionContentBody {
  display: grid;
  gap: 1em;
}

.beforeSectionContentInterview {}

.beforeSectionContentInterviewTitle {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.beforeSectionContentInterviewText {
  margin-top: 0.5em;
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .beforeSectionContentHead {
    grid-template-columns: 1fr;
  }

  .beforeSectionContentName {
    font-size: 20px;
  }

  .beforeSectionContentPlan {
    font-size: 16px;
  }

  .beforeSectionContentPeriod {
    font-size: 16px;
  }

  .beforeSectionContentResults {
    font-size: 16px;
  }

  .beforeSectionContentReasonTitle {
    font-size: 16px;
  }

  .beforeSectionContentReasonText {
    font-size: 14px;
  }

  .beforeSectionContentInterviewTitle {
    font-size: 16px;
  }

  .beforeSectionContentInterviewText {
    font-size: 14px;
  }
}

.voiceSectionContent {
  margin: 0 calc(50% - 50vw);
  margin-top: 4em;
}

.voiceSectionContentWrapper {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  gap: 1em;
  justify-content: center;
}

.voiceSectionContentItem {
  max-width: 469px;
  border-radius: 8px;
  border: var(--border01);
  box-shadow: 4px 4px 20px 0px rgba(51, 51, 51, 0.1);
  padding: 1em;
}

.voiceSectionContentItemImage {}

.voiceSectionContentItemName {
  margin-top: 0.5em;
  color: #bb9e7f;
  font-weight: 700;
}

.voiceSectionContentItemText {
  margin-top: 0.5em;
  font-size: 14px;
}

@media screen and (max-width: 1023px) {
  .voiceSectionContentWrapper {
    max-width: 800px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
  }

  .voiceSectionContentItem {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .voiceSectionContentWrapper {
    max-width: 740px;
    grid-template-columns: 1fr;
  }
}

5
/* 20250331追加 */
@media screen and (max-width: 767px) {
  .page-template-temp-akasaka .toppage__step--item {
    height: auto;
  }
}

/* 20250331追加 */
/* 20250414追加 */
.interview-img {
  width: 30%;
  float: left;
}

.interview-img img {
  max-width: 380px;
  width: 100%;
}

.interview-profile {
  width: 70%;
  padding: 0 2%;
  float: inline-start;
}

.interview-name small {
  font-size: 0.75em;
}

.interview-name b {
  font-size: 1.25em;
}

.interview-career {
  margin-top: 2.5%;
}

.interview-message p,
.interview-career p {
  font-size: 0.85em;
}

.interview-message {
  margin-top: 3.5%;
}

@media not all and (min-width: 960px) {
  .interview-img {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .interview-profile {
    width: 100%;
  }
}

.waySection .way-title {
  font-family: 'Noto Sans JP';
  font-size: 1.4rem;
  font-weight: 900;
  margin: 0;
  position: relative;
  z-index: 1;
}
.mt-50 {
  margin-top: 50px !important;
}
@media not all and (min-width: 960px) {
  .page-template-temp-akasaka .toppage__step--container .toppage__step--item {
    height: auto;
  }
}

/* 20250414追加 */