.area-icon_information.cat01 .title::before {
  background-image: url("../images/use-icon01.svg");
}

.area-icon_information.cat01 .inner {
  position: relative;
}

:is(.area-icon_information.cat01 .inner) figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

:is(:is(.area-icon_information.cat01 .inner) figure) img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.area-icon_information.cat02 .title::before {
  background-image: url("../images/use-icon02.svg");
}

.area-icon_information.cat03 .title::before {
  background-image: url("../images/use-icon03.svg");
}

.area-icon_information.cat04 .title::before {
  background-image: url("../images/use-icon04.svg");
}

.area-icon_information.cat05 .title::before {
  background-image: url("../images/use-icon05.svg");
}

.area-icon_information.cat06 .title::before {
  background-image: url("../images/use-icon06.svg");
}

.area-icon_information.cashless01 .title::before {
  background-image: url("../images/cashless-icon01.svg");
}

.area-icon_information.cashless02 .title::before {
  background-image: url("../images/cashless-icon02.svg");
}

.l-section-inner_img.fm figure {
  width: 20%;
  order: 2;
}

.l-section-inner_img.fm .section-inner {
  order: 1;
}

@media screen and (max-width: 768px) {
  .l-section-inner_img.fm figure {
    min-width: 300px;
    width: 50%;
    order: 1;
    margin: 0 auto;
  }

  .l-section-inner_img.fm .section-inner {
    order: 2;
  }
}

.page-use-payment .w-80 {
  width: 80%;
}

@media screen and (max-width: 768px) {
  .page-use-payment .w-80 {
    width: 100%;
  }
}

.payment-table + .payment-table {
  margin-top: unset;
}

.payment-table:last-of-type {
  margin-bottom: unset;
}

:is(:is(.page-use-cashless .area-icon_information) .title)::before {
  background-size: calc(var(--height-icon) * 0.75);
}

:is(.page-use-cashless .area-icon_information) .btn {
  max-width: 320px;
}

.page-use-available-amount .l-flex-2 {
  display: flex;
  align-items: stretch;
  gap: var(--spacing-md);
}

:is(.page-use-available-amount .l-flex-2) figure {
  width: 30%;
  display: flex;
  align-items: center;
}

:is(:is(.page-use-available-amount .l-flex-2) figure) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .page-use-available-amount .l-flex-2 {
    flex-direction: column;
    gap: var(--spacing-xs);
  }

  :is(.page-use-available-amount .l-flex-2) figure {
    width: 100%;
    margin-bottom: var(--spacing-md);
  }
}

:is(.page-use-available-amount .l-flex-2) .content {
  font-size: 85%;
  flex: 1;
}

:is(.page-use-available-amount .l-flex-2) .list-number-2 {
  counter-reset: list;
}

:is(:is(.page-use-available-amount .l-flex-2) .list-number-2) dt {
  text-indent: -2em;
  padding-left: 2em;
  font-weight: bold;
}

:is(:is(:is(.page-use-available-amount .l-flex-2) .list-number-2) dt):before {
  content: "(" counter(list) ")";
  counter-increment: list;
  margin-right: 0.5em;
}

:is(:is(.page-use-available-amount .l-flex-2) .list-number-2) dd {
  padding-left: 2em;
}

:is(.page-use .area-icon_information) .inner {
  display: grid;
  grid-template-rows: 1.5fr 1fr;
}

@media screen and (max-width: 768px) {
  :is(.page-use .area-icon_information) .inner {
    grid-template-rows: unset;
  }
}