@charset "UTF-8";

/* service-common */

body {
  font-size: 1.1764705882352942vw !important;
  line-height: 1.88;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  color: #212121;
}

html {
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  overflow-x: hidden;
}

img {
  width: 100%;
  vertical-align: bottom;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

article {
  width: 85.29411764705883vw;
  margin: 0 auto;
}

.article {
  width: 85.29411764705883vw;
  margin: 0 auto;
}

li {
  list-style: none;
}

.white {
  color: #ffffff !important;
}

.gray {
  color: #eeeeee;
}

.dark_gray {
  color: #757575;
}

.inter {
  font-family: "Inter", sans-serif;
}

.view_btn {
  font-family: "Inter", sans-serif;
  color: #ffffff;
  font-size: 1.0294117647058822vw;
  border: 1px solid #fff;
  padding: 0.4352941176470588vw 0 0;
  text-decoration: none;
  width: 11.98529411764706vw;
  height: 2.2470588235294117vw;
  text-align: center;
}

.title_flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  body {
    font-size: 4.102564102564102vw;
  }

  article {
    width: 84.61538461538461vw;
  }

  .view_btn {
    font-size: 3.5897435897435894vw;
    padding: 1.3vw 0 0;
    width: 41.026vw;
    height: 7.42vw;
  }
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

/* MV */

.mv {
  width: 100vw;
}

.mv_pc {
  width: 100%;
}

/* slide */

.gym_slider {
  margin-bottom: 20px;
  margin-top: -4.411764705882353vw;

  /* スライドの動き等速 */
  .swiper-wrapper {
    transition-timing-function: linear;
  }

  /* 画像のサイズ調整 */
  .service-slider {
    margin-bottom: 20px;

    .swiper-slide {
      height: auto;
    }
  }

  .service_bnr-slider {
    .swiper-slide {
      height: auto;
    }
  }
}

@media (max-width: 767px) {
  .gym_slider {
    margin-bottom: 20px;
    margin-top: -8.411765vw;
  }
}

/* sec01 */

.sec01 {
  background-image: url(../img/service_personal/sec01-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 7.352941176470589vw;

  h2 {
    font-size: 1.7647058823529411vw;
    font-weight: 700;
    margin-bottom: 2.5735294117647056vw;
    line-height: 1.5;

    span {
      font-size: 2.5vw;
      font-weight: 600;
    }
  }

  .sec01-wrap {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 2.941176470588235vw;

    ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 72.13235294117646vw;
      margin: 0 auto;

      li {
        width: 22.573529411764707vw;

        &:nth-child(4),
        &:nth-child(5),
        &:nth-child(6) {
          margin-top: 2.941176470588235vw;
        }

        img {
          margin-bottom: 0.9558823529411765vw;
        }

        p {
          font-size: 1.3235294117647058vw;
          color: #212121;
          text-align: left;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .sec01 {
    padding: 20px 3.8461538461538463vw;

    h2 {
      font-size: 6.153846153846154vw;
      margin-bottom: 20px;

      span {
        font-size: 8.717948717948717vw;
      }
    }

    .sec01-wrap {
      padding: 12.82051282051282vw 5.128205128205128vw;

      .sec01-slider_wrap {
        position: relative;

        .swiper-horizontal > .swiper-pagination-bullets,
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
          bottom: -7.6923076923076925vw !important;
        }

        /* ページネーションのサイズと色 */
        .swiper-pagination-bullet {
          background-color: #212121;
          height: 1.5384615384615385vw;
          width: 1.5384615384615385vw;
        }
      }

      ul {
        flex-wrap: nowrap;
        width: auto;
        transition-timing-function: linear;

        li {
          width: 100%;

          &:nth-child(4),
          &:nth-child(5),
          &:nth-child(6) {
            margin-top: 0;
          }

          img {
            margin-bottom: 3.076923076923077vw;
          }

          p {
            font-size: 4.615384615384616vw;
            color: #212121;
          }
        }
      }
    }
  }
}

/* sec02 */

.sec02 {
  margin-top: 2.941vw;
  border-color: #fafafa;

  .title_wrap {
    width: 75.73529411764706vw;
    margin: 0 auto;
    position: relative;
    margin-bottom: 7.352941176470589vw;

    h2 {
      font-size: 2.6470588235294117vw;
      font-weight: 700;
    }

    span {
      font-size: 4.5588235294117645vw;
      font-weight: 600;
      line-height: 0.97;
      position: absolute;
      top: -50%;
      width: 100%;
      right: 0%;
      z-index: -1;
    }
  }

  ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;

    li {
      width: 15.616911764705883vw;
    }
  }

  .reason {
    background-image: url(../img/service_personal/reason_big-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15.073529411764705vw 0 7.720588235294118vw;

    .reason_inner {
      width: 57.35294117647059vw;
      margin: 0 auto;
      position: relative;
    }

    .ab_txt_wrap {
      position: absolute;
      top: 52%;
      width: 57.35294117647059vw;
      transform: translate(0, -50%);

      h3 {
        font-size: 2.353vw;
        display: inline-block;
        vertical-align: baseline;
        color: #fafafa;
        font-weight: 500;

        span.img {
          width: 14.706vw;
          margin-bottom: 0.441vw;
          margin-right: 0.441vw;
        }

        span.inter {
          text-align: center;
          font-size: 2.794vw;
          font-style: normal;
          font-weight: 600;
          line-height: 3.885vw;
          letter-spacing: 0.044vw;
          font-family: "inter";
        }

        span.sml {
          display: inline-block;
          font-size: 2.059vw;
          margin-bottom: 0.294vw;
        }

        span {
          display: inline-block;
          vertical-align: bottom;
        }

        span.txt38 {
          font-size: 2.279vw;
          vertical-align: bottom;
        }

        span.txt32 {
          margin-bottom: 0.221vw;
        }
      }

      .hash_wrap {
        margin-top: 1.471vw;

        ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-evenly;

          li {
            width: 45%;
            background: #212121;
            border-radius: 5.882vw;
            margin-bottom: 0.735vw;
            padding: 0.3vw 0;
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .sec02 {
    margin-top: 10.256vw;

    .title_wrap {
      width: 92.3076923076923vw;
      margin-bottom: 15.384615384615385vw;

      h2 {
        font-size: 7.179487179487179vw;
        line-height: 1.21;
      }

      span {
        font-size: 8.205128205128204vw;
        top: -3.8461538461538463vw;
        letter-spacing: 0.005em;
      }
    }

    ul {
      li {
        width: initial;
      }
    }

    /* slide */

    /* スライドの動き等速 */
    .swiper-wrapper {
      transition-timing-function: linear;
      margin-bottom: 7.352941176470589vw;
    }

    /* 画像のサイズ調整 */
    .sec02-slider {
      margin-bottom: 0;

      .swiper-slide {
        height: auto;
      }
    }

    .reason {
      background-image: url(../img/service_personal/sp/reason_big-bg.png);
      padding: 25.64102564102564vw 0 15.384615384615385vw;

      .reason_inner {
        width: 84.125vw;
        margin: 0 auto;
        position: relative;
      }

      .ab_txt_wrap {
        position: absolute;
        top: 52%;
        width: 84.125vw;
        transform: translate(0, -50%);

        h3 {
          font-size: 2.353vw;
          display: inline-block;
          vertical-align: baseline;
          color: #fafafa;
          font-weight: 500;

          span.img {
            width: 38.974vw;
            margin-bottom: 1.441vw;
            margin-right: 0.441vw;
          }

          span.inter {
            text-align: center;
            font-size: 6.667vw;
            font-style: normal;
            font-weight: 600;
            line-height: 10.885vw;
            letter-spacing: 0.044vw;
            font-family: "inter";
          }

          span.sml {
            display: inline-block;
            font-size: 6.154vw;
            margin-bottom: 0.294vw;
          }

          span {
            display: inline-block;
            vertical-align: bottom;
          }

          span.txt38 {
            font-size: 6.154vw;
            vertical-align: bottom;
          }

          span.txt32 {
            margin-bottom: 0vw;
            font-size: 7.179vw;
          }
        }

        .hash_wrap {
          margin-top: 5.471vw;

          ul {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-evenly;

            li {
              width: 95%;
              background: #212121;
              border-radius: 5.882vw;
              margin-bottom: 2.735vw;
              padding: 0.3vw 0;
              font-size: 3.8vw;
            }
          }
        }
      }
    }
  }
}

/* sec03 */

.sec03 {
  .title_wrap {
    display: flex;
    align-items: center;

    h2 {
      font-size: 4.117647058823529vw;
      font-weight: 600;
      margin-right: 1.1029411764705883vw;
    }

    span {
      color: #9e9e9e;
      font-size: 1.4705882352941175vw;
    }
  }
}

@media (max-width: 767px) {
  .sec03 {
    .title_wrap {
      display: flex;
      align-items: center;
      text-align: left;

      h2 {
        font-size: 8.205128205128204vw;
        margin-right: 2.051282051282051vw;
        letter-spacing: 0.005em;
      }

      span {
        font-size: 4.102564102564102vw;
      }
    }
  }
}

/* sec3 before_after */

.sec3 {
  padding: 20px 0 50px;
  position: relative;
  background: url(../img/top/sec3_bg.png);
  background-size: cover;
}

/* cta */

.cta {
  background-color: #faf7f2;
  padding: 20px 0;

  .cta_wrap {
    background-image: url(../img/service_personal/cta-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.2352941176470593vw 0;
    width: 63.23529411764706vw;
    margin: 0 auto;

    h2 {
      font-size: 7.352941176470589vw;
      line-height: 0.91;
      font-weight: 800;
      font-style: italic;
      color: transparent;
      -webkit-text-stroke: 1px rgb(255, 255, 255);
      margin-bottom: 1.8382352941176472vw;
    }

    p {
      font-size: 1.4705882352941175vw;
      font-weight: 500;
      margin-bottom: 2.2058823529411766vw;
    }

    img {
      width: 25.735294117647058vw;
      margin: 0 auto;
    }
  }
}

@media (max-width: 767px) {
  .sec3 {
    padding: 20px 0 0px;
    position: relative;
    background: url(../img/top/sec3_bg.png);
    background-size: cover;
  }

  .sec3 .h2_wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .before_after_wrap {
    padding-bottom: 40px;
  }

  .staff_slider {
    width: 93vw;
    margin: auto;
  }

  .cta {
    .cta_wrap {
      background-image: url(../img/service_personal/sp/cta-bg.jpg);
      padding: 13.846153846153847vw 0;
      width: 84.61538461538461vw;

      h2 {
        font-size: 15.384615384615385vw;
        margin-bottom: 4.615384615384616vw;
      }

      p {
        font-size: 4.102564102564102vw;
        letter-spacing: 0.005em;
        margin: 0 auto 7.6923076923076925vw;
        width: 72.05128205128204vw;
      }

      img {
        width: 71.7948717948718vw;
        margin: 0 auto;
      }
    }
  }
}

/* sec04 */

.sec04 {
  background-image: url(../img/service_personal/reason-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2.941vw 0 20px;

  .title_wrap {
    /* width: 37.4264705882353vw; */
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;

    h2 {
      font-size: 2.6470588235294117vw;
      font-weight: 700;
      z-index: 1;
      position: relative;
    }

    span {
      font-size: 4.5588235294117645vw;
      font-weight: 600;
      line-height: 0.97;
      position: absolute;
      top: -20%;
      width: 100%;
      right: 0%;
      z-index: 0;
      opacity: 0.2;
    }
  }
}

@media (max-width: 767px) {
  .sec04 {
    background-image: url(../img/service_personal/sp/reason-bg.png);
    padding: 10.256vw 0 20px;

    .title_wrap {
      width: 92.3076923076923vw;
      margin-bottom: 20px;

      h2 {
        font-size: 7.179487179487179vw;
        line-height: 1.21;
      }

      span {
        font-size: 8.205128205128204vw;
        top: -3.8461538461538463vw;
        letter-spacing: 0.005em;
      }
    }

    p {
      font-size: 4.050632911392405vw;
    }
  }
}

/* sec04-01 */

.sec04-01 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;

  .sec04-01_dis {
    width: 35.294117647058826vw;
    text-align: left;
    position: relative;

    h3 {
      font-size: 2.2058823529411766vw;
      font-weight: 700;
      font-style: italic;
      margin-bottom: 20px;
    }

    p {
      margin-bottom: 20px;
    }

    img {
      z-index: 2;
      position: relative;
      width: 29.411764705882355vw;
    }

    span {
      position: absolute;
      opacity: 0.2;
      font-size: 8.38235294117647vw;
      font-style: italic;
      font-weight: 600;
      top: 8.823529411764707vw;
      right: 0;
      z-index: 1;
      padding-right: 0.7vw;
    }
  }

  .sec04-01_img {
    width: 50vw;
    margin-right: 7.352941176470589vw;
  }
}

@media (max-width: 767px) {
  .sec04-01 {
    margin-bottom: 20px;
    display: block;

    .sec04-01_img {
      width: 92.3076923076923vw;
      margin-left: auto;
    }

    .sec04-01_dis {
      width: 84.61538461538461vw;
      margin: 20px auto 0;
      position: relative;

      h3 {
        font-size: 5.641025641025641vw;
        margin-bottom: 20px;
        letter-spacing: 0.005em;
      }

      p {
        margin-bottom: 20px;
        letter-spacing: 0.08em;
      }

      img {
        width: 85.38461538461539vw;
      }

      span {
        font-size: 29.230769230769234vw;
        top: 42.717949vw;
        right: -5vw;
        width: 40vw;
        letter-spacing: -0.5vw;
      }
    }
  }
}

/* sec04-02 */

.sec04-02 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: right;

  .sec04-02_dis {
    width: 35.294117647058826vw;
    text-align: left;
    position: relative;
    margin-right: 7.352941176470589vw;

    h3 {
      font-size: 2.2058823529411766vw;
      font-weight: 700;
      font-style: italic;
      margin-bottom: 20px;
    }

    p {
      margin-bottom: 20px;
    }

    img {
      z-index: 2;
      position: relative;
      width: 29.411764705882355vw;
    }

    span {
      position: absolute;
      opacity: 0.2;
      font-size: 8.38235294117647vw;
      font-style: italic;
      font-weight: 600;
      top: 7.13235294117647vw;
      right: 0;
      z-index: 1;
      padding-right: 0.7vw;
    }
  }

  .sec04-02_img {
    width: 50vw;
  }
}

@media (max-width: 767px) {
  .sec04-02 {
    margin-bottom: 20px;
    flex-direction: column-reverse;

    .sec04-02_img {
      width: 92.3076923076923vw;
      margin-left: auto;
    }

    .sec04-02_dis {
      width: 84.61538461538461vw;
      margin: 20px auto 0;
      position: relative;

      h3 {
        font-size: 5.641025641025641vw;
        margin-bottom: 20px;
        letter-spacing: 0.005em;
      }

      p {
        margin-bottom: 20px;
        letter-spacing: 0.08em;
      }

      img {
        width: 85.38461538461539vw;
      }

      span {
        font-size: 29.230769230769234vw;
        top: 33.025641vw;
        right: 0;
        width: 40vw;
        letter-spacing: -0.5vw;
      }
    }
  }
}

/* sec04-03 */

.sec04-03 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;

  .sec04-03_dis {
    width: 35.294117647058826vw;
    text-align: left;
    position: relative;

    h3 {
      font-size: 2.2058823529411766vw;
      font-weight: 700;
      font-style: italic;
      margin-bottom: 20px;
    }

    p {
      margin-bottom: 20px;
    }

    img {
      z-index: 2;
      position: relative;
      width: 29.411764705882355vw;
    }

    span {
      position: absolute;
      opacity: 0.2;
      font-size: 8.38235294117647vw;
      font-style: italic;
      font-weight: 600;
      top: 10.808823529411764vw;
      right: 0;
      z-index: 1;
      padding-right: 0.7vw;
    }
  }

  .sec04-03_img {
    width: 50vw;
    margin-right: 7.352941176470589vw;
  }
}

@media (max-width: 767px) {
  .sec04-03 {
    margin-bottom: 20px;
    display: block;

    .sec04-03_img {
      width: 92.3076923076923vw;
      margin-left: auto;
    }

    .sec04-03_dis {
      width: 84.61538461538461vw;
      margin: 20px auto 0;
      position: relative;

      h3 {
        font-size: 5.641025641025641vw;
        margin-bottom: 20px;
        letter-spacing: 0.005em;
      }

      p {
        margin-bottom: 20px;
        letter-spacing: 0.08em;
      }

      img {
        width: 85.38461538461539vw;
      }

      span {
        font-size: 29.230769230769234vw;
        top: 33.58974358974359vw;
        right: 0;
        width: 40vw;
        letter-spacing: -0.5vw;
      }
    }
  }
}

/* sec04-04 */

.sec04-04 {
  display: flex;
  justify-content: right;
  margin-bottom: 20px;

  .sec04-04_dis {
    width: 35.294117647058826vw;
    text-align: left;
    margin-right: 7.352941176470589vw;
    position: relative;

    h3 {
      font-size: 2.2058823529411766vw;
      font-weight: 700;
      font-style: italic;
      margin-bottom: 20px;
      line-height: 1.5;
    }

    p {
      margin-bottom: 20px;
    }

    img {
      z-index: 2;
      position: relative;
      width: 29.411764705882355vw;
    }

    span {
      position: absolute;
      opacity: 0.2;
      font-size: 8.38235294117647vw;
      font-style: italic;
      font-weight: 600;
      top: 15.514705882352942vw;
      right: 0;
      z-index: 1;
      padding-right: 0.7vw;
    }
  }

  .sec04-04_img {
    width: 50vw;
  }
}

@media (max-width: 767px) {
  .sec04-04 {
    margin-bottom: 20px;
    flex-direction: column-reverse;

    .sec04-04_img {
      width: 92.3076923076923vw;
      margin-left: auto;
    }

    .sec04-04_dis {
      width: 84.61538461538461vw;
      margin: 20px auto 0;
      position: relative;

      h3 {
        font-size: 5.641025641025641vw;
        margin-bottom: 20px;
        letter-spacing: 0.005em;
      }

      p {
        margin-bottom: 20px;
        letter-spacing: 0.08em;
      }

      img {
        width: 85.38461538461539vw;
      }

      span {
        font-size: 29.230769230769234vw;
        top: 67.92307692307693vw;
        right: 0;
        width: 40vw;
        letter-spacing: -0.5vw;
      }
    }
  }
}

/* sec05 */

.sec05 {
  background-image: url(../img/service_gym/sec05-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 0 20px;

  img {
    width: 35.22058823529412vw;
  }

  .sec05-wrap {
    width: 73.52941176470588vw;
    margin: 0 auto 0;
    background-color: #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 20px;

    img {
      width: 23.01470588235294vw;
      margin-right: 4.191176470588235vw;
    }

    .note_wrap {
      width: 39.705882352941174vw;
      text-align: left;

      h4 {
        font-weight: 400;
        margin-bottom: 20px;
      }

      .user_voice_wrap {
        background-color: #ffffff;
        padding: 1.0294117647058822vw 0;

        p {
          width: 36.76470588235294vw;
          margin: 0 auto;
        }

        .dark_gray {
          font-size: 1.0294117647058822vw;
        }

        .user_voice {
          border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
          margin-bottom: 0.5147058823529411vw;
          color: #212121;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .sec05 {
    background-image: url(../img/service_gym/webp/sec05-bg.png);
    padding: 20px 0;

    img {
      width: 86.66666666666667vw;
    }

    .sec05-wrap {
      width: 92.3076923076923vw;
      margin: -10.76923076923077vw auto 0;
      display: block;
      padding: 20px 0 20px;

      img {
        width: 73.33333333333333vw;
        margin-right: 0;
        margin-bottom: 20px;
      }

      .note_wrap {
        width: 76.92307692307693vw;
        margin: 0 auto;

        h4 {
          font-size: 3.5897435897435894vw;
          margin-bottom: 20px;
        }

        .user_voice_wrap {
          padding: 3.5897435897435894vw 0;

          p {
            width: 66.66666666666666vw;
          }

          .dark_gray {
            font-size: 3.5897435897435894vw;
          }

          .user_voice {
            border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
            margin-bottom: 20px;
            font-size: 4.050632911392405vw;
            color: #212121;
          }
        }
      }
    }
  }
}

/* sec06 */

.sec06 {
  padding: 20px 0 20px;

  .title_wrap {
    display: flex;
    align-items: center;

    h2 {
      font-size: 4.117647058823529vw;
      font-weight: 600;
      margin-right: 1.1029411764705883vw;
    }

    span {
      color: #9e9e9e;
      font-size: 1.4705882352941175vw;
    }
  }

  .h2_wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .title_dis {
    text-align: left;
    width: 61.76470588235294vw;
  }

  .view_btn {
    background-color: #9e9e9e;
    border: initial;
  }
}

@media (max-width: 767px) {
  .sec06 {
    padding: 20px 0;

    .title_flex {
      display: block;
    }

    .title_wrap {
      display: block;
      align-items: center;
      text-align: left;
      margin-bottom: 20px;

      h2 {
        font-size: 8.205128205128204vw;
        margin-right: 2.051282051282051vw;
        letter-spacing: 0.005em;
      }

      span {
        font-size: 4.102564102564102vw;
      }
    }

    .title_dis {
      text-align: left;
      width: 84.61538461538461vw;
      font-size: 3.5897435897435894vw;
    }

    .view_btn-sp {
      width: 100%;
      text-align: left;
      margin-bottom: 20px;
    }
  }
}

/* sec07 */

.sec07 {
  background-image: url(../img/service_gym/webp/sec07-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px 0 20px;

  h2 {
    width: 76.83823529411765vw;
    margin: 0 auto 2.941176470588235vw;
  }

  .flex {
    display: flex;
    justify-content: space-around;
    align-items: initial;

    .sec07-img_wrap {
      img {
        margin-bottom: 0.8823529411764706vw;
        width: 20.588235294117645vw;
      }

      p {
        font-size: 1.4705882352941175vw;
        font-weight: 500;
        letter-spacing: 0.05em;
        width: 23.52941176470588vw;
        text-align: left;
      }
    }
  }

  .sec07-dis_wrap {
    width: 73.52941176470588vw;
    background: none;
    border: solid 1px #fff;
    padding: 2.6470588235294117vw 0;
    margin: 2.2058823529411766vw auto 0;

    h3 {
      font-size: 2.2058823529411766vw;

      span {
        font-size: 2.3529411764705883vw;
      }
    }

    p {
      width: 61.76470588235294vw;
      margin: 0 auto;
      text-align: left;
    }
  }
}

@media (max-width: 767px) {
  .sec07 {
    background-image: url(../img/service_gym/sp/webp/sec07-bg.webp);
    padding: 20px 0 20px;

    article {
      width: 100%;
    }

    h2 {
      width: 85.12820512820512vw;
      margin: 0 auto 20px;
    }

    .sec07-slider_wrap {
      position: relative;
      margin-bottom: 20px;

      .sec07-img_wrap {
        img {
          margin-bottom: 3.076923076923077vw;
          width: 71.7948717948718vw;
        }

        p {
          font-size: 4.128205vw;
          letter-spacing: 0.05em;
          text-align: left;
          display: flex;
          justify-content: center;
        }

        /* slide */
        /* スライドの動き等速 */
        .swiper-wrapper {
          transition-timing-function: linear;
        }
      }

      .swiper-horizontal > .swiper-pagination-bullets,
      .swiper-pagination-bullets.swiper-pagination-horizontal,
      .swiper-pagination-custom,
      .swiper-pagination-fraction {
        bottom: -7.6923076923076925vw !important;
      }

      /* ページネーションのサイズと色 */
      .swiper-pagination-bullet {
        background-color: #fff;
        height: 1.5384615384615385vw;
        width: 1.5384615384615385vw;
      }
    }

    .sec07-dis_wrap {
      width: 92.3076923076923vw;
      padding: 7.6923076923076925vw 0;
      margin: 0 auto;

      h3 {
        font-size: 5.128205128205128vw;
        line-height: 1.5;
        margin-bottom: 3.8461538461538463vw;

        span {
          font-size: 5.641025641025641vw;
        }
      }

      p {
        width: 82.05128205128204vw;
        font-size: 3.5443037974683547vw;
      }
    }
  }
}

/* sec08 */

.sec08 {
  padding: 2.941vw 0 20px;

  .title_wrap {
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;

    h2 {
      position: relative;
      font-size: 2.6470588235294117vw;
      font-weight: 700;
      z-index: 1;
    }

    span {
      font-size: 4.5588235294117645vw;
      font-weight: 600;
      line-height: 0.97;
      position: absolute;
      top: 0;
      width: 100%;
      right: 0%;
      z-index: 0;
    }
  }

  ul li {
    margin-bottom: 2.911764705882353vw;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .flow_card {
    border: solid 1px #bdbdbd;
  }

  .flow_inner {
    display: flex;
    align-items: center;
    text-align: left;

    .txt_wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 75%;

      p.nom {
        font-size: 8vw;
        color: #e0e0e0;
        font-weight: 500;
        font-family: "Inter";
        width: 18%;
        margin-left: 2%;
        letter-spacing: -2px;
      }

      .txt {
        display: inline-block;
        width: 74%;
        margin-left: 4%;

        h3 {
          font-size: 20px;
          color: #212121;
        }

        p {
          color: #212121;
        }
      }
    }

    .img {
      width: 25%;
      margin: 0 2% 0 1%;
    }
  }

  .triangle-bottom {
    position: absolute;
    display: inline-block;
    border-style: solid;
    border-width: 25px 40px 0 40px;
    border-color: #bdbdbd transparent transparent transparent;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 767px) {
  .sec08 {
    padding: 10.256vw 0 20px;

    .title_wrap {
      width: 74.87179487179488vw;
      margin-bottom: 20px;

      h2 {
        font-size: 7.179487179487179vw;
        line-height: 1.21;
      }

      span {
        font-size: 8.205128205128204vw;
        top: -3.8461538461538463vw;
        letter-spacing: 0.005em;
        z-index: -1;
      }
    }

    ul li {
      margin-bottom: 30px;

      &:last-child {
        margin-bottom: 0;
      }
    }

    .flow_card {
      position: relative;

      .flow_inner {
        flex-direction: column;

        .txt_wrap {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          width: 100%;
          padding-top: 10px;

          p.nom {
            position: absolute;
            right: 5px;
            top: 0;
            font-size: 19vw;
            width: auto;
            margin-left: 0;
            line-height: 1.2;
            z-index: -1;
          }

          .txt {
            display: inline-block;
            width: 90%;
            margin-left: 5%;
          }
        }

        .img {
          width: 89%;
          margin: 3% 0 5%;
        }
      }
    }
  }
}

/* sec09 */

.sec09 {
  background-color: #fafafa;
  padding: 20px 0 20px;

  .title_wrap {
    display: flex;
    align-items: center;

    h2 {
      font-size: 4.117647058823529vw;
      font-weight: 600;
      margin-right: 1.1029411764705883vw;
    }

    span {
      color: #9e9e9e;
      font-size: 1.4705882352941175vw;
    }
  }

  .title_dis {
    text-align: left;
    width: 61.76470588235294vw;
  }

  .view_btn {
    background-color: #9e9e9e;
    border: initial;
  }

  .faq_wrap {
    margin-top: 0;
    text-align: left;
  }

  /* accordion */

  .accordion {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.411764705882353vw;
    position: relative;
    width: 100%;
  }

  .accordion-title {
    cursor: pointer;
    font-size: 1.3235294117647058vw;
    padding: 1.25vw 1.4705882352941175vw;
    position: relative;
    text-align: left;
    font-weight: 700;
    display: flex;

    img {
      width: 2.6470588235294117vw;
      height: 2.6470588235294117vw;
      text-align: center;
      margin-right: 0.8823529411764706vw;
    }
  }

  .accordion-content {
    display: none;
    padding: 1.4705882352941175vw 6.985294117647059vw 2.2058823529411766vw 2.2058823529411766vw;
  }

  .content-flex {
    display: flex;

    span {
      font-size: 1.6176470588235297vw;
      font-weight: 600;
      margin-right: 1.397058823529412vw;
    }
  }

  .accordion-content p {
    color: #9e9e9e;
    text-align: left;
  }

  /* タイトルの背景色 */
  .accordion-item .accordion-title {
    border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
  }

  /* 縦線 */
  .accordion-title::before {
    background: #212121;
    /* 線の色 */
    content: "";
    height: 2px;
    /* 線の太さ */
    position: absolute;
    right: 25px;
    top: 50%;
    /* 線の位置を縦中央に */
    transform: rotate(90deg);
    /* 線を縦に */
    transition: transform 0.3s ease-in-out;
    width: 15px;
    /* 線の幅 */
  }

  /* 横線 */
  .accordion-title::after {
    background: #212121;
    /* 線の色 */
    content: "";
    height: 2px;
    /* 線の太さ */
    position: absolute;
    right: 25px;
    top: 50%;
    /* 線の位置を縦中央に */
    transition: opacity 0.3s ease-in-out;
    width: 15px;
    /* 線の幅 */
  }

  /* 縦線(クリック後) */
  .accordion-title.open::before {
    transform: rotate(180deg);
  }

  /* 横線(クリック後) */
  .accordion-title.open::after {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .sec09 {
    padding: 20px 0;

    .title_flex {
      display: block;

      .view_btn-sp {
        text-align: left;
      }
    }

    .title_wrap {
      display: flex;
      align-items: center;
      text-align: left;
      margin-bottom: 2.564102564102564vw;

      h2 {
        font-size: 8.205128205128204vw;
        margin-right: 2.051282051282051vw;
        letter-spacing: 0.005em;
      }

      span {
        font-size: 4.102564102564102vw;
      }
    }

    /* accordion */

    .accordion {
      margin-top: 7.6923076923076925vw;
    }

    .accordion-title {
      font-size: 4.102564102564102vw;
      padding: 3.076923076923077vw 9.230769230769232vw 3.076923076923077vw 2.564102564102564vw;

      img {
        width: 7.6923076923076925vw;
        height: auto;
        margin-right: 2.051282051282051vw;
      }
    }

    .accordion-content {
      padding: 3.076923076923077vw 9.230769230769232vw 3.076923076923077vw 2.564102564102564vw;
    }

    .content-flex {
      span {
        font-size: 4.615384615384616vw;
        font-weight: 600;
        margin-right: 4.102564102564102vw;
      }
    }

    .accordion-content p {
      color: #9e9e9e;
      text-align: left;
    }

    /* タイトルの背景色 */
    .accordion-item .accordion-title {
      border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
    }

    /* 縦線 */
    .accordion-title::before {
      right: 10px;
    }

    /* 横線 */
    .accordion-title::after {
      right: 10px;
    }
  }
}




/*250911料金表追加*/

section.personal_price {
  p {
    color: #212121;
  }

  .flex {
    display: flex;
  }

  .title_wrap {
    display: flex;
    align-items: center;

    h2 {
      font-size: 4.117647058823529vw;
      font-weight: 600;
      margin-right: 1.1029411764705883vw;
    }

    span {
      color: #9e9e9e;
      font-size: 1.4705882352941175vw;
    }
  }

  @media (max-width: 767px) {
    article {
      width: 92.3076923076923vw;
    }
    
    .bnr-wrap {
      width: 76.92307692307693vw;
      margin: 15.384615384615385vw auto;

      img:first-child {
        margin-bottom: 7.6923076923076925vw;
      }
    }

    .title_wrap {
      margin-bottom: 20px;
      margin-left: 3.8461538461538463vw;

      h2 {
        font-size: 8.205128205128204vw;
        margin-right: 2.051282051282051vw;
      }

      span {
        font-size: 4.102564102564102vw;
      }
    }
  }

  /* personal */

  .personal {
    margin-bottom: 20px;

    .title-wrap {
      background: var(--grd-org-grd, linear-gradient(74deg, #ff7742 -0.04%, #ffbf5e 82.82%));
      padding: 1.1764705882352942vw 2.941176470588235vw;

      h3 {
        font-size: 2.5vw;
        text-align: left;
      }
    }

    .plan-wrap {
      padding: 20px 2.794117647058824vw;
      background-color: #fafafa;
    }

    .personal-img {
      width: 30.821323529411764vw;
      margin-right: 2.0588235294117645vw;
    }

    .basic {
      padding-bottom: 20px;
      border-bottom: 1px dotted #9e9e9e;
      margin-bottom: 20px;
      align-items: center;
    }

    .basic-dis-wrap {
      width: 46.838235294117645vw;
      text-align: left;

      .basic-dis {
        text-align: left;

        h3 {
          font-size: 2.594117647058824vw;
          background: var(--grd-org-grd, linear-gradient(74deg, #ff7742 -0.04%, #ffbf5e 82.82%));
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          margin-right: 0.7352941176470588vw;
          font-weight: 600;
        }

        span {
          font-size: 1.0294117647058822vw;
          font-weight: 400;
          color: #9e9e9e;
          margin-right: 0.7352941176470588vw;
        }
      }

      p.service_price {
        background: linear-gradient(74deg, #ff7742 -0.03%, #ffbf5e 181.06%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3.162vw;
        font-family: "Inter";
        font-style: italic;
        font-weight: 500;
        margin-left: 0;
        display: inline-block;
        line-height: 1.2;
        letter-spacing: -1px;

        span.b_tag {
          position: relative;
          width: 3.579vw;
          display: inline-block;
          font-size: 1.124vw;
          text-align: center;
          vertical-align: middle;
          background: #212121;
          -webkit-text-fill-color: transparent;
          -webkit-background-clip: text;
          margin-left: 0;
          font-style: normal;
          letter-spacing: 0;
        }

        span.b_tag:after {
          position: absolute;
          content: "";
          width: 3.412vw;
          height: 3.412vw;
          display: inline-block;
          font-size: 1.324vw;
          text-align: center;
          vertical-align: middle;
          border: solid 1px #212121;
          border-radius: 50%;
          left: 0;
          top: -1.2vw;
        }

        span.yen {
          font-size: 1.618vw;
          font-family: "Noto Sans JP";
          font-style: normal;
          margin-left: 0.368vw;
          margin-right: 0;
        }

        span.s-sml {
          background: #818181;
          -webkit-text-fill-color: transparent;
          -webkit-background-clip: text;
          margin-left: 0;
          font-size: 0.8vw;
          font-style: normal;
        }
      }

      p.gray {
        color: #818181;
        font-size: 1vw;
      }

      .new_tokuten {
        display: flex;
        margin-bottom: 7px;

        p.price_tag {
          position: relative;
          line-height: 1.2;
          letter-spacing: 2px;
        }

        .tokuten_detail {
          margin-left: 70px;
        }
      }

      .pes_basic {
        display: flex;
        justify-content: space-between;
        padding: 1vw 0;

        .flex_plan {
          p.service_price {
            background: linear-gradient(74deg, #ff7742 -0.03%, #ffbf5e 181.06%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 1.962vw;
            font-family: "Inter";
            font-style: italic;
            font-weight: 500;
            margin-left: 0;
            display: inline-block;
            line-height: 1.2;
            letter-spacing: -1px;

            span.b_tag {
              position: relative;
              width: 2.279vw;
              font-size: 0.8vw;
            }

            span.b_tag:after {
              position: absolute;
              content: "";
              width: 2.112vw;
              height: 2.112vw;
              display: inline-block;
              font-size: 1vw;
              text-align: center;
              vertical-align: middle;
              border: solid 1px #212121;
              border-radius: 50%;
              left: 0;
              top: -0.7vw;
            }

            span.yen {
              font-size: 0.818vw;
              font-family: "Noto Sans JP";
              font-style: normal;
              margin-left: 0.168vw;
            }

            p.gray {
              color: #818181;
              font-size: 0.9vw;
            }

            .pes_basic {
              display: flex;
              justify-content: space-between;
              margin-top: 10px;
            }
          }
        }

        .plan_img {
          margin-top: 20px;
        }
      }

      .benefits {
        margin-bottom: 0.7352941176470588vw;
      }

      .price-img {
        width: 20.66176470588235vw;
      }

      .flex {
        justify-content: left;
        align-items: center;
      }

      .benefits-note {
        border-bottom: 1px dotted #9e9e9e;
        padding-bottom: 0.7352941176470588vw;
        margin-bottom: 0.7352941176470588vw;
      }

      .price-img {
        width: 20.66176470588235vw;
      }

      .date {
        color: #9e9e9e;
        font-size: 1.0294117647058822vw;
        margin-left: 0.4411764705882353vw;
      }
    }

    .week1 {
      padding-bottom: 20px;
      border-bottom: 1px dotted #9e9e9e;
      margin-bottom: 20px;
    }

    .week1-dis-wrap {
      width: 44.55882352941177vw;
      text-align: left;

      .week1-dis {
        h3 {
          font-size: 2.594117647058824vw;
          background: var(--grd-org-grd, linear-gradient(74deg, #ff7742 -0.04%, #ffbf5e 82.82%));
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          margin-right: 0.7352941176470588vw;
          font-weight: 600;
        }

        span {
          font-size: 1.0294117647058822vw;
          font-weight: 400;
          color: #9e9e9e;
          margin-right: 0.7352941176470588vw;
        }
      }

      p.service_price {
        background: linear-gradient(74deg, #ff7742 -0.03%, #ffbf5e 181.06%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3.162vw;
        font-family: "Inter";
        font-style: italic;
        font-weight: 500;
        margin-left: 0;
        display: inline-block;
        line-height: 1.2;
        letter-spacing: -1px;

        span.b_tag {
          position: relative;
          width: 3.579vw;
          display: inline-block;
          font-size: 1.124vw;
          text-align: center;
          vertical-align: middle;
          background: #212121;
          -webkit-text-fill-color: transparent;
          -webkit-background-clip: text;
          margin-left: 0;
          font-style: normal;
          letter-spacing: 0;
        }

        span.b_tag:after {
          position: absolute;
          content: "";
          width: 3.412vw;
          height: 3.412vw;
          display: inline-block;
          font-size: 1.324vw;
          text-align: center;
          vertical-align: middle;
          border: solid 1px #212121;
          border-radius: 50%;
          left: 0;
          top: -1.2vw;
        }

        span.yen {
          font-size: 1.618vw;
          font-family: "Noto Sans JP";
          font-style: normal;
          margin-left: 0.368vw;
          margin-right: 0;
        }

        span.s-sml {
          background: #818181;
          -webkit-text-fill-color: transparent;
          -webkit-background-clip: text;
          margin-left: 0;
          font-size: 0.8vw;
          font-style: normal;
        }
      }

      .benefits-note {
        border-bottom: 1px dotted #9e9e9e;
        padding-bottom: 0.7352941176470588vw;
        margin-bottom: 0.7352941176470588vw;
      }

      .price-img {
        width: 20.66176470588235vw;
      }

      .flex {
        justify-content: left;
        align-items: center;
      }

      .date {
        color: #9e9e9e;
        font-size: 1.0294117647058822vw;
        margin-left: 0.4411764705882353vw;
      }
    }

    .personal_plan {
      align-items: flex-start;
    }

    .personal_plan-p {
      margin-bottom: 1.4705882352941175vw;
    }

    .personal_plan-dis-wrap {
      width: 44.55882352941177vw;
      text-align: left;
      margin-top: -1.4705882352941175vw;

      .personal_plan-dis {
        h3 {
          font-size: 2.594117647058824vw;
          background: var(--grd-org-grd, linear-gradient(74deg, #ff7742 -0.04%, #ffbf5e 82.82%));
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          margin-right: 0.7352941176470588vw;
          font-weight: 600;
        }

        span {
          font-size: 1.0294117647058822vw;
          font-weight: 400;
          color: #9e9e9e;
          margin-right: 0.7352941176470588vw;
        }
      }

      .price-img {
        width: 46.69117647058824vw;
        margin-bottom: 1.4705882352941175vw;
      }

      .flex {
        justify-content: left;
        align-items: center;
      }

      .each_price_wrap {
        display: flex;
        padding: 10px 0;
        border-top: dotted 1px;
        border-bottom: dotted 1px;
        margin-bottom: 10px;
      }

      .each_in {
        display: flex;
        align-items: center;
        margin-right: 2vw;
      }

      p.service_price {
        background: linear-gradient(74deg, #ff7742 -0.03%, #ffbf5e 181.06%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3.162vw;
        font-family: "Inter";
        font-style: italic;
        font-weight: 500;
        margin-left: 0;
        display: inline-block;
        line-height: 1.2;
        letter-spacing: -1px;

        span.b_tag {
          position: relative;
          width: 3.579vw;
          display: inline-block;
          font-size: 1.124vw;
          text-align: center;
          vertical-align: middle;
          background: #212121;
          -webkit-text-fill-color: transparent;
          -webkit-background-clip: text;
          margin-left: 0;
          font-style: normal;
        }

        span.b_tag:after {
          position: absolute;
          content: "";
          width: 3.412vw;
          height: 3.412vw;
          display: inline-block;
          font-size: 1.324vw;
          text-align: center;
          vertical-align: middle;
          border: solid 1px #212121;
          border-radius: 50%;
          left: 0;
          top: -1.2vw;
        }

        span.yen {
          font-size: 1.618vw;
          font-family: "Noto Sans JP";
          font-style: normal;
          margin-left: 0.368vw;
          margin-right: 0;
        }

        span.s-sml {
          background: #818181;
          -webkit-text-fill-color: transparent;
          -webkit-background-clip: text;
          margin-left: 0;
          font-size: 0.8vw;
          font-style: normal;
        }
      }

      .benefits {
        width: 27.500000000000004vw;
      }

      .benefits-note {
        margin-bottom: 1.4705882352941175vw;
      }
    }
  }

  @media (max-width: 767px) {
    .personal {
      margin-bottom: 7.6923076923076925vw;

      .title-wrap {
        padding: 1.692308vw 5.128205128205128vw;

        h3 {
          font-size: 7.179487179487179vw;
        }
      }

      .plan-wrap {
        padding: 20px 5.128205128205128vw;
      }

      .personal-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5.128205128205128vw;
      }

      .basic {
        padding-bottom: 20px;
        border-bottom: 1px dotted #9e9e9e;
        display: block;
      }

      .basic-dis-wrap {
        width: 100%;

        .flex {
          justify-content: center;
          flex-direction: column;
        }

        .date {
          font-size: 3.5897435897435894vw;
          margin-left: 1.5384615384615385vw;
        }

        .basic-dis {
          padding-bottom: 3.076923076923077vw;

          h3 {
            font-size: 8.205128205128204vw;
            margin-right: 2.512820512820513vw;
            line-height: 1;
          }

          span {
            font-size: 3.5897435897435894vw;
            margin-right: 0;
            margin-left: 0;
          }
        }

        p.gray {
          color: #818181;
          font-size: 3.5vw;
          text-align: center;
        }

        .pes_basic {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          padding: 1vw 0;

          & .flex_plan {
            width: 50%;

            & p.service_price {
              display: flex;
              align-items: center;
              font-size: 6.5vw;

              span.b_tag {
                position: relative;
                display: flex;
                width: 8.279vw;
                font-size: 3.5vw;
                height: 8.5vw;
                align-items: center;
                justify-content: center;
                margin-right: 2px;
              }

              span.b_tag:after {
                position: absolute;
                content: "";
                width: 8.112vw;
                height: 8.112vw;
                display: inline-block;
                font-size: 1vw;
                text-align: center;
                vertical-align: middle;
                border: solid 1px #212121;
                border-radius: 50%;
                left: 0px;
                top: 0vw;
              }

              span.yen {
                font-size: 2.818vw;
                font-family: "Noto Sans JP";
                font-style: normal;
                margin-left: 1.168vw;
                margin-top: 5px;
              }
            }
          }
        }

        .benefits {
          margin-bottom: 5.128205128205128vw;
        }

        span {
          font-size: 4.102564102564102vw;
          margin: 0 auto;
          display: block;
          text-align: center;
        }

        .price-img {
          width: 72.05128205128204vw;
          margin: 0 auto 3.5897435897435894vw;
        }

        .personal {
          .basic-dis-wrap {
            .date {
              color: #9e9e9e;
              font-size: 1.0294117647058822vw;
              margin-left: 0.4411764705882353vw;
            }
          }
        }
      }

      & .basic-dis-wrap {
        & .basic-dis {
          p.service_price {
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(74deg, #ff7742 -0.03%, #ffbf5e 181.06%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 12.162vw;
            font-family: "Inter";
            font-style: italic;
            font-weight: 500;
            margin-left: 0;
            line-height: 1.2;

            span.b_tag {
              position: relative;
              width: 14.479vw;
              display: inline-block;
              font-size: 4.224vw;
              font-style: normal;
              text-align: center;
              vertical-align: middle;
              background: #212121;
              -webkit-text-fill-color: transparent;
              -webkit-background-clip: text;
              margin-left: 0;
              margin-right: 0.1vw;
            }

            span.b_tag:after {
              position: absolute;
              content: "";
              width: 12.412vw;
              height: 12.412vw;
              display: inline-block;
              font-size: 1.324vw;
              text-align: center;
              vertical-align: middle;
              border: solid 1px #212121;
              border-radius: 50%;
              left: 0.421vw;
              top: -4.2vw;
            }

            span.yen {
              font-size: 5.618vw;
              font-family: "Noto Sans JP";
              font-weight: 600;
              font-style: normal;
              margin-left: 1.368vw;
              margin-right: 0;
              margin-top: 12px;
            }

            span.s-sml {
              background: #818181;
              -webkit-text-fill-color: transparent;
              -webkit-background-clip: text;
              margin-top: 15px;
              margin-left: 0;
              margin-right: 0;
              font-size: 3.8vw;
              font-style: normal;
            }
          }
        }

        div.md {
          margin-bottom: -8px;
          text-align: center;
          width: 80vw;
        }

        h4.md {
          position: relative;
          color: #fcfcfc;
          background: #212121;
          font-weight: 400;
          font-size: 3.9vw;
          padding: 0 1vw;
          display: inline-block;
          z-index: 2;
        }

        .md p {
          position: relative;
          top: -12px;
          color: #212121;
          font-size: 3.5vw;
          border: 1px solid var(--System-Gray-400, #bdbdbd);
          background: var(--bg-grn-bg, #ebfaf8);
          padding: 10px 0 0px;
          line-height: 1.75;
          justify-content: center;
        }

        .special_benefits {
          flex-direction: column;
          padding-bottom: 10px;
          margin-bottom: 10px;

          & .new_tokuten {
            span.span1 {
              color: #212121;
              font-size: 4.145vw;
            }
            span.span3 {
              color: #818181;
              font-size: 14px;
              display: block;
              vertical-align: text-top;
              text-align: center;
            }
          }
        }
      }

      .week1 {
        margin-top: 7.6923076923076925vw;
        padding-bottom: 7.6923076923076925vw;
        display: block;

        .week1-dis-wrap {
          width: 100%;

          .week1-dis {
            .flex {
              display: flex;
              justify-content: center;
              flex-direction: column;
            }

            h3 {
              font-size: 8.205128205128204vw;
              margin-right: 2.512820512820513vw;
              line-height: 1;
            }

            span {
              font-size: 3.5897435897435894vw;
              margin: 0 0 0 0;
            }

            .benefits {
              margin-bottom: 5.128205128205128vw;
            }

            .price-img {
              width: 66.92307692307692vw;
              margin: 0 auto 3.5897435897435894vw;
            }
          }

          .benefits-note.flex {
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }

          .date {
            font-size: 3.5897435897435894vw;
            margin-left: 1.5384615384615385vw;
          }

          span {
            font-size: 4.102564102564102vw;
            margin: 10px auto -15px;
            display: block;
            text-align: center;
          }

          p.service_price {
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(74deg, #ff7742 -0.03%, #ffbf5e 181.06%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 12.162vw;
            font-family: "Inter";
            font-style: italic;
            font-weight: 500;
            margin-left: 0;
            line-height: 1.2;

            span.b_tag {
              position: relative;
              width: 14.479vw;
              display: inline-block;
              font-size: 4.224vw;
              font-style: normal;
              text-align: center;
              vertical-align: middle;
              background: #212121;
              -webkit-text-fill-color: transparent;
              -webkit-background-clip: text;
              margin-left: 0;
              margin-right: 0.1vw;
            }

            span.b_tag:after {
              position: absolute;
              content: "";
              width: 12.412vw;
              height: 12.412vw;
              display: inline-block;
              font-size: 1.324vw;
              text-align: center;
              vertical-align: middle;
              border: solid 1px #212121;
              border-radius: 50%;
              left: 0.421vw;
              top: -4.2vw;
            }

            span.yen {
              font-size: 5.618vw;
              font-family: "Noto Sans JP";
              font-weight: 600;
              font-style: normal;
              margin-left: 1.368vw;
              margin-right: 0;
              margin-top: 12px;
              margin-bottom: 0;
            }

            span.s-sml {
              background: #818181;
              -webkit-text-fill-color: transparent;
              -webkit-background-clip: text;
              margin-top: 15px;
              margin-left: 0;
              margin-right: 0;
              margin-bottom: 0;
              font-size: 3.8vw;
              font-style: normal;
            }
          }
        }

        div.md {
          margin-bottom: -8px;
          text-align: center;
          width: 80vw;
        }

        h4.md {
          position: relative;
          color: #fcfcfc;
          background: #212121;
          font-weight: 400;
          font-size: 3.9vw;
          padding: 0 1vw;
          display: inline-block;
          z-index: 2;
        }

        .md p {
          position: relative;
          top: -12px;
          color: #212121;
          font-size: 3.5vw;
          border: 1px solid var(--System-Gray-400, #bdbdbd);
          background: var(--bg-grn-bg, #ebfaf8);
          padding: 10px 0 0px;
          line-height: 1.75;
          justify-content: center;
        }

        .special_benefits {
          flex-direction: column;
          padding-bottom: 10px;
          margin-bottom: 10px;

          & .new_tokuten {
            span.span1 {
              color: #212121;
              font-size: 4.145vw;
            }
            span.span3 {
              color: #818181;
              font-size: 14px;
              display: block;
              vertical-align: text-top;
              text-align: center;
            }
          }

          .benefits-note {
            justify-content: center;
            margin: 3.5897435897435894vw auto 5.384615384615385vw;
            padding-bottom: 3.8461538461538463vw;
          }

          .date {
            font-size: 3.5897435897435894vw;
            margin-left: 1.5384615384615385vw;
          }

          span {
            margin: 0 auto;
            display: block;
            text-align: center;
          }
        }
      }

      .personal_plan {
        margin-top: 7.6923076923076925vw;
        padding-bottom: 7.6923076923076925vw;
        display: block;

        .personal_plan-dis-wrap {
          width: 100%;

          .personal_plan-dis {
            display: block;

            .flex {
              display: flex;
              justify-content: center;
            }

            h3 {
              font-size: 8.205128205128204vw;
              margin-right: 0;
              text-align: center;
              line-height: 1;
            }

            span {
              font-size: 3.5897435897435894vw;
              margin-right: 0;
              margin-left: 0;
            }
          }

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

          .price-img {
            width: 76.92307692307693vw;
            margin: 0 auto 5.128205128205128vw;
          }

          .benefits {
            width: 100%;
            margin-bottom: 5.128205128205128vw;
          }

          .benefits-note {
            text-align: center;
          }

          .personal_plan-p {
            margin-bottom: 3.205128205128204vw;
            padding-bottom: 3.076923076923077vw;
            border-bottom: 1px dotted #9e9e9e;
          }

          p.service_price {
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(74deg, #ff7742 -0.03%, #ffbf5e 181.06%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 12.162vw;
            font-family: "Inter";
            font-style: italic;
            font-weight: 500;
            margin-left: 0;
            line-height: 1.2;

            span.yen {
              font-size: 5.618vw;
              font-family: "Noto Sans JP";
              font-weight: 600;
              font-style: normal;
              margin-left: 1.368vw;
              margin-right: 0;
              margin-top: 12px;
            }

            span.s-sml {
              background: #818181;
              -webkit-text-fill-color: transparent;
              -webkit-background-clip: text;
              margin-top: 15px;
              margin-left: 0;
              margin-right: 0;
              font-size: 3.8vw;
              font-style: normal;
            }
          }

          .each_price_wrap {
            display: flex;
            padding: 0 0 10px;
            border-top: none;
            border-bottom: dotted 1px;
            margin-bottom: 10px;
            flex-direction: column;
            align-items: center;
          }
        }
      }
    }
  }

  @media (max-width: 767px) {
    h4.md_new {
      width: 100%;
      margin-bottom: -8px;
    }

    .md_wrap {
      width: 100%;
    }

    .md_flex p {
      font-size: 14px;
      width: 48%;
      padding: 1%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .md_flex.premium p {
      font-size: 14px;
      width: 48%;
      padding: 1%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
    }

    span.sml {
      margin: 0 !important;
      font-size: 2.5vw;
    }

    .flex_md {
      flex-direction: column;
    }

    .span_wrap {
      flex-direction: column;
    }

    .span_wrap span {
      font-size: 3.5vw;
    }

    .gym .basic_plan .basic_plan-dis-wrap .flex_md div.md,
    .gym .basic_plan .basic_plan-dis-wrap .flex_md div.md.long {
      width: 80vw;
    }
  }
}