@charset "UTF-8";
/*====================================================================================
[TABLE OF CONTENT]

BREAKPOINTS: PIXEL / 16 = EM.
MAX-WIDTH (−0.02px overlap).         MIN-WIDTH
- 379.98px  (23.74875em).            - 380px  (23.75em).
- 575.98px  (35.99875em).            - 576px  (36em).
- 767.98px  (47.99875em).            - 768px  (48em).
- 991.98px  (61.99875em).            - 992px  (62em).
- 1024.98px (64.06125em).            - 1025px (64.0625em).
- 1199.98px (74.99875em).            - 1200px (75em).
- 1399.98px (87.49875em).            - 1400px (87.5em).
- 1599.98px (99.99875em).            - 1600px (100em).
- 1799.98px (112.49875em).           - 1800px (112.5em).
- 1920.98px (120.06125em).           - 1921px (120.0625em).

1. MARGIN, PADDING.
2. TEXT.
3. HIDING CLASSES.
4. COLOR.
5. LINK.
====================================================================================*/
/*====================================================================================
1. MARGIN, PADDING.
====================================================================================*/
/* ---------- COMPONENT MARGIN BOTTOM ----------*/
.u-component-mb-xl {
  margin-block-end: var(--spacing-sp-25-pc-50) !important;
}

/* ---------- SECTION PADDING ----------*/
.u-section-p-xl {
  padding-block: var(--spacing-sp-50-pc-100) !important;
}

/* ---------- SECTION PADDING TOP ----------*/
.u-section-pt-xl {
  padding-block-start: var(--spacing-sp-50-pc-100) !important;
}

/* ---------- SECTION PADDING BOTTOM ----------*/
.u-section-pb-xl {
  padding-block-end: var(--spacing-sp-50-pc-100) !important;
}

/*====================================================================================
2. TEXT.
====================================================================================*/
/* ---------- FONT FAMILY ---------- */
.u-font-jp-primary {
  font-family: var(--theme-font-jp-primary) !important;
}

/* ---------- FONT SIZE ---------- */
.u-f16 {
  font-size: 1.6rem !important;
}

/* ---------- FONT WEIGHT ---------- */
.u-text-bold {
  font-weight: 700 !important;
}

/* ---------- TEXT ALIGN ---------- */
.u-text-center {
  text-align: center !important;
}

@media (max-width: 47.99875em) {
  .u-center-max-md {
    text-align: center !important;
  }
}
@media (min-width: 48em) {
  .u-center-min-md {
    text-align: center !important;
  }
}
/*====================================================================================
3. HIDING CLASSES.
====================================================================================*/
.u-hide {
  display: none !important;
}

/* ---------- HIDE MAX WIDTH ---------- */
@media (max-width: 23.74875em) {
  .u-hide-max-xs {
    display: none !important;
  }
}
@media (max-width: 35.99875em) {
  .u-hide-max-sm {
    display: none !important;
  }
}
@media (max-width: 47.99875em) {
  .u-hide-max-md {
    display: none !important;
  }
}
@media (max-width: 61.99875em) {
  .u-hide-max-lg {
    display: none !important;
  }
}
@media (max-width: 64.06125em) {
  .u-hide-max-xl {
    display: none !important;
  }
}
@media (max-width: 74.99875em) {
  .u-hide-max-xxl {
    display: none !important;
  }
}
/* ---------- HIDE MIN WIDTH ---------- */
@media (min-width: 23.75em) {
  .u-hide-min-xs {
    display: none !important;
  }
}
@media (min-width: 36em) {
  .u-hide-min-sm {
    display: none !important;
  }
}
@media (min-width: 48em) {
  .u-hide-min-md {
    display: none !important;
  }
}
@media (min-width: 62em) {
  .u-hide-min-lg {
    display: none !important;
  }
}
@media (min-width: 64.0625em) {
  .u-hide-min-xl {
    display: none !important;
  }
}
@media (min-width: 75em) {
  .u-hide-min-xxl {
    display: none !important;
  }
}
/*====================================================================================
4. COLOR.
====================================================================================*/
.u-c-primary {
  color: var(--theme-color-primary) !important;
}

@media (max-width: 47.99875em) {
  .u-c-primary-md {
    color: var(--theme-color-primary) !important;
  }
}
/*====================================================================================
5. LINK.
====================================================================================*/
/* ---------- LINK DECORATION ---------- */
@media (max-width: 47.99875em) {
  .u-line-mobile {
    text-decoration: underline !important;
  }
}
@media (min-width: 48em) {
  .u-line-mobile {
    text-decoration: none !important;
  }
}