@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
*:not(:is(ul, ol, li)) {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  word-break: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: baseline;
  background: transparent;
}

html, body {
  font-size: 62.5%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

:where(:is(ul, ol):not(.is-list-normal)) {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
:where(:is(ul, ol):not(.is-list-normal)) li {
  margin: 0;
  padding: 0;
}

:where(ul.is-list-normal) {
  padding-left: 1em;
  list-style: disc;
}

blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
  max-width: 100%;
}

picture {
  max-width: 100%;
}

input, select {
  vertical-align: middle;
}

br {
  line-height: 0;
}

input, textarea, select, button {
  font: inherit;
}

input, select, button {
  cursor: pointer;
}

/* safariでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

:root {
  --color-text: #6a3906;
  --color-bg: #fff;
  --color-border: #dfdfdf;
  --color-primary: #FF69B4;
  --color-primary-light: #FFB6C1;
  --color-accent: #FFD700;
  --color-red: #d9141d;
  --color-bg-cream: #FFF8F0;
  --color-pink: #FF69B4;
  --color-pink-light: #FFE4E1;
  --color-white: #FFFFFF;
  --text-primary: 'Noto Sans JP', sans-serif;
  --text-secondary: 'Lato', sans-serif;
  --text-size-base: clamp(1.6rem, 1.6rem + 0vw, 1.6rem);
  --text-size-small: clamp(1.4rem, 1.4rem + 0vw, 1.4rem);
  --text-size-medium: clamp(1.8rem, 1.8rem + 0vw, 1.8rem);
  --text-size-large: clamp(2rem, 2rem + 0vw, 2rem);
  --content-width-size: 120rem;
  --content-width: min(100%, var(--content-width-size));
  --content-width-size-half: 60rem;
  --content-width-half: min(100%, var(--content-width-size-half));
  --content-padding: clamp(2.4rem, 2.0363636364rem + 0.9696969697vw, 3.2rem);
  --trd-duration: 0.5s;
  --trd-hover-duration: 0.25s;
  --trd-timing: cubic-bezier(.165, .84, .44, 1);
  --header-index: 900;
  --footer-index: 800;
  --page-top-index: 700;
  --article-index: 600;
  --nav-index: 500;
  --main-index: 400;
  --section-index: 300;
}

@media (max-width: 768px) {
  :root {
    --content-padding: 3.2vw;
    --text-size-base: 2.1333333333vw;
    --text-size-small: 1.8666666667vw;
    --text-size-medium: 2.4vw;
    --text-size-large: 2.6666666667vw;
  }
}
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  font-family: var(--text-primary);
  color: var(--color-text);
  background-color: var(--color-bg);
  font-size: var(--text-size-base);
  line-height: 1.75;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.container {
  width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--content-padding);
}

.header {
  position: relative;
  z-index: var(--header-index);
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: var(--header-index);
}

h4 {
  text-align: center;
}

@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

.tab {
  display: none !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .tab {
    display: revert !important;
  }
}

.mainContents .kv-image {
  width: 100%;
  display: block;
}
.mainContents .kv-image picture,
.mainContents .kv-image img {
  width: 100%;
  display: block;
}
.mainContents .is-disabled {
  pointer-events: none;
  cursor: default;
}
.mainContents .is-disabled picture, .mainContents .is-disabled img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.8;
}
.mainContents .floating-banner {
  position: fixed;
  bottom: clamp(1.6rem, 1.2363636364rem + 0.9696969697vw, 2.4rem);
  right: clamp(0.2rem, -0.0727272727rem + 0.7272727273vw, 0.8rem);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition: opacity var(--trd-duration) var(--trd-timing), visibility var(--trd-duration) var(--trd-timing), bottom var(--trd-duration) var(--trd-timing), -webkit-transform var(--trd-duration) var(--trd-timing);
  transition: opacity var(--trd-duration) var(--trd-timing), visibility var(--trd-duration) var(--trd-timing), bottom var(--trd-duration) var(--trd-timing), -webkit-transform var(--trd-duration) var(--trd-timing);
  transition: opacity var(--trd-duration) var(--trd-timing), visibility var(--trd-duration) var(--trd-timing), transform var(--trd-duration) var(--trd-timing), bottom var(--trd-duration) var(--trd-timing);
  transition: opacity var(--trd-duration) var(--trd-timing), visibility var(--trd-duration) var(--trd-timing), transform var(--trd-duration) var(--trd-timing), bottom var(--trd-duration) var(--trd-timing), -webkit-transform var(--trd-duration) var(--trd-timing);
}
.mainContents .floating-banner.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mainContents .floating-banner__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.mainContents .floating-banner__link:hover {
  opacity: 0.8;
}
.mainContents .floating-banner__image {
  width: clamp(12rem, 5.1818181818rem + 18.1818181818vw, 27rem);
  display: block;
}
.mainContents .floating-banner__image picture,
.mainContents .floating-banner__image img {
  width: 100%;
  display: block;
  height: auto;
}
@media (max-width: 768px) {
  .mainContents .floating-banner {
    bottom: 2.1333333333vw;
    right: 2.1333333333vw;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  .mainContents .floating-banner__image {
    width: 26.6666666667vw;
  }
}
.mainContents .introduction {
  padding: clamp(6.2rem, 3.4727272727rem + 7.2727272727vw, 12.2rem) 0;
  position: relative;
  background-color: #fff8ee;
}
.mainContents .introduction::before, .mainContents .introduction::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: clamp(2rem, 1.5454545455rem + 1.2121212121vw, 3rem);
  background-image: url("../images/lace.png");
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 100%;
}
.mainContents .introduction::before {
  top: 0;
}
.mainContents .introduction::after {
  bottom: 0;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.mainContents .introduction__image {
  display: block;
  width: 100%;
  text-align: center;
}
.mainContents .introduction__image img {
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .mainContents .introduction__image img {
    width: 70.1333333333vw;
  }
}
.mainContents .introduction__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mainContents .introduction__text {
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 768px) {
  .mainContents .introduction {
    padding: 15.3333333333vw 0;
  }
  .mainContents .introduction::before, .mainContents .introduction::after {
    height: 5.3333333333vw;
  }
  .mainContents .introduction__text {
    font-size: clamp(1.3rem, 1.8666666667vw, 1.4rem);
  }
}
.mainContents .campaign-selector {
  background-color: var(--color-red);
  background-image: radial-gradient(circle, #e87277 2px, transparent 2px), radial-gradient(circle, #e87277 2px, transparent 2px);
  background-size: 20px 40px;
  background-position: 0 0, 10px 20px;
  padding: clamp(2rem, 0.7272727273rem + 3.3939393939vw, 4.8rem) 0;
  position: relative;
}
.mainContents .campaign-selector__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(1.6rem, 1.2363636364rem + 0.9696969697vw, 2.4rem) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.6rem, 1.2363636364rem + 0.9696969697vw, 2.4rem);
  background-image: url("../images/wave.svg");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
  padding: clamp(2.3rem, 1.5272727273rem + 2.0606060606vw, 4rem) clamp(4rem, 2.1818181818rem + 4.8484848485vw, 8rem);
}
@media (max-width: 768px) {
  .mainContents .campaign-selector__inner {
    background-image: url("../images/sp/wave.svg");
    background-size: 100% 27vw;
  }
}
.mainContents .campaign-selector__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  text-decoration: none;
  color: inherit;
  position: relative;
}
.mainContents .campaign-selector__button picture,
.mainContents .campaign-selector__button img {
  width: 100%;
  height: auto;
  display: block;
}
.mainContents .campaign-selector__button--active {
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.mainContents .campaign-selector__button--active:hover {
  opacity: 0.6;
}
.mainContents .campaign-selector__button--disabled {
  cursor: default;
  pointer-events: none;
}
@media (max-width: 768px) {
  .mainContents .campaign-selector {
    padding: 6.6666666667vw 0;
    background-size: 15px 30px;
    background-position: 0 0, 7px 15px;
    background-image: radial-gradient(circle, #e87277 1px, transparent 2px), radial-gradient(circle, #e87277 1px, transparent 2px);
  }
  .mainContents .campaign-selector__inner {
    gap: 2.1333333333vw;
    padding: 4vw 2vw;
  }
}
.mainContents .campaign-detail {
  background-color: #de425b;
  background-image: url("../images/campaign.png");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
  padding: clamp(9rem, 4.9090909091rem + 10.9090909091vw, 18rem) 0 clamp(6.2rem, 3.3363636364rem + 7.6363636364vw, 12.5rem);
  position: relative;
}
.mainContents .campaign-detail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: clamp(2rem, 1.5454545455rem + 1.2121212121vw, 3rem);
  background-image: url("../images/lace.png");
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 100%;
}
.mainContents .campaign-detail__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url("../images/wave.svg");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
  padding-bottom: clamp(3rem, 1.5rem + 4vw, 6.3rem);
}
@media (max-width: 768px) {
  .mainContents .campaign-detail__inner {
    background-image: url("../images/sp/wave.svg");
    background-size: 100% 27vw;
  }
}
.mainContents .campaign-detail__title {
  font-size: clamp(2rem, 1.8181818182rem + 0.4848484848vw, 2.4rem);
  font-weight: 700;
  color: var(--color-text);
  text-align: center;
  position: relative;
  margin-top: clamp(-5rem, -2.7272727273rem + -6.0606060606vw, -10rem);
  z-index: 1;
}
.mainContents .campaign-detail__description {
  font-size: clamp(2.2rem, 2.2rem + 0vw, 2.2rem);
  line-height: 1.8;
  text-align: center;
  font-weight: 700;
  margin-top: clamp(1.4rem, 1.4rem + 0vw, 1.4rem);
}
@media (max-width: 768px) {
  .mainContents .campaign-detail {
    padding: 21.8666666667vw 0 9.3333333333vw;
  }
  .mainContents .campaign-detail::before {
    height: 5.3333333333vw;
  }
  .mainContents .campaign-detail__inner {
    gap: 0vw;
    padding-bottom: 6.6666666667vw;
  }
  .mainContents .campaign-detail__title {
    font-size: clamp(1.3rem, 2.6666666667vw, 2rem);
    margin-top: -11.6vw;
  }
  .mainContents .campaign-detail__description {
    font-size: clamp(1.4rem, 3.7333333333vw, 2.8rem);
    margin-top: 0;
  }
}
.mainContents .campaign-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.8rem, 0.6181818182rem + 0.4848484848vw, 1.2rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: clamp(3.2rem, 1.8363636364rem + 3.6363636364vw, 6.2rem);
}
.mainContents .campaign-period__title {
  text-align: center;
}
.mainContents .campaign-period__title picture,
.mainContents .campaign-period__title img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.mainContents .campaign-period__item {
  font-size: clamp(2.6rem, 2.6rem + 0vw, 2.6rem);
  font-weight: 700;
}
.mainContents .campaign-period__item:first-child {
  margin-top: clamp(2rem, 1.2272727273rem + 2.0606060606vw, 3.7rem);
}
@media (max-width: 768px) {
  .mainContents .campaign-period {
    gap: 1.0666666667vw;
    margin-top: 7.2vw;
  }
  .mainContents .campaign-period__title {
    width: 66.9333333333vw;
    margin-bottom: 2.4vw;
  }
  .mainContents .campaign-period__item {
    font-size: clamp(1.4rem, 3.7333333333vw, 2.8rem);
  }
}
.mainContents .prize-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 7px solid var(--color-red);
  border-radius: clamp(0.8rem, 0.6181818182rem + 0.4848484848vw, 1.2rem);
  padding: clamp(6.1rem, 7.5090909091rem + -3.7575757576vw, 3rem);
  position: relative;
  max-width: clamp(44rem, 24rem + 53.3333333333vw, 88rem);
  margin: auto;
}
.mainContents .prize-course__wrapper {
  margin-top: clamp(4rem, 2.1818181818rem + 4.8484848485vw, 8rem);
}
.mainContents .prize-course__title-image {
  text-align: center;
}
.mainContents .prize-course__title-image picture,
.mainContents .prize-course__title-image img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.mainContents .prize-course__title {
  font-size: clamp(1.8rem, 1.7090909091rem + 0.2424242424vw, 2rem);
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: clamp(-11.5rem, -11.2727272727rem + -0.6060606061vw, -12rem);
  display: inline-block;
  padding: 0 clamp(1.2rem, 1.0181818182rem + 0.4848484848vw, 1.6rem);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-bottom: clamp(2rem, 1.2272727273rem + 2.0606060606vw, 3.7rem);
}
.mainContents .prize-course__period-title {
  text-align: center;
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
  font-weight: 700;
}
.mainContents .prize-course__period-title img {
  display: block;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .mainContents .prize-course__period-title {
    font-size: clamp(1.3rem, 1.8666666667vw, 1.4rem);
  }
}
.mainContents .prize-course__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2rem, 1.0909090909rem + 2.4242424242vw, 4rem);
}
.mainContents .prize-course--single {
  margin-top: clamp(4rem, 2.1818181818rem + 4.8484848485vw, 8rem);
  padding: clamp(4rem, 4.9090909091rem + -2.4242424242vw, 2rem) clamp(6.1rem, 7.5090909091rem + -3.7575757576vw, 3rem);
}
.mainContents .prize-course--single .prize-course__title {
  margin-top: clamp(-9.5rem, -9.2727272727rem + -0.6060606061vw, -10rem);
}
.mainContents .prize-course--triple {
  margin-top: clamp(4rem, 2.1818181818rem + 4.8484848485vw, 8rem);
}
.mainContents .prize-course--triple .prize-course__item:not(:first-of-type) {
  position: relative;
  padding-top: clamp(2rem, 1.0909090909rem + 2.4242424242vw, 4rem);
  margin-top: clamp(2rem, 1.0909090909rem + 2.4242424242vw, 4rem);
}
.mainContents .prize-course--triple .prize-course__item:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: radial-gradient(circle, var(--color-red) 25%, transparent 26%);
  background-size: 12px 4px;
  background-repeat: repeat-x;
}
.mainContents .prize-course__period {
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
  text-align: center;
  font-weight: 700;
}
.mainContents .prize-course .campaign-detail__description {
  margin-top: 0;
}
@media (max-width: 768px) {
  .mainContents .prize-course {
    border-radius: 1.0666666667vw;
    padding: 3.2vw;
    width: 94%;
    margin-inline: auto;
    border: 0.6666666667vw solid var(--color-red);
    border-radius: 4.6666666667vw;
  }
  .mainContents .prize-course__title-image {
    width: 66.9333333333vw;
    margin-inline: auto;
  }
  .mainContents .prize-course__title {
    font-size: clamp(1.3rem, 2.4vw, 1.8rem);
    margin-top: -10.6666666667vw;
    padding: 0 1.6vw;
    width: 66.6666666667vw;
  }
  .mainContents .prize-course__item {
    gap: 4.2666666667vw;
    margin-top: 5.4666666667vw;
  }
  .mainContents .prize-course__period {
    font-size: clamp(1.3rem, 1.8666666667vw, 1.4rem);
  }
  .mainContents .prize-course__period-title {
    width: 68.5333333333vw;
    margin-inline: auto;
  }
  .mainContents .prize-course--single .prize-course__title {
    margin-top: -10.9333333333vw;
  }
  .mainContents .prize-course--single .campaign-detail__description {
    width: 33.3333333333vw;
    margin-bottom: 1.3333333333vw;
  }
  .mainContents .prize-course--triple {
    margin-top: 10.4vw;
  }
  .mainContents .prize-course--triple .prize-course__item:not(:first-of-type) {
    padding-top: 5.4666666667vw;
  }
}
.mainContents .prize-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2.4rem, 2.0363636364rem + 0.9696969697vw, 3.2rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 769px) {
  .mainContents .prize-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .mainContents .prize-list {
    gap: 3.2vw;
    width: 71.4666666667vw;
    margin-inline: auto;
  }
}
.mainContents .prize-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.2rem, 1.0181818182rem + 0.4848484848vw, 1.6rem);
  width: 100%;
}
.mainContents .prize-item__image {
  width: 100%;
  aspect-ratio: 1;
  position: relative;
  background-color: var(--color-bg);
}
.mainContents .prize-item__image picture,
.mainContents .prize-item__image img {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainContents .prize-item__rank, .mainContents .prize-item__name {
  font-size: clamp(1.6rem, 1.5090909091rem + 0.2424242424vw, 1.8rem);
  font-weight: 700;
  text-align: center;
}
.mainContents .prize-item__count {
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
  text-align: center;
}
@media (max-width: 768px) {
  .mainContents .prize-item {
    gap: 1.6vw;
    width: 65.8666666667vw;
    margin-inline: auto;
  }
  .mainContents .prize-item--single {
    margin-top: 4.2666666667vw;
  }
  .mainContents .prize-item__rank, .mainContents .prize-item__name {
    font-size: clamp(1.3rem, 2.1333333333vw, 1.6rem);
  }
  .mainContents .prize-item__count {
    font-size: clamp(1.3rem, 1.8666666667vw, 1.4rem);
  }
}
.mainContents .eligible-products {
  background: #FFF;
  max-width: clamp(36rem, 19.1818181818rem + 44.8484848485vw, 73rem);
  margin: auto;
  margin-top: clamp(4rem, 2.1818181818rem + 4.8484848485vw, 8rem);
  border-radius: clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
  padding: 0 clamp(3.5rem, 1.9090909091rem + 4.2424242424vw, 7rem) clamp(2.5rem, 1.3636363636rem + 3.0303030303vw, 5rem);
  font-weight: 600;
}
.mainContents .eligible-products__title {
  text-align: center;
  margin-bottom: clamp(1.6rem, 1.2363636364rem + 0.9696969697vw, 2.4rem);
  margin-top: clamp(-2rem, -1.0909090909rem + -2.4242424242vw, -4rem);
}
.mainContents .eligible-products__title picture,
.mainContents .eligible-products__title img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.mainContents .eligible-products__item, .mainContents .eligible-products__note {
  text-indent: -1em;
  padding-left: 1em;
}
.mainContents .eligible-products__notes {
  margin-top: clamp(1.3rem, 0.7090909091rem + 1.5757575758vw, 2.6rem);
}
@media (max-width: 768px) {
  .mainContents .eligible-products {
    margin-top: 9.4666666667vw;
    width: 94%;
    border-radius: 2.6666666667vw;
    padding: 0 5.6vw 4vw;
  }
  .mainContents .eligible-products__title {
    font-size: clamp(1.3rem, 2.4vw, 1.8rem);
    margin-bottom: 2.1333333333vw;
    width: 66.9333333333vw;
    margin-inline: auto;
  }
  .mainContents .eligible-products__item {
    font-size: clamp(1.3rem, 2.6666666667vw, 2rem);
  }
  .mainContents .eligible-products__notes {
    margin-top: 2.6666666667vw;
    font-size: clamp(1.3rem, 2.4vw, 1.8rem);
  }
}
.mainContents .application-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2.4rem, 2.0363636364rem + 0.9696969697vw, 3.2rem);
  margin-top: clamp(3rem, 1.6363636364rem + 3.6363636364vw, 6rem);
}
.mainContents .application-method__title {
  text-align: center;
}
.mainContents .application-method__title picture,
.mainContents .application-method__title img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.mainContents .application-method__description {
  max-width: clamp(44rem, 24rem + 53.3333333333vw, 88rem);
  margin: auto;
}
.mainContents .application-method__lead {
  font-weight: 700;
  font-size: clamp(2.2rem, 2.2rem + 0vw, 2.2rem);
}
.mainContents .application-method__notes {
  margin-top: clamp(0.7rem, 0.3818181818rem + 0.8484848485vw, 1.4rem);
  font-weight: 600;
  font-size: clamp(1.4rem, 1.4rem + 0vw, 1.4rem);
}
.mainContents .application-method__note {
  text-indent: -1em;
  padding-left: 1em;
}
.mainContents .application-method__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.mainContents .application-method__button:hover {
  opacity: 0.6;
}
.mainContents .application-method__text {
  text-align: center;
  font-weight: 700;
  font-size: clamp(1.8rem, 1.5272727273rem + 0.7272727273vw, 2.4rem);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #f5adcd));
  background: linear-gradient(transparent 70%, #f5adcd 30%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(0.3rem, 0.1636363636rem + 0.3636363636vw, 0.6rem) auto 0;
}
@media (max-width: 768px) {
  .mainContents .application-method {
    gap: 3.2vw;
    margin-top: 8vw;
  }
  .mainContents .application-method__title {
    width: 66.9333333333vw;
    margin-inline: auto;
  }
  .mainContents .application-method__description {
    text-align: center;
    font-size: clamp(1.4rem, 3.7333333333vw, 2.8rem);
  }
  .mainContents .application-method__lead {
    font-size: clamp(1.4rem, 3.7333333333vw, 2.8rem);
  }
  .mainContents .application-method__button {
    max-width: 74.6666666667vw;
    margin-top: 3.4666666667vw;
  }
  .mainContents .application-method__notes {
    text-align: left;
    width: 80vw;
    margin-inline: auto;
  }
  .mainContents .application-method__note {
    font-size: clamp(1.3rem, 2.6666666667vw, 2rem);
  }
  .mainContents .application-method__text {
    font-size: clamp(1.6rem, 2.6666666667vw, 2rem);
    margin-top: 3.4666666667vw;
  }
}
.mainContents .application-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(3.2rem, 2.4727272727rem + 1.9393939394vw, 4.8rem);
  position: relative;
  width: 94%;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .mainContents .application-steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (max-width: 768px) {
  .mainContents .application-steps {
    gap: 13.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.mainContents .application-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.2rem, 1.0181818182rem + 0.4848484848vw, 1.6rem);
  width: 100%;
  max-width: clamp(20rem, 17.7272727273rem + 6.0606060606vw, 25rem);
  border-radius: clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
  border: 7px solid var(--color-red);
  position: relative;
  background: #fff;
}
@media (min-width: 769px) {
  .mainContents .application-step::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) translateX(230%);
            transform: translateY(-50%) translateX(230%);
    width: 0;
    height: 0;
    border-top: clamp(1rem, 0.8181818182rem + 0.4848484848vw, 1.4rem) solid transparent;
    border-bottom: clamp(1rem, 0.8181818182rem + 0.4848484848vw, 1.4rem) solid transparent;
    border-left: clamp(1.4rem, 1.2181818182rem + 0.4848484848vw, 1.8rem) solid var(--color-red);
  }
  .mainContents .application-step:last-child::after {
    display: none;
  }
}
.mainContents .application-step__number {
  background: var(--color-red);
  width: 100%;
  text-align: center;
}
.mainContents .application-step__number-image {
  margin-top: clamp(-2rem, -1.0909090909rem + -2.4242424242vw, -4rem);
}
.mainContents .application-step__content {
  padding: 0 clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem) clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
  text-align: center;
}
.mainContents .application-step__text {
  font-size: clamp(2rem, 2rem + 0vw, 2rem);
  font-weight: 700;
  text-align: center;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #f5adcd));
  background: linear-gradient(transparent 70%, #f5adcd 30%);
  padding-inline: clamp(0.2rem, 0.0636363636rem + 0.3636363636vw, 0.5rem);
}
.mainContents .application-step__description {
  text-align: center;
  font-weight: 700;
  margin-top: clamp(0.8rem, 0.4363636364rem + 0.9696969697vw, 1.6rem);
}
.mainContents .application-step__note {
  font-size: clamp(1.2rem, 1.1090909091rem + 0.2424242424vw, 1.4rem);
  font-weight: 700;
  margin-top: clamp(1rem, 0.7727272727rem + 0.6060606061vw, 1.5rem);
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
.mainContents .application-step__image {
  width: 100%;
  text-align: center;
  margin-top: clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
}
.mainContents .application-step__image picture,
.mainContents .application-step__image img {
  margin: auto;
}
@media (max-width: 768px) {
  .mainContents .application-step {
    gap: 2.6666666667vw;
    max-width: 89.0666666667vw;
    margin-inline: auto;
    width: 94%;
    border: 0.6666666667vw solid var(--color-red);
    border-radius: 2.6666666667vw;
  }
  .mainContents .application-step::after {
    content: "";
    position: absolute;
    bottom: -4vw;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%);
    width: 0;
    height: 0;
    border-left: 4.2666666667vw solid transparent;
    border-right: 4.2666666667vw solid transparent;
    border-top: 2.6666666667vw solid var(--color-red);
  }
  .mainContents .application-step:last-child::after {
    display: none;
  }
  .mainContents .application-step__number {
    font-size: clamp(1.3rem, 2.6666666667vw, 2rem);
    border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  }
  .mainContents .application-step__number-image {
    margin-top: -6.6666666667vw;
    margin-inline: auto;
  }
  .mainContents .application-step__number-image--step1 {
    width: 20vw;
  }
  .mainContents .application-step__number-image--step2 {
    width: 23.6vw;
  }
  .mainContents .application-step__number-image--step3 {
    width: 23.4666666667vw;
  }
  .mainContents .application-step__text {
    font-size: clamp(1.6rem, 4.2666666667vw, 3.2rem);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(74%, transparent), color-stop(26%, #f5adcd));
    background: linear-gradient(transparent 74%, #f5adcd 26%);
  }
  .mainContents .application-step__description {
    font-size: clamp(1.3rem, 3.4666666667vw, 2.6rem);
  }
  .mainContents .application-step__note {
    font-size: clamp(1.3rem, 2.6666666667vw, 2rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 2.6666666667vw auto 0;
  }
  .mainContents .application-step__image {
    margin-inline: auto;
  }
  .mainContents .application-step__image--step1 {
    width: 32.6666666667vw;
  }
  .mainContents .application-step__image--step2 {
    width: 11.8666666667vw;
  }
  .mainContents .application-step__image--step3 {
    width: 63.3333333333vw;
  }
}
.mainContents .receipt-notes {
  margin-top: clamp(3.5rem, 1.9090909091rem + 4.2424242424vw, 7rem);
}
.mainContents .receipt-notes__content {
  display: -ms-grid;
  display: grid;
  gap: clamp(2.5rem, 1.3181818182rem + 3.1515151515vw, 5.1rem);
}
.mainContents .receipt-notes__content--online {
  margin-top: clamp(2.5rem, 1.3181818182rem + 3.1515151515vw, 5.1rem);
}
.mainContents .receipt-notes__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.6rem, 0.8272727273rem + 2.0606060606vw, 3.3rem);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 90%;
  margin-inline: auto;
}
.mainContents .receipt-notes__content-item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mainContents .receipt-notes__content-item--not-good {
  width: 90%;
  margin: clamp(2.7rem, 2.1090909091rem + 1.5757575758vw, 4rem) auto 0;
}
.mainContents .receipt-notes__content-item--not-good .receipt-notes__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.5rem, 0.2727272727rem + 0.6060606061vw, 1rem);
}
.mainContents .receipt-notes__content-item--not-good .receipt-notes__text {
  text-align: center;
  font-size: clamp(1.7rem, 1.6090909091rem + 0.2424242424vw, 1.9rem);
  font-weight: 600;
  line-height: 1.8;
}
.mainContents .receipt-notes__content-item--not-good .receipt-notes__example {
  margin-top: clamp(1.2rem, 0.6090909091rem + 1.5757575758vw, 2.5rem);
  padding: clamp(1.7rem, 0.8818181818rem + 2.1818181818vw, 3.5rem) clamp(1.1rem, 0.6rem + 1.3333333333vw, 2.2rem);
}
.mainContents .receipt-notes__content-item--not-good .receipt-notes__example picture,
.mainContents .receipt-notes__content-item--not-good .receipt-notes__example img {
  max-width: clamp(41rem, 14.1818181818rem + 71.5151515152vw, 100rem);
}
.mainContents .receipt-notes__content-item--not-good .receipt-notes__example-text {
  width: 80%;
  margin-inline: auto;
}
.mainContents .receipt-notes__title {
  text-align: left;
  margin-inline: auto;
  font-size: clamp(2.6rem, 2.5090909091rem + 0.2424242424vw, 2.8rem);
  font-weight: 700;
  background: #f5adcd;
  width: 80%;
  border-radius: clamp(20rem, 20rem + 0vw, 20rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(0.6rem, 0.3727272727rem + 0.6060606061vw, 1.1rem) clamp(4rem, 4rem + 0vw, 4rem);
  line-height: 1.3;
}
.mainContents .receipt-notes__title picture,
.mainContents .receipt-notes__title img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.mainContents .receipt-notes__icon {
  display: inline-block;
  width: clamp(3.7rem, 3.7rem + 0vw, 3.7rem);
  height: clamp(3.4rem, 3.4rem + 0vw, 3.4rem);
  vertical-align: middle;
  margin-right: clamp(1rem, 1rem + 0vw, 1rem);
}
.mainContents .receipt-notes__text-wrapper {
  font-size: clamp(2rem, 1.9090909091rem + 0.2424242424vw, 2.2rem);
  text-align: center;
  font-weight: 700;
  margin-top: clamp(1.5rem, 0.8181818182rem + 1.8181818182vw, 3rem);
  font-size: clamp(2rem, 1.9090909091rem + 0.2424242424vw, 2.2rem);
  width: 90%;
  margin-inline: auto;
}
.mainContents .receipt-notes__period {
  margin-top: clamp(0.8rem, 0.4363636364rem + 0.9696969697vw, 1.6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(2.6rem, 1.3727272727rem + 3.2727272727vw, 5.3rem);
}
.mainContents .receipt-notes__period-text {
  text-align: left;
}
.mainContents .receipt-notes__image-list {
  background: #fff;
  padding: clamp(1.6rem, 0.8272727273rem + 2.0606060606vw, 3.3rem) clamp(1rem, 0.5rem + 1.3333333333vw, 2.1rem);
  border-radius: clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mainContents .receipt-notes__image-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2.7rem, 1.4272727273rem + 3.3939393939vw, 5.5rem);
}
.mainContents .receipt-notes__image-item:not(:first-child) {
  position: relative;
  padding-top: clamp(1.6rem, 0.8272727273rem + 2.0606060606vw, 3.3rem);
  margin-top: clamp(1.6rem, 0.8272727273rem + 2.0606060606vw, 3.3rem);
}
.mainContents .receipt-notes__image-item:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: radial-gradient(circle, var(--color-text) 25%, transparent 26%);
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.mainContents .receipt-notes__image-item--multiple {
  gap: clamp(0.7rem, 0.3818181818rem + 0.8484848485vw, 1.4rem);
}
.mainContents .receipt-notes__image-item--multiple picture,
.mainContents .receipt-notes__image-item--multiple img {
  max-width: clamp(15rem, 14.5454545455rem + 1.2121212121vw, 16rem);
}
.mainContents .receipt-notes__image-item--multiple .receipt-notes__example-text {
  margin-top: clamp(0.2rem, 0.2rem + 0vw, 0.2rem);
}
.mainContents .receipt-notes__image-text {
  font-weight: 600;
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
}
.mainContents .receipt-notes__image-text li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.4rem, 0.2181818182rem + 0.4848484848vw, 0.8rem);
}
.mainContents .receipt-notes__image-dot {
  color: #f5adcd;
  font-size: clamp(1rem, 0.9090909091rem + 0.2424242424vw, 1.2rem);
}
.mainContents .receipt-notes__subtitle {
  font-size: clamp(3rem, 2.9090909091rem + 0.2424242424vw, 3.2rem);
  font-weight: 700;
}
.mainContents .receipt-notes__example {
  background: #fff;
  padding: clamp(1.6rem, 0.8272727273rem + 2.0606060606vw, 3.3rem) clamp(1rem, 0.5rem + 1.3333333333vw, 2.1rem);
  border-radius: clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mainContents .receipt-notes__example-image {
  text-align: center;
}
.mainContents .receipt-notes__example picture,
.mainContents .receipt-notes__example img {
  max-width: clamp(17.7rem, 9.6090909091rem + 21.5757575758vw, 35.5rem);
}
.mainContents .receipt-notes__example-text {
  margin-top: clamp(1.2rem, 0.6090909091rem + 1.5757575758vw, 2.5rem);
}
.mainContents .receipt-notes__example-text-item {
  text-indent: -1em;
  padding-left: 1em;
}
.mainContents .receipt-notes__example-text-item--not-first {
  text-indent: -1em;
  padding-left: 2em;
}
.mainContents .receipt-notes__online {
  padding: clamp(2rem, 1.0909090909rem + 2.4242424242vw, 4rem) clamp(1.5rem, 0.8181818182rem + 1.8181818182vw, 3rem);
  border-radius: clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
  background: #FFF;
  width: 90%;
  margin-inline: auto;
}
.mainContents .receipt-notes__online-image {
  text-align: center;
}
.mainContents .receipt-notes__online-list {
  margin-top: clamp(1.2rem, 0.7rem + 1.3333333333vw, 2.3rem);
}
.mainContents .receipt-notes__online-item {
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 768px) {
  .mainContents .receipt-notes {
    margin-top: 9.3333333333vw;
  }
  .mainContents .receipt-notes__title {
    width: 94%;
    margin-inline: auto;
    font-size: clamp(1.5rem, 4vw, 3.2rem);
    padding-block: 1.0666666667vw;
  }
  .mainContents .receipt-notes__text {
    line-height: 5.3333333333vw;
    font-size: clamp(1.4rem, 3.7333333333vw, 2.8rem);
  }
  .mainContents .receipt-notes__text-wrapper {
    margin-top: 3.8666666667vw;
  }
  .mainContents .receipt-notes__content {
    gap: 0;
  }
  .mainContents .receipt-notes__content-wrapper {
    margin-top: 3.4666666667vw;
    display: -ms-grid;
    display: grid;
    gap: 4vw;
  }
  .mainContents .receipt-notes__content-item {
    width: 100%;
  }
  .mainContents .receipt-notes__content-item--not-good {
    width: 90%;
    margin-inline: auto;
    margin-top: 4vw;
  }
  .mainContents .receipt-notes__content-item--not-good .receipt-notes__text {
    font-size: clamp(1.3rem, 3.2vw, 2.4rem);
    margin-top: 2.6666666667vw;
  }
  .mainContents .receipt-notes__content-item--not-good .receipt-notes__subtitle img {
    width: 4.4vw;
    height: 4.2666666667vw;
  }
  .mainContents .receipt-notes__content-item--not-good .receipt-notes__example-text {
    margin-top: 2.1333333333vw;
    font-size: clamp(1.3rem, 3.2vw, 2.4rem);
    width: 100%;
  }
  .mainContents .receipt-notes__content-item--not-good .receipt-notes__example picture,
  .mainContents .receipt-notes__content-item--not-good .receipt-notes__example img {
    max-width: 75.3333333333vw;
    width: 80%;
  }
  .mainContents .receipt-notes__content--online {
    margin-top: 7.7333333333vw;
  }
  .mainContents .receipt-notes__icon {
    width: 4.9333333333vw;
    height: 4.5333333333vw;
  }
  .mainContents .receipt-notes__period {
    display: block;
    font-size: clamp(1.3rem, 3.4666666667vw, 2.6rem);
  }
  .mainContents .receipt-notes__period-text {
    text-align: center;
  }
  .mainContents .receipt-notes__subtitle {
    font-size: clamp(1.8rem, 4.8vw, 3.6rem);
  }
  .mainContents .receipt-notes__example {
    margin-top: 2.6666666667vw;
  }
  .mainContents .receipt-notes__example picture,
  .mainContents .receipt-notes__example img {
    max-width: 51.3333333333vw;
  }
  .mainContents .receipt-notes__example-text {
    margin-top: 3.4666666667vw;
    font-size: clamp(1.3rem, 3.2vw, 2.4rem);
  }
  .mainContents .receipt-notes__image-list {
    margin-top: 2.6666666667vw;
    padding: 4vw 2.9333333333vw;
    border-radius: 2.6666666667vw;
  }
  .mainContents .receipt-notes__image-text li {
    font-size: clamp(1.3rem, 3.4666666667vw, 2.6rem);
  }
  .mainContents .receipt-notes__image-dot {
    font-size: clamp(1.3rem, 2.9333333333vw, 2.2rem);
  }
  .mainContents .receipt-notes__image-item {
    gap: 4.1333333333vw;
  }
  .mainContents .receipt-notes__image-item picture,
  .mainContents .receipt-notes__image-item img {
    max-width: 16.5333333333vw;
  }
  .mainContents .receipt-notes__image-item--multiple {
    display: -ms-grid;
    display: grid;
    gap: 2.6666666667vw;
  }
  .mainContents .receipt-notes__image-item--multiple picture,
  .mainContents .receipt-notes__image-item--multiple img {
    max-width: 20vw;
    margin-inline: auto;
  }
  .mainContents .receipt-notes__image-item--multiple .receipt-notes__image-text li {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mainContents .receipt-notes__image-label {
    font-size: clamp(1.3rem, 1.8666666667vw, 1.4rem);
  }
  .mainContents .receipt-notes__online {
    padding: 4vw 3.2vw;
    border-radius: 1.0666666667vw;
    margin-top: 3.7333333333vw;
    border-radius: 2.6666666667vw;
  }
  .mainContents .receipt-notes__online-list {
    font-size: clamp(1.3rem, 3.2vw, 2.4rem);
  }
}
.mainContents .terms {
  margin-top: clamp(3.2rem, 1.7454545455rem + 3.8787878788vw, 6.4rem);
}
.mainContents .terms__title {
  text-align: center;
}
.mainContents .terms__title picture,
.mainContents .terms__title img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.mainContents .terms__content {
  padding: clamp(2.4rem, 2.0363636364rem + 0.9696969697vw, 3.2rem);
  border-radius: clamp(0.8rem, 0.6181818182rem + 0.4848484848vw, 1.2rem);
  width: 90%;
  max-width: clamp(43rem, 23.4545454545rem + 52.1212121212vw, 86rem);
  margin: clamp(2rem, 1.0909090909rem + 2.4242424242vw, 4rem) auto 0;
  border: var(--color-red) 7px solid;
  background: #FFF;
}
.mainContents .terms__content-item {
  height: clamp(28rem, 27.0909090909rem + 2.4242424242vw, 30rem);
  overflow-y: scroll;
  padding-inline: clamp(1.6rem, 0.8727272727rem + 1.9393939394vw, 3.2rem);
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
  line-height: 2.2;
  font-weight: 500;
}
.mainContents .terms__text {
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
  line-height: 1.8;
  padding-block: 0.6em;
}
.mainContents .terms__link {
  text-decoration: underline;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mainContents .terms__link:hover {
  opacity: 0.6;
}
.mainContents .terms .indent {
  display: block;
}
.mainContents .terms .indent--note {
  text-indent: -1em;
  padding-left: 1em;
}
.mainContents .terms .indent--dot {
  text-indent: -0.5em;
  padding-left: 0.5em;
}
@media (max-width: 768px) {
  .mainContents .terms {
    margin-top: 6.6666666667vw;
  }
  .mainContents .terms__title {
    width: 66.9333333333vw;
    margin-inline: auto;
  }
  .mainContents .terms__content {
    padding: 4vw 4.2666666667vw;
    border-radius: 2.6666666667vw;
    border: var(--color-red) 0.6666666667vw solid;
  }
  .mainContents .terms__content-item {
    height: 66.6666666667vw;
    padding-inline: 0vw 0.9333333333vw;
  }
  .mainContents .terms__text {
    font-size: clamp(1.3rem, 3.2vw, 2.4rem);
  }
}
.mainContents .contact {
  background: #f6dde8;
  padding-block: clamp(4rem, 2.1818181818rem + 4.8484848485vw, 8rem);
}
.mainContents .contact__title {
  text-align: center;
  margin-bottom: clamp(-2.4rem, -1.9454545455rem + -1.2121212121vw, -3.4rem);
}
.mainContents .contact__title picture,
.mainContents .contact__title img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.mainContents .contact__content {
  background: #FFF;
  width: 90%;
  max-width: clamp(44rem, 24rem + 53.3333333333vw, 88rem);
  margin-inline: auto;
  border-radius: clamp(1rem, 0.5454545455rem + 1.2121212121vw, 2rem);
  padding: clamp(4rem, 2.1818181818rem + 4.8484848485vw, 8rem) clamp(3rem, 1.6363636364rem + 3.6363636364vw, 6rem);
}
.mainContents .contact__office {
  font-size: clamp(2.4rem, 2.3090909091rem + 0.2424242424vw, 2.6rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(1.6rem, 1.2363636364rem + 0.9696969697vw, 2.4rem);
}
.mainContents .contact__info {
  margin-inline: auto;
  width: 90%;
  max-width: clamp(27rem, 14.7272727273rem + 32.7272727273vw, 54rem);
}
.mainContents .contact__info-item {
  font-weight: 700;
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
}
.mainContents .contact__mail-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
.mainContents .contact__mail-link:hover {
  opacity: 0.6;
}
.mainContents .contact__period-note {
  font-size: clamp(1.2rem, 1.1090909091rem + 0.2424242424vw, 1.4rem);
}
.mainContents .contact__note {
  font-size: clamp(1.2rem, 1.1090909091rem + 0.2424242424vw, 1.4rem);
  margin-top: clamp(1.3rem, 0.7545454545rem + 1.4545454545vw, 2.5rem);
  font-weight: 600;
  line-height: 1.8;
}
.mainContents .contact__note-item {
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 768px) {
  .mainContents .contact {
    padding-block: 5.3333333333vw;
  }
  .mainContents .contact__content {
    border-radius: 2.6666666667vw;
    padding: 8.2666666667vw 5.3333333333vw 4vw;
  }
  .mainContents .contact__title {
    width: 66.9333333333vw;
    margin-inline: auto;
    margin-bottom: -4vw;
  }
  .mainContents .contact__office {
    font-size: clamp(1.6rem, 4.2666666667vw, 3.2rem);
    margin-bottom: 2.1333333333vw;
    line-height: 1.4;
  }
  .mainContents .contact__info {
    max-width: 79.4666666667vw;
  }
  .mainContents .contact__info-item {
    font-size: clamp(1.3rem, 3.4666666667vw, 2.6rem);
  }
  .mainContents .contact__period-note {
    font-size: clamp(1.3rem, 2.9333333333vw, 2.2rem);
  }
  .mainContents .contact__note {
    font-size: clamp(1.3rem, 3.4666666667vw, 2.6rem);
    margin-top: 3.6vw;
  }
}
.mainContents .coming-soon {
  padding: clamp(4.8rem, 4.0727272727rem + 1.9393939394vw, 6.4rem) 0;
  position: relative;
}
.mainContents .coming-soon__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.6rem, 1.2363636364rem + 0.9696969697vw, 2.4rem);
}
.mainContents .coming-soon__title {
  text-align: center;
}
.mainContents .coming-soon__title picture,
.mainContents .coming-soon__title img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.mainContents .coming-soon__text {
  font-size: clamp(1.4rem, 1.3090909091rem + 0.2424242424vw, 1.6rem);
  text-align: center;
}
.mainContents .coming-soon__ribbon {
  width: 100%;
  max-width: clamp(40rem, 30.9090909091rem + 24.2424242424vw, 60rem);
  position: relative;
}
.mainContents .coming-soon__banner {
  width: 100%;
  display: block;
  height: auto;
}
.mainContents .coming-soon__banner picture {
  display: block;
  width: 100%;
}
.mainContents .coming-soon__banner picture img {
  width: 100%;
  display: block;
  height: auto;
}
@media (max-width: 768px) {
  .mainContents .coming-soon {
    padding: 9.3333333333vw 0 8vw;
  }
  .mainContents .coming-soon__inner {
    gap: 3.7333333333vw;
  }
  .mainContents .coming-soon__title {
    width: 83.4666666667vw;
    margin-inline: auto;
  }
  .mainContents .coming-soon__text {
    font-size: clamp(1.3rem, 1.8666666667vw, 1.4rem);
  }
  .mainContents .coming-soon__ribbon {
    max-width: 94.6666666667vw;
  }
}
.mainContents .footer__top-button {
  position: absolute;
  bottom: clamp(4.8rem, 4.0727272727rem + 1.9393939394vw, 6.4rem);
  right: clamp(1.6rem, 1.2363636364rem + 0.9696969697vw, 2.4rem);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(4rem, 3.5454545455rem + 1.2121212121vw, 5rem);
  height: clamp(4rem, 3.5454545455rem + 1.2121212121vw, 5rem);
  background-color: var(--color-white);
  border: 2px solid var(--color-red);
  border-radius: clamp(0.4rem, 0.3090909091rem + 0.2424242424vw, 0.6rem);
  text-decoration: none;
  -webkit-transition: background-color var(--trd-hover-duration) var(--trd-timing), border-color var(--trd-hover-duration) var(--trd-timing);
  transition: background-color var(--trd-hover-duration) var(--trd-timing), border-color var(--trd-hover-duration) var(--trd-timing);
}
.mainContents .footer__top-button:hover {
  background-color: var(--color-pink-light);
  border-color: var(--color-primary);
}
@media (max-width: 768px) {
  .mainContents .footer__top-button {
    width: 8.8vw;
    height: 8.8vw;
    border-radius: 0.5333333333vw;
    bottom: 4vw;
    right: 4vw;
  }
}
.mainContents .footer__top-button-arrow {
  margin-top: clamp(0.4rem, 0.4rem + 0vw, 0.4rem);
  display: block;
  width: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
  height: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
  border-top: 2px solid var(--color-red);
  border-right: 2px solid var(--color-red);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: border-color var(--trd-hover-duration) var(--trd-timing);
  transition: border-color var(--trd-hover-duration) var(--trd-timing);
}
.footer__top-button:hover .mainContents .footer__top-button-arrow {
  border-color: var(--color-primary);
}
@media (max-width: 768px) {
  .mainContents .footer__top-button-arrow {
    margin-top: 0.5333333333vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.mainContents .banners {
  padding-block: clamp(4rem, 3.0909090909rem + 2.4242424242vw, 6rem);
  position: relative;
}
.mainContents .banners__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2rem, 1.5454545455rem + 1.2121212121vw, 3rem);
  width: 80%;
  max-width: clamp(120rem, 101.8181818182rem + 48.4848484848vw, 160rem);
  margin: auto;
}
.mainContents .banners__picture {
  width: 50%;
}
.mainContents .banners__picture picture,
.mainContents .banners__picture img {
  width: 100%;
  display: block;
  height: auto;
}
.mainContents .banners__link {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mainContents .banners__link:hover {
  opacity: 0.6;
}
@media (max-width: 768px) {
  .mainContents .banners {
    padding-block: 5.3333333333vw 42.6666666667vw;
  }
  .mainContents .banners__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
  .mainContents .banners__inner__picture {
    width: 100%;
  }
}

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

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

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

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

.u-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

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

.u-flex-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.u-flex-between {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.u-flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.u-m-unit0 {
  margin: 0px !important;
}

.u-mt-unit0 {
  margin-top: 0px !important;
}

.u-mb-unit0 {
  margin-bottom: 0px !important;
}

.u-ml-unit0 {
  margin-left: 0px !important;
}

.u-mr-unit0 {
  margin-right: 0px !important;
}

.u-p-unit0 {
  padding: 0px !important;
}

.u-pt-unit0 {
  padding-top: 0px !important;
}

.u-pb-unit0 {
  padding-bottom: 0px !important;
}

.u-pl-unit0 {
  padding-left: 0px !important;
}

.u-pr-unit0 {
  padding-right: 0px !important;
}

.u-mbl-unit0 {
  margin-block: 0px !important;
}

.u-pbl-unit0 {
  padding-block: 0px !important;
}

.u-mil-unit0 {
  margin-inline: 0px !important;
}

.u-pil-unit0 {
  padding-inline: 0px !important;
}

.u-m-unit1 {
  margin: 5px !important;
}

.u-mt-unit1 {
  margin-top: 5px !important;
}

.u-mb-unit1 {
  margin-bottom: 5px !important;
}

.u-ml-unit1 {
  margin-left: 5px !important;
}

.u-mr-unit1 {
  margin-right: 5px !important;
}

.u-p-unit1 {
  padding: 5px !important;
}

.u-pt-unit1 {
  padding-top: 5px !important;
}

.u-pb-unit1 {
  padding-bottom: 5px !important;
}

.u-pl-unit1 {
  padding-left: 5px !important;
}

.u-pr-unit1 {
  padding-right: 5px !important;
}

.u-mbl-unit1 {
  margin-block: 5px !important;
}

.u-pbl-unit1 {
  padding-block: 5px !important;
}

.u-mil-unit1 {
  margin-inline: 5px !important;
}

.u-pil-unit1 {
  padding-inline: 5px !important;
}

.u-m-unit2 {
  margin: 10px !important;
}

.u-mt-unit2 {
  margin-top: 10px !important;
}

.u-mb-unit2 {
  margin-bottom: 10px !important;
}

.u-ml-unit2 {
  margin-left: 10px !important;
}

.u-mr-unit2 {
  margin-right: 10px !important;
}

.u-p-unit2 {
  padding: 10px !important;
}

.u-pt-unit2 {
  padding-top: 10px !important;
}

.u-pb-unit2 {
  padding-bottom: 10px !important;
}

.u-pl-unit2 {
  padding-left: 10px !important;
}

.u-pr-unit2 {
  padding-right: 10px !important;
}

.u-mbl-unit2 {
  margin-block: 10px !important;
}

.u-pbl-unit2 {
  padding-block: 10px !important;
}

.u-mil-unit2 {
  margin-inline: 10px !important;
}

.u-pil-unit2 {
  padding-inline: 10px !important;
}

.u-m-unit3 {
  margin: 15px !important;
}

.u-mt-unit3 {
  margin-top: 15px !important;
}

.u-mb-unit3 {
  margin-bottom: 15px !important;
}

.u-ml-unit3 {
  margin-left: 15px !important;
}

.u-mr-unit3 {
  margin-right: 15px !important;
}

.u-p-unit3 {
  padding: 15px !important;
}

.u-pt-unit3 {
  padding-top: 15px !important;
}

.u-pb-unit3 {
  padding-bottom: 15px !important;
}

.u-pl-unit3 {
  padding-left: 15px !important;
}

.u-pr-unit3 {
  padding-right: 15px !important;
}

.u-mbl-unit3 {
  margin-block: 15px !important;
}

.u-pbl-unit3 {
  padding-block: 15px !important;
}

.u-mil-unit3 {
  margin-inline: 15px !important;
}

.u-pil-unit3 {
  padding-inline: 15px !important;
}

.u-m-unit4 {
  margin: 20px !important;
}

.u-mt-unit4 {
  margin-top: 20px !important;
}

.u-mb-unit4 {
  margin-bottom: 20px !important;
}

.u-ml-unit4 {
  margin-left: 20px !important;
}

.u-mr-unit4 {
  margin-right: 20px !important;
}

.u-p-unit4 {
  padding: 20px !important;
}

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

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

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

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

.u-mbl-unit4 {
  margin-block: 20px !important;
}

.u-pbl-unit4 {
  padding-block: 20px !important;
}

.u-mil-unit4 {
  margin-inline: 20px !important;
}

.u-pil-unit4 {
  padding-inline: 20px !important;
}

.u-m-unit5 {
  margin: 25px !important;
}

.u-mt-unit5 {
  margin-top: 25px !important;
}

.u-mb-unit5 {
  margin-bottom: 25px !important;
}

.u-ml-unit5 {
  margin-left: 25px !important;
}

.u-mr-unit5 {
  margin-right: 25px !important;
}

.u-p-unit5 {
  padding: 25px !important;
}

.u-pt-unit5 {
  padding-top: 25px !important;
}

.u-pb-unit5 {
  padding-bottom: 25px !important;
}

.u-pl-unit5 {
  padding-left: 25px !important;
}

.u-pr-unit5 {
  padding-right: 25px !important;
}

.u-mbl-unit5 {
  margin-block: 25px !important;
}

.u-pbl-unit5 {
  padding-block: 25px !important;
}

.u-mil-unit5 {
  margin-inline: 25px !important;
}

.u-pil-unit5 {
  padding-inline: 25px !important;
}

.u-m-unit6 {
  margin: 30px !important;
}

.u-mt-unit6 {
  margin-top: 30px !important;
}

.u-mb-unit6 {
  margin-bottom: 30px !important;
}

.u-ml-unit6 {
  margin-left: 30px !important;
}

.u-mr-unit6 {
  margin-right: 30px !important;
}

.u-p-unit6 {
  padding: 30px !important;
}

.u-pt-unit6 {
  padding-top: 30px !important;
}

.u-pb-unit6 {
  padding-bottom: 30px !important;
}

.u-pl-unit6 {
  padding-left: 30px !important;
}

.u-pr-unit6 {
  padding-right: 30px !important;
}

.u-mbl-unit6 {
  margin-block: 30px !important;
}

.u-pbl-unit6 {
  padding-block: 30px !important;
}

.u-mil-unit6 {
  margin-inline: 30px !important;
}

.u-pil-unit6 {
  padding-inline: 30px !important;
}

.u-m-unit7 {
  margin: 35px !important;
}

.u-mt-unit7 {
  margin-top: 35px !important;
}

.u-mb-unit7 {
  margin-bottom: 35px !important;
}

.u-ml-unit7 {
  margin-left: 35px !important;
}

.u-mr-unit7 {
  margin-right: 35px !important;
}

.u-p-unit7 {
  padding: 35px !important;
}

.u-pt-unit7 {
  padding-top: 35px !important;
}

.u-pb-unit7 {
  padding-bottom: 35px !important;
}

.u-pl-unit7 {
  padding-left: 35px !important;
}

.u-pr-unit7 {
  padding-right: 35px !important;
}

.u-mbl-unit7 {
  margin-block: 35px !important;
}

.u-pbl-unit7 {
  padding-block: 35px !important;
}

.u-mil-unit7 {
  margin-inline: 35px !important;
}

.u-pil-unit7 {
  padding-inline: 35px !important;
}

.u-m-unit8 {
  margin: 40px !important;
}

.u-mt-unit8 {
  margin-top: 40px !important;
}

.u-mb-unit8 {
  margin-bottom: 40px !important;
}

.u-ml-unit8 {
  margin-left: 40px !important;
}

.u-mr-unit8 {
  margin-right: 40px !important;
}

.u-p-unit8 {
  padding: 40px !important;
}

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

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

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

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

.u-mbl-unit8 {
  margin-block: 40px !important;
}

.u-pbl-unit8 {
  padding-block: 40px !important;
}

.u-mil-unit8 {
  margin-inline: 40px !important;
}

.u-pil-unit8 {
  padding-inline: 40px !important;
}

.u-m-unit9 {
  margin: 45px !important;
}

.u-mt-unit9 {
  margin-top: 45px !important;
}

.u-mb-unit9 {
  margin-bottom: 45px !important;
}

.u-ml-unit9 {
  margin-left: 45px !important;
}

.u-mr-unit9 {
  margin-right: 45px !important;
}

.u-p-unit9 {
  padding: 45px !important;
}

.u-pt-unit9 {
  padding-top: 45px !important;
}

.u-pb-unit9 {
  padding-bottom: 45px !important;
}

.u-pl-unit9 {
  padding-left: 45px !important;
}

.u-pr-unit9 {
  padding-right: 45px !important;
}

.u-mbl-unit9 {
  margin-block: 45px !important;
}

.u-pbl-unit9 {
  padding-block: 45px !important;
}

.u-mil-unit9 {
  margin-inline: 45px !important;
}

.u-pil-unit9 {
  padding-inline: 45px !important;
}

.u-m-unit10 {
  margin: 50px !important;
}

.u-mt-unit10 {
  margin-top: 50px !important;
}

.u-mb-unit10 {
  margin-bottom: 50px !important;
}

.u-ml-unit10 {
  margin-left: 50px !important;
}

.u-mr-unit10 {
  margin-right: 50px !important;
}

.u-p-unit10 {
  padding: 50px !important;
}

.u-pt-unit10 {
  padding-top: 50px !important;
}

.u-pb-unit10 {
  padding-bottom: 50px !important;
}

.u-pl-unit10 {
  padding-left: 50px !important;
}

.u-pr-unit10 {
  padding-right: 50px !important;
}

.u-mbl-unit10 {
  margin-block: 50px !important;
}

.u-pbl-unit10 {
  padding-block: 50px !important;
}

.u-mil-unit10 {
  margin-inline: 50px !important;
}

.u-pil-unit10 {
  padding-inline: 50px !important;
}

.u-m-unit11 {
  margin: 55px !important;
}

.u-mt-unit11 {
  margin-top: 55px !important;
}

.u-mb-unit11 {
  margin-bottom: 55px !important;
}

.u-ml-unit11 {
  margin-left: 55px !important;
}

.u-mr-unit11 {
  margin-right: 55px !important;
}

.u-p-unit11 {
  padding: 55px !important;
}

.u-pt-unit11 {
  padding-top: 55px !important;
}

.u-pb-unit11 {
  padding-bottom: 55px !important;
}

.u-pl-unit11 {
  padding-left: 55px !important;
}

.u-pr-unit11 {
  padding-right: 55px !important;
}

.u-mbl-unit11 {
  margin-block: 55px !important;
}

.u-pbl-unit11 {
  padding-block: 55px !important;
}

.u-mil-unit11 {
  margin-inline: 55px !important;
}

.u-pil-unit11 {
  padding-inline: 55px !important;
}

.u-m-unit12 {
  margin: 60px !important;
}

.u-mt-unit12 {
  margin-top: 60px !important;
}

.u-mb-unit12 {
  margin-bottom: 60px !important;
}

.u-ml-unit12 {
  margin-left: 60px !important;
}

.u-mr-unit12 {
  margin-right: 60px !important;
}

.u-p-unit12 {
  padding: 60px !important;
}

.u-pt-unit12 {
  padding-top: 60px !important;
}

.u-pb-unit12 {
  padding-bottom: 60px !important;
}

.u-pl-unit12 {
  padding-left: 60px !important;
}

.u-pr-unit12 {
  padding-right: 60px !important;
}

.u-mbl-unit12 {
  margin-block: 60px !important;
}

.u-pbl-unit12 {
  padding-block: 60px !important;
}

.u-mil-unit12 {
  margin-inline: 60px !important;
}

.u-pil-unit12 {
  padding-inline: 60px !important;
}

.u-m-unit13 {
  margin: 65px !important;
}

.u-mt-unit13 {
  margin-top: 65px !important;
}

.u-mb-unit13 {
  margin-bottom: 65px !important;
}

.u-ml-unit13 {
  margin-left: 65px !important;
}

.u-mr-unit13 {
  margin-right: 65px !important;
}

.u-p-unit13 {
  padding: 65px !important;
}

.u-pt-unit13 {
  padding-top: 65px !important;
}

.u-pb-unit13 {
  padding-bottom: 65px !important;
}

.u-pl-unit13 {
  padding-left: 65px !important;
}

.u-pr-unit13 {
  padding-right: 65px !important;
}

.u-mbl-unit13 {
  margin-block: 65px !important;
}

.u-pbl-unit13 {
  padding-block: 65px !important;
}

.u-mil-unit13 {
  margin-inline: 65px !important;
}

.u-pil-unit13 {
  padding-inline: 65px !important;
}

.u-m-unit14 {
  margin: 70px !important;
}

.u-mt-unit14 {
  margin-top: 70px !important;
}

.u-mb-unit14 {
  margin-bottom: 70px !important;
}

.u-ml-unit14 {
  margin-left: 70px !important;
}

.u-mr-unit14 {
  margin-right: 70px !important;
}

.u-p-unit14 {
  padding: 70px !important;
}

.u-pt-unit14 {
  padding-top: 70px !important;
}

.u-pb-unit14 {
  padding-bottom: 70px !important;
}

.u-pl-unit14 {
  padding-left: 70px !important;
}

.u-pr-unit14 {
  padding-right: 70px !important;
}

.u-mbl-unit14 {
  margin-block: 70px !important;
}

.u-pbl-unit14 {
  padding-block: 70px !important;
}

.u-mil-unit14 {
  margin-inline: 70px !important;
}

.u-pil-unit14 {
  padding-inline: 70px !important;
}

.u-m-unit15 {
  margin: 75px !important;
}

.u-mt-unit15 {
  margin-top: 75px !important;
}

.u-mb-unit15 {
  margin-bottom: 75px !important;
}

.u-ml-unit15 {
  margin-left: 75px !important;
}

.u-mr-unit15 {
  margin-right: 75px !important;
}

.u-p-unit15 {
  padding: 75px !important;
}

.u-pt-unit15 {
  padding-top: 75px !important;
}

.u-pb-unit15 {
  padding-bottom: 75px !important;
}

.u-pl-unit15 {
  padding-left: 75px !important;
}

.u-pr-unit15 {
  padding-right: 75px !important;
}

.u-mbl-unit15 {
  margin-block: 75px !important;
}

.u-pbl-unit15 {
  padding-block: 75px !important;
}

.u-mil-unit15 {
  margin-inline: 75px !important;
}

.u-pil-unit15 {
  padding-inline: 75px !important;
}

.u-m-unit16 {
  margin: 80px !important;
}

.u-mt-unit16 {
  margin-top: 80px !important;
}

.u-mb-unit16 {
  margin-bottom: 80px !important;
}

.u-ml-unit16 {
  margin-left: 80px !important;
}

.u-mr-unit16 {
  margin-right: 80px !important;
}

.u-p-unit16 {
  padding: 80px !important;
}

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

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

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

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

.u-mbl-unit16 {
  margin-block: 80px !important;
}

.u-pbl-unit16 {
  padding-block: 80px !important;
}

.u-mil-unit16 {
  margin-inline: 80px !important;
}

.u-pil-unit16 {
  padding-inline: 80px !important;
}

.u-m-unit17 {
  margin: 85px !important;
}

.u-mt-unit17 {
  margin-top: 85px !important;
}

.u-mb-unit17 {
  margin-bottom: 85px !important;
}

.u-ml-unit17 {
  margin-left: 85px !important;
}

.u-mr-unit17 {
  margin-right: 85px !important;
}

.u-p-unit17 {
  padding: 85px !important;
}

.u-pt-unit17 {
  padding-top: 85px !important;
}

.u-pb-unit17 {
  padding-bottom: 85px !important;
}

.u-pl-unit17 {
  padding-left: 85px !important;
}

.u-pr-unit17 {
  padding-right: 85px !important;
}

.u-mbl-unit17 {
  margin-block: 85px !important;
}

.u-pbl-unit17 {
  padding-block: 85px !important;
}

.u-mil-unit17 {
  margin-inline: 85px !important;
}

.u-pil-unit17 {
  padding-inline: 85px !important;
}

.u-m-unit18 {
  margin: 90px !important;
}

.u-mt-unit18 {
  margin-top: 90px !important;
}

.u-mb-unit18 {
  margin-bottom: 90px !important;
}

.u-ml-unit18 {
  margin-left: 90px !important;
}

.u-mr-unit18 {
  margin-right: 90px !important;
}

.u-p-unit18 {
  padding: 90px !important;
}

.u-pt-unit18 {
  padding-top: 90px !important;
}

.u-pb-unit18 {
  padding-bottom: 90px !important;
}

.u-pl-unit18 {
  padding-left: 90px !important;
}

.u-pr-unit18 {
  padding-right: 90px !important;
}

.u-mbl-unit18 {
  margin-block: 90px !important;
}

.u-pbl-unit18 {
  padding-block: 90px !important;
}

.u-mil-unit18 {
  margin-inline: 90px !important;
}

.u-pil-unit18 {
  padding-inline: 90px !important;
}

.u-m-unit19 {
  margin: 95px !important;
}

.u-mt-unit19 {
  margin-top: 95px !important;
}

.u-mb-unit19 {
  margin-bottom: 95px !important;
}

.u-ml-unit19 {
  margin-left: 95px !important;
}

.u-mr-unit19 {
  margin-right: 95px !important;
}

.u-p-unit19 {
  padding: 95px !important;
}

.u-pt-unit19 {
  padding-top: 95px !important;
}

.u-pb-unit19 {
  padding-bottom: 95px !important;
}

.u-pl-unit19 {
  padding-left: 95px !important;
}

.u-pr-unit19 {
  padding-right: 95px !important;
}

.u-mbl-unit19 {
  margin-block: 95px !important;
}

.u-pbl-unit19 {
  padding-block: 95px !important;
}

.u-mil-unit19 {
  margin-inline: 95px !important;
}

.u-pil-unit19 {
  padding-inline: 95px !important;
}

.u-m-unit20 {
  margin: 100px !important;
}

.u-mt-unit20 {
  margin-top: 100px !important;
}

.u-mb-unit20 {
  margin-bottom: 100px !important;
}

.u-ml-unit20 {
  margin-left: 100px !important;
}

.u-mr-unit20 {
  margin-right: 100px !important;
}

.u-p-unit20 {
  padding: 100px !important;
}

.u-pt-unit20 {
  padding-top: 100px !important;
}

.u-pb-unit20 {
  padding-bottom: 100px !important;
}

.u-pl-unit20 {
  padding-left: 100px !important;
}

.u-pr-unit20 {
  padding-right: 100px !important;
}

.u-mbl-unit20 {
  margin-block: 100px !important;
}

.u-pbl-unit20 {
  padding-block: 100px !important;
}

.u-mil-unit20 {
  margin-inline: 100px !important;
}

.u-pil-unit20 {
  padding-inline: 100px !important;
}

.u-text-primary {
  font-family: var(--text-primary) !important;
}

.u-text-secondary {
  font-family: var(--text-secondary) !important;
}

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

.u-text-size-base {
  font-size: var(--text-size-base) !important;
}

.u-text-size-small {
  font-size: var(--text-size-small) !important;
}

.u-text-size-medium {
  font-size: var(--text-size-medium) !important;
}

.u-text-size-large {
  font-size: var(--text-size-large) !important;
}

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

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

.u-fs-xs {
  font-size: 12px !important;
}

.u-fs-sm {
  font-size: 14px !important;
}

.u-fs-md {
  font-size: 16px !important;
}

.u-fs-lg {
  font-size: 20px !important;
}

.u-fs-xl {
  font-size: 24px !important;
}

.u-title {
  font-weight: var(--text-weight-large);
  margin-bottom: 0.5em;
}

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

.u-normal {
  font-weight: normal !important;
}

.u-italic {
  font-style: italic !important;
}

.u-uppercase {
  text-transform: uppercase !important;
}

.u-truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.u-color-primary {
  color: var(--primary-color);
}

.u-color-black {
  color: var(--text-color2);
}

.u-color-white {
  color: var(--text-color);
}

.u-color-error {
  color: var(--text-color-error);
}

.u-color-success {
  color: var(--text-color-success);
}

.u-bg-color-primary {
  --text-color: var(--light-color);
  background-color: var(--primary-color);
}

.u-bg-color-black {
  --text-color: var(--white-color);
  background-color: var(--black-color);
}

.u-bg-color-white {
  --text-color: var(--black-color);
  background-color: var(--white-color);
}

.u-bg-wall-primary {
  --text-color: var(--white-color);
  background-color: var(--black-color);
}

.u-bg-wall-black {
  background-image: url("/site_dns/assets/img/common/bg_wall_black.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .u-bg-wall-black {
    background-image: url("/site_dns/assets/img/common/sp/bg_wall_black.jpg");
  }
}

.u-border {
  border: 1px solid var(--border-color);
}
.u-border--white {
  border-color: var(--white-color);
}
.u-border--black {
  border-color: var(--black-color);
}

.u-border-dashed {
  border: 1px dashed var(--border-color);
}

.u-border-gray {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

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

.u-h-100 {
  height: 100% !important;
}

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

.u-relative {
  position: relative !important;
}

.u-absolute {
  position: absolute !important;
}

.u-fixed {
  position: fixed !important;
}

.u-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

/* BEM構造を壊さない範囲で一時的な補助として使用 */
.u-shadow {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.u-transition {
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.u-opacity-0 {
  opacity: 0 !important;
}

.u-opacity-50 {
  opacity: 0.5 !important;
}

.u-opacity-100 {
  opacity: 1 !important;
}

.u-z-top {
  z-index: 1000 !important;
}

.u-z-back {
  z-index: -1 !important;
}

.u-cursor-pointer {
  cursor: pointer !important;
}

.u-pointer-none {
  pointer-events: none !important;
}