@charset "UTF-8";

/* ユーティリティ */

/* スクロールインでフェードイン */
.js-fade-in {
  opacity: 0;
  filter: blur(20px);
  transform: translateY(20px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.js-fade-in.is-visible {
  opacity: 1;
    filter: blur(0px);
  transform: translateY(0);
}

/* サイズごとの非表示設定 */
@media only screen and (min-width: 1025px) {
  .u-hide-pc {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .u-hide-tablet {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .u-hide-sp {
    display: none;
  }
}

.u-text-center {
  text-align: center;
}

/*  マージン */
.u-mgt0_25em {
  margin-top: 0.25em !important;
}

.u-mgt0_5em {
  margin-top: 0.5em !important;
}

.u-mgt0_75em {
  margin-top: 0.75em !important;
}

.u-mgt-0_25em {
  margin-top: -0.25em !important;
}

.u-mgt-0_5em {
  margin-top: -0.5em !important;
}

.u-mgt-0_75em {
  margin-top: -0.75em !important;
}

.u-mgt0em {
  margin-top: 0em !important;
}

.u-mgt-0em {
  margin-top: 0em !important;
}

.u-mgt1em {
  margin-top: 1em !important;
}

.u-mgt-1em {
  margin-top: -1em !important;
}

.u-mgt2em {
  margin-top: 2em !important;
}

.u-mgt-2em {
  margin-top: -2em !important;
}

.u-mgt3em {
  margin-top: 3em !important;
}

.u-mgt-3em {
  margin-top: -3em !important;
}

.u-mgt4em {
  margin-top: 4em !important;
}

.u-mgt-4em {
  margin-top: -4em !important;
}

.u-mgt5em {
  margin-top: 5em !important;
}

.u-mgt-5em {
  margin-top: -5em !important;
}

.u-mgt6em {
  margin-top: 6em !important;
}

.u-mgt-6em {
  margin-top: -6em !important;
}

.u-mgt7em {
  margin-top: 7em !important;
}

.u-mgt-7em {
  margin-top: -7em !important;
}

.u-mgt8em {
  margin-top: 8em !important;
}

.u-mgt-8em {
  margin-top: -8em !important;
}

.u-mgt9em {
  margin-top: 9em !important;
}

.u-mgt-9em {
  margin-top: -9em !important;
}

.u-mgt10em {
  margin-top: 10em !important;
}

.u-mgt-10em {
  margin-top: -10em !important;
}

.u-mgb0_25em {
  margin-bottom: 0.25em !important;
}

.u-mgb0_5em {
  margin-bottom: 0.5em !important;
}

.u-mgb0_75em {
  margin-bottom: 0.75em !important;
}

.u-mgb0em {
  margin-bottom: 0em !important;
}

.u-mgb1em {
  margin-bottom: 1em !important;
}

.u-mgb2em {
  margin-bottom: 2em !important;
}

.u-mgb3em {
  margin-bottom: 3em !important;
}

.u-mgb4em {
  margin-bottom: 4em !important;
}

.u-mgb5em {
  margin-bottom: 5em !important;
}

.u-mgb6em {
  margin-bottom: 6em !important;
}

.u-mgb7em {
  margin-bottom: 7em !important;
}

.u-mgb8em {
  margin-bottom: 8em !important;
}

.u-mgb9em {
  margin-bottom: 9em !important;
}

.u-mgb10em {
  margin-bottom: 10em !important;
}

.u-mgl0_25em {
  margin-left: 0.25em !important;
}

.u-mgl-0_25em {
  margin-left: -0.25em !important;
}

.u-mgl0_5em {
  margin-left: 0.5em !important;
}

.u-mgl-0_5em {
  margin-left: -0.5em !important;
}

.u-mgl0_75em {
  margin-left: 0.75em !important;
}

.u-mgl-0_75em {
  margin-left: -0.75em !important;
}

.u-mgl1em {
  margin-left: 1em !important;
}

.u-mgl-1em {
  margin-left: -1em !important;
}

.u-mgr0_25em {
  margin-right: 0.25em !important;
}

.u-mgr-0_25em {
  margin-right: -0.25em !important;
}

.u-mgr0_5em {
  margin-right: 0.5em !important;
}

.u-mgr-0_5em {
  margin-right: -0.5em !important;
}

.u-mgr0_75em {
  margin-right: 0.75em !important;
}

.u-mgr-0_75em {
  margin-right: -0.75em !important;
}

.u-mgr1em {
  margin-right: 1em !important;
}

.u-mgr-1em {
  margin-right: -1em !important;
}

.u-mgr2em {
  margin-right: 2em !important;
}

.u-mgr-2em {
  margin-right: -2em !important;
}

/*  フォントサイズ */
.u-fsize0_25em {
  font-size: 0.25em;
}

.u-fsize0_5em {
  font-size: 0.5em;
}

.u-fsize0_75em {
  font-size: 0.75em;
}

.u-fsize0_8em {
  font-size: 0.8em;
}

.u-fsize0_85em {
  font-size: 0.85em;
}

.u-fsize0_9em {
  font-size: 0.9em;
}

.u-fsize0_95em {
  font-size: 0.95em;
}

.u-fsize1em {
  font-size: 1em;
}

.u-fsize1_25em {
  font-size: 1.25em;
}

.u-fsize1_5em {
  font-size: 1.5em;
}

.u-fsize1_75em {
  font-size: 1.75em;
}

.u-fsize2em {
  font-size: 2em;
}

.u-fsize2_25em {
  font-size: 2.25em;
}

.u-fsize2_5em {
  font-size: 2.5em;
}

/* フォントウェイト */
.u-fw300 {
  font-weight: 300;
}
.u-fw400 {
  font-weight: 400;
}
.u-fw500 {
  font-weight: 500;
}
.u-fw600 {
  font-weight: 600;
}
.u-fw700 {
  font-weight: 700;
}
.u-fw800 {
  font-weight: 800;
}
.u-fw900 {
  font-weight: 900;
}

/* line-height */
.u-lh1 {
  line-height: 1 !important;
}

.u-lh1_2 {
  line-height: 1.2 !important;
}

.u-lh1_3 {
  line-height: 1.3 !important;
}

.u-lh1_4 {
  line-height: 1.4 !important;
}

.u-lh1_5 {
  line-height: 1.5 !important;
}