@charset "UTF-8";
/* ==========================================================================
   Utility (FLOCSS)
   ========================================================================== */
.u-text {
  font-size: 1.5rem;
  line-height: 2;
}
.u-text + .u-text {
  margin-top: 3rem;
}
.u-text p + p {
  margin-top: 3rem;
}

@media (max-width: 1000px) {
  .u-text {
    font-size: 1.4rem;
    line-height: 2;
  }
  .u-text + .u-text {
    margin-top: 2.7rem;
  }
  .u-text p + p {
    margin-top: 2.7rem;
  }
}

/* ========== utility ========== */
/* ==========================================================================
   Display Utilities（表示・非表示の切り替え）
   デバイスの画面幅に応じて、要素の表示・非表示を制御するヘルパークラスです。
   ========================================================================== */
.u-pc {
  display: block !important;
}

.u-tablet-sp {
  display: none !important;
}

.u-pc-tablet {
  display: block !important;
}

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

.u-pc-sp {
  display: block;
}

.u-tablet {
  display: none;
}

/* ----- responsive (1000) ----- */
@media screen and (max-width: 1000px) {
  .u-pc {
    display: none !important;
  }
  .u-tablet-sp {
    display: block !important;
  }
  .u-pc-sp {
    display: none !important;
  }
  .u-tablet {
    display: block !important;
  }
}
/* ----- responsive (750) ----- */
@media screen and (max-width: 750px) {
  .u-pc-tablet {
    display: none !important;
  }
  .u-sp {
    display: block !important;
  }
  .u-pc-sp {
    display: block !important;
  }
  .u-tablet {
    display: none !important;
  }
}
/* ==========================================================================
   Layout Utilities
   ========================================================================== */
.u-display-inline-block {
  display: inline-block;
}

.u-width-0 {
  display: inline-block;
  width: 0;
}

/* ==========================================================================
   Inview Animation Hooks（main.js内のGSAP ScrollTriggerが対象にするフック）
   JS実行前の一瞬、素の表示（opacity:1）が見えてしまうのを防ぐため、
   JS側でopacity:0をセットするより先にCSSで初期状態を隠しておく
   ========================================================================== */
.js-inview,
.js-inview-media {
  opacity: 0;
}