@charset "Shift_JIS";

/*==========================================
  mufg_mycounter page style
=============================================*/

* {
  box-sizing: border-box;
}

dl,
dd {
  margin: 0;
}

ul[role="list"] {
  list-style: none;
}

img {
  max-width: 100%;
  display: block;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a:link.c-panel-button01 {
  color: #000;
}

:where(a):link.c-panel-button01 {
  color: inherit;
}

:where(a):visited.c-panel-button01 {
  text-decoration: none;
  color: inherit;
}

:where(a):link.c-panel-button01 {
  text-decoration: none;
}

:where(a):hover.c-panel-button01,
:where(a):active.c-panel-button01,
a:visited:hover {
  color: inherit;
  text-decoration: none;
}

img {
  height: auto;
}

/*==========================================
  CSS custom properties
=============================================*/
:root {
  --color-black: #000;
  --color-mufg-red: #e60000;
  --color-link-blue: #2e6783;
  --color-gray02: #ccc;
  --color-white: #fff;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-48: 48px;
  --spacing-52: 52px;
  --spacing-56: 56px;
  --spacing-80: 80px;
  --spacing-120: 120px;
  --icon-size-small: 16px;
  --icon-size-large: 24px;
  --content-main-width: 1200px;
  --content-sub-1000w: 1000px;
  --bg-ico-blank: url("../../common/image/ico-blank.svg") no-repeat center / contain;
  --bg-ico-chevron-bottom: url("../../common/image/ico-chevron-bottom.svg") no-repeat center / contain;
  --bg-ico-close: url("../../common/image/ico-close.svg") no-repeat center / contain;
  --bg-img-dial: url("../../common/image/img-dial.png") no-repeat center / contain;
  --box-shadow-type03: 0 0 10px 0 rgb(var(--color-black-rgb) / 0.1);
  --opacity-hover-50per: 0.5;
  --line-height-large: 1.7;
  --line-height-medium: 1.5;
  --line-height-small: 1.4;
  --text-x-large: 1.8rem;
  --text-large: 1.6rem;
  --text-medium: 1.4rem;
  --outline-width: 3px;
}
@media all and (min-width: 768px), print {
  :root {
    --text-x-large: 2rem;
    --text-large: 1.8rem;
    --text-medium: 1.6rem;
  }
}

/*==========================================
  Modules Style
=============================================*/
/*------------------------------
  Accordion
--------------------------------*/
/* Accordion Layout
----------------*/
@media all and (min-width: 768px), print {
  .c-accordion-layout {
    margin-inline: auto;
    max-width: var(--content-main-width);
    width: 100%;
  }
}

.c-accordion-layout:not(:first-child) {
  margin-top: var(--spacing-48);
}

/* Accordion
----------------*/
.c-accordion {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray02);
  border-radius: 8px;
  box-shadow: var(--box-shadow-type03);
}

.c-accordion+.c-accordion {
  margin-top: var(--spacing-12);
}

.c-accordion__summary,
.c-accordion__content {
  padding: 20px 15px 20px 20px;
}

@media all and (min-width: 768px), print {

  .c-accordion__summary,
  .c-accordion__content {
    padding: 20px 30px;
  }
}

.c-accordion__summary {
  align-items: center;
  display: flex;
  padding-right: calc(20px + var(--icon-size-large) + 15px);
  position: relative;
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .c-accordion__summary:hover {
    cursor: pointer;
    opacity: var(--opacity-hover-50per);
  }
}

.c-accordion__summary::after {
  /* Match the value of the options in the `animate()` method of the accordion.*/
  transition: transform 0.4s 0s ease;
  background: var(--bg-ico-chevron-bottom);
  content: "";
  height: var(--icon-size-large);
  margin-top: calc(var(--icon-size-large) / 2 * -1);
  position: absolute;
  right: 15px;
  top: 50%;
  width: var(--icon-size-large);
}

.c-accordion__summary.is-opened::after {
  transform: rotate(180deg);
}

@media all and (min-width: 768px), print {
  .c-accordion__summary {
    padding-right: calc(40px + var(--icon-size-large) + 30px);
  }

  .c-accordion__summary::after {
    right: 30px;
  }
}

.c-accordion__body {
  border-top: 1px solid var(--color-gray02);
  overflow: hidden;
}

.c-accordion__button {
  line-height: var(--line-height-medium);
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  border-radius: 20px;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 16px auto 0;
  padding: 8px;
  width: 110px;
}

.c-accordion__button::before {
  background: var(--bg-ico-close);
  content: "";
  display: inline-block;
  height: var(--icon-size-small);
  margin-right: 8px;
  width: var(--icon-size-small);
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .c-accordion__button:hover {
    opacity: var(--opacity-hover-50per);
  }
}

@media all and (min-width: 768px), print {
  .c-accordion__button {
    width: 120px;
  }
}

/*------------------------------
  Image-box（バナーボタン）
--------------------------------*/
/* Image-box01
----------------*/

@media all and (min-width: 768px), print {
  .c-image-box01 {
    margin-inline: auto;
    max-width: var(--content-sub-1000w);
    width: 100%;
  }
}

.c-image-box01__link {
  overflow: hidden;
  position: relative;
  display: block;
  margin-inline: auto;
  width: fit-content;
}

.c-image-box01__link::before {
  transition: opacity 0.4s 0s ease;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .c-image-box01__link:hover::before {
    opacity: var(--opacity-hover-50per);
  }
}

@media (hover: none) {
  .c-image-box01__link:active::before {
    opacity: var(--opacity-hover-50per);
  }
}

.c-image-box01__link:focus-visible {
  outline-offset: calc(-1 * var(--outline-width));
  padding: 3px;
}

.c-image-box01__image {
  margin-inline: auto;
}

/*------------------------------
  Link
--------------------------------*/
/* Link
----------------*/
.c-link {
  font-size: var(--text-large);
  line-height: var(--line-height-large);
  transition: opacity 0.4s 0s ease;
  text-decoration: underline;
  color: var(--color-link-blue);
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .c-link:hover {
    opacity: var(--opacity-hover-50per);
    text-decoration: none;
  }
}

@media (hover: none) {
  .c-link:active {
    opacity: var(--opacity-hover-50per);
    text-decoration: none;
  }
}

[class^="c-"]:not(.c-link-layout)>.c-link {
  font-size: inherit;
}

[class*="c-link--ico"]::after {
  content: "";
  display: inline-block;
  height: var(--icon-size-large);
  margin-inline: 4px;
  position: relative;
  top: calc((1em * var(--line-height-medium) - var(--icon-size-large)) / 2);
  /* Necessary if the componees are nested, e.g. if they are used in a list componee. */
  vertical-align: text-top;
  width: var(--icon-size-large);
}

.c-link--ico-blank::after {
  background: var(--bg-ico-blank);
  height: var(--icon-size-small);
  top: calc((1em * var(--line-height-medium) - var(--icon-size-small)) / 2);
  width: var(--icon-size-small);
}

/*------------------------------
  List
--------------------------------*/
.c-list {
  display: grid;
}

@media all and (min-width: 768px), print {
  .c-list {
    margin-inline: auto;
    max-width: var(--content-main-width);
    width: 100%;
  }
}

.c-list:not(:first-child) {
  margin-top: var(--spacing-16);
}

.c-list__item .c-list {
  margin-top: var(--spacing-16);
  padding: 0;
}

@media all and (min-width: 768px), print {
  .c-list:not(:first-child) {
    margin-top: var(--spacing-12);
  }

  .c-list__item .c-list,
  .c-list__flex-item .c-list {
    margin-top: var(--spacing-20);
  }
}

.c-list__item {
  column-gap: var(--spacing-8);
  display: grid;
  grid-template-columns: 1em minmax(0, 1fr);
}

@media all and (min-width: 768px), print {
  .c-list__item {
    column-gap: var(--spacing-12);
  }
}

.c-list__item--size-xl {
  grid-template-columns: 2.125em minmax(0, 1fr);
}

.c-list__item--size-xxl {
  grid-template-columns: 4.125em minmax(0, 1fr);
}

.c-list__marker {
  overflow-wrap: normal;
  /* To prevent line breaks depending on the device. */
  white-space: nowrap;
}

/*------------------------------
  Panel-button（キャンペーンカード）
--------------------------------*/
/* Panel-button-layout
----------------*/

.c-panel-button-layout:where(:not(.c-panel-button-layout--slider)) {
  display: grid;
  gap: var(--spacing-24);
  grid-template-columns: repeat(1, 1fr);
}

@media all and (min-width: 768px), print {
  .c-panel-button-layout:where(:not(.c-panel-button-layout--slider)) {
    margin-inline: auto;
    max-width: 1200px;
    width: 100%;
  }
}

@media all and (min-width: 768px), print {
  .c-panel-button-layout--column3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media all and (min-width: 768px), print {
  .c-panel-button-layout__item :where(.c-panel-button01, .c-panel-button02, .c-panel-button03):only-child {
    height: 100%;
  }
}


/* Panel-button01
----------------*/

.c-panel-button01 {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 0.1);
  border: 1px solid #ccc;
  border-radius: 8px;
  break-inside: avoid;
  display: block;
}

.c-panel-button01::before {
  transition: opacity 0.4s 0s ease;
  background-color: #fff;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .c-panel-button01:hover::before {
    opacity: var(--opacity-hover-50per);
  }
}

@media (hover: none) {
  .c-panel-button01:active::before {
    opacity: var(--opacity-hover-50per);
  }
}

.c-panel-button01__image {
  width: 100%;
}

@media all and (min-width: 768px), print {
  .c-panel-button01__image {
    flex-shrink: 0;
  }
}

.c-panel-button01__detail {
  flex-grow: 1;
  padding: 20px 32px 24px;
}

.c-panel-button01__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding-right: 40px;
  position: relative;
}

.c-panel-button01__title::after {
  background: url("../../common/image/ico-chevron-right.svg") no-repeat center / contain;
  content: "";
  display: block;
  height: 16px;
  margin-top: calc(16px / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
  width: 16px;
}

.c-panel-button01[target="_blank"] .c-panel-button01__title::after {
  background: url("../../common/image/ico-blank.svg") no-repeat center / contain;
}

.c-panel-button01__description {
  font-size: 16px;
  line-height: 1.5;
}

.c-panel-button01__description:not(:first-child) {
  margin-top: 12px;
}

.c-panel-button01__text {
  font-size: 14px;
  margin-bottom: 12px;
}

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

.u-border-t-none {
  border-top: none !important;
}

/*------------------------------
  Set
--------------------------------*/
/* Set-info01
----------------*/
.c-set-info01 {
  border: solid 1px var(--color-gray02);
  border-radius: 8px;
  padding: 20px;
}

@media all and (min-width: 768px), print {
  .c-set-info01 {
    margin-inline: auto;
    max-width: var(--content-main-width);
    width: 100%;
  }
}

.c-set-info01:not(:first-child) {
  margin-top: var(--spacing-48);
}

@media all and (min-width: 768px), print {
  .c-set-info01 {
    padding: 40px 30px;
  }

  .c-set-info01:not(:first-child) {
    margin-top: var(--spacing-56);
  }
}

.c-set-info01__title {
  font-size: inherit;
  font-weight: 700;
  line-height: var(--line-height-large);
}

@media all and (min-width: 768px), print {
  .c-set-info01__title {
    font-size: var(--text-large);
  }
}

.c-set-info01__title:not(:first-child) {
  margin-top: var(--spacing-40);
}

.c-set-info01__text {
  line-height: var(--line-height-medium);
}

.c-set-info01__text:not(:first-child) {
  margin-top: var(--spacing-8);
}

@media all and (min-width: 768px), print {
  .c-set-info01__text:not(:first-child) {
    margin-top: var(--spacing-12);
  }
}

.c-set-info01__phone-area {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.c-set-info01__phone-area:not(:first-child) {
  margin-top: var(--spacing-20);
}

@media all and (min-width: 768px), print {
  .c-set-info01__phone-area {
    align-items: flex-end;
    column-gap: 40px;
    flex-direction: row;
  }
}

.c-set-info01__phone {
  display: flex;
  flex-direction: column;
}

@media all and (min-width: 768px), print {
  .c-set-info01__phone {
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0;
  }
}

.c-set-info01__phone-emphasis {
  font-size: 1.4rem;
  font-weight: 700;
}

@media all and (min-width: 768px), print {
  .c-set-info01__phone-emphasis {
    font-size: 2rem;
  }
}

@media not print {
  @media not all and (min-width: 768px) {
    .c-set-info01__phone-emphasis--charge {
      margin-top: var(--spacing-4);
    }
  }
}

.c-set-info01__phone-number {
  display: block;
  font-size: clamp(1.7rem, 8.437vw, 3.4rem);
  font-weight: 700;
  line-height: 1;
  position: relative;
  width: fit-content;
}

@media not print {
  @media not all and (min-width: 768px) {
    .c-set-info01__phone-number {
      color: var(--color-link-blue);
      text-decoration: underline;
    }

    .c-accordion .c-set-info01__phone-number {
      font-size: clamp(2.1rem, 6.562vw, 2.8rem);
    }
  }
}

@media all and (min-width: 768px), print {
  .c-set-info01__phone-number {
    font-size: 3.6rem;
  }
}

.c-set-info01__phone-number--ico-dial {
  align-items: flex-end;
  column-gap: 5px;
  display: flex;
}

.c-set-info01__phone-number--ico-dial:before {
  background: var(--bg-img-dial);
  content: "";
  display: block;
  height: 22px;
  margin-bottom: 0.05em;
  width: 40px;
}

@media all and (min-width: 768px), print {
  .c-set-info01__phone-number--ico-dial {
    column-gap: 8px;
  }

  .c-set-info01__phone-number--ico-dial::before {
    height: 28px;
    margin-bottom: 0;
    width: 50px;
  }
}

/*------------------------------
  Table
--------------------------------*/
/* Table-layout
----------------*/
@media all and (min-width: 768px), print {
  .c-table-layout {
    margin-inline: auto;
    max-width: var(--content-main-width);
    width: 100%;
  }
}

.c-table-layout:not(:first-child) {
  margin-top: var(--spacing-32);
}

.c-title5+.c-table-layout {
  margin-top: var(--spacing-16);
}

.c-features-layout+.c-table-layout,
.c-list+.c-table-layout {
  margin-top: var(--spacing-40);
}

@media all and (min-width: 768px), print {
  .c-table-layout:not(:first-child) {
    margin-top: var(--spacing-40);
  }

  .c-title5+.c-table-layout {
    margin-top: var(--spacing-12);
  }
}

/* Table01
----------------*/
.c-table01 {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

@media all and (min-width: 768px), print {
  .c-table01 {
    border-bottom: 1px solid var(--color-gray02);
    border-top: 1px solid var(--color-gray02);
    table-layout: fixed;
  }
}

.c-table01--sp-keep {
  border-bottom: 1px solid var(--color-gray02);
  border-top: 1px solid var(--color-gray02);
  table-layout: fixed;
}

.c-table01__head {
  border-bottom: 1px solid var(--color-gray02);
}

@media not print {
  @media not all and (min-width: 768px) {
    .c-table01.c-table01--sp-keep .c-table01__row {
      display: table-row;
    }

    .c-table01.c-table01--sp-keep .c-table01__row:not(:first-child) {
      border-top: 1px solid var(--color-gray02);
    }

    :where(.c-table01:not(.c-table01--sp-keep)) .c-table01__row {
      display: block;
    }

    :where(.c-table01:not(.c-table01--sp-keep)) .c-table01__row:not(:first-child) {
      border-top: 12px solid transparent;
    }
  }
}

.c-table01__header,
.c-table01__data {
  vertical-align: middle;
  padding: 20px;
  word-break: break-word;
}

@media not print {
  @media not all and (min-width: 768px) {

    .c-table01.c-table01--sp-keep .c-table01__header,
    .c-table01.c-table01--sp-keep .c-table01__data {
      display: table-cell;
    }

    :where(.c-table01:not(.c-table01--sp-keep)) .c-table01__header,
    :where(.c-table01:not(.c-table01--sp-keep)) .c-table01__data {
      display: block;
    }
  }
}

@media all and (min-width: 768px), print {

  .c-table01__header,
  .c-table01__data {
    padding: 24px;
  }

  .c-table01__row:not(:first-child) .c-table01__header,
  .c-table01__row:not(:first-child) .c-table01__data {
    border-top: 1px solid var(--color-gray02);
  }
}

.c-table01__header {
  font-weight: 700;
  line-height: var(--line-height-large);
  background-color: var(--color-light-gray02);
}

.c-table01__header[rowspan]:not(:first-child) {
  border-left: 1px solid var(--color-gray02);
}

.c-table01__head .c-table01__header {
  text-align: center;
}

@media not print {
  @media not all and (min-width: 768px) {
    .c-table01.c-table01--sp-keep .c-table01__header:not(:last-child) {
      border-right: 1px solid var(--color-gray02);
    }

    :where(.c-table01:not(.c-table01--sp-keep)) .c-table01__header {
      border-bottom: 1px solid var(--color-gray02);
      border-left: none;
      border-right: none;
      border-top: 1px solid var(--color-gray02);
      text-align: left;
    }
  }
}

@media all and (min-width: 768px), print {
  .c-table01__header:not(:last-child) {
    border-right: 1px solid var(--color-gray02);
  }
}

.c-table01__data {
  background-color: var(--color-white);
}

.c-table01__data:not(:last-child) {
  border-right: 1px solid var(--color-gray02);
}

.c-table01__data[rowspan]:not(:first-child) {
  border-left: 1px solid var(--color-gray02);
}

@media not print {
  @media not all and (min-width: 768px) {
    .c-table01.c-table01--sp-keep .c-table01__data:not(:last-child) {
      border-right: 1px solid var(--color-gray02);
    }

    :where(.c-table01:not(.c-table01--sp-keep)) .c-table01__data {
      border-bottom: 1px solid var(--color-gray02);
      border-left: none;
      border-right: none;
    }
  }
}

/*------------------------------
  Text
--------------------------------*/
/* Text
----------------*/
@media all and (min-width: 768px), print {
  .c-text {
    margin-inline: auto;
    max-width: var(--content-main-width);
    width: 100%;
  }
}

.c-text:not(:first-child) {
  margin-top: var(--spacing-24);
}

[class^="c-table"] .c-text:not(:first-child),
[class^="unique-table"] .c-text:not(:first-child) {
  margin-top: var(--spacing-12);
}

.c-text--lg {
  line-height: var(--line-height-large);
}

/*==========================================
  Utility
=============================================*/
/* A11y */
.u-visually-hidden {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/* Flex */
.u-flex {
  display: flex !important;
}

.u-inline-flex {
  display: inline-flex !important;
}

.u-flex-row {
  flex-direction: row !important;
}

.u-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.u-flex-col {
  flex-direction: column !important;
}

.u-flex-col-reverse {
  flex-direction: column-reverse !important;
}

.u-flex-nowrap {
  flex-wrap: nowrap !important;
}

.u-flex-wrap {
  flex-wrap: wrap !important;
}

.u-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.u-flex1 {
  flex: 1 1 0% !important;
}

.u-flex-auto {
  flex: 1 1 auto !important;
}

.u-flex-initial {
  flex: 0 1 auto !important;
}

.u-flex-none {
  flex: none !important;
}

.u-grow {
  flex-grow: 1 !important;
}

.u-grow0 {
  flex-grow: 0 !important;
}

.u-shrink {
  flex-shrink: 1 !important;
}

.u-shrink0 {
  flex-shrink: 0 !important;
}

.u-order-first {
  order: -9999 !important;
}

.u-order-last {
  order: 9999 !important;
}

.u-order0 {
  order: 0 !important;
}

.u-order1 {
  order: 1 !important;
}

.u-order2 {
  order: 2 !important;
}

.u-order3 {
  order: 3 !important;
}

.u-order4 {
  order: 4 !important;
}

.u-order5 {
  order: 5 !important;
}

.u-order6 {
  order: 6 !important;
}

.u-order7 {
  order: 7 !important;
}

.u-order8 {
  order: 8 !important;
}

.u-order9 {
  order: 9 !important;
}

.u-order10 {
  order: 10 !important;
}

.u-justify-start {
  justify-content: flex-start !important;
}

.u-justify-center {
  justify-content: center !important;
}

.u-justify-end {
  justify-content: flex-end !important;
}

.u-justify-between {
  justify-content: space-between !important;
}

.u-justify-around {
  justify-content: space-around !important;
}

.u-justify-evenly {
  justify-content: space-evenly !important;
}

.u-items-stretch {
  align-items: stretch !important;
}

.u-items-start {
  align-items: flex-start !important;
}

.u-items-center {
  align-items: center !important;
}

.u-items-end {
  align-items: flex-end !important;
}

.u-items-baseline {
  align-items: baseline !important;
}

.u-place-content-start {
  place-content: start !important;
}

.u-place-content-center {
  place-content: center !important;
}

.u-place-content-end {
  place-content: end !important;
}

.u-place-content-between {
  place-content: space-between !important;
}

.u-place-content-around {
  place-content: space-around !important;
}

.u-place-content-evenly {
  place-content: space-evenly !important;
}

.u-place-content-stretch {
  place-content: space-stretch !important;
}

.u-place-items-stretch {
  place-items: stretch !important;
}

.u-place-items-start {
  place-items: start !important;
}

.u-place-items-center {
  place-items: center !important;
}

.u-place-items-end {
  place-items: end !important;
}

/* Font Size */
.u-fz10 {
  font-size: 1rem !important;
}

.u-fz12 {
  font-size: 1.2rem !important;
}

.u-fz14 {
  font-size: 1.4rem !important;
}

.u-fz16 {
  font-size: 1.6rem !important;
}

.u-fz18 {
  font-size: 1.8rem !important;
}

.u-fz20 {
  font-size: 2rem !important;
}

.u-fz30 {
  font-size: 3rem !important;
}

.u-fz36 {
  font-size: 3.6rem !important;
}

/* Font Weight */
.u-fw-regular {
  font-weight: 400 !important;
}

.u-fw-medium {
  font-weight: 500 !important;
}

.u-fw-bold {
  font-weight: 700 !important;
}

/* Gap */
.u-gap0 {
  gap: 0px !important;
}

.u-gap4 {
  gap: 4px !important;
}

.u-gap8 {
  gap: 8px !important;
}

.u-gap12 {
  gap: 12px !important;
}

.u-gap16 {
  gap: 16px !important;
}

.u-gap20 {
  gap: 20px !important;
}

.u-gap24 {
  gap: 24px !important;
}

.u-gap28 {
  gap: 28px !important;
}

.u-gap32 {
  gap: 32px !important;
}

.u-gap36 {
  gap: 36px !important;
}

.u-gap40 {
  gap: 40px !important;
}

.u-gap44 {
  gap: 44px !important;
}

.u-gap48 {
  gap: 48px !important;
}

.u-gap52 {
  gap: 52px !important;
}

.u-gap56 {
  gap: 56px !important;
}

.u-gap80 {
  gap: 80px !important;
}

.u-gap120 {
  gap: 120px !important;
}

.u-gap-x0 {
  column-gap: 0px !important;
}

.u-gap-x4 {
  column-gap: 4px !important;
}

.u-gap-x8 {
  column-gap: 8px !important;
}

.u-gap-x12 {
  column-gap: 12px !important;
}

.u-gap-x16 {
  column-gap: 16px !important;
}

.u-gap-x20 {
  column-gap: 20px !important;
}

.u-gap-x24 {
  column-gap: 24px !important;
}

.u-gap-x28 {
  column-gap: 28px !important;
}

.u-gap-x32 {
  column-gap: 32px !important;
}

.u-gap-x36 {
  column-gap: 36px !important;
}

.u-gap-x40 {
  column-gap: 40px !important;
}

.u-gap-x44 {
  column-gap: 44px !important;
}

.u-gap-x48 {
  column-gap: 48px !important;
}

.u-gap-x52 {
  column-gap: 52px !important;
}

.u-gap-x56 {
  column-gap: 56px !important;
}

.u-gap-x80 {
  column-gap: 80px !important;
}

.u-gap-x120 {
  column-gap: 120px !important;
}

.u-gap-y0 {
  row-gap: 0px !important;
}

.u-gap-y4 {
  row-gap: 4px !important;
}

.u-gap-y8 {
  row-gap: 8px !important;
}

.u-gap-y12 {
  row-gap: 12px !important;
}

.u-gap-y16 {
  row-gap: 16px !important;
}

.u-gap-y20 {
  row-gap: 20px !important;
}

.u-gap-y24 {
  row-gap: 24px !important;
}

.u-gap-y28 {
  row-gap: 28px !important;
}

.u-gap-y32 {
  row-gap: 32px !important;
}

.u-gap-y36 {
  row-gap: 36px !important;
}

.u-gap-y40 {
  row-gap: 40px !important;
}

.u-gap-y44 {
  row-gap: 44px !important;
}

.u-gap-y48 {
  row-gap: 48px !important;
}

.u-gap-y52 {
  row-gap: 52px !important;
}

.u-gap-y56 {
  row-gap: 56px !important;
}

.u-gap-y80 {
  row-gap: 80px !important;
}

.u-gap-y120 {
  row-gap: 120px !important;
}

/* Grid */
.u-grid {
  display: grid !important;
}

.u-inline-grid {
  display: inline-grid !important;
}

.u-grid-cols1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.u-grid-cols2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.u-grid-cols3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.u-grid-cols4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.u-grid-cols-none {
  grid-template-columns: none !important;
}

.u-grid-rows1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.u-grid-rows2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.u-grid-rows3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}

.u-grid-rows4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

.u-grid-rows-none {
  grid-template-rows: none !important;
}

/* Height */
.u-h-auto {
  height: auto !important;
}

/* Margin */
.u-mx-auto {
  margin-inline: auto !important;
}

.u-ml-auto {
  margin-left: auto !important;
}

.u-mr-auto {
  margin-right: auto !important;
}

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

.u-mt4 {
  margin-top: var(--spacing-4) !important;
}

.u-mt8 {
  margin-top: var(--spacing-8) !important;
}

.u-mt12 {
  margin-top: var(--spacing-12) !important;
}

.u-mt16 {
  margin-top: var(--spacing-16) !important;
}

.u-mt20 {
  margin-top: var(--spacing-20) !important;
}

.u-mt24 {
  margin-top: var(--spacing-24) !important;
}

.u-mt28 {
  margin-top: var(--spacing-28) !important;
}

.u-mt32 {
  margin-top: var(--spacing-32) !important;
}

.u-mt36 {
  margin-top: var(--spacing-36) !important;
}

.u-mt40 {
  margin-top: var(--spacing-40) !important;
}

.u-mt44 {
  margin-top: var(--spacing-44) !important;
}

.u-mt48 {
  margin-top: var(--spacing-48) !important;
}

.u-mt52 {
  margin-top: var(--spacing-52) !important;
}

.u-mt56 {
  margin-top: var(--spacing-56) !important;
}

.u-mt80 {
  margin-top: var(--spacing-80) !important;
}

.u-mt120 {
  margin-top: var(--spacing-120) !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-mr4 {
  margin-right: var(--spacing-4) !important;
}

.u-mr8 {
  margin-right: var(--spacing-8) !important;
}

.u-mr12 {
  margin-right: var(--spacing-12) !important;
}

.u-mr16 {
  margin-right: var(--spacing-16) !important;
}

.u-mr20 {
  margin-right: var(--spacing-20) !important;
}

.u-mr24 {
  margin-right: var(--spacing-24) !important;
}

.u-mr28 {
  margin-right: var(--spacing-28) !important;
}

.u-mr32 {
  margin-right: var(--spacing-32) !important;
}

.u-mr36 {
  margin-right: var(--spacing-36) !important;
}

.u-mr40 {
  margin-right: var(--spacing-40) !important;
}

.u-mr44 {
  margin-right: var(--spacing-44) !important;
}

.u-mr48 {
  margin-right: var(--spacing-48) !important;
}

.u-mr52 {
  margin-right: var(--spacing-52) !important;
}

.u-mr56 {
  margin-right: var(--spacing-56) !important;
}

.u-mr80 {
  margin-right: var(--spacing-80) !important;
}

.u-mr120 {
  margin-right: var(--spacing-120) !important;
}

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

.u-mb4 {
  margin-bottom: var(--spacing-4) !important;
}

.u-mb8 {
  margin-bottom: var(--spacing-8) !important;
}

.u-mb12 {
  margin-bottom: var(--spacing-12) !important;
}

.u-mb16 {
  margin-bottom: var(--spacing-16) !important;
}

.u-mb20 {
  margin-bottom: var(--spacing-20) !important;
}

.u-mb24 {
  margin-bottom: var(--spacing-24) !important;
}

.u-mb28 {
  margin-bottom: var(--spacing-28) !important;
}

.u-mb32 {
  margin-bottom: var(--spacing-32) !important;
}

.u-mb36 {
  margin-bottom: var(--spacing-36) !important;
}

.u-mb40 {
  margin-bottom: var(--spacing-40) !important;
}

.u-mb44 {
  margin-bottom: var(--spacing-44) !important;
}

.u-mb48 {
  margin-bottom: var(--spacing-48) !important;
}

.u-mb52 {
  margin-bottom: var(--spacing-52) !important;
}

.u-mb56 {
  margin-bottom: var(--spacing-56) !important;
}

.u-mb80 {
  margin-bottom: var(--spacing-80) !important;
}

.u-mb120 {
  margin-bottom: var(--spacing-120) !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-ml4 {
  margin-left: var(--spacing-4) !important;
}

.u-ml8 {
  margin-left: var(--spacing-8) !important;
}

.u-ml12 {
  margin-left: var(--spacing-12) !important;
}

.u-ml16 {
  margin-left: var(--spacing-16) !important;
}

.u-ml20 {
  margin-left: var(--spacing-20) !important;
}

.u-ml24 {
  margin-left: var(--spacing-24) !important;
}

.u-ml28 {
  margin-left: var(--spacing-28) !important;
}

.u-ml32 {
  margin-left: var(--spacing-32) !important;
}

.u-ml36 {
  margin-left: var(--spacing-36) !important;
}

.u-ml40 {
  margin-left: var(--spacing-40) !important;
}

.u-ml44 {
  margin-left: var(--spacing-44) !important;
}

.u-ml48 {
  margin-left: var(--spacing-48) !important;
}

.u-ml52 {
  margin-left: var(--spacing-52) !important;
}

.u-ml56 {
  margin-left: var(--spacing-56) !important;
}

.u-ml80 {
  margin-left: var(--spacing-80) !important;
}

.u-ml120 {
  margin-left: var(--spacing-120) !important;
}

/* Text Align */
.u-t-center {
  text-align: center !important;
}

.u-t-left {
  text-align: left !important;
}

.u-t-right {
  text-align: right !important;
}

/* Vertical Align */
.u-v-top {
  vertical-align: top !important;
}

.u-v-middle {
  vertical-align: middle !important;
}

.u-v-bottom {
  vertical-align: bottom !important;
}

/* Font Weight */
.u-t-roboto {
  font-family: "Roboto" !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.u-t-roboto-light {
  font-family: "Roboto" !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

.u-t-roboto-medium {
  font-family: "Roboto" !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.u-t-roboto-bold {
  font-family: "Roboto" !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

.u-t-light {
  font-weight: 300 !important;
}

.u-t-regular {
  font-weight: 400 !important;
}

.u-t-medium {
  font-weight: 500 !important;
}

.u-t-bold {
  font-weight: 700 !important;
}

/* Color */
.u-c-black {
  color: var(--color-black) !important;
}

.u-c-red {
  color: var(--color-mufg-red) !important;
}

.u-c-light-gray {
  color: var(--color-gray) !important;
}

/* Background Color */
.u-bg-transparent {
  background-color: transparent !important;
}

/* Display */
.u-block {
  display: block !important;
}

.u-inline-block {
  display: inline-block !important;
}

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

/* Border */
.u-border-none {
  border: none !important;
}

.u-border-t-none {
  border-top: none !important;
}

.u-border-b-none {
  border-bottom: none !important;
}

.u-border-r-none {
  border-right: none !important;
}

.u-border-l-none {
  border-left: none !important;
}

.u-underline-red {
  border-bottom: solid 2px var(--color-mufg-red);
}

/* Padding */
.u-pt0 {
  padding-top: 0 !important;
}

.u-pt4 {
  padding-top: 4px !important;
}

.u-pt8 {
  padding-top: 8px !important;
}

.u-pt12 {
  padding-top: 12px !important;
}

.u-pt16 {
  padding-top: 16px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pt24 {
  padding-top: 24px !important;
}

.u-pt28 {
  padding-top: 28px !important;
}

.u-pt32 {
  padding-top: 32px !important;
}

.u-pt36 {
  padding-top: 36px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pt44 {
  padding-top: 44px !important;
}

.u-pt48 {
  padding-top: 48px !important;
}

.u-pt52 {
  padding-top: 52px !important;
}

.u-pt56 {
  padding-top: 56px !important;
}

.u-pt80 {
  padding-top: 80px !important;
}

.u-pt120 {
  padding-top: 120px !important;
}

.u-pr0 {
  padding-right: 0 !important;
}

.u-pr4 {
  padding-right: 4px !important;
}

.u-pr8 {
  padding-right: 8px !important;
}

.u-pr12 {
  padding-right: 12px !important;
}

.u-pr16 {
  padding-right: 16px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pr24 {
  padding-right: 24px !important;
}

.u-pr28 {
  padding-right: 28px !important;
}

.u-pr32 {
  padding-right: 32px !important;
}

.u-pr36 {
  padding-right: 36px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pr44 {
  padding-right: 44px !important;
}

.u-pr48 {
  padding-right: 48px !important;
}

.u-pr52 {
  padding-right: 52px !important;
}

.u-pr56 {
  padding-right: 56px !important;
}

.u-pr80 {
  padding-right: 80px !important;
}

.u-pr120 {
  padding-right: 120px !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-pb4 {
  padding-bottom: 4px !important;
}

.u-pb8 {
  padding-bottom: 8px !important;
}

.u-pb12 {
  padding-bottom: 12px !important;
}

.u-pb16 {
  padding-bottom: 16px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pb24 {
  padding-bottom: 24px !important;
}

.u-pb28 {
  padding-bottom: 28px !important;
}

.u-pb32 {
  padding-bottom: 32px !important;
}

.u-pb36 {
  padding-bottom: 36px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pb44 {
  padding-bottom: 44px !important;
}

.u-pb48 {
  padding-bottom: 48px !important;
}

.u-pb52 {
  padding-bottom: 52px !important;
}

.u-pb56 {
  padding-bottom: 56px !important;
}

.u-pb80 {
  padding-bottom: 80px !important;
}

.u-pb120 {
  padding-bottom: 120px !important;
}

.u-pl0 {
  padding-left: 0 !important;
}

.u-pl4 {
  padding-left: 4px !important;
}

.u-pl8 {
  padding-left: 8px !important;
}

.u-pl12 {
  padding-left: 12px !important;
}

.u-pl16 {
  padding-left: 16px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pl24 {
  padding-left: 24px !important;
}

.u-pl28 {
  padding-left: 28px !important;
}

.u-pl32 {
  padding-left: 32px !important;
}

.u-pl36 {
  padding-left: 36px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-pl44 {
  padding-left: 44px !important;
}

.u-pl48 {
  padding-left: 48px !important;
}

.u-pl52 {
  padding-left: 52px !important;
}

.u-pl56 {
  padding-left: 56px !important;
}

.u-pl80 {
  padding-left: 80px !important;
}

.u-pl120 {
  padding-left: 120px !important;
}

/* Width */
@media all and (min-width: 768px), print {
  .u-content-width {
    margin-inline: auto !important;
    max-width: var(--content-main-width) !important;
    width: 100% !important;
  }
}

@media all and (min-width: 768px), print {
  .u-content-width--w1000 {
    margin-inline: auto !important;
    max-width: var(--content-sub-1000w) !important;
    width: 100% !important;
  }
}

@media all and (min-width: 768px), print {
  .u-content-width--w800 {
    margin-inline: auto !important;
    max-width: var(--content-sub-800w) !important;
    width: 100% !important;
  }
}

@media not print {
  @media not all and (min-width: 768px) {
    .u-content-width--sp-full {
      margin-inline: calc(var(--content-main-inline-padding) * -1) !important;
      position: relative !important;
    }
  }
}

@media all and (min-width: 768px), print {
  .u-content-width--sp-full {
    margin-inline: auto !important;
    max-width: var(--content-main-width) !important;
    width: 100% !important;
  }
}

.u-w-auto {
  width: auto !important;
}

.u-w-fit {
  width: fit-content !important;
}

.u-min-w-auto {
  min-width: auto !important;
}

.u-w01p {
  width: 1% !important;
}

.u-w02p {
  width: 2% !important;
}

.u-w03p {
  width: 3% !important;
}

.u-w04p {
  width: 4% !important;
}

.u-w05p {
  width: 5% !important;
}

.u-w06p {
  width: 6% !important;
}

.u-w07p {
  width: 7% !important;
}

.u-w08p {
  width: 8% !important;
}

.u-w09p {
  width: 9% !important;
}

.u-w10p {
  width: 10% !important;
}

.u-w11p {
  width: 11% !important;
}

.u-w12p {
  width: 12% !important;
}

.u-w13p {
  width: 13% !important;
}

.u-w14p {
  width: 14% !important;
}

.u-w15p {
  width: 15% !important;
}

.u-w16p {
  width: 16% !important;
}

.u-w17p {
  width: 17% !important;
}

.u-w18p {
  width: 18% !important;
}

.u-w19p {
  width: 19% !important;
}

.u-w20p {
  width: 20% !important;
}

.u-w21p {
  width: 21% !important;
}

.u-w22p {
  width: 22% !important;
}

.u-w23p {
  width: 23% !important;
}

.u-w24p {
  width: 24% !important;
}

.u-w25p {
  width: 25% !important;
}

.u-w26p {
  width: 26% !important;
}

.u-w27p {
  width: 27% !important;
}

.u-w28p {
  width: 28% !important;
}

.u-w29p {
  width: 29% !important;
}

.u-w30p {
  width: 30% !important;
}

.u-w31p {
  width: 31% !important;
}

.u-w32p {
  width: 32% !important;
}

.u-w33p {
  width: 33% !important;
}

.u-w34p {
  width: 34% !important;
}

.u-w35p {
  width: 35% !important;
}

.u-w36p {
  width: 36% !important;
}

.u-w37p {
  width: 37% !important;
}

.u-w38p {
  width: 38% !important;
}

.u-w39p {
  width: 39% !important;
}

.u-w40p {
  width: 40% !important;
}

.u-w41p {
  width: 41% !important;
}

.u-w42p {
  width: 42% !important;
}

.u-w43p {
  width: 43% !important;
}

.u-w44p {
  width: 44% !important;
}

.u-w45p {
  width: 45% !important;
}

.u-w46p {
  width: 46% !important;
}

.u-w47p {
  width: 47% !important;
}

.u-w48p {
  width: 48% !important;
}

.u-w49p {
  width: 49% !important;
}

.u-w50p {
  width: 50% !important;
}

.u-w51p {
  width: 51% !important;
}

.u-w52p {
  width: 52% !important;
}

.u-w53p {
  width: 53% !important;
}

.u-w54p {
  width: 54% !important;
}

.u-w55p {
  width: 55% !important;
}

.u-w56p {
  width: 56% !important;
}

.u-w57p {
  width: 57% !important;
}

.u-w58p {
  width: 58% !important;
}

.u-w59p {
  width: 59% !important;
}

.u-w60p {
  width: 60% !important;
}

.u-w61p {
  width: 61% !important;
}

.u-w62p {
  width: 62% !important;
}

.u-w63p {
  width: 63% !important;
}

.u-w64p {
  width: 64% !important;
}

.u-w65p {
  width: 65% !important;
}

.u-w66p {
  width: 66% !important;
}

.u-w67p {
  width: 67% !important;
}

.u-w68p {
  width: 68% !important;
}

.u-w69p {
  width: 69% !important;
}

.u-w70p {
  width: 70% !important;
}

.u-w71p {
  width: 71% !important;
}

.u-w72p {
  width: 72% !important;
}

.u-w73p {
  width: 73% !important;
}

.u-w74p {
  width: 74% !important;
}

.u-w75p {
  width: 75% !important;
}

.u-w76p {
  width: 76% !important;
}

.u-w77p {
  width: 77% !important;
}

.u-w78p {
  width: 78% !important;
}

.u-w79p {
  width: 79% !important;
}

.u-w80p {
  width: 80% !important;
}

.u-w81p {
  width: 81% !important;
}

.u-w82p {
  width: 82% !important;
}

.u-w83p {
  width: 83% !important;
}

.u-w84p {
  width: 84% !important;
}

.u-w85p {
  width: 85% !important;
}

.u-w86p {
  width: 86% !important;
}

.u-w87p {
  width: 87% !important;
}

.u-w88p {
  width: 88% !important;
}

.u-w89p {
  width: 89% !important;
}

.u-w90p {
  width: 90% !important;
}

.u-w91p {
  width: 91% !important;
}

.u-w92p {
  width: 92% !important;
}

.u-w93p {
  width: 93% !important;
}

.u-w94p {
  width: 94% !important;
}

.u-w95p {
  width: 95% !important;
}

.u-w96p {
  width: 96% !important;
}

.u-w97p {
  width: 97% !important;
}

.u-w98p {
  width: 98% !important;
}

.u-w99p {
  width: 99% !important;
}

.u-w100p {
  width: 100% !important;
}

.u-em01 {
  width: 1em !important;
  max-width: 100% !important;
}

.u-em02 {
  width: 2em !important;
  max-width: 100% !important;
}

.u-em03 {
  width: 3em !important;
  max-width: 100% !important;
}

.u-em04 {
  width: 4em !important;
  max-width: 100% !important;
}

.u-em05 {
  width: 5em !important;
  max-width: 100% !important;
}

.u-em06 {
  width: 6em !important;
  max-width: 100% !important;
}

.u-em07 {
  width: 7em !important;
  max-width: 100% !important;
}

.u-em08 {
  width: 8em !important;
  max-width: 100% !important;
}

.u-em09 {
  width: 9em !important;
  max-width: 100% !important;
}

.u-em10 {
  width: 10em !important;
  max-width: 100% !important;
}

.u-em11 {
  width: 11em !important;
  max-width: 100% !important;
}

.u-em12 {
  width: 12em !important;
  max-width: 100% !important;
}

.u-em13 {
  width: 13em !important;
  max-width: 100% !important;
}

.u-em14 {
  width: 14em !important;
  max-width: 100% !important;
}

.u-em15 {
  width: 15em !important;
  max-width: 100% !important;
}

.u-em16 {
  width: 16em !important;
  max-width: 100% !important;
}

.u-em17 {
  width: 17em !important;
  max-width: 100% !important;
}

.u-em18 {
  width: 18em !important;
  max-width: 100% !important;
}

.u-em19 {
  width: 19em !important;
  max-width: 100% !important;
}

.u-em20 {
  width: 20em !important;
  max-width: 100% !important;
}

.u-em21 {
  width: 21em !important;
  max-width: 100% !important;
}

.u-em22 {
  width: 22em !important;
  max-width: 100% !important;
}

.u-em23 {
  width: 23em !important;
  max-width: 100% !important;
}

.u-em24 {
  width: 24em !important;
  max-width: 100% !important;
}

.u-em25 {
  width: 25em !important;
  max-width: 100% !important;
}

.u-em26 {
  width: 26em !important;
  max-width: 100% !important;
}

.u-em27 {
  width: 27em !important;
  max-width: 100% !important;
}

.u-em28 {
  width: 28em !important;
  max-width: 100% !important;
}

.u-em29 {
  width: 29em !important;
  max-width: 100% !important;
}

.u-em30 {
  width: 30em !important;
  max-width: 100% !important;
}

.u-em31 {
  width: 31em !important;
  max-width: 100% !important;
}

.u-em32 {
  width: 32em !important;
  max-width: 100% !important;
}

.u-em33 {
  width: 33em !important;
  max-width: 100% !important;
}

.u-em34 {
  width: 34em !important;
  max-width: 100% !important;
}

.u-em35 {
  width: 35em !important;
  max-width: 100% !important;
}

.u-em36 {
  width: 36em !important;
  max-width: 100% !important;
}

.u-em37 {
  width: 37em !important;
  max-width: 100% !important;
}

.u-em38 {
  width: 38em !important;
  max-width: 100% !important;
}

.u-em39 {
  width: 39em !important;
  max-width: 100% !important;
}

.u-em40 {
  width: 40em !important;
  max-width: 100% !important;
}

/* PC Only */
@media all and (min-width: 768px), print {

  /* Flex */
  .u-flex--pc {
    display: flex !important;
  }

  .u-inline-flex--pc {
    display: inline-flex !important;
  }

  .u-flex-row--pc {
    flex-direction: row !important;
  }

  .u-flex-row-reverse--pc {
    flex-direction: row-reverse !important;
  }

  .u-flex-col--pc {
    flex-direction: column !important;
  }

  .u-flex-col-reverse--pc {
    flex-direction: column-reverse !important;
  }

  .u-flex-nowrap--pc {
    flex-wrap: nowrap !important;
  }

  .u-flex-wrap--pc {
    flex-wrap: wrap !important;
  }

  .u-flex-wrap-reverse--pc {
    flex-wrap: wrap-reverse !important;
  }

  .u-flex1--pc {
    flex: 1 1 0% !important;
  }

  .u-flex-auto--pc {
    flex: 1 1 auto !important;
  }

  .u-flex-initial--pc {
    flex: 0 1 auto !important;
  }

  .u-flex-none--pc {
    flex: none !important;
  }

  .u-grow--pc {
    flex-grow: 1 !important;
  }

  .u-grow0--pc {
    flex-grow: 0 !important;
  }

  .u-shrink--pc {
    flex-shrink: 1 !important;
  }

  .u-shrink0--pc {
    flex-shrink: 0 !important;
  }

  .u-order-first--pc {
    order: -9999 !important;
  }

  .u-order-last--pc {
    order: 9999 !important;
  }

  .u-order0--pc {
    order: 0 !important;
  }

  .u-order1--pc {
    order: 1 !important;
  }

  .u-order2--pc {
    order: 2 !important;
  }

  .u-order3--pc {
    order: 3 !important;
  }

  .u-order4--pc {
    order: 4 !important;
  }

  .u-order5--pc {
    order: 5 !important;
  }

  .u-order6--pc {
    order: 6 !important;
  }

  .u-order7--pc {
    order: 7 !important;
  }

  .u-order8--pc {
    order: 8 !important;
  }

  .u-order9--pc {
    order: 9 !important;
  }

  .u-order10--pc {
    order: 10 !important;
  }

  .u-justify-start--pc {
    justify-content: flex-start !important;
  }

  .u-justify-center--pc {
    justify-content: center !important;
  }

  .u-justify-end--pc {
    justify-content: flex-end !important;
  }

  .u-justify-between--pc {
    justify-content: space-between !important;
  }

  .u-justify-around--pc {
    justify-content: space-around !important;
  }

  .u-justify-evenly--pc {
    justify-content: space-evenly !important;
  }

  .u-items-stretch--pc {
    align-items: stretch !important;
  }

  .u-items-start--pc {
    align-items: flex-start !important;
  }

  .u-items-center--pc {
    align-items: center !important;
  }

  .u-items-end--pc {
    align-items: flex-end !important;
  }

  .u-items-baseline--pc {
    align-items: baseline !important;
  }

  .u-place-content-start--pc {
    place-content: start !important;
  }

  .u-place-content-center--pc {
    place-content: center !important;
  }

  .u-place-content-end--pc {
    place-content: end !important;
  }

  .u-place-content-between--pc {
    place-content: space-between !important;
  }

  .u-place-content-around--pc {
    place-content: space-around !important;
  }

  .u-place-content-evenly--pc {
    place-content: space-evenly !important;
  }

  .u-place-content-stretch--pc {
    place-content: space-stretch !important;
  }

  .u-place-items-stretch--pc {
    place-items: stretch !important;
  }

  .u-place-items-start--pc {
    place-items: start !important;
  }

  .u-place-items-center--pc {
    place-items: center !important;
  }

  .u-place-items-end--pc {
    place-items: end !important;
  }

  /* Font Size */
  .u-fz10--pc {
    font-size: 1rem !important;
  }

  .u-fz12--pc {
    font-size: 1.2rem !important;
  }

  .u-fz14--pc {
    font-size: 1.4rem !important;
  }

  .u-fz16--pc {
    font-size: 1.6rem !important;
  }

  .u-fz18--pc {
    font-size: 1.8rem !important;
  }

  .u-fz20--pc {
    font-size: 2rem !important;
  }

  .u-fz30--pc {
    font-size: 3rem !important;
  }

  .u-fz36--pc {
    font-size: 3.6rem !important;
  }

  /* Font Weight */
  .u-fw-regular--pc {
    font-weight: 400 !important;
  }

  .u-fw-medium--pc {
    font-weight: 500 !important;
  }

  .u-fw-bold--pc {
    font-weight: 700 !important;
  }

  /* Gap */
  .u-gap0--pc {
    gap: 0px !important;
  }

  .u-gap4--pc {
    gap: 4px !important;
  }

  .u-gap8--pc {
    gap: 8px !important;
  }

  .u-gap12--pc {
    gap: 12px !important;
  }

  .u-gap16--pc {
    gap: 16px !important;
  }

  .u-gap20--pc {
    gap: 20px !important;
  }

  .u-gap24--pc {
    gap: 24px !important;
  }

  .u-gap28--pc {
    gap: 28px !important;
  }

  .u-gap32--pc {
    gap: 32px !important;
  }

  .u-gap36--pc {
    gap: 36px !important;
  }

  .u-gap40--pc {
    gap: 40px !important;
  }

  .u-gap44--pc {
    gap: 44px !important;
  }

  .u-gap48--pc {
    gap: 48px !important;
  }

  .u-gap52--pc {
    gap: 52px !important;
  }

  .u-gap56--pc {
    gap: 56px !important;
  }

  .u-gap80--pc {
    gap: 80px !important;
  }

  .u-gap120--pc {
    gap: 120px !important;
  }

  .u-gap-x0--pc {
    column-gap: 0px !important;
  }

  .u-gap-x4--pc {
    column-gap: 4px !important;
  }

  .u-gap-x8--pc {
    column-gap: 8px !important;
  }

  .u-gap-x12--pc {
    column-gap: 12px !important;
  }

  .u-gap-x16--pc {
    column-gap: 16px !important;
  }

  .u-gap-x20--pc {
    column-gap: 20px !important;
  }

  .u-gap-x24--pc {
    column-gap: 24px !important;
  }

  .u-gap-x28--pc {
    column-gap: 28px !important;
  }

  .u-gap-x32--pc {
    column-gap: 32px !important;
  }

  .u-gap-x36--pc {
    column-gap: 36px !important;
  }

  .u-gap-x40--pc {
    column-gap: 40px !important;
  }

  .u-gap-x44--pc {
    column-gap: 44px !important;
  }

  .u-gap-x48--pc {
    column-gap: 48px !important;
  }

  .u-gap-x52--pc {
    column-gap: 52px !important;
  }

  .u-gap-x56--pc {
    column-gap: 56px !important;
  }

  .u-gap-x80--pc {
    column-gap: 80px !important;
  }

  .u-gap-x120--pc {
    column-gap: 120px !important;
  }

  .u-gap-y0--pc {
    row-gap: 0px !important;
  }

  .u-gap-y4--pc {
    row-gap: 4px !important;
  }

  .u-gap-y8--pc {
    row-gap: 8px !important;
  }

  .u-gap-y12--pc {
    row-gap: 12px !important;
  }

  .u-gap-y16--pc {
    row-gap: 16px !important;
  }

  .u-gap-y20--pc {
    row-gap: 20px !important;
  }

  .u-gap-y24--pc {
    row-gap: 24px !important;
  }

  .u-gap-y28--pc {
    row-gap: 28px !important;
  }

  .u-gap-y32--pc {
    row-gap: 32px !important;
  }

  .u-gap-y36--pc {
    row-gap: 36px !important;
  }

  .u-gap-y40--pc {
    row-gap: 40px !important;
  }

  .u-gap-y44--pc {
    row-gap: 44px !important;
  }

  .u-gap-y48--pc {
    row-gap: 48px !important;
  }

  .u-gap-y52--pc {
    row-gap: 52px !important;
  }

  .u-gap-y56--pc {
    row-gap: 56px !important;
  }

  .u-gap-y80--pc {
    row-gap: 80px !important;
  }

  .u-gap-y120--pc {
    row-gap: 120px !important;
  }

  /* Grid */
  .u-grid--pc {
    display: grid !important;
  }

  .u-inline-grid--pc {
    display: inline-grid !important;
  }

  .u-grid-cols1--pc {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .u-grid-cols2--pc {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .u-grid-cols3--pc {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .u-grid-cols4--pc {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .u-grid-cols-none--pc {
    grid-template-columns: none !important;
  }

  .u-grid-rows1--pc {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .u-grid-rows2--pc {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .u-grid-rows3--pc {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .u-grid-rows4--pc {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .u-grid-rows-none--pc {
    grid-template-rows: none !important;
  }

  /* Height */
  .u-h-auto--pc {
    height: auto !important;
  }

  /* Margin */
  .u-mx-auto--pc {
    margin-inline: auto !important;
  }

  .u-ml-auto--pc {
    margin-left: auto !important;
  }

  .u-mr-auto--pc {
    margin-right: auto !important;
  }

  .u-mt0--pc {
    margin-top: 0 !important;
  }

  .u-mt4--pc {
    margin-top: var(--spacing-4) !important;
  }

  .u-mt8--pc {
    margin-top: var(--spacing-8) !important;
  }

  .u-mt12--pc {
    margin-top: var(--spacing-12) !important;
  }

  .u-mt16--pc {
    margin-top: var(--spacing-16) !important;
  }

  .u-mt20--pc {
    margin-top: var(--spacing-20) !important;
  }

  .u-mt24--pc {
    margin-top: var(--spacing-24) !important;
  }

  .u-mt28--pc {
    margin-top: var(--spacing-28) !important;
  }

  .u-mt32--pc {
    margin-top: var(--spacing-32) !important;
  }

  .u-mt36--pc {
    margin-top: var(--spacing-36) !important;
  }

  .u-mt40--pc {
    margin-top: var(--spacing-40) !important;
  }

  .u-mt44--pc {
    margin-top: var(--spacing-44) !important;
  }

  .u-mt48--pc {
    margin-top: var(--spacing-48) !important;
  }

  .u-mt52--pc {
    margin-top: var(--spacing-52) !important;
  }

  .u-mt56--pc {
    margin-top: var(--spacing-56) !important;
  }

  .u-mt80--pc {
    margin-top: var(--spacing-80) !important;
  }

  .u-mt120--pc {
    margin-top: var(--spacing-120) !important;
  }

  .u-mr0--pc {
    margin-right: 0 !important;
  }

  .u-mr4--pc {
    margin-right: var(--spacing-4) !important;
  }

  .u-mr8--pc {
    margin-right: var(--spacing-8) !important;
  }

  .u-mr12--pc {
    margin-right: var(--spacing-12) !important;
  }

  .u-mr16--pc {
    margin-right: var(--spacing-16) !important;
  }

  .u-mr20--pc {
    margin-right: var(--spacing-20) !important;
  }

  .u-mr24--pc {
    margin-right: var(--spacing-24) !important;
  }

  .u-mr28--pc {
    margin-right: var(--spacing-28) !important;
  }

  .u-mr32--pc {
    margin-right: var(--spacing-32) !important;
  }

  .u-mr36--pc {
    margin-right: var(--spacing-36) !important;
  }

  .u-mr40--pc {
    margin-right: var(--spacing-40) !important;
  }

  .u-mr44--pc {
    margin-right: var(--spacing-44) !important;
  }

  .u-mr48--pc {
    margin-right: var(--spacing-48) !important;
  }

  .u-mr52--pc {
    margin-right: var(--spacing-52) !important;
  }

  .u-mr56--pc {
    margin-right: var(--spacing-56) !important;
  }

  .u-mr80--pc {
    margin-right: var(--spacing-80) !important;
  }

  .u-mr120--pc {
    margin-right: var(--spacing-120) !important;
  }

  .u-mb0--pc {
    margin-bottom: 0 !important;
  }

  .u-mb4--pc {
    margin-bottom: var(--spacing-4) !important;
  }

  .u-mb8--pc {
    margin-bottom: var(--spacing-8) !important;
  }

  .u-mb12--pc {
    margin-bottom: var(--spacing-12) !important;
  }

  .u-mb16--pc {
    margin-bottom: var(--spacing-16) !important;
  }

  .u-mb20--pc {
    margin-bottom: var(--spacing-20) !important;
  }

  .u-mb24--pc {
    margin-bottom: var(--spacing-24) !important;
  }

  .u-mb28--pc {
    margin-bottom: var(--spacing-28) !important;
  }

  .u-mb32--pc {
    margin-bottom: var(--spacing-32) !important;
  }

  .u-mb36--pc {
    margin-bottom: var(--spacing-36) !important;
  }

  .u-mb40--pc {
    margin-bottom: var(--spacing-40) !important;
  }

  .u-mb44--pc {
    margin-bottom: var(--spacing-44) !important;
  }

  .u-mb48--pc {
    margin-bottom: var(--spacing-48) !important;
  }

  .u-mb52--pc {
    margin-bottom: var(--spacing-52) !important;
  }

  .u-mb56--pc {
    margin-bottom: var(--spacing-56) !important;
  }

  .u-mb80--pc {
    margin-bottom: var(--spacing-80) !important;
  }

  .u-mb120--pc {
    margin-bottom: var(--spacing-120) !important;
  }

  .u-ml0--pc {
    margin-left: 0 !important;
  }

  .u-ml4--pc {
    margin-left: var(--spacing-4) !important;
  }

  .u-ml8--pc {
    margin-left: var(--spacing-8) !important;
  }

  .u-ml12--pc {
    margin-left: var(--spacing-12) !important;
  }

  .u-ml16--pc {
    margin-left: var(--spacing-16) !important;
  }

  .u-ml20--pc {
    margin-left: var(--spacing-20) !important;
  }

  .u-ml24--pc {
    margin-left: var(--spacing-24) !important;
  }

  .u-ml28--pc {
    margin-left: var(--spacing-28) !important;
  }

  .u-ml32--pc {
    margin-left: var(--spacing-32) !important;
  }

  .u-ml36--pc {
    margin-left: var(--spacing-36) !important;
  }

  .u-ml40--pc {
    margin-left: var(--spacing-40) !important;
  }

  .u-ml44--pc {
    margin-left: var(--spacing-44) !important;
  }

  .u-ml48--pc {
    margin-left: var(--spacing-48) !important;
  }

  .u-ml52--pc {
    margin-left: var(--spacing-52) !important;
  }

  .u-ml56--pc {
    margin-left: var(--spacing-56) !important;
  }

  .u-ml80--pc {
    margin-left: var(--spacing-80) !important;
  }

  .u-ml120--pc {
    margin-left: var(--spacing-120) !important;
  }

  /* Text Align */
  .u-t-center--pc {
    text-align: center !important;
  }

  .u-t-left--pc {
    text-align: left !important;
  }

  .u-t-right--pc {
    text-align: right !important;
  }

  /* Vertical Align */
  .u-v-top--pc {
    vertical-align: top !important;
  }

  .u-v-middle--pc {
    vertical-align: middle !important;
  }

  .u-v-bottom--pc {
    vertical-align: bottom !important;
  }

  /* Color */
  .u-c-black--pc {
    color: var(--color-black) !important;
  }

  .u-c-red--pc {
    color: var(--color-mufg-red) !important;
  }

  .u-c-light-gray--pc {
    color: var(--color-gray) !important;
  }

  /* Background Color */
  .u-bg-transparent--pc {
    background-color: transparent !important;
  }

  /* Display */
  .u-block--pc {
    display: block !important;
  }

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

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

  /* Device Change */
  .u-only-sp {
    display: none !important;
  }

  /* Border */
  .u-border-none--pc {
    border: none !important;
  }

  .u-border-t-none--pc {
    border-top: none !important;
  }

  .u-border-b-none--pc {
    border-bottom: none !important;
  }

  .u-border-r-none--pc {
    border-right: none !important;
  }

  .u-border-l-none--pc {
    border-left: none !important;
  }

  .u-underline-red--pc {
    border-bottom: solid 2px var(--color-mufg-red);
  }

  /* Padding */
  .u-pt0--pc {
    padding-top: 0 !important;
  }

  .u-pt4--pc {
    padding-top: 4px !important;
  }

  .u-pt8--pc {
    padding-top: 8px !important;
  }

  .u-pt12--pc {
    padding-top: 12px !important;
  }

  .u-pt16--pc {
    padding-top: 16px !important;
  }

  .u-pt20--pc {
    padding-top: 20px !important;
  }

  .u-pt24--pc {
    padding-top: 24px !important;
  }

  .u-pt28--pc {
    padding-top: 28px !important;
  }

  .u-pt32--pc {
    padding-top: 32px !important;
  }

  .u-pt36--pc {
    padding-top: 36px !important;
  }

  .u-pt40--pc {
    padding-top: 40px !important;
  }

  .u-pt44--pc {
    padding-top: 44px !important;
  }

  .u-pt48--pc {
    padding-top: 48px !important;
  }

  .u-pt52--pc {
    padding-top: 52px !important;
  }

  .u-pt56--pc {
    padding-top: 56px !important;
  }

  .u-pt80--pc {
    padding-top: 80px !important;
  }

  .u-pt120--pc {
    padding-top: 120px !important;
  }

  .u-pr0--pc {
    padding-right: 0 !important;
  }

  .u-pr4--pc {
    padding-right: 4px !important;
  }

  .u-pr8--pc {
    padding-right: 8px !important;
  }

  .u-pr12--pc {
    padding-right: 12px !important;
  }

  .u-pr16--pc {
    padding-right: 16px !important;
  }

  .u-pr20--pc {
    padding-right: 20px !important;
  }

  .u-pr24--pc {
    padding-right: 24px !important;
  }

  .u-pr28--pc {
    padding-right: 28px !important;
  }

  .u-pr32--pc {
    padding-right: 32px !important;
  }

  .u-pr36--pc {
    padding-right: 36px !important;
  }

  .u-pr40--pc {
    padding-right: 40px !important;
  }

  .u-pr44--pc {
    padding-right: 44px !important;
  }

  .u-pr48--pc {
    padding-right: 48px !important;
  }

  .u-pr52--pc {
    padding-right: 52px !important;
  }

  .u-pr56--pc {
    padding-right: 56px !important;
  }

  .u-pr80--pc {
    padding-right: 80px !important;
  }

  .u-pr120--pc {
    padding-right: 120px !important;
  }

  .u-pb0--pc {
    padding-bottom: 0 !important;
  }

  .u-pb4--pc {
    padding-bottom: 4px !important;
  }

  .u-pb8--pc {
    padding-bottom: 8px !important;
  }

  .u-pb12--pc {
    padding-bottom: 12px !important;
  }

  .u-pb16--pc {
    padding-bottom: 16px !important;
  }

  .u-pb20--pc {
    padding-bottom: 20px !important;
  }

  .u-pb24--pc {
    padding-bottom: 24px !important;
  }

  .u-pb28--pc {
    padding-bottom: 28px !important;
  }

  .u-pb32--pc {
    padding-bottom: 32px !important;
  }

  .u-pb36--pc {
    padding-bottom: 36px !important;
  }

  .u-pb40--pc {
    padding-bottom: 40px !important;
  }

  .u-pb44--pc {
    padding-bottom: 44px !important;
  }

  .u-pb48--pc {
    padding-bottom: 48px !important;
  }

  .u-pb52--pc {
    padding-bottom: 52px !important;
  }

  .u-pb56--pc {
    padding-bottom: 56px !important;
  }

  .u-pb80--pc {
    padding-bottom: 80px !important;
  }

  .u-pb120--pc {
    padding-bottom: 120px !important;
  }

  .u-pl0--pc {
    padding-left: 0 !important;
  }

  .u-pl4--pc {
    padding-left: 4px !important;
  }

  .u-pl8--pc {
    padding-left: 8px !important;
  }

  .u-pl12--pc {
    padding-left: 12px !important;
  }

  .u-pl16--pc {
    padding-left: 16px !important;
  }

  .u-pl20--pc {
    padding-left: 20px !important;
  }

  .u-pl24--pc {
    padding-left: 24px !important;
  }

  .u-pl28--pc {
    padding-left: 28px !important;
  }

  .u-pl32--pc {
    padding-left: 32px !important;
  }

  .u-pl36--pc {
    padding-left: 36px !important;
  }

  .u-pl40--pc {
    padding-left: 40px !important;
  }

  .u-pl44--pc {
    padding-left: 44px !important;
  }

  .u-pl48--pc {
    padding-left: 48px !important;
  }

  .u-pl52--pc {
    padding-left: 52px !important;
  }

  .u-pl56--pc {
    padding-left: 56px !important;
  }

  .u-pl80--pc {
    padding-left: 80px !important;
  }

  .u-pl120--pc {
    padding-left: 120px !important;
  }

  /* Width */
  .u-w-auto--pc {
    width: auto !important;
  }

  .u-w-fit--pc {
    width: fit-content !important;
  }

  .u-min-w-auto--pc {
    min-width: auto !important;
  }

  .u-em01--pc {
    width: 1em !important;
    max-width: 100% !important;
  }

  .u-em02--pc {
    width: 2em !important;
    max-width: 100% !important;
  }

  .u-em03--pc {
    width: 3em !important;
    max-width: 100% !important;
  }

  .u-em04--pc {
    width: 4em !important;
    max-width: 100% !important;
  }

  .u-em05--pc {
    width: 5em !important;
    max-width: 100% !important;
  }

  .u-em06--pc {
    width: 6em !important;
    max-width: 100% !important;
  }

  .u-em07--pc {
    width: 7em !important;
    max-width: 100% !important;
  }

  .u-em08--pc {
    width: 8em !important;
    max-width: 100% !important;
  }

  .u-em09--pc {
    width: 9em !important;
    max-width: 100% !important;
  }

  .u-em10--pc {
    width: 10em !important;
    max-width: 100% !important;
  }

  .u-em11--pc {
    width: 11em !important;
    max-width: 100% !important;
  }

  .u-em12--pc {
    width: 12em !important;
    max-width: 100% !important;
  }

  .u-em13--pc {
    width: 13em !important;
    max-width: 100% !important;
  }

  .u-em14--pc {
    width: 14em !important;
    max-width: 100% !important;
  }

  .u-em15--pc {
    width: 15em !important;
    max-width: 100% !important;
  }

  .u-em16--pc {
    width: 16em !important;
    max-width: 100% !important;
  }

  .u-em17--pc {
    width: 17em !important;
    max-width: 100% !important;
  }

  .u-em18--pc {
    width: 18em !important;
    max-width: 100% !important;
  }

  .u-em19--pc {
    width: 19em !important;
    max-width: 100% !important;
  }

  .u-em20--pc {
    width: 20em !important;
    max-width: 100% !important;
  }

  .u-em21--pc {
    width: 21em !important;
    max-width: 100% !important;
  }

  .u-em22--pc {
    width: 22em !important;
    max-width: 100% !important;
  }

  .u-em23--pc {
    width: 23em !important;
    max-width: 100% !important;
  }

  .u-em24--pc {
    width: 24em !important;
    max-width: 100% !important;
  }

  .u-em25--pc {
    width: 25em !important;
    max-width: 100% !important;
  }

  .u-em26--pc {
    width: 26em !important;
    max-width: 100% !important;
  }

  .u-em27--pc {
    width: 27em !important;
    max-width: 100% !important;
  }

  .u-em28--pc {
    width: 28em !important;
    max-width: 100% !important;
  }

  .u-em29--pc {
    width: 29em !important;
    max-width: 100% !important;
  }

  .u-em30--pc {
    width: 30em !important;
    max-width: 100% !important;
  }

  .u-em31--pc {
    width: 31em !important;
    max-width: 100% !important;
  }

  .u-em32--pc {
    width: 32em !important;
    max-width: 100% !important;
  }

  .u-em33--pc {
    width: 33em !important;
    max-width: 100% !important;
  }

  .u-em34--pc {
    width: 34em !important;
    max-width: 100% !important;
  }

  .u-em35--pc {
    width: 35em !important;
    max-width: 100% !important;
  }

  .u-em36--pc {
    width: 36em !important;
    max-width: 100% !important;
  }

  .u-em37--pc {
    width: 37em !important;
    max-width: 100% !important;
  }

  .u-em38--pc {
    width: 38em !important;
    max-width: 100% !important;
  }

  .u-em39--pc {
    width: 39em !important;
    max-width: 100% !important;
  }

  .u-em40--pc {
    width: 40em !important;
    max-width: 100% !important;
  }

  .u-w01p--pc {
    width: 1% !important;
  }

  .u-w02p--pc {
    width: 2% !important;
  }

  .u-w03p--pc {
    width: 3% !important;
  }

  .u-w04p--pc {
    width: 4% !important;
  }

  .u-w05p--pc {
    width: 5% !important;
  }

  .u-w06p--pc {
    width: 6% !important;
  }

  .u-w07p--pc {
    width: 7% !important;
  }

  .u-w08p--pc {
    width: 8% !important;
  }

  .u-w09p--pc {
    width: 9% !important;
  }

  .u-w10p--pc {
    width: 10% !important;
  }

  .u-w11p--pc {
    width: 11% !important;
  }

  .u-w12p--pc {
    width: 12% !important;
  }

  .u-w13p--pc {
    width: 13% !important;
  }

  .u-w14p--pc {
    width: 14% !important;
  }

  .u-w15p--pc {
    width: 15% !important;
  }

  .u-w16p--pc {
    width: 16% !important;
  }

  .u-w17p--pc {
    width: 17% !important;
  }

  .u-w18p--pc {
    width: 18% !important;
  }

  .u-w19p--pc {
    width: 19% !important;
  }

  .u-w20p--pc {
    width: 20% !important;
  }

  .u-w21p--pc {
    width: 21% !important;
  }

  .u-w22p--pc {
    width: 22% !important;
  }

  .u-w23p--pc {
    width: 23% !important;
  }

  .u-w24p--pc {
    width: 24% !important;
  }

  .u-w25p--pc {
    width: 25% !important;
  }

  .u-w26p--pc {
    width: 26% !important;
  }

  .u-w27p--pc {
    width: 27% !important;
  }

  .u-w28p--pc {
    width: 28% !important;
  }

  .u-w29p--pc {
    width: 29% !important;
  }

  .u-w30p--pc {
    width: 30% !important;
  }

  .u-w31p--pc {
    width: 31% !important;
  }

  .u-w32p--pc {
    width: 32% !important;
  }

  .u-w33p--pc {
    width: 33% !important;
  }

  .u-w34p--pc {
    width: 34% !important;
  }

  .u-w35p--pc {
    width: 35% !important;
  }

  .u-w36p--pc {
    width: 36% !important;
  }

  .u-w37p--pc {
    width: 37% !important;
  }

  .u-w38p--pc {
    width: 38% !important;
  }

  .u-w39p--pc {
    width: 39% !important;
  }

  .u-w40p--pc {
    width: 40% !important;
  }

  .u-w41p--pc {
    width: 41% !important;
  }

  .u-w42p--pc {
    width: 42% !important;
  }

  .u-w43p--pc {
    width: 43% !important;
  }

  .u-w44p--pc {
    width: 44% !important;
  }

  .u-w45p--pc {
    width: 45% !important;
  }

  .u-w46p--pc {
    width: 46% !important;
  }

  .u-w47p--pc {
    width: 47% !important;
  }

  .u-w48p--pc {
    width: 48% !important;
  }

  .u-w49p--pc {
    width: 49% !important;
  }

  .u-w50p--pc {
    width: 50% !important;
  }

  .u-w51p--pc {
    width: 51% !important;
  }

  .u-w52p--pc {
    width: 52% !important;
  }

  .u-w53p--pc {
    width: 53% !important;
  }

  .u-w54p--pc {
    width: 54% !important;
  }

  .u-w55p--pc {
    width: 55% !important;
  }

  .u-w56p--pc {
    width: 56% !important;
  }

  .u-w57p--pc {
    width: 57% !important;
  }

  .u-w58p--pc {
    width: 58% !important;
  }

  .u-w59p--pc {
    width: 59% !important;
  }

  .u-w60p--pc {
    width: 60% !important;
  }

  .u-w61p--pc {
    width: 61% !important;
  }

  .u-w62p--pc {
    width: 62% !important;
  }

  .u-w63p--pc {
    width: 63% !important;
  }

  .u-w64p--pc {
    width: 64% !important;
  }

  .u-w65p--pc {
    width: 65% !important;
  }

  .u-w66p--pc {
    width: 66% !important;
  }

  .u-w67p--pc {
    width: 67% !important;
  }

  .u-w68p--pc {
    width: 68% !important;
  }

  .u-w69p--pc {
    width: 69% !important;
  }

  .u-w70p--pc {
    width: 70% !important;
  }

  .u-w71p--pc {
    width: 71% !important;
  }

  .u-w72p--pc {
    width: 72% !important;
  }

  .u-w73p--pc {
    width: 73% !important;
  }

  .u-w74p--pc {
    width: 74% !important;
  }

  .u-w75p--pc {
    width: 75% !important;
  }

  .u-w76p--pc {
    width: 76% !important;
  }

  .u-w77p--pc {
    width: 77% !important;
  }

  .u-w78p--pc {
    width: 78% !important;
  }

  .u-w79p--pc {
    width: 79% !important;
  }

  .u-w80p--pc {
    width: 80% !important;
  }

  .u-w81p--pc {
    width: 81% !important;
  }

  .u-w82p--pc {
    width: 82% !important;
  }

  .u-w83p--pc {
    width: 83% !important;
  }

  .u-w84p--pc {
    width: 84% !important;
  }

  .u-w85p--pc {
    width: 85% !important;
  }

  .u-w86p--pc {
    width: 86% !important;
  }

  .u-w87p--pc {
    width: 87% !important;
  }

  .u-w88p--pc {
    width: 88% !important;
  }

  .u-w89p--pc {
    width: 89% !important;
  }

  .u-w90p--pc {
    width: 90% !important;
  }

  .u-w91p--pc {
    width: 91% !important;
  }

  .u-w92p--pc {
    width: 92% !important;
  }

  .u-w93p--pc {
    width: 93% !important;
  }

  .u-w94p--pc {
    width: 94% !important;
  }

  .u-w95p--pc {
    width: 95% !important;
  }

  .u-w96p--pc {
    width: 96% !important;
  }

  .u-w97p--pc {
    width: 97% !important;
  }

  .u-w98p--pc {
    width: 98% !important;
  }

  .u-w99p--pc {
    width: 99% !important;
  }

  .u-w100p--pc {
    width: 100% !important;
  }
}

@media not print {
  @media not all and (min-width: 768px) {

    /* Display */
    .u-only-pc {
      display: none !important;
    }

    /* Width */
    .u-w100p--sp {
      width: 100% !important;
    }

    .u-content-width--sp-w800 {
      width: var(--content-sub-800w) !important;
    }
  }
}