/* FVタイトル */
h2.wp-block-heading.has-text-align-left.is-style-section_ttl {
  font-size: clamp(28px, 6vw, 59px);
  text-align: center;
  background-color: transparent;
  color: black;
  margin: clamp(4px, 1vw, 10px);
  height: clamp(80px, 15vw, 110px);
  width: 100%;
  padding: clamp(5px, 1.5vw, 15px);
  transform: skewY(-6deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.fv_spaser {
  display: none !important;
}

/* ====PC固定バナー==== */
/* バナー位置調整 */
.follow-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}

.wp-block-image.follow-banner {
	top:77% !important;
}


/*  バナー動き*/
.wp-image-240 {
  animation: swing 3s infinite ease-in-out;
}

@keyframes swing {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

@media screen and (max-width: 767px) {
  .follow-banner,
  .wp-block-image.follow-banner,
  .wp-image-240 {
    display: none !important;
  }
}




.news_section .title,
.about_section .title,
.message_section .title,
.trial_section .title,
.insta_section .title,
.faq_section .title,
.contact_section .title {
    position: relative;
    display: block;
    font-size: clamp(20px, 3vw, 34px);
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    z-index: 1;
}

/* ボタン装飾 */
.original_btn {
    display: inline-block;
    width: 250px;
    text-align: center;
    text-decoration: none;
    line-height: 60px;
    outline: none;
    color: #F74A49;
    background-color: #fff;
    position: relative;
    border: 1px solid #F74A49;
    transition: color 0.5s ease;
  }
  .original_btn:hover {
    color: #fff;
  }
  .original_btn:hover::before {
    transform: scaleY(1);
  }
  .original_btn::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #F74A49;
    transform: scaleY(0);
    transition: all 0.5s ease;
    transition-property: transform;
  }
  .txt {
    position: relative;
  }



/* NEWSセクション */

.news_section .title::after {
    content: "NEWS";
    position: absolute;
    top: -155%;
    left: 0%;
    font-size: clamp(60px, 10vw, 108px);
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
    color: #EDF21E;
    z-index: -1;
    pointer-events: none;
    white-space: nowrap;
}

/* NEWS装飾 */
.news_section .p-postListWrap {
	border-left: 40px solid #666;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 6px;
}

/* ======CONCEPTセクション====== */

/* タイトル装飾 */
.concept_section .title {
    position: relative;
    display: block;
    font-size: clamp(20px, 3vw, 34px);
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    z-index: 1;
}
.concept_section .title::after {
    content: "CONCEPT";
    position: absolute;
    top: -130%;
    left: 0%;
    font-size: clamp(60px, 10vw, 108px);
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
    color: #EDF21E;
    z-index: -1;
    pointer-events: none;
    white-space: nowrap;
}

@media screen and (max-width: 375px) {
    /* ここにスマホサイズ用のCSSを書く */
    .concept_section .title::after {
        content: "CONCEPT";
        position: absolute;
        top: -57%;
        left: 0%;
        font-size: clamp(60px, 10vw, 108px);
        font-family: "Bangers", system-ui;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0.08em;
        color: #EDF21E;
        z-index: -1;
        pointer-events: none;
        white-space: nowrap;

    }
  }


.concept_section .text {
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-size: clamp(18px, 3vw, 24px);
}

/* ======ABOUTセクション====== */

/* タイトル装飾 */
.about_section .title::after {
    content: "ABOUT";
    position: absolute;
    top: -150%;
    left: 0%;
    font-size: clamp(60px, 10vw, 108px);
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
    color: rgba(0, 0, 0, 0.4);
    z-index: -1;
    pointer-events: none;
    white-space: nowrap;
}
@media screen and (max-width: 375px) {
    /* ここにスマホサイズ用のCSSを書く */
    .about_section .title::after {
        top: -90%;
    }
  }
/* チーム詳細ボタン */
.btn_about {
    margin-top: 80px;
    text-align: center;
}

  

/* ======MESSAGEセクション====== */

/* タイトル装飾 */
.message_section .title::after {
    content: "MESSAGE";
    position: absolute;
    top: -150%;
    left: 0%;
    font-size: clamp(60px, 10vw, 108px);
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
    color: #EDF21E;
    z-index: -1;
    pointer-events: none;
    white-space: nowrap;
}
@media screen and (max-width: 375px) {
    /* ここにスマホサイズ用のCSSを書く */
    .message_section .title::after {
        top: -58%;
    }
  }


/* ======体験・見学セクション====== */

/* タイトル装飾 */
.trial_section .title::after {
    content: "TRIAL";
    position: absolute;
    top: -150%;
    left: 0%;
    font-size: clamp(60px, 10vw, 108px);
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
    color: #EDF21E;
    z-index: -1;
    pointer-events: none;
    white-space: nowrap;
}
@media screen and (max-width: 375px) {
    /* ここにスマホサイズ用のCSSを書く */
    .trial_section .title::after {
        top: -90%;
    }
  }

  /* ======Instagramセクション====== */

/* タイトル装飾 */
.insta_section .title::after {
    content: "BLOG";
    position: absolute;
    top: -150%;
    left: 0%;
    font-size: clamp(60px, 10vw, 108px);
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
    color: #EDF21E;
    z-index: -1;
    pointer-events: none;
    white-space: nowrap;
}
@media screen and (max-width: 375px) {
    /* ここにスマホサイズ用のCSSを書く */
    .insta_section .title::after {
        top: -90%;
    }
  }
 /* ======FAQセクション====== */

/* タイトル装飾 */
.faq_section .title::after {
  content: "FAQ";
  position: absolute;
  top: -150%;
  left: 0%;
  font-size: clamp(60px, 10vw, 108px);
  font-family: "Bangers", system-ui;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
  color: #EDF21E;
  z-index: -1;
  pointer-events: none;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  /* ここにスマホサイズ用のCSSを書く */
  .insta_section .title::after {
      top: -90%;
  }
}
 /* ======Contactセクション====== */

/* タイトル装飾 */
.contact_section .title::after {
  content: "CONTACT";
  position: absolute;
  top: -135%;
  left: 0%;
  font-size: clamp(60px, 10vw, 108px);
  font-family: "Bangers", system-ui;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
  color: #EDF21E;
  z-index: -1;
  pointer-events: none;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  /* ここにスマホサイズ用のCSSを書く */
  .insta_section .title::after {
      top: -90%;
  }
}


 /* ======チーム紹介ページ====== */

/* チーム紹介ページ各セクションタイトル */
.title {
  font-size: clamp(20px, 3vw, 34px);
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 3vw, 34px) !important;
}

/* 指導方針セクション */

/* ボックスの形を斜め */
.skew-box{
  transform: skew(-15deg);
}

 /* ======コーチ紹介ページ====== */
 /* 肩書き背景 */
.badge {
  padding: 6px 12px;
  background-color: #ffeb3b; /* 黄色 */
  color: #000;
  font-weight: bold;
  transform: skew(-15deg); /* ← 斜めに */
  border: 2px solid #000;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  font-size: 14px;

}