html,
  body {
      overflow-x: hidden;
      width: 100%;
  }

  /* ==================================================
       変数
    ================================================== */
  :root {
      --color-spurs: #001a56;
      --color-arsenal: #c3001e;
      --color-fcbarcelona: linear-gradient(0deg, #cd122d, #154284);
      --color-mancity: #16759b;
      --color-txt: #2c2a29;
      --color-soccer-blue: #00A1CF;
       --color-soccer-orange: #EB7100;
       --color-soccer-yellow: #ffec56;
      --trd-duration: 0.8s;
      --trd-timing: cubic-bezier(0, 0, 0.58, 1);
  }

  .gradient-text {
      background: linear-gradient(140deg, var(--color-soccer-orange) 0% 33.3%, var(--color-soccer-blue) 33.3% 66.6%, var(--color-soccer-orange) 66.6% 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
  }

  .ui-static-heading-underline::after {
      background: linear-gradient(140deg, var(--color-soccer-orange) 0% 50%, var(--color-soccer-blue) 50% 0%);
  }

  .catch01 {
      font-size: 125%;
  }

  .catch02 {
      font-size: 200%;
      padding-top: 100px;
  }

  .catch03 {
      font-size: 100%;
      display: inline-block;
  }
 .underline-yellow {
      position: relative;

  }
  .underline-yellow::after {
    content: '';
    position: absolute;
    bottom: 3%;
    left: -3%;
    width: 104%;
    height: 35%;
    background-color: var(--color-soccer-yellow);
    z-index: -1;
  }

 .button-huge {
    font-size: 24px;
    line-height: 1;
    min-width: 500px;
    padding-top: 32px;
    padding-bottom: 32px;
}

  .lp-wrap {
      padding: 20px 0px;
  }

  .inner-wrapper-width {
      padding-right: 20px;
      padding-left: 20px;
      margin: 0 auto !important;
      max-width: 1104px;
  }

  .ui-static-main-visual-bg-big {
      background: url(/marathon/honolulu/adlp/image/mv.webp) center / cover no-repeat;
  }

  .disnon-pc {}

  .disnon-sp {
      display: none;
  }

  .wrap-bg {
      padding: 6rem 0px;
  }



  .recomend-card .ui-static-button-secondary {
      background: #fff;
      color: #2c2a29;
      border-color: #939dad;
  }

  .recomend-card .ui-static-heading {
      color: #fff;
  }

  .recomend .spurs .wrap-bg {
      background: var(--color-spurs);
  }

  .recomend .arsenal .wrap-bg {
      background: var(--color-arsenal);
  }

  .recomend .fcbarcelona .wrap-bg {
      background: var(--color-fcbarcelona);
  }

  .recomend .mancity .wrap-bg {
      background: var(--color-mancity);
  }

  .fch {
      background: var(--ui-static-gray-30);
  }

  .fch .waku.line {
      background: #fff;
      padding: 24px;
      width: 70%;
      margin: auto;
      border-radius: 8px;
      position: relative;
  }

  .fch .waku.line .ui-static-icon {
      right: 24px;
  }

  .fch .waku.club {
      background: #fff;
      padding: 60px;
      border-radius: 8px;
  }

  .fch .waku.club .img-soccer {
      width: 50%;
      margin: auto;

  }

  .fch .line .ui-static-item-card {
      align-items: center;
  }

  .fch .line .ui-static-item-card-horizontal-sm {
      grid-template-columns: 130px 1fr;

  }

  .fch .line .ui-static-item-card .line-txt {
      font-size: 28px;
      padding-right: 24px;
  }

  .disnon-pc {
      display: none;
  }

  .disnon-sp {
      display: block;
  }

  .lp-wrap {
      padding: 60px 0px;
  }

  .inner-wrapper-width {
      max-width: 1104px;
      margin: 0 auto !important;
  }

  .about-lp-02 .story-bg {
      position: relative;
      overflow: hidden;
  }

  .about-lp-02 .story-bg .photo {
      position: relative;
      z-index: 2;
  }

  .about-lp-02 .story-bg .txt {
      position: relative;
      z-index: 3;
  }
  .about-lp-02 .story-bg .txt::before {
      content: "";
    position: relative;
    background: linear-gradient(140deg, var(--color-soccer-orange) 0% 50%, var(--color-soccer-blue) 50% 0%);
    width: calc(100% + 48px);
    height: 8px;
    right: 24px;
    top: -24px;
}
.about-lp-02 .story-bg .txt::after {
        content: "";
    position: absolute;
    background: url(/soccer/student/assets/images/icon-ball.png) center / contain no-repeat;
    width: 30%;
    height: 100%;
    right: 1%;
    top: -65%;
}
  .about-lp-02 .story-bg::after {
      position: absolute;
      background: #e0edff;
      background-image: repeating-linear-gradient(125deg, #ffffff, #ffffff 2px, transparent 2px, transparent 12px);
      content: "";
      width: 100%;
      height: 100%;
      right: 0%;
      top: 30%;
  }

  .about-lp-02 .ui-static-item-card-horizontal {
      grid-template-columns: 2fr 1fr;
  }

  .about-lp-02 .ui-static-item-card-horizontal-reverse {
      grid-template-columns: 2fr 1fr;
      gap: 24px;
      direction: rtl;
  }

  .about-lp-02 .ui-static-item-card-horizontal-reverse .about-lp-02-card-left {
      direction: ltr;
  }

  .about-lp-02 .ui-static-item-card {
      align-items: self-end;
  }

  .about-lp-02-card-right {
      padding: 24px;
      background: #fff;
      position: absolute;
      right: 10%;
  }

  .about-lp-02-card-left {
      padding: 24px;
      background: #fff;
      position: relative;
      left: 10%;
      z-index: 2;
  }

  .about-lp-02-card-right p,
  .about-lp-02-card-left p {
      font-size: 20px;
      font-weight: bold !important;
  }



  .discount .icon-pont span {
      padding: 8px;
      font-size: 20px;
      line-height: 1;
      background: var(--color-soccer-yellow);
      color: #0092BF;
      margin-right: 8px;
      display: inline-block;
      font-weight: bold;
  }


  .recomend .ui-static-heading-subtitle {
      font-size: 80%;
      font-weight: 700;
      display: block;
  }

  .recomend .kikan {
      line-height: 1;
      font-size: 16px;
      font-weight: bold;
  }

  .recomend .wrap-bg {
      padding: 48px 0px;
      color: #fff;
  }

  .recomend .bg-yellow {
      background: #fff893;
      background: #e0edff;
      background-image: repeating-linear-gradient(125deg, #ffffff, #ffffff 2px, transparent 2px, transparent 12px);
      padding: 50px 0px;
  }

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

      .lp-wrap {
          padding: 40px 0px;
      }

      .inner-wrapper-width {
          padding-right: 48px;
          padding-left: 48px;
          margin: 0 auto !important;
          max-width: 100%;
      }
            .layout-d .ui-static-item-card-horizontal {
          display: grid;
          grid-template-columns: 1fr;

      }

      .layout-d .ui-static-item-card-horizontal-reverse {
          display: grid;
          grid-template-columns: 1fr;
      }

      .about-lp-02 .gap-0-sp.ui-static-container.ui-static-container-space-l {
          row-gap: 0px;
      }

      .about-lp-02 .gap-0-sp .ui-static-heading {
          margin-bottom: 64px;
      }

      .about-lp-02-card-right {
          position: relative;
          right: 0%;
          padding-bottom: 48px;
      }

      .about-lp-02-card-left {
          position: relative;
          left: 0%;
          padding-bottom: 48px;
      }
      .about-lp-02 .story-bg::after {
    background: inherit;
}
.about-lp-02-card-right p, .about-lp-02-card-left p {
    font-size: 16px;
}

.about-lp-02 .story-bg .txt::before {
    content: inherit;
}
.about-lp-02 .story-bg .photo {
    position: relative;
}
.about-lp-02 .story-bg .photo::after {
    content: "";
    position: absolute;
    background: linear-gradient(140deg, var(--color-soccer-orange) 0% 50%, var(--color-soccer-blue) 50% 0%);
    width: 100%;
    height: 8px;
    right: 0px;
    bottom: 0px;
}

  }

  @media screen and (max-width: 768px) {
     .button-huge {
       font-size: 20px;
        line-height: 1;
        padding: 20px 40px 20px 14px;
        height: auto;
        min-width: inherit;
        width: 100%;
        text-align: center;
}
      .lp-wrap {
          padding: 40px 0px;
      }

      .inner-wrapper-width {
          padding-right: 20px;
          padding-left: 20px;
          margin: 0 auto !important;
          width: 100%;
      }

      .disnon-pc {
          display: block !important;
      }

      .disnon-sp {
          display: none !important;
      }

      .button-100 {
          width: 100%;
      }


      .fch .waku.line {
          width: 100%;
      }

      .fch .line .ui-static-item-card-horizontal-sm {
          grid-template-columns: 80px 1fr;
      }

      .fch .line .ui-static-item-card .line-txt {
          font-size: 20px;
          padding-right: 36px;
      }

      .ui-static-item-card-buttons .ui-static-button {
          width: 100%;
      }
      .fch .waku.line {
    padding: 16px;
}
      .fch .waku.club {
    padding: 32px;
}
  }


  .js-inview {
      transition: opacity var(--trd-duration) var(--trd-timing), transform var(--trd-duration) var(--trd-timing);
  }

  .js-inview.is-inview-fade {
      opacity: 0;
  }

  .js-inview.is-inview-up {
      transform: translateY(8%);
  }

  .js-inview.is-inview-down {
      transform: translateY(-8%);
  }

  .js-inview.is-inview-right {
      transform: translateX(8%);
  }

  .js-inview.is-inview-left {
      transform: translateX(-8%);
  }

  .js-inview.is-active {
      opacity: 1;
      transform: translate(0, 0);
  }