@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600;700;800&family=Yuji+Syuku&display=swap");
:where(:not(:is(ul, ol, li))) {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  word-break: break-word;
  box-sizing: border-box;
  background: transparent;
}

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

:where(:is(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;
}

:where(:is(blockquote, q)) {
  quotes: none;
}
:where(:is(blockquote, q))::before, :where(:is(blockquote, q))::after {
  content: none;
}

:where(a) {
  text-decoration: none;
  color: inherit;
}

:where(img) {
  display: inline-flex;
  vertical-align: bottom;
  max-width: 100%;
}

:where(picture) {
  max-width: 100%;
}

:where(input, select) {
  vertical-align: middle;
}

:where(br) {
  line-height: 0;
}

:where(input, textarea, select, button) {
  font: inherit;
  font-size: 16px;
}

:where(:is(button)) {
  color: var(--color-text);
  cursor: pointer;
}

:where(:is(input:is([type=checkbox][type=radio]), select, button)) {
  cursor: pointer;
}

:where(:is(input[type=submit], input[type=button])) {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
}
:where(:is(input[type=submit], input[type=button]))::-webkit-search-decoration {
  display: none;
}
:where(:is(input[type=submit], input[type=button])):focus {
  outline-offset: -2px;
}

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

:root {
  --color-black: #000;
  --color-white: #fff;
  --color-ink: #002424;
  --color-brown: #4a2f1b;
  --color-gold: #ecd797;
  --color-gold-light: #fff0da;
  --color-gold-from: #ffe6ba;
  --color-gold-to: #d0a65d;
  --color-cream: #fff7ec;
  --color-paper: #efe6d4;
  --color-green: #01383a;
  --color-green-mid: #015a5b;
  --color-placeholder: #999;
  --color-error: #b33;
  --color-error-rgb: 179, 51, 51;
  --color-primary: var(--color-brown);
  --color-secondary: var(--color-green);
  --color-text: var(--color-ink);
  --color-text-inverse: var(--color-white);
  --color-bg: var(--color-gold-light);
  --color-border: var(--color-brown);
  --text-primary: 'Shippori Mincho', serif;
  --text-secondary: 'Yuji Syuku', serif;
  --text-size-regular: min(1.792rem, 4.2666666667vw);
  --text-size-small: min(1.456rem, 3.4666666667vw);
  --text-size-medium: min(2.016rem, 4.8vw);
  --text-size-large: min(2.24rem, 5.3333333333vw);
  --content-padding: min(1.792rem, 4.2666666667vw);
  --content-width: min(420px, 100%);
  --content-width-half: min(210px, 50%);
  --header-height: min(7.168rem, 17.0666666667vw);
  --trd-duration: 0.5s;
  --trd-hover-duration: 0.25s;
  --trd-timing: cubic-bezier(.165, .84, .44, 1);
  --modal-index: 1000;
  --header-index: 900;
  --footer-index: 800;
  --page-top-index: 700;
  --article-index: 600;
  --nav-index: 500;
  --main-index: 400;
  --section-index: 300;
  --content-index: 200;
}

/**
 * Swiper 12.2.0
 * https://swiperjs.com
 */
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  display: block;
  list-style: none;
  margin-inline: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide {
  transform: translateZ(0);
}

.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(1);
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
  opacity: 1;
  filter: none;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  gap: 0.6rem;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  display: block;
  width: 0.6rem;
  aspect-ratio: 1;
  border: 1px solid #4a2f1b;
  border-radius: 50%;
  background-color: transparent;
  opacity: 1;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background-color: #4a2f1b;
}

:where(:root, body) {
  overflow-x: clip;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

body {
  font-family: var(--text-primary);
  color: var(--color-text);
  font-size: var(--text-size-regular);
  background-color: var(--color-secondary);
  line-height: 1.75;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  word-break: auto-phrase;
  overflow-wrap: anywhere;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: var(--content-width);
  margin-inline: auto;
  position: relative;
  z-index: var(--content-index);
  overflow: hidden;
}

.main {
  flex: 1;
  position: relative;
  z-index: var(--main-index);
  background: var(--color-bg) center/100% 100% url("../img/common/background.png") no-repeat;
  padding-bottom: min(2.24rem, 5.3333333333vw);
}

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

.button-cta {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
.button-cta:not(:focus) {
  outline: none;
}
.button-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: min(33.6rem, 80vw);
  aspect-ratio: 296/54.1194;
  margin-inline: auto;
  padding-inline: calc(min(3.584rem, 8.5333333333vw) + min(1.792rem, 4.2666666667vw));
  border-radius: min(0.224rem, 0.5333333333vw);
  background-image: url("../img/index/button-frame.svg"), linear-gradient(180deg, var(--color-gold-from), var(--color-gold-to));
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: calc(100% - min(0.448rem, 1.0666666667vw)) calc(100% - min(0.448rem, 1.0666666667vw)), 100% 100%;
  box-shadow: inset 0 min(0.448rem, 1.0666666667vw) min(0.448rem, 1.0666666667vw) rgba(255, 255, 255, 0.25);
  color: var(--color-black);
  font-weight: 700;
  font-size: min(1.792rem, 4.2666666667vw);
  text-align: center;
  text-decoration: none;
}
.button-cta::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(1.792rem, 4.2666666667vw);
  z-index: 1;
  width: min(3.584rem, 8.5333333333vw);
  height: min(3.584rem, 8.5333333333vw);
  background: url("../img/index/button-arrow.svg") no-repeat center/min(1.08752rem, 2.5893333333vw) min(1.08752rem, 2.5893333333vw);
  translate: 0 -50%;
  pointer-events: none;
}
.button-cta-text {
  position: relative;
  z-index: 1;
}
.button-primary {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
.button-primary:not(:focus) {
  outline: none;
}
.button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: min(0.896rem, 2.1333333333vw);
  width: min(100%, min(28rem, 66.6666666667vw));
  margin-inline: auto;
  padding-block: min(1.344rem, 3.2vw);
  border: min(0.336rem, 0.8vw) solid transparent;
  border-radius: min(11.2rem, 26.6666666667vw);
  background: linear-gradient(var(--color-brown), var(--color-brown)) padding-box, linear-gradient(15deg, var(--color-gold-from), var(--color-gold-to)) border-box;
  color: var(--color-gold);
  font-weight: 700;
  font-size: min(2.016rem, 4.8vw);
  line-height: 1.6;
  text-align: center;
}

.modal {
  position: fixed;
  inset: 0;
  width: 100%;
  margin: auto;
  padding: min(1.792rem, 4.2666666667vw) 0;
  border: none;
  background-color: transparent;
  z-index: var(--modal-index);
}
.modal::backdrop {
  background-color: rgba(0, 36, 36, 0.9);
}
.modal[open] {
  display: grid;
  place-items: center;
}
.modal-content {
  position: relative;
  width: 91.47%;
  max-width: 960px;
  padding: min(2.24rem, 5.3333333333vw) min(1.792rem, 4.2666666667vw) min(2.688rem, 6.4vw);
  background-color: var(--color-cream);
}
.modal-close {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
.modal-close:not(:focus) {
  outline: none;
}
.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: min(3.36rem, 8vw);
  translate: 30% -30%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-ink);
}
.modal-close::before, .modal-close::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 36%;
  height: 0;
  border-top: min(0.224rem, 0.5333333333vw) solid var(--color-white);
}
.modal-close::before {
  rotate: 45deg;
}
.modal-close::after {
  rotate: -45deg;
}
.modal-head {
  position: relative;
  display: grid;
  place-items: center;
  margin-bottom: min(3.36rem, 8vw);
}
.modal-head__frame {
  width: 100%;
  max-width: min(32.928rem, 78.4vw);
  height: auto;
}
.modal-head__title {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  margin: 0;
  padding-top: min(0.224rem, 0.5333333333vw);
  color: var(--color-brown);
  font-size: min(2.016rem, 4.8vw);
  font-weight: 700;
  text-align: center;
}
.modal-hints {
  display: grid;
  gap: min(1.792rem, 4.2666666667vw);
}
.modal-hints__tabs {
  display: flex;
  gap: min(0.672rem, 1.6vw);
}
.modal-hints__tab {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
.modal-hints__tab:not(:focus) {
  outline: none;
}
.modal-hints__tab {
  flex: 1;
  padding: min(0.896rem, 2.1333333333vw) min(0.448rem, 1.0666666667vw);
  border: min(0.112rem, 0.2666666667vw) solid var(--color-ink);
  background-color: var(--color-cream);
  color: var(--color-ink);
  font-size: min(1.344rem, 3.2vw);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.modal-hints__tab.is-active {
  background-color: var(--color-ink);
  color: var(--color-cream);
}
.modal-hints__panel {
  display: grid;
  gap: min(2.24rem, 5.3333333333vw);
}
.modal-hints__panel:not(.is-active) {
  display: none;
}
.modal-hints__list {
  counter-reset: hint;
  display: grid;
  gap: min(2.24rem, 5.3333333333vw);
  margin: 0;
  padding: 0;
  list-style: none;
}
.modal-hints__item {
  counter-increment: hint;
  display: grid;
  grid-template-columns: min(2.24rem, 5.3333333333vw) 1fr;
  gap: min(0.896rem, 2.1333333333vw);
  align-items: start;
}
.modal-hints__item::before {
  content: counter(hint);
  display: grid;
  place-items: center;
  width: min(2.24rem, 5.3333333333vw);
  height: min(2.24rem, 5.3333333333vw);
  border-radius: 50%;
  background-color: var(--color-ink);
  color: var(--color-cream);
  font-size: min(1.568rem, 3.7333333333vw);
  font-weight: 700;
  line-height: 1;
}
.modal-hints__text {
  margin: 0;
  font-size: min(1.568rem, 3.7333333333vw);
  line-height: 1.6;
  color: var(--color-black);
}

.quiz-story {
  width: 100%;
  height: min(47.04rem, 112vw);
  background: url("../img/common/story-border.png") no-repeat top center/100% auto, url("../img/common/story-border.png") no-repeat bottom center/100% auto, url("../img/common/story-bg.png") no-repeat center center/cover;
  position: relative;
}
.quiz-story__note {
  writing-mode: horizontal-tb;
  margin-block: min(0.896rem, 2.1333333333vw) 0;
  font-family: var(--text-primary);
  font-size: min(1.12rem, 2.6666666667vw);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-placeholder);
  text-align: center;
}
.quiz-story__body {
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column;
  gap: min(1.792rem, 4.2666666667vw);
  width: 100%;
  height: 100%;
  padding: min(2.688rem, 6.4vw) min(2.24rem, 5.3333333333vw);
  position: relative;
}
.quiz-story__body:has(.quiz-story__viewport.is-scrollable.is-overflowing) .quiz-story__scroll-hint:not(.is-hidden) {
  opacity: 1;
}
.quiz-story__body:has(.quiz-story__viewport.is-scrollable.is-overflowing) .quiz-story__scroll-hint:not(.is-hidden) .quiz-story__scroll-hint-ripple {
  animation: quiz-story-scroll-hint-ripple 1.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}
.quiz-story__scroll-hint {
  position: absolute;
  bottom: -7%;
  left: 20%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(12.992rem, 30.9333333333vw);
  height: min(12.992rem, 30.9333333333vw);
  writing-mode: horizontal-tb;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity 0.45s var(--trd-timing);
}
.quiz-story__scroll-hint-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 112%;
  height: 112%;
  border: 2px solid var(--color-black);
  border-radius: 50%;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transform-origin: center;
}
.quiz-story__scroll-hint-icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.quiz-story__background {
  position: absolute;
  inset: 0 0 min(1.344rem, 3.2vw);
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  mix-blend-mode: multiply;
}
.quiz-story__clouds {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.quiz-story__cloud {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  filter: grayscale(100%);
  opacity: 0.4;
  will-change: transform;
}
.quiz-story__cloud--01 {
  top: 12%;
  left: -8%;
  width: 78%;
  animation: quiz-story-cloud-drift ease-in-out infinite;
  animation-duration: 22s;
  animation-delay: -4s;
}
.quiz-story__cloud--02 {
  top: 36%;
  right: -10%;
  width: 62%;
  animation: quiz-story-cloud-sway ease-in-out infinite;
  animation-duration: 16s;
  animation-delay: -6s;
}
.quiz-story__cloud--03 {
  top: 52%;
  left: 6%;
  width: 52%;
  animation: quiz-story-cloud-loop cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
  animation-duration: 26s;
  animation-delay: -9s;
}
.quiz-story__scene {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.quiz-story__label {
  position: relative;
  z-index: 10;
  font-family: var(--text-secondary);
  font-size: min(1.792rem, 4.2666666667vw);
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  writing-mode: horizontal-tb;
}
.quiz-story__label-inner {
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(3.584rem, 8.5333333333vw);
  text-align: center;
  background: url("../img/common/story-title-middle.png") no-repeat center center/100% 100%;
}
.quiz-story__label-inner .quiz-story__quote {
  width: min(2.576rem, 6.1333333333vw);
  aspect-ratio: 1/0.6;
}
.quiz-story__label::before, .quiz-story__label::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: min(3.584rem, 8.5333333333vw);
  aspect-ratio: 1/0.2;
  background: no-repeat center center/100% auto;
}
.quiz-story__label::before {
  background-image: url("../img/common/story-title-top.png");
  background-position: top center;
}
.quiz-story__label::after {
  background-image: url("../img/common/story-title-bottom.png");
  background-position: bottom center;
}
.quiz-story__sup {
  display: inline-block;
  font-size: 0.55em;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
  transform: translate(0.35em, 0.15em);
}
.quiz-story__viewport {
  overflow: hidden;
  flex: 1;
  position: relative;
  z-index: 1;
  font-size: min(1.456rem, 3.4666666667vw);
  transition: opacity 0.5s linear;
}
.quiz-story__viewport.is-scrollable {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
}
.quiz-story__viewport.is-scrollable .quiz-story__text {
  position: static;
  transform: none;
  will-change: auto;
}
.quiz-story__viewport.is-locked {
  touch-action: none;
  overscroll-behavior: none;
}
.quiz-story__viewport .quiz-story__text {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-width: none;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.quiz-story__viewport .quiz-story__text.is-scrolling {
  transition: transform 1.1s linear;
}
.quiz-story__spacer {
  height: 1px;
  pointer-events: none;
  visibility: hidden;
}
.quiz-story__text {
  max-width: 100%;
  color: var(--color-ink);
  font-family: var(--text-secondary);
  font-size: min(1.456rem, 3.4666666667vw);
  line-break: strict;
  word-break: normal;
  overflow-wrap: normal;
  writing-mode: vertical-rl;
  letter-spacing: 0.22em;
  line-height: 2;
}
.quiz-story__text p {
  margin: 0;
}
.quiz-story__text.js-story-text:not([data-prepared=true]) {
  visibility: hidden;
}
.quiz-story__text .quiz-story__sup {
  display: none;
}
.quiz-story__text .quiz-story__sup.is-shown {
  display: inline-block;
  opacity: 0;
  animation: quiz-story-char-in 0.24s linear forwards;
}
.quiz-story__char, .quiz-story__break {
  display: none;
}
.quiz-story__char--quote-open, .quiz-story__char--quote-close {
  display: none;
  width: min(1.232rem, 2.9333333333vw);
  height: min(0.56rem, 1.3333333333vw);
  background: no-repeat center center/contain;
}
.quiz-story__char--quote-open {
  background-image: url("../img/common/quotation-01.svg");
}
.quiz-story__char--quote-close {
  background-image: url("../img/common/quotation-02.svg");
}
.quiz-story__char.is-shown {
  display: inline;
  opacity: 0;
  animation: quiz-story-char-in 0.24s linear forwards;
}
.quiz-story__char--quote-open.is-shown, .quiz-story__char--quote-close.is-shown {
  display: inline-block;
  opacity: 0;
  animation: quiz-story-char-in 0.24s linear forwards;
}
.quiz-story__break.is-shown {
  display: unset;
  opacity: 0;
  animation: quiz-story-char-in 0.24s linear forwards;
}
.quiz-story__quote {
  display: inline-block;
  width: min(1.232rem, 2.9333333333vw);
  aspect-ratio: 1/0.6;
  background: no-repeat center center/contain;
}
.quiz-story__quote--open {
  background-image: url("../img/common/quotation-01.svg");
}
.quiz-story__quote--close {
  background-image: url("../img/common/quotation-02.svg");
}

@keyframes quiz-story-char-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes quiz-story-cloud-drift {
  0%, 100% {
    transform: translate3d(max(-3.584rem, -8.5333333333vw), min(0rem, 0vw), 0);
  }
  50% {
    transform: translate3d(min(3.584rem, 8.5333333333vw), max(-0.896rem, -2.1333333333vw), 0);
  }
}
@keyframes quiz-story-cloud-sway {
  0%, 100% {
    transform: translate3d(min(0rem, 0vw), min(0rem, 0vw), 0);
  }
  25% {
    transform: translate3d(max(-1.12rem, -2.6666666667vw), max(-1.568rem, -3.7333333333vw), 0);
  }
  50% {
    transform: translate3d(min(0.672rem, 1.6vw), min(0.224rem, 0.5333333333vw), 0);
  }
  75% {
    transform: translate3d(min(0.896rem, 2.1333333333vw), min(1.344rem, 3.2vw), 0);
  }
}
@keyframes quiz-story-scroll-hint-ripple {
  0% {
    opacity: 0.8;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.8);
  }
}
@keyframes quiz-story-cloud-loop {
  0%, 100% {
    transform: translate3d(max(-2.016rem, -4.8vw), min(0.672rem, 1.6vw), 0);
  }
  25% {
    transform: translate3d(min(1.568rem, 3.7333333333vw), max(-1.344rem, -3.2vw), 0);
  }
  50% {
    transform: translate3d(min(2.464rem, 5.8666666667vw), min(0.448rem, 1.0666666667vw), 0);
  }
  75% {
    transform: translate3d(max(-0.672rem, -1.6vw), min(1.568rem, 3.7333333333vw), 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .quiz-story__cloud {
    animation: none;
  }
  .quiz-story__scroll-hint-ripple {
    animation: none;
  }
}
.page-index .main {
  background-image: url("../img/index/background.png");
}

.index-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: min(0.336rem, 0.8vw);
       column-gap: min(0.336rem, 0.8vw);
  width: 100%;
  margin-top: min(2.016rem, 4.8vw);
}
.index-logos-rejuran {
  width: min(12.992rem, 30.9333333333vw);
}
.index-logos-cross {
  flex-shrink: 0;
  width: min(2.409232rem, 5.7362666667vw);
}
.index-logos-kusuriya {
  width: min(15.01248rem, 35.744vw);
}
.index-hero {
  position: relative;
  width: 100%;
  height: min(53.76rem, 128vw);
  margin-top: min(0.896rem, 2.1333333333vw);
}
.index-hero__copy {
  position: absolute;
  top: min(7.168rem, 17.0666666667vw);
  left: min(4.48rem, 10.6666666667vw);
  z-index: 2;
  display: flex;
  flex-direction: column;
  color: var(--color-ink);
  letter-spacing: 0.18em;
  font-size: min(4.327232rem, 10.3029333333vw);
  font-weight: 600;
  line-height: min(5.288752rem, 12.5922666667vw);
  writing-mode: vertical-rl;
}
.index-hero__copy-text:nth-child(2) {
  margin-top: 1.5em;
}
.index-hero__visual {
  position: absolute;
  top: 0;
  right: 0;
  width: min(25.76rem, 61.3333333333vw);
  height: min(62.496rem, 148.8vw);
  overflow: hidden;
  -webkit-mask-position: center;
  mask-position: center;
}
.index-hero__visual img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.index-cta {
  display: grid;
  row-gap: min(1.008rem, 2.4vw);
  justify-items: center;
  margin-top: max(-2.688rem, -6.4vw);
  margin-inline: auto;
}
.index-lead {
  display: grid;
  row-gap: min(0.896rem, 2.1333333333vw);
  justify-items: center;
  width: 100%;
}
.index-lead-text {
  color: var(--color-ink);
  font-size: min(1.792rem, 4.2666666667vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.index-lead-line {
  width: min(34.373696rem, 81.8421333333vw);
  max-width: 100%;
}
.index-note {
  width: 100%;
  color: var(--color-ink);
  font-size: min(1.456rem, 3.4666666667vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.index-note-small {
  display: block;
  margin-top: min(0.448rem, 1.0666666667vw);
  font-size: min(1.232rem, 2.9333333333vw);
  font-weight: 400;
  line-height: 1.6;
}
.index-credits {
  display: grid;
  width: 100%;
  margin-top: min(1.792rem, 4.2666666667vw);
  padding-bottom: min(2.688rem, 6.4vw);
  color: var(--color-ink);
  font-size: min(1.12rem, 2.6666666667vw);
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  list-style: none;
}

.page-index .index-logos,
.page-index .index-hero__visual {
  animation: indexFade 0.8s var(--trd-timing) both;
}
.page-index .index-hero__copy,
.page-index .index-cta {
  animation: indexFade 0.8s var(--trd-timing) 0.6s both;
}

@keyframes indexFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.quiz-question {
  display: none;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}
.quiz-question.is-active {
  z-index: 1;
  pointer-events: auto;
}
.quiz-question .quiz-question__after {
  display: none;
  opacity: 0;
}
.quiz-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(0.448rem, 1.0666666667vw);
  padding: min(0.896rem, 2.1333333333vw) var(--content-padding);
  background: url("../img/quiz/title-deco.png") no-repeat right center/auto 100%;
}
.quiz-head__title {
  font-size: min(2.24rem, 5.3333333333vw);
  font-weight: 700;
}
.quiz .quiz-story__note + .quiz-question__after .quiz-riddle {
  margin-top: min(0.896rem, 2.1333333333vw);
}
.quiz-riddle {
  margin-top: min(2.24rem, 5.3333333333vw);
}
.quiz-riddle__lead {
  font-size: min(1.456rem, 3.4666666667vw);
  font-weight: 700;
  text-align: center;
}
.quiz-riddle__image {
  margin: min(1.792rem, 4.2666666667vw) auto 0;
}
.quiz-riddle__image img {
  width: 100%;
}
.quiz-question[data-question="1"] .quiz-riddle__image {
  width: 72%;
  border: 1px solid var(--color-gold);
}
.quiz-answer {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 1.2fr) auto;
  align-items: center;
  margin-top: min(2.24rem, 5.3333333333vw);
  -moz-column-gap: min(0.448rem, 1.0666666667vw);
       column-gap: min(0.448rem, 1.0666666667vw);
}
.quiz-answer__field {
  display: block;
  width: 100%;
  position: relative;
  padding: min(0.224rem, 0.5333333333vw) min(0.448rem, 1.0666666667vw) min(0.448rem, 1.0666666667vw);
}
.quiz-answer__field::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../img/quiz/answer-input-border.png") no-repeat center/100% 100%;
          mask: url("../img/quiz/answer-input-border.png") no-repeat center/100% 100%;
  background: url("../img/quiz/answer-input-border.png") no-repeat center/100% 100%;
}
.quiz-answer__field.is-error::before {
  background: var(--color-error);
}
.quiz-answer__field.is-error .quiz-answer__input {
  background-color: rgba(var(--color-error-rgb), 0.2);
}
.quiz-answer__input {
  width: 100%;
  padding: min(1.12rem, 2.6666666667vw) min(1.344rem, 3.2vw);
  border: none;
  background-color: #fff;
  color: var(--color-ink);
  font-family: var(--text-primary);
  font-size: min(2.016rem, 4.8vw);
}
.quiz-answer__input::-moz-placeholder {
  color: var(--color-placeholder);
}
.quiz-answer__input::placeholder {
  color: var(--color-placeholder);
}
.quiz-answer__particle {
  font-size: min(1.792rem, 4.2666666667vw);
  font-weight: 700;
  white-space: nowrap;
}
.quiz-single {
  display: block;
  width: 91.47%;
  margin-top: min(1.792rem, 4.2666666667vw);
}
.quiz-single__input {
  width: 100%;
  padding: min(0.896rem, 2.1333333333vw) min(1.12rem, 2.6666666667vw);
  border: none;
  background: url("../img/quiz/answer-input-large.png") no-repeat center/100% 100%;
  color: var(--color-ink);
  font-size: min(1.792rem, 4.2666666667vw);
}
.quiz-single__input.is-error {
  outline: min(0.112rem, 0.2666666667vw) solid var(--color-error);
}
.quiz-diary {
  position: relative;
  margin-top: min(1.792rem, 4.2666666667vw);
}
.quiz-diary .swiper-pagination-bullet {
  width: min(0.896rem, 2.1333333333vw);
  aspect-ratio: 1/1;
  cursor: pointer;
}
.quiz-diary__spread {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.quiz-diary__page {
  direction: ltr;
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: min(38.08rem, 90.6666666667vw);
  gap: min(0.896rem, 2.1333333333vw);
  padding: min(3.584rem, 8.5333333333vw) min(2.24rem, 5.3333333333vw) min(2.24rem, 5.3333333333vw);
  background-color: #f7f1e4;
  background-image: url("../img/quiz/diary-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 min(0.448rem, 1.0666666667vw) min(0.448rem, 1.0666666667vw) rgba(0, 0, 0, 0.13);
  position: relative;
}
.quiz-diary__text {
  color: var(--color-ink);
  font-family: var(--text-secondary);
  font-size: min(1.12rem, 2.6666666667vw);
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  writing-mode: vertical-rl;
}
.quiz-diary__num {
  justify-self: center;
  text-align: center;
  font-size: min(1.12rem, 2.6666666667vw);
  font-weight: 700;
}
.quiz-diary__image {
  position: absolute;
  left: min(2.24rem, 5.3333333333vw);
  bottom: min(4.48rem, 10.6666666667vw);
  mix-blend-mode: multiply;
  width: 32%;
  height: 40%;
}
.quiz-diary__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.quiz-diary__nav {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  margin-top: min(1.344rem, 3.2vw);
}
.quiz-diary__nav .js-diary-pagination {
  direction: rtl;
}
.quiz-diary__nav-button {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
.quiz-diary__nav-button:not(:focus) {
  outline: none;
}
.quiz-diary__nav-button {
  display: inline-flex;
  align-items: center;
  gap: min(0.448rem, 1.0666666667vw);
  font-size: min(1.344rem, 3.2vw);
  font-weight: 700;
  color: #231815;
}
.quiz-diary__nav-button.swiper-button-disabled, .quiz-diary__nav-button:disabled {
  color: var(--color-placeholder);
  cursor: default;
  pointer-events: none;
}
.quiz-choices {
  display: grid;
  gap: min(1.568rem, 3.7333333333vw);
  width: 85.6%;
  margin-top: min(2.688rem, 6.4vw);
  border: 0;
}
.quiz-choices.is-error .quiz-choices__input {
  accent-color: var(--color-error);
}
.quiz-choices__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: min(0.896rem, 2.1333333333vw);
  align-items: start;
  font-size: min(1.344rem, 3.2vw);
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
.quiz-choices__input {
  margin-top: min(0.224rem, 0.5333333333vw);
  accent-color: #6f7d90;
}
.quiz-action {
  width: 100%;
  display: grid;
  grid-template-columns: min(6.384rem, 15.2vw) auto min(6.384rem, 15.2vw);
  align-items: center;
  margin-top: min(2.24rem, 5.3333333333vw);
}
.quiz-action .button-primary {
  justify-self: center;
  grid-column: 2;
  grid-row: 2;
}
.quiz-action .button-primary.is-correct {
  animation: quiz-submit-glow 1.2s ease-in-out 1, quiz-submit-text-glow 1.2s ease-in-out 1;
}
.quiz-credits {
  display: grid;
  width: 100%;
  margin-top: min(1.792rem, 4.2666666667vw);
  padding-bottom: min(2.688rem, 6.4vw);
  color: var(--color-ink);
  font-size: min(1.12rem, 2.6666666667vw);
  font-weight: 400;
  text-align: center;
  list-style: none;
}
.quiz-error {
  color: var(--color-error);
  font-size: min(1.456rem, 3.4666666667vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  grid-column: 1/-1;
  grid-row: 1;
}
.quiz-error[hidden] {
  display: none;
}
.quiz-hint {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--text-color);
  font-family: inherit;
}
.quiz-hint:not(:focus) {
  outline: none;
}
.quiz-hint {
  position: relative;
  grid-column: 3;
  grid-row: 2;
  width: min(5.712rem, 13.6vw);
  z-index: 2;
}
.quiz-hint img {
  width: 100%;
}
.quiz-hint span {
  position: absolute;
  inset: 0;
  margin: auto;
  display: grid;
  place-items: center;
  color: var(--color-gold);
  font-size: min(1.344rem, 3.2vw);
  font-weight: 700;
}
@keyframes quiz-submit-glow {
  0%, 100% {
    box-shadow: 0 0 min(0.448rem, 1.0666666667vw) min(0.112rem, 0.2666666667vw) rgba(255, 230, 186, 0.2), 0 0 min(0.896rem, 2.1333333333vw) min(0.224rem, 0.5333333333vw) rgba(208, 166, 93, 0.1);
  }
  50% {
    box-shadow: 0 0 min(1.792rem, 4.2666666667vw) min(0.672rem, 1.6vw) rgb(255, 230, 186), 0 0 min(3.136rem, 7.4666666667vw) min(1.12rem, 2.6666666667vw) rgba(255, 214, 80, 0.8);
  }
}
@keyframes quiz-submit-text-glow {
  0%, 100% {
    color: var(--color-gold);
    text-shadow: 0 0 0 transparent;
  }
  50% {
    color: #fff6c8;
    text-shadow: 0 0 min(0.672rem, 1.6vw) rgb(255, 230, 186), 0 0 min(1.568rem, 3.7333333333vw) rgba(255, 214, 80, 0.85);
  }
}
@media (prefers-reduced-motion: reduce) {
  .quiz-action .button-primary.is-correct {
    animation: none;
    box-shadow: 0 0 min(1.344rem, 3.2vw) min(0.448rem, 1.0666666667vw) rgba(255, 230, 186, 0.9), 0 0 min(2.464rem, 5.8666666667vw) min(0.896rem, 2.1333333333vw) rgba(208, 166, 93, 0.65);
    color: #fff6c8;
    text-shadow: 0 0 min(0.672rem, 1.6vw) rgb(255, 230, 186), 0 0 min(1.568rem, 3.7333333333vw) rgba(255, 214, 80, 0.85);
  }
}
.clear {
  position: relative;
  overflow: hidden;
  margin-top: min(2.24rem, 5.3333333333vw);
  padding: min(1.344rem, 3.2vw) min(1.12rem, 2.6666666667vw) min(1.12rem, 2.6666666667vw);
  border-radius: min(1.12rem, 2.6666666667vw);
  background-image: radial-gradient(circle at 50% 50%, #007c7b, var(--color-green-mid) 50%, var(--color-green));
  color: var(--color-white);
  text-align: center;
}
.clear:before, .clear:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.clear::before {
  aspect-ratio: 1/0.18;
  background: no-repeat top center/100% auto url("../img/ending/clear-top.png");
}
.clear::after {
  aspect-ratio: 1/0.1;
  background: no-repeat bottom center/100% auto url("../img/ending/clear-bottom.png");
}
.clear__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.792rem, 4.2666666667vw);
  width: 100%;
  position: relative;
  z-index: 2;
}
.clear__inner {
  display: grid;
  justify-items: center;
  padding: 0 min(1.68rem, 4vw) min(2.24rem, 5.3333333333vw);
  background: url("../img/ending/clear-middle.png") repeat-y top center/100% auto;
}
.clear__intro {
  display: grid;
  gap: 0;
  justify-items: center;
  width: 100%;
}
.clear__en {
  width: 100%;
  background-image: linear-gradient(0deg, #FFF0DA 1.04%, #D2A726 99.99%, #E1C162 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: min(1.68rem, 4vw);
  font-weight: 800;
  line-height: 1.5;
}
.clear__heading {
  display: grid;
  gap: min(0.448rem, 1.0666666667vw);
  justify-items: center;
  width: 100%;
}
.clear__heading-frame {
  width: 94.5%;
  max-width: min(30.688rem, 73.0666666667vw);
  height: auto;
}
.clear__heading-title {
  margin: 0;
  background-image: linear-gradient(0deg, #FFF0DA 1.04%, #D2A726 99.99%, #E1C162 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: min(3.024rem, 7.2vw);
  font-weight: 700;
  line-height: 1.2;
}
.clear__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.336rem, 0.8vw);
  width: 100%;
  max-width: min(22.4rem, 53.3333333333vw);
}
.clear__logos {
  width: 100%;
  aspect-ratio: 558/56;
}
.clear__logos img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.clear__campaign {
  margin: 0;
  font-size: min(1.568rem, 3.7333333333vw);
  font-weight: 700;
  line-height: 1.2;
  word-break: keep-all;
}
.clear__event {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.672rem, 1.6vw);
  width: 100%;
}
.clear__lead {
  margin: 0;
  font-size: min(1.456rem, 3.4666666667vw);
  font-weight: 700;
  line-height: 1.5;
  word-break: keep-all;
}
.clear__schedule {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: min(0.224rem, 0.5333333333vw) min(1.12rem, 2.6666666667vw);
  border: 1px solid #004847;
  border-radius: min(1.344rem, 3.2vw);
  background-color: #cde7e6;
  color: #004847;
  font-size: min(1.232rem, 2.9333333333vw);
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}
.clear__desc {
  width: min(19.6rem, 46.6666666667vw);
  margin: 0;
  padding-bottom: min(0.896rem, 2.1333333333vw);
  font-size: min(1.456rem, 3.4666666667vw);
  font-weight: 700;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: normal;
}
.clear__chara {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}
.clear__chara-jinshi, .clear__chara-maomao {
  position: absolute;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.clear__chara-jinshi {
  left: 0;
  bottom: 0;
  width: min(9.184rem, 21.8666666667vw);
  translate: -10% 0;
}
.clear__chara-maomao {
  right: 0;
  bottom: 0;
  width: min(9.856rem, 23.4666666667vw);
  translate: 18% 0;
}

.share {
  display: grid;
  justify-items: center;
  margin-top: min(2.688rem, 6.4vw);
}
.share__lead {
  font-size: min(1.792rem, 4.2666666667vw);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.share__entry {
  gap: min(1.008rem, 2.4vw);
  width: 100%;
  max-width: none;
  margin-top: min(1.792rem, 4.2666666667vw);
  padding-block: min(1.568rem, 3.7333333333vw);
  border-width: min(0.224rem, 0.5333333333vw);
  text-decoration: none;
}
.share__entry-icon {
  flex-shrink: 0;
  width: min(3.36rem, 8vw);
  height: min(3.36rem, 8vw);
}
.share__report {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.456rem, 3.4666666667vw);
  width: 100%;
  margin-top: min(5.824rem, 13.8666666667vw);
}
.share__report-lead {
  margin: 0;
  font-size: min(1.792rem, 4.2666666667vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.share__reward {
  position: relative;
  display: grid;
  grid-template-columns: min(9.184rem, 21.8666666667vw) minmax(0, 1fr);
  width: 100%;
  min-height: min(18.704rem, 44.5333333333vw);
  border: min(0.112rem, 0.2666666667vw) solid var(--color-brown);
  border-radius: min(1.12rem, 2.6666666667vw);
  background-color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
.share__reward-gift {
  position: relative;
  display: grid;
  grid-row: 1;
  grid-column: 1;
  place-items: center;
  min-height: min(18.48rem, 44vw);
  background-color: var(--color-brown);
}
.share__reward-gift img {
  width: min(5.488rem, 13.0666666667vw);
  height: min(6.18128rem, 14.7173333333vw);
}
.share__reward-sparkle {
  position: absolute;
  width: min(1.12rem, 2.6666666667vw);
  height: min(1.12rem, 2.6666666667vw);
}
.share__reward-sparkle::before, .share__reward-sparkle::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  height: min(0.224rem, 0.5333333333vw);
  background-color: #e4c36d;
  transform: translateY(-50%);
}
.share__reward-sparkle::after {
  transform: translateY(-50%) rotate(90deg);
}
.share__reward-sparkle--01 {
  top: min(4.816rem, 11.4666666667vw);
  right: min(0.672rem, 1.6vw);
}
.share__reward-sparkle--02 {
  bottom: min(4.368rem, 10.4vw);
  left: min(0.784rem, 1.8666666667vw);
  transform: scale(0.8);
}
.share__reward-text {
  position: relative;
  z-index: 1;
  grid-row: 1;
  grid-column: 2;
  margin: 0;
  padding: min(1.568rem, 3.7333333333vw) min(0.896rem, 2.1333333333vw);
  color: var(--color-ink);
  font-size: min(1.344rem, 3.2vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  white-space: nowrap;
}
.share__reward-mark {
  background-color: #e5c673;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.share__reward-masks {
  position: absolute;
  right: min(1.68rem, 4vw);
  bottom: min(0.896rem, 2.1333333333vw);
  z-index: 2;
  width: min(8.4rem, 20vw);
  aspect-ratio: 85/71;
  pointer-events: none;
}
.share__reward-mask {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.share__notes {
  display: grid;
  gap: 0;
  width: 100%;
  margin: max(-0.896rem, -2.1333333333vw) 0 0;
  padding: 0;
  color: var(--color-ink);
  font-size: min(1.232rem, 2.9333333333vw);
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
  list-style: none;
}
.share__notes-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
.share__notes-item::before {
  content: "※";
}
.share__x-label {
  margin: min(3.36rem, 8vw) 0 0;
  font-size: min(1.792rem, 4.2666666667vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.share__x {
  display: block;
  width: min(6.72rem, 16vw);
  height: min(6.72rem, 16vw);
  margin-top: min(0.896rem, 2.1333333333vw);
  border-radius: 50%;
}
.share__x img {
  display: block;
  width: 100%;
  height: 100%;
}

.wallpaper {
  display: grid;
  justify-items: center;
  width: 100%;
  margin-top: min(3.584rem, 8.5333333333vw);
}
.wallpaper__heading {
  position: relative;
  display: grid;
  place-items: center;
  width: min(32.928rem, 78.4vw);
  height: min(5.936rem, 14.1333333333vw);
}
.wallpaper__heading-frame {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wallpaper__title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--color-brown);
  font-size: min(2.016rem, 4.8vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.wallpaper__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: min(1.12rem, 2.6666666667vw);
       column-gap: min(1.12rem, 2.6666666667vw);
  width: 100%;
  margin-top: min(3.024rem, 7.2vw);
}
.wallpaper__link {
  display: block;
  width: 100%;
}
.wallpaper__link img {
  display: block;
  width: 100%;
  height: auto;
}
.wallpaper__back {
  margin-top: min(3.584rem, 8.5333333333vw);
}

.ending-credits {
  display: grid;
  width: 100%;
  margin-top: min(2.688rem, 6.4vw);
  padding-bottom: min(2.688rem, 6.4vw);
  color: var(--color-ink);
  font-size: min(1.12rem, 2.6666666667vw);
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  list-style: none;
}/*# sourceMappingURL=style.css.map */