/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}
body {
  line-height: 1;
}
menu,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@keyframes scroll-down {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
@font-face {
  font-family: "BLG Hudson";
  src: url("../../../../../../files/user/_/10th/assets/css/150822BLGHudson-icr9lI7L.ttf")
    format("truetype");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  scroll-behavior: smooth;
  background-color: #000;
}

@media (min-width: 750px) {
  .sp-only {
    display: none;
  }
}

@media (max-width: 749.9px) {
  .pc-only {
    display: none;
  }
}

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

button {
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
button:focus {
  outline: none;
}

li {
  list-style: none;
}

@keyframes _scroll-down_gkxks_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_gkxks_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._image_gkxks_30 {
  width: 100%;
  height: 100%;
  vertical-align: top;
  pointer-events: none;
  object-fit: contain;
}
@keyframes _scroll-down_17nm7_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_17nm7_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_17nm7_30 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 120px;
  background-color: #000;
}
@media (max-width: 749.9px) {
  ._container_17nm7_30 {
    padding-top: 42.6666666667vw;
  }
}

._snsWrapper_17nm7_43 {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 749.9px) {
  ._snsWrapper_17nm7_43 {
    gap: 6.4vw;
  }
}

._snsLink_17nm7_55 {
  display: inline-block;
  width: 24px;
  height: 24px;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 749.9px) {
  ._snsLink_17nm7_55 {
    width: 6.4vw;
    height: 6.4vw;
  }
}
._snsLink_17nm7_55:hover {
  opacity: 0.8;
}

._text_17nm7_71 {
  display: block;
  place-items: center;
  width: 250px;
  margin-inline: auto;
  margin-top: 48px;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 749.9px) {
  ._text_17nm7_71 {
    width: 53.3333333333vw;
    margin-top: 8.5333333333vw;
  }
}
._text_17nm7_71:hover {
  opacity: 0.8;
}

._contents_17nm7_89 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 88px;
}
@media (max-width: 749.9px) {
  ._contents_17nm7_89 {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
    margin-top: 17.0666666667vw;
  }
}

._logo_17nm7_103 {
  width: 311px;
  padding: 20px;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 749.9px) {
  ._logo_17nm7_103 {
    width: 53.3333333333vw;
    padding: 5.3333333333vw;
    margin-inline: auto;
  }
}
._logo_17nm7_103:hover {
  opacity: 0.8;
}

._links_17nm7_119 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 24px 16px 0;
}
@media (max-width: 749.9px) {
  ._links_17nm7_119 {
    gap: 23.4666666667vw;
    padding: 0 4.2666666667vw 14.4vw;
  }
}

._navigation_17nm7_132 {
  display: flex;
  gap: 88px;
  font-size: 13px;
  line-height: 1.25;
}
@media (max-width: 749.9px) {
  ._navigation_17nm7_132 {
    gap: 6.4vw;
    margin-inline: auto;
  }
}

._navigationTitle_17nm7_145 {
  font-weight: 700;
  color: #fff;
}

._navigationList_17nm7_150 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  font-weight: 700;
  color: #878787;
}
@media (max-width: 749.9px) {
  ._navigationList_17nm7_150 {
    gap: 2.1333333333vw;
    margin-top: 3.2vw;
  }
}

._navigationLink_17nm7_165 {
  text-decoration: none;
  background: linear-gradient(currentcolor 0 0) 0 100%/0 3px no-repeat;
  transition:
    0.3s,
    background-position 0s 0.3s;
}
@media (hover: hover) {
  ._navigationLink_17nm7_165:hover {
    background-position: 100% 100%;
    background-size: 100% 1px;
  }
}

._copyright_17nm7_177 {
  padding-block: 16px;
  font-size: 10px;
  line-height: 1.25;
  color: #878787;
  border-top: #878787 solid 1px;
}
@media (max-width: 749.9px) {
  ._copyright_17nm7_177 {
    padding-block: 4.2666666667vw;
    font-size: 2.6666666667vw;
    border-top: #878787 solid 0.2666666667vw;
  }
}

@keyframes _scroll-down_zgn67_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_zgn67_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_zgn67_30 {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
@keyframes _scroll-down_id5qx_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_id5qx_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._modal_id5qx_30 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overscroll-behavior: contain;
  background-color: rgba(0, 0, 0, 0.8);
}

._container_id5qx_44 {
  position: relative;
  width: 100%;
  max-width: 800px;
  max-height: 100dvh;
  padding: 64px 16px 40px;
  overflow: scroll;
  overscroll-behavior: contain;
}

._title_id5qx_54 {
  margin-bottom: 18px;
  font-size: 24px;
  color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
}

._closeButton_id5qx_63 {
  position: fixed;
  top: 20px;
  right: 30px;
  width: 32px;
  height: 32px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

._list_id5qx_74 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._item_id5qx_80 {
  width: 100%;
}

._itemButton_id5qx_84 {
  display: block;
  width: 100%;
}
@media (min-width: 750px) {
  ._itemButton_id5qx_84 {
    transition: opacity 0.3s ease-in-out;
  }
  ._itemButton_id5qx_84:hover {
    opacity: 0.8;
  }
}

._showMoreButton_id5qx_97 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px;
  margin-top: 32px;
  font-size: 18px;
  color: #fff;
  border: solid 1px #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
  transition: opacity 0.3s ease-in-out;
}
._showMoreButton_id5qx_97:hover {
  opacity: 0.8;
}

._showMoreArrow_id5qx_117 {
  position: absolute;
  right: 16px;
  width: 12px;
  height: 12px;
}
@keyframes _scroll-down_1pupx_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1pupx_141 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._modal_1pupx_30 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1010;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overscroll-behavior: contain;
  background-color: rgba(0, 0, 0, 0.8);
}

._container_1pupx_44 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: 100%;
  min-height: 100dvh;
  padding: 60px 16px 20px;
  overflow: scroll;
  overscroll-behavior: contain;
}

._category_1pupx_58 {
  align-self: flex-start;
  margin-bottom: 8px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
}

._imageContainer_1pupx_69 {
  width: 100%;
  margin-bottom: 32px;
}

._addressList_1pupx_74 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

._addressContainer_1pupx_80 {
  display: flex;
  gap: 24px;
  width: 80%;
  margin-inline: auto;
}

._addressPin_1pupx_87 {
  width: 27px;
}

._addressTitle_1pupx_91 {
  display: flex;
  margin-bottom: 4px;
  font-size: 16px;
  color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
}

._address_1pupx_74 {
  display: flex;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  text-align: left;
  word-break: auto-phrase;
  text-decoration: underline;
}

._note_1pupx_111 {
  font-size: 12px;
  color: #fff;
}

._buttonContainer_1pupx_116 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 64px;
}

._button_1pupx_116 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 61px;
  font-size: 18px;
  color: #fff;
  border: solid 1px #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
  transition: opacity 0.3s ease-in-out;
}
._button_1pupx_116:hover {
  opacity: 0.8;
}

._floatCloseButton_1pupx_141 {
  position: fixed;
  top: 20px;
  right: 30px;
  width: 32px;
  height: 32px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

._closeButton_1pupx_152 {
  flex-shrink: 0;
  margin-top: 8px;
  font-size: 24px;
}

._locationSection_1pupx_158:not(:last-of-type) {
  margin-bottom: 48px;
}
@keyframes _scroll-down_1rlea_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1rlea_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_1rlea_30 {
  padding: 100px 16px 20px;
  background-color: #ededed;
}

._cardListWrapper_1rlea_35 {
  position: relative;
  max-width: 720px;
  margin: 0 auto;
}

._menuContainer_1rlea_41 {
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background: #000;
}

._filterButton_1rlea_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  padding: 12px;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
}
@media (min-width: 750px) {
  ._filterButton_1rlea_52 {
    width: 80px;
    height: 80px;
    padding: 24px;
  }
}

._arrow_1rlea_71 {
  width: 16px;
  height: 16px;
}

._categoryMenu_1rlea_76 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 230px;
  padding: 0 16px 18px;
  background: #000;
}

._categoryItem_1rlea_85 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  font-size: 13px;
  color: #fff;
  border: solid 1px #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
}

._cardList_1rlea_35 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 8px;
  padding: 0;
  list-style: none;
}

._cardListItem_1rlea_107 {
  display: block;
  width: 100%;
}

._cardImage_1rlea_112 {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  vertical-align: bottom;
}

._showMoreButton_1rlea_120 {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px;
  margin: 32px auto 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border: 1px solid #000;
  transition: opacity 0.3s ease-in-out;
}
._showMoreButton_1rlea_120:hover {
  opacity: 0.8;
}

._showMoreArrow_1rlea_138 {
  display: inline-flex;
  width: 12px;
  height: 12px;
}

._title_1rlea_144 {
  margin-bottom: 12px;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
  font-size: 40px;
  color: #000;
  text-align: center;
  letter-spacing: -0.01em;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}

._text_1rlea_158 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  text-align: center;
}

._note_1rlea_166 {
  margin-bottom: 24px;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
@keyframes _scroll-down_qj7tb_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_qj7tb_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_qj7tb_30 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 80px 34px;
  background-color: #000;
}

._title_qj7tb_40 {
  margin-bottom: 12px;
  font-size: 40px;
  color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}

._text_qj7tb_49 {
  margin-bottom: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}

._postList_qj7tb_58 {
  width: 320px;
  margin-bottom: 16px;
}

._button_qj7tb_63 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 61px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border: solid 1px #fff;
  transition: opacity 0.3s ease-in-out;
}
._button_qj7tb_63:hover {
  opacity: 0.8;
}

._showMoreButton_qj7tb_80 {
  margin-bottom: 16px;
}
._showMoreButton_qj7tb_80::after {
  position: absolute;
  right: 16px;
  width: 16px;
  height: 16px;
  content: "";
  background: url("../../../../../../files/user/_/10th/assets/images/thanks/icon_more.svg");
  background-repeat: no-repeat;
  background-position: center;
}
@keyframes _scroll-down_r6p1q_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_r6p1q_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_r6p1q_30 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 80px 16px;
  background-color: #000;
}

._title_r6p1q_41 {
  margin-bottom: 12px;
  font-size: 40px;
  color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}

._text_r6p1q_50 {
  margin-bottom: 64px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}

._mapContainer_r6p1q_59 {
  position: relative;
  z-index: 1;
  border: solid 1px #fff;
}

._map_r6p1q_59 {
  width: 320px;
  height: 500px;
}

._toggleButton_r6p1q_70 {
  position: absolute;
  right: 16px;
  bottom: 24px;
  z-index: 1;
  display: flex;
  gap: 12px;
  align-items: center;
  width: 106px;
  padding: 6px;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  border-radius: 22px;
  transition:
    background-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}
._toggleButton_r6p1q_70::after {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  border-radius: 50%;
  transition:
    background-color 0.2s ease-in-out,
    right 0.2s ease-in-out;
}
._toggleButton_r6p1q_70[data-is-jp="true"] {
  padding-left: 23px;
  color: #fff;
  background-color: #000;
  border: solid 1px #fff;
}
._toggleButton_r6p1q_70[data-is-jp="true"]::after {
  right: 4px;
  background-color: #fff;
}
._toggleButton_r6p1q_70[data-is-jp="false"] {
  padding-left: 28px;
  color: #000;
  background-color: #fff;
  border: solid 1px #000;
}
._toggleButton_r6p1q_70[data-is-jp="false"]::after {
  right: calc(100% - 22px);
  background-color: #000;
}
@keyframes _scroll-down_rf5k7_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_rf5k7_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._button_rf5k7_30 {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 10;
  width: 90px;
}
@media (min-width: 750px) {
  ._button_rf5k7_30 {
    width: 132px;
  }
}
@keyframes _scroll-down_1try8_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1try8_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._overlay_1try8_30 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: scroll;
  background-color: rgb(0, 0, 0);
}

._modal_1try8_41 {
  position: relative;
  width: 375px;
  padding: 35px 30px 0;
  margin-inline: auto;
  overflow-y: auto;
  background: #000;
}

._title_1try8_50 {
  width: 287px;
  margin-bottom: 40px;
}

._content_1try8_55 {
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}

._statement_1try8_62:not(:last-child) {
  margin-bottom: 0.8em;
}

._logos_1try8_66 {
  width: 193px;
}

._tapButton_1try8_70 {
  width: 100%;
  padding: 18px 0;
  margin: 40px 0 48px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border: solid 1px #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}
@keyframes _scroll-down_1gw10_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1gw10_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_1gw10_30 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}
@keyframes _scroll-down_1oi2b_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1oi2b_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._header_1oi2b_30 {
  position: fixed;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  background-color: #000;
}

._headerLogo_1oi2b_41 {
  position: absolute;
  top: 50%;
  left: 18px;
  width: 55px;
  transform: translateY(-50%);
}

._headerBackLink_1oi2b_49 {
  display: flex;
  width: 88px;
}
@keyframes _scroll-down_inecu_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_inecu_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
html {
  scroll-padding-top: 60px;
}

._container_inecu_34 {
  width: 100%;
}

._bg_inecu_38 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

@keyframes _scroll-down_1p2ir_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1p2ir_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_1p2ir_30 {
  width: 100%;
  height: 100vh;
}

._background_1p2ir_35 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url("../../../../../../files/user/_/10th/assets/images/quiz/top/bg_pc.jpg") no-repeat
    center;
  background-size: cover;
}
@media (max-width: 749.9px) {
  ._background_1p2ir_35 {
    background: none;
    background-color: #000;
  }
}

._blgLink_1p2ir_53 {
  position: fixed;
  top: 20px;
  left: 20px;
  display: block;
  width: 78px;
  height: 57px;
}
@media (max-width: 749.9px) {
  ._blgLink_1p2ir_53 {
    display: none;
  }
}

._quizLink_1p2ir_67 {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 163px;
  height: 206px;
}
@media (max-width: 749.9px) {
  ._quizLink_1p2ir_67 {
    display: none;
  }
}
@keyframes _scroll-down_76qxu_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_76qxu_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._noiseText_76qxu_30 {
  position: relative;
  display: inline-block;
}

._noiseOverlay_76qxu_35 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/ingame/noise.png");
  background-repeat: repeat;
  background-size: 198px auto;
  mix-blend-mode: overlay;
  opacity: 0.3;
}
@media (max-width: 749.9px) {
  ._noiseOverlay_76qxu_35 {
    background-size: 52.8vw auto;
  }
}
@keyframes _scroll-down_r5t3e_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_r5t3e_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_r5t3e_30 {
  position: relative;
  max-width: 375px;
  aspect-ratio: 1125/2436;
  margin-inline: auto;
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/ingame/bg_off.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
@media (max-width: 749.9px) {
  ._container_r5t3e_30 {
    width: 100%;
    max-width: none;
  }
}
._container_r5t3e_30[data-monitor-active="true"] {
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/ingame/bg_on.png");
}
._container_r5t3e_30[data-light-active="true"] {
  overflow: hidden;
}

._backgroundDecoration_r5t3e_53 {
  position: absolute;
  top: 0;
  width: 24px;
  height: 100%;
  pointer-events: none;
  background-repeat: repeat-y;
  background-size: 100% auto;
  transform-origin: center;
}
._backgroundDecoration_r5t3e_53[data-side="right"] {
  right: -2px;
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/ingame/text_right.png");
  clip-path: polygon(0 60px, 100% 64px, 100% 387.2px, 0% 391px);
  transform: rotate3d(0, 1, 0, -50deg);
  animation: _scroll-monitor-text_r5t3e_1 10s linear infinite;
}
@media (max-width: 749.9px) {
  ._backgroundDecoration_r5t3e_53[data-side="right"] {
    right: -0.5333333333vw;
    clip-path: polygon(0 16vw, 100% 17.0666666667vw, 100% 103.2533333333vw, 0% 104.2666666667vw);
    animation: _scroll-monitor-text-sp_r5t3e_1 10s linear infinite;
  }
}
._backgroundDecoration_r5t3e_53[data-side="left"] {
  left: -2px;
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/ingame/text_left.png");
  clip-path: polygon(0 64px, 100% 60px, 100% 391px, 0% 388px);
  transform: rotate3d(0, 1, 0, -50deg);
  animation: _scroll-monitor-text_r5t3e_1 10s linear infinite reverse;
}
@media (max-width: 749.9px) {
  ._backgroundDecoration_r5t3e_53[data-side="left"] {
    left: -0.5333333333vw;
    clip-path: polygon(0 17.0666666667vw, 100% 16vw, 100% 104.2666666667vw, 0% 103.4666666667vw);
    animation: _scroll-monitor-text-sp_r5t3e_1 10s linear infinite reverse;
  }
}
@media (max-width: 749.9px) {
  ._backgroundDecoration_r5t3e_53 {
    width: 6.4vw;
  }
}

@keyframes _scroll-monitor-text_r5t3e_1 {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 146px;
  }
}
@keyframes _scroll-monitor-text-sp_r5t3e_1 {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 38.9333333333vw;
  }
}
._lightsContainer_r5t3e_113 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

._light_r5t3e_113 {
  position: absolute;
  width: 235px;
  height: 1009px;
  filter: blur(4px);
}
@media (max-width: 749.9px) {
  ._light_r5t3e_113 {
    width: 62.6666666667vw;
    height: 269.0666666667vw;
    filter: blur(1.0666666667vw);
  }
}

._lightLeftBottom_r5t3e_134 {
  top: -125px;
  left: -200px;
  transform-origin: bottom center;
  animation: _swing-left-bottom_r5t3e_1 4s ease-in-out infinite;
}
@media (max-width: 749.9px) {
  ._lightLeftBottom_r5t3e_134 {
    top: -33.3333333333vw;
    left: -53.3333333333vw;
  }
}

._lightRightBottom_r5t3e_147 {
  top: -125px;
  right: -180px;
  transform-origin: bottom;
  animation: _swing-right-bottom_r5t3e_1 4s ease-in-out infinite;
}
@media (max-width: 749.9px) {
  ._lightRightBottom_r5t3e_147 {
    top: -33.3333333333vw;
    right: -48vw;
  }
}

@keyframes _swing-left-bottom_r5t3e_1 {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(26deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
@keyframes _swing-right-bottom_r5t3e_1 {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(-26deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes _scroll-down_f4hjh_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_f4hjh_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._inner_f4hjh_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 16px 0;
}
@media (max-width: 749.9px) {
  ._inner_f4hjh_30 {
    padding: 4.2666666667vw 4.2666666667vw 0;
  }
}

._title_f4hjh_42 {
  width: 312px;
  padding-top: 4px;
}
@media (max-width: 749.9px) {
  ._title_f4hjh_42 {
    width: 83.2vw;
    padding-top: 1.0666666667vw;
  }
}

._countdownWrapper_f4hjh_53 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 164px;
}
@media (max-width: 749.9px) {
  ._countdownWrapper_f4hjh_53 {
    margin-top: 43.7333333333vw;
  }
}

._countdownItem_f4hjh_66 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
._countdownItem_f4hjh_66[data-item="3"] {
  animation: _hide-item_f4hjh_1 0s 1s forwards;
}
._countdownItem_f4hjh_66[data-item="2"] {
  animation: _hide-item_f4hjh_1 0s 2s forwards;
}
._countdownItem_f4hjh_66[data-item="1"] {
  animation: _hide-item_f4hjh_1 0s 3s forwards;
}

@keyframes _hide-item_f4hjh_1 {
  to {
    visibility: hidden;
  }
}
._countdownText_f4hjh_87 {
  font-size: 80px;
  color: transparent;
  text-align: center;
  letter-spacing: -0.02em;
  background: #000;
  background-clip: text;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}
@media (max-width: 749.9px) {
  ._countdownText_f4hjh_87 {
    font-size: 21.3333333333vw;
  }
}

._start_f4hjh_104 {
  font-size: 80px;
  letter-spacing: -0.02em;
}
@media (max-width: 749.9px) {
  ._start_f4hjh_104 {
    font-size: 21.3333333333vw;
  }
}
@keyframes _scroll-down_xm9x7_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_xm9x7_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_xm9x7_30 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 375px;
  height: 100%;
  margin-inline: auto;
  opacity: 0;
}
@media (max-width: 749.9px) {
  ._container_xm9x7_30 {
    width: 100%;
    max-width: none;
  }
}

._inner_xm9x7_47 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
}

._title_xm9x7_58 {
  position: absolute;
  left: 100%;
  width: 226px;
  transform-origin: center center;
}
@media (max-width: 749.9px) {
  ._title_xm9x7_58 {
    width: 60.2666666667vw;
  }
}
@keyframes _scroll-down_1kti1_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1kti1_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._button_1kti1_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 263px;
  height: 64px;
  padding-block: 18px;
  margin-inline: auto;
  cursor: pointer;
  border: 1px solid #000;
  transition: 0.3s ease-in-out;
}
._button_1kti1_30:disabled {
  cursor: not-allowed;
  border-color: #303030;
}
@media (max-width: 749.9px) {
  ._button_1kti1_30 {
    width: 70.1333333333vw;
    height: 17.0666666667vw;
    padding-block: 4.8vw;
  }
}

@keyframes _fade-in_1kti1_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._text_1kti1_63 img {
  animation: _fade-in_1kti1_1 0.3s ease-in-out;
}
@keyframes _scroll-down_1e0to_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1e0to_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_1e0to_30 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 375px;
  height: 100%;
  padding: 24px 16px 0;
  margin: 0 auto;
  background-color: #000;
}
@media (max-width: 749.9px) {
  ._container_1e0to_30 {
    width: 100%;
    padding: 6.4vw 4.2666666667vw 0;
  }
}

._title_1e0to_48 {
  width: 207px;
}
@media (max-width: 749.9px) {
  ._title_1e0to_48 {
    width: 55.2vw;
  }
}

._content_1e0to_57 {
  width: 100%;
  max-width: 375px;
  margin-top: 27px;
}
@media (max-width: 749.9px) {
  ._content_1e0to_57 {
    max-width: none;
    margin-top: 7.2vw;
  }
}

._description_1e0to_69 {
  margin-top: 11px;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: #fff;
  text-align: center;
  letter-spacing: -0.85px;
}
@media (max-width: 749.9px) {
  ._description_1e0to_69 {
    margin-top: 2.9333333333vw;
    font-size: 4.8vw;
  }
}

._form_1e0to_85 {
  display: flex;
  flex-direction: column;
  gap: 27px;
  margin-top: 16px;
}
@media (max-width: 749.9px) {
  ._form_1e0to_85 {
    gap: 7.2vw;
    margin-top: 4.2666666667vw;
  }
}

._formGroup_1e0to_98 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 749.9px) {
  ._formGroup_1e0to_98 {
    gap: 2.1333333333vw;
  }
}

._label_1e0to_109 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._label_1e0to_109 {
    font-size: 4vw;
  }
}

._select_1e0to_120 {
  cursor: pointer;
  border-radius: 0;
}

._input_1e0to_125,
._select_1e0to_120 {
  height: 58px;
  padding: 12px 28px;
  font-size: 16px;
  color: #333;
  appearance: none;
  background: #fff;
  border: none;
  transition: all 0.3s ease;
}
._input_1e0to_125::placeholder,
._select_1e0to_120::placeholder {
  color: #999;
}
@media (max-width: 749.9px) {
  ._input_1e0to_125,
  ._select_1e0to_120 {
    height: 15.4666666667vw;
    padding: 3.2vw 7.4666666667vw;
    font-size: 4.2666666667vw;
  }
}

._option_1e0to_149 {
  font-size: 16px;
}
@media (max-width: 749.9px) {
  ._option_1e0to_149 {
    font-size: 4.2666666667vw;
  }
}

._nextButton_1e0to_158 {
  margin-top: 120px;
}
@media (max-width: 749.9px) {
  ._nextButton_1e0to_158 {
    margin-top: 32vw;
  }
}

._error_1e0to_167 {
  font-size: 12px;
  color: #f00;
}
@media (max-width: 749.9px) {
  ._error_1e0to_167 {
    font-size: 3.2vw;
  }
}

._formGroup_1e0to_98[data-error="true"] ._input_1e0to_125 {
  background-color: #ffdede;
  border: 1px solid #f00;
}
._formGroup_1e0to_98[data-error="true"] ._input_1e0to_125:focus {
  outline: none;
}
@media (max-width: 749.9px) {
  ._formGroup_1e0to_98[data-error="true"] ._input_1e0to_125 {
    border: 0.2666666667vw solid #f00;
  }
  ._formGroup_1e0to_98[data-error="true"] ._input_1e0to_125:focus {
    outline: none;
  }
}
@keyframes _scroll-down_p141o_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_p141o_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._button_p141o_30 {
  position: relative;
  width: 100%;
  height: 40px;
  padding-inline: 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  white-space: pre-line;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #fff;
  transition:
    background-color 0.3s,
    color 0.3s;
}
._button_p141o_30[data-usage="answerCard"] {
  padding-inline: 12px;
  font-size: 11px;
}
@media (max-width: 749.9px) {
  ._button_p141o_30 {
    height: 10.6666666667vw;
    padding-inline: 3.7333333333vw;
    font-size: 3.7333333333vw;
  }
  ._button_p141o_30[data-usage="answerCard"] {
    padding-inline: 3.2vw;
    font-size: 2.9333333333vw;
  }
}

._selected_p141o_61 {
  color: #000;
  background-color: #fff;
}

._correct_p141o_66 {
  color: #000;
  background-color: #4aff77;
  border: none;
}
@keyframes _scroll-down_1nzd0_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1nzd0_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._commonOptionList_1nzd0_30 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 749.9px) {
  ._commonOptionList_1nzd0_30 {
    gap: 2.1333333333vw;
  }
}

._orderNumber_1nzd0_41 {
  position: absolute;
  top: 50%;
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media (max-width: 749.9px) {
  ._orderNumber_1nzd0_41 {
    left: 3.2vw;
    width: 6.4vw;
    height: 6.4vw;
    font-size: 4vw;
  }
}

._combineContainer_1nzd0_67 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 92px;
}
@media (max-width: 749.9px) {
  ._combineContainer_1nzd0_67 {
    gap: 24.5333333333vw;
  }
}

._leftColumn_1nzd0_79,
._rightColumn_1nzd0_80 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 749.9px) {
  ._leftColumn_1nzd0_79,
  ._rightColumn_1nzd0_80 {
    gap: 2.1333333333vw;
  }
}

._combineOptionWrapper_1nzd0_92 {
  position: relative;
}

._combineOptionCircle_1nzd0_96 {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  transform: translateY(calc(50% - 4px));
}
._combineOptionCircle_1nzd0_96[data-is-left="true"] {
  left: calc(100% + 6px);
}
._combineOptionCircle_1nzd0_96[data-is-left="false"] {
  right: calc(100% + 6px);
}
._combineOptionCircle_1nzd0_96::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 12px;
  height: 12px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 749.9px) {
  ._combineOptionCircle_1nzd0_96 {
    width: 6.4vw;
    height: 6.4vw;
  }
  ._combineOptionCircle_1nzd0_96[data-is-left="true"] {
    left: calc(100% + 1.6vw);
  }
  ._combineOptionCircle_1nzd0_96[data-is-left="false"] {
    right: calc(100% + 1.6vw);
  }
  ._combineOptionCircle_1nzd0_96::after {
    width: 3.2vw;
    height: 3.2vw;
  }
}
._combineOptionCircle_1nzd0_96[data-is-paired="true"]::after {
  display: block;
}
._combineOptionCircle_1nzd0_96[data-is-selected="true"]::after {
  display: block;
}
._combineOptionCircle_1nzd0_96[data-is-correct="true"]::after {
  background-color: #4aff77;
}

._combineLines_1nzd0_148 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

._combineOption_1nzd0_92 {
  width: 100%;
}
._combineOption_1nzd0_92._paired_1nzd0_161 {
  color: #000;
  background-color: #fff;
}

._freeInput_1nzd0_166 {
  width: 100%;
  height: 90px;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
}
@media (max-width: 749.9px) {
  ._freeInput_1nzd0_166 {
    height: 24vw;
    font-size: 4.2666666667vw;
  }
}
._freeInput_1nzd0_166:focus {
  outline: none;
}
._freeInput_1nzd0_166::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
@keyframes _scroll-down_1h4f1_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1h4f1_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_1h4f1_30 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  background-color: #f9f9f9;
}

._quizContent_1h4f1_39 {
  width: 100%;
  max-width: 600px;
  margin: 20px 0;
}

._quizProgressTitle_1h4f1_45 {
  font-size: 22px;
  font-weight: 600;
  color: transparent;
  text-align: center;
  background: linear-gradient(
    180deg,
    #705e11 0%,
    #e2bf24 17.31%,
    #b89c20 27.88%,
    #716014 86.06%,
    #413814 100%
  );
  background-clip: text;
}
@media (max-width: 749.9px) {
  ._quizProgressTitle_1h4f1_45 {
    font-size: 5.8666666667vw;
  }
}

._quizProgressNumber_1h4f1_59 {
  font-size: 27px;
}
@media (max-width: 749.9px) {
  ._quizProgressNumber_1h4f1_59 {
    font-size: 7.2vw;
  }
}

._quizProgressTitleSmall_1h4f1_68 {
  font-size: 24px;
}
@media (max-width: 749.9px) {
  ._quizProgressTitleSmall_1h4f1_68 {
    font-size: 6.4vw;
  }
}

._questionStatement_1h4f1_77 {
  position: absolute;
  top: 65px;
  width: 295px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #000;
  white-space: pre-line;
}
@media (max-width: 749.9px) {
  ._questionStatement_1h4f1_77 {
    top: 17.3333333333vw;
    width: 78.6666666667vw;
    font-size: 4.2666666667vw;
  }
}

._questionMedia_1h4f1_95 {
  position: absolute;
  top: 170px;
  width: 289px;
}
@media (max-width: 749.9px) {
  ._questionMedia_1h4f1_95 {
    top: 45.3333333333vw;
    width: 77.0666666667vw;
  }
}
._questionMedia_1h4f1_95 ._video_1h4f1_106 {
  max-width: 100%;
  height: auto;
  background: #000;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._form_1h4f1_114 {
  position: absolute;
  top: 413px;
  width: 100%;
  padding-inline: 12px;
}
@media (max-width: 749.9px) {
  ._form_1h4f1_114 {
    top: 110.1333333333vw;
    padding-inline: 3.2vw;
  }
}

._submitButton_1h4f1_127 {
  margin-top: 12px;
}
@media (max-width: 749.9px) {
  ._submitButton_1h4f1_127 {
    margin-top: 3.2vw;
  }
}
@keyframes _scroll-down_cadrt_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_cadrt_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._answerOptionList_cadrt_30 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
@media (max-width: 749.9px) {
  ._answerOptionList_cadrt_30 {
    gap: 2.1333333333vw;
    margin-top: 3.7333333333vw;
  }
}

._freeInputAnswer_cadrt_43 {
  place-content: center;
  width: 100%;
  height: 60px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  background-color: #fff;
}
@media (max-width: 749.9px) {
  ._freeInputAnswer_cadrt_43 {
    height: 16vw;
    font-size: 2.9333333333vw;
  }
}
._freeInputAnswer_cadrt_43[data-variant="correct"] {
  border: 2px solid #4aff77;
}

._combineContainer_cadrt_63 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 92px;
}
@media (max-width: 749.9px) {
  ._combineContainer_cadrt_63 {
    gap: 24.5333333333vw;
  }
}

._leftColumn_cadrt_75,
._rightColumn_cadrt_76 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 749.9px) {
  ._leftColumn_cadrt_75,
  ._rightColumn_cadrt_76 {
    gap: 2.1333333333vw;
  }
}

._combineOptionWrapper_cadrt_88 {
  position: relative;
}

._combineOptionCircle_cadrt_92 {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  transform: translateY(calc(50% - 4px));
}
._combineOptionCircle_cadrt_92[data-is-left="true"] {
  left: calc(100% + 6px);
}
._combineOptionCircle_cadrt_92[data-is-left="false"] {
  right: calc(100% + 6px);
}
._combineOptionCircle_cadrt_92::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 12px;
  height: 12px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 749.9px) {
  ._combineOptionCircle_cadrt_92 {
    width: 6.4vw;
    height: 6.4vw;
  }
  ._combineOptionCircle_cadrt_92[data-is-left="true"] {
    left: calc(100% + 1.6vw);
  }
  ._combineOptionCircle_cadrt_92[data-is-left="false"] {
    right: calc(100% + 1.6vw);
  }
  ._combineOptionCircle_cadrt_92::after {
    width: 3.2vw;
    height: 3.2vw;
  }
}
._combineOptionCircle_cadrt_92[data-is-paired="true"]::after {
  display: block;
}
._combineOptionCircle_cadrt_92[data-is-selected="true"]::after {
  display: block;
}
._combineOptionCircle_cadrt_92[data-is-correct="true"]::after {
  background-color: #4aff77;
}

._combineLines_cadrt_144 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

._combineOption_cadrt_88 {
  width: 100%;
}
._combineOption_cadrt_88._paired_cadrt_157 {
  color: #000;
  background-color: #fff;
}

._optionsTitle_cadrt_162 {
  position: relative;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
._optionsTitle_cadrt_162::before,
._optionsTitle_cadrt_162::after {
  position: absolute;
  display: inline-block;
  width: 91px;
  height: 1px;
  content: "";
  background-color: #fff;
}
._optionsTitle_cadrt_162::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
._optionsTitle_cadrt_162::after {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 749.9px) {
  ._optionsTitle_cadrt_162 {
    margin-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
  }
  ._optionsTitle_cadrt_162::before,
  ._optionsTitle_cadrt_162::after {
    width: 24.2666666667vw;
    height: 0.2666666667vw;
  }
}
._optionsTitle_cadrt_162[data-is-correct="true"] {
  color: #4aff77;
}
._optionsTitle_cadrt_162[data-is-correct="true"]::before,
._optionsTitle_cadrt_162[data-is-correct="true"]::after {
  background-color: #4aff77;
}

._combineSmallGap_cadrt_205 {
  gap: 70px;
  margin-top: 12px;
  font-size: 11px;
}
@media (max-width: 749.9px) {
  ._combineSmallGap_cadrt_205 {
    gap: 18.6666666667vw;
    margin-top: 3.2vw;
    font-size: 2.9333333333vw;
  }
}
@keyframes _scroll-down_1n6tx_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1n6tx_59 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_1n6tx_30 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  overscroll-behavior: contain;
  background-color: rgb(0, 0, 0);
}

._inner_1n6tx_43 {
  position: relative;
  width: 100%;
  max-width: 375px;
  max-height: 100dvh;
  padding: 42px 50px;
  overflow: scroll;
  overscroll-behavior: contain;
}
@media (max-width: 749.9px) {
  ._inner_1n6tx_43 {
    max-width: 100%;
    padding: 11.2vw 13.3333333333vw;
  }
}

._floatCloseButton_1n6tx_59 {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 1;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
@media (max-width: 749.9px) {
  ._floatCloseButton_1n6tx_59 {
    top: 3.2vw;
    right: 3.2vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}

._resultItem_1n6tx_78 {
  padding-block: 46px 24px;
  border-bottom: 1px solid #fff;
}
._resultItem_1n6tx_78:first-child {
  margin-top: 0;
}
@media (max-width: 749.9px) {
  ._resultItem_1n6tx_78 {
    padding-block: 12.2666666667vw 6.4vw;
  }
  ._resultItem_1n6tx_78:first-child {
    margin-top: 0;
  }
}

._resultTitle_1n6tx_94 {
  font-size: 50px;
  font-weight: bold;
  color: #bbb;
  text-align: center;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 800;
}
@media (max-width: 749.9px) {
  ._resultTitle_1n6tx_94 {
    font-size: 13.3333333333vw;
  }
}

._resultIndex_1n6tx_109 {
  margin-top: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media (max-width: 749.9px) {
  ._resultIndex_1n6tx_109 {
    margin-top: 3.2vw;
    font-size: 4.2666666667vw;
  }
}

._quizStatement_1n6tx_123 {
  padding-block: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  white-space: pre-line;
}
@media (max-width: 749.9px) {
  ._quizStatement_1n6tx_123 {
    padding-block: 4.2666666667vw;
    font-size: 4.2666666667vw;
  }
}

._quizImageWrapper_1n6tx_138 {
  position: relative;
  width: 100%;
  margin-top: 12px;
}
@media (max-width: 749.9px) {
  ._quizImageWrapper_1n6tx_138 {
    margin-top: 3.2vw;
  }
}

._quizCorrectWrongIcon_1n6tx_149 {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 220px;
  height: 220px;
  transform: translate(50%, -50%);
}
@media (max-width: 749.9px) {
  ._quizCorrectWrongIcon_1n6tx_149 {
    width: 58.6666666667vw;
    height: 58.6666666667vw;
  }
}

._image_1n6tx_164 {
  width: 100%;
}

._correct_1n6tx_168 ._resultTitle_1n6tx_94 {
  color: #4aff77;
}

._explanationSection_1n6tx_172 {
  margin-top: 24px;
}
@media (max-width: 749.9px) {
  ._explanationSection_1n6tx_172 {
    margin-top: 6.4vw;
  }
}

._explanationTitle_1n6tx_181 {
  place-content: center;
  padding-block: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: center;
  background-color: #4aff77;
  border-radius: 4px 4px 0 0;
}
@media (max-width: 749.9px) {
  ._explanationTitle_1n6tx_181 {
    padding-block: 2.1333333333vw;
    font-size: 4.2666666667vw;
  }
}

._explanationMedia_1n6tx_198 {
  width: 100%;
}

._explanationText_1n6tx_202 {
  padding: 8px 20px;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.25;
  color: #fff;
  white-space: pre-line;
  background-color: #252525;
}
@media (max-width: 749.9px) {
  ._explanationText_1n6tx_202 {
    padding: 2.1333333333vw 5.3333333333vw;
    font-size: 3.2vw;
  }
}
@keyframes _scroll-down_7nvhj_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_7nvhj_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._ranking_7nvhj_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 16px 72px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 {
    padding: 0 4.2666666667vw 19.2vw;
  }
}
._ranking_7nvhj_30 ._rankingTitle_7nvhj_42 {
  width: 100%;
  margin-bottom: 12px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingTitle_7nvhj_42 {
    margin-bottom: 3.2vw;
  }
}
._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  max-height: 460px;
  overflow: scroll;
  font-size: 16px;
  color: #000;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 400;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 {
    gap: 1.3333333333vw;
    max-height: 122.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingHeader_7nvhj_71 {
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: 56px 148px 44px 80px;
  gap: 5px;
  background-color: #000;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingHeader_7nvhj_71 {
    grid-template-columns: 14.9333333333vw 1fr 11.7333333333vw 21.3333333333vw;
    gap: 1.3333333333vw;
  }
}
._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingHeader_7nvhj_71 ._rankingHeaderCell_7nvhj_86 {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingHeader_7nvhj_71 ._rankingHeaderCell_7nvhj_86 {
    font-size: 3.2vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingHeader_7nvhj_71
  ._rankingHeaderImage_7nvhj_96[data-label="rank"] {
  width: 47px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingHeader_7nvhj_71
    ._rankingHeaderImage_7nvhj_96[data-label="rank"] {
    width: 12.5333333333vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingHeader_7nvhj_71
  ._rankingHeaderImage_7nvhj_96[data-label="state"] {
  width: 70px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingHeader_7nvhj_71
    ._rankingHeaderImage_7nvhj_96[data-label="state"] {
    width: 18.6666666667vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingHeader_7nvhj_71
  ._rankingHeaderImage_7nvhj_96[data-label="score"] {
  width: 36px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingHeader_7nvhj_71
    ._rankingHeaderImage_7nvhj_96[data-label="score"] {
    width: 9.6vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingHeader_7nvhj_71
  ._rankingHeaderImage_7nvhj_96[data-label="time"] {
  width: 26px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingHeader_7nvhj_71
    ._rankingHeaderImage_7nvhj_96[data-label="time"] {
    width: 6.9333333333vw;
  }
}
._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 {
  display: grid;
  grid-template-columns: 56px 148px 44px 80px;
  gap: 5px;
  align-items: center;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 {
    grid-template-columns: 14.9333333333vw 1fr 11.7333333333vw 21.3333333333vw;
    gap: 1.3333333333vw;
  }
}
._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 ._rankingCell_7nvhj_140 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 3px;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 ._rankingCell_7nvhj_140 {
    height: 7.4666666667vw;
    padding: 0.8vw;
    font-size: 5.3333333333vw;
  }
}
._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 ._rankingRank_7nvhj_157 {
  font-size: 23px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 ._rankingRank_7nvhj_157 {
    font-size: 6.1333333333vw;
  }
}
._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 ._rankingName_7nvhj_165 {
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30 ._rankingBoard_7nvhj_51 ._rankingRow_7nvhj_128 ._rankingName_7nvhj_165 {
    gap: 0.5333333333vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128
  ._rankingName_7nvhj_165
  ._rankingNickname_7nvhj_176 {
  font-size: 17px;
  letter-spacing: -1px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingRow_7nvhj_128
    ._rankingName_7nvhj_165
    ._rankingNickname_7nvhj_176 {
    font-size: 4.5333333333vw;
    letter-spacing: -0.2666666667vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128
  ._rankingName_7nvhj_165
  ._rankingPrefecture_7nvhj_186 {
  margin-top: -2px;
  font-size: 8px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingRow_7nvhj_128
    ._rankingName_7nvhj_165
    ._rankingPrefecture_7nvhj_186 {
    margin-top: -0.5333333333vw;
    font-size: 2.1333333333vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
  ._rankingCell_7nvhj_140 {
  height: 42px;
  padding: 5px;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
    ._rankingCell_7nvhj_140 {
    height: 11.2vw;
    padding: 1.3333333333vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
  ._rankingRank_7nvhj_157 {
  font-size: 36px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
    ._rankingRank_7nvhj_157 {
    font-size: 9.6vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
  ._rankingRank_7nvhj_157
  ._rankingSuffix_7nvhj_215 {
  align-self: flex-end;
  font-size: 25px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
    ._rankingRank_7nvhj_157
    ._rankingSuffix_7nvhj_215 {
    font-size: 6.6666666667vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
  ._rankingName_7nvhj_165
  ._rankingNickname_7nvhj_176 {
  font-size: 16px;
  letter-spacing: -1px;
}
@media (max-width: 749.9px) {
  ._ranking_7nvhj_30
    ._rankingBoard_7nvhj_51
    ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196
    ._rankingName_7nvhj_165
    ._rankingNickname_7nvhj_176 {
    font-size: 4.2666666667vw;
    letter-spacing: -0.2666666667vw;
  }
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196[data-rank="1"]
  ._rankingCell_7nvhj_140 {
  background: linear-gradient(180deg, #7b660a 0%, #e2bf24 26.44%, #b89c20 77.88%, #9f820e 92.31%);
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196[data-rank="2"]
  ._rankingCell_7nvhj_140 {
  background: linear-gradient(180deg, #686868 0%, #918f8f 47.6%, #666 100%);
}
._ranking_7nvhj_30
  ._rankingBoard_7nvhj_51
  ._rankingRow_7nvhj_128._rankingTopRank_7nvhj_196[data-rank="3"]
  ._rankingCell_7nvhj_140 {
  background: linear-gradient(180deg, #925717 0%, #ca8742 51.92%, #7e4d1c 100%);
}
@keyframes _scroll-down_4mj2e_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_4mj2e_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_4mj2e_30 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 8px 48px;
  background-color: #000;
}
@media (max-width: 749.9px) {
  ._container_4mj2e_30 {
    padding-block: 2.1333333333vw 12.8vw;
  }
}
._container_4mj2e_30::after {
  position: absolute;
  right: 0;
  bottom: -280px;
  z-index: 3;
  display: block;
  width: 343px;
  height: 354px;
  pointer-events: none;
  content: "";
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/foot_smoke.png");
  background-size: contain;
}
@media (max-width: 749.9px) {
  ._container_4mj2e_30::after {
    bottom: -74.6666666667vw;
    width: 91.4666666667vw;
    height: 94.4vw;
  }
}

._title_4mj2e_64 {
  font-size: 50px;
  color: transparent;
  background: linear-gradient(180deg, #544811 0%, #e2bf24 17.31%, #b89c20 27.88%, #413814 95.19%);
  background-clip: text;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}
@media (max-width: 749.9px) {
  ._title_4mj2e_64 {
    font-size: 13.3333333333vw;
  }
}

._resultInfo_4mj2e_79 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 63px;
  color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}
@media (max-width: 749.9px) {
  ._resultInfo_4mj2e_79 {
    margin-top: 16.8vw;
  }
}

._nickname_4mj2e_95 {
  font-size: 44px;
}
@media (max-width: 749.9px) {
  ._nickname_4mj2e_95 {
    font-size: 11.7333333333vw;
  }
}

._prefecture_4mj2e_104 {
  font-size: 20px;
}
@media (max-width: 749.9px) {
  ._prefecture_4mj2e_104 {
    font-size: 5.3333333333vw;
  }
}

._scoreSection_4mj2e_113 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-inline: 60px;
  color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 700;
}
@media (max-width: 749.9px) {
  ._scoreSection_4mj2e_113 {
    padding-inline: 16vw;
  }
}
._scoreSection_4mj2e_113::before {
  display: block;
  width: 375px;
  height: 14px;
  margin-block: 14px;
  content: "";
  background: url("../../../../../../files/user/_/10th/assets/images/quiz/result/divider.png")
    no-repeat center;
}
@media (max-width: 749.9px) {
  ._scoreSection_4mj2e_113::before {
    width: 100vw;
    height: 3.7333333333vw;
    margin-block: 3.7333333333vw;
  }
}

._scoreItem_4mj2e_145 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  width: 100%;
  font-size: 24px;
  line-height: 1;
}
._scoreItem_4mj2e_145:not(:first-child) {
  margin-top: 4px;
}
@media (max-width: 749.9px) {
  ._scoreItem_4mj2e_145:not(:first-child) {
    margin-top: 1.0666666667vw;
  }
}
@media (max-width: 749.9px) {
  ._scoreItem_4mj2e_145 {
    font-size: 6.4vw;
  }
}

._scoreValue_4mj2e_167 {
  color: transparent;
  background: linear-gradient(180deg, #7b660a 0%, #e2bf24 26.44%, #b89c20 77.88%, #9f820e 92.31%);
  background-clip: text;
}
._scoreItem_4mj2e_145:nth-child(1) ._scoreValue_4mj2e_167 {
  font-size: 26px;
  line-height: 26px;
}
@media (max-width: 749.9px) {
  ._scoreItem_4mj2e_145:nth-child(1) ._scoreValue_4mj2e_167 {
    font-size: 6.9333333333vw;
    line-height: 6.9333333333vw;
  }
}
._scoreItem_4mj2e_145:nth-child(2) ._scoreValue_4mj2e_167 {
  font-size: 30px;
  line-height: 30px;
}
@media (max-width: 749.9px) {
  ._scoreItem_4mj2e_145:nth-child(2) ._scoreValue_4mj2e_167 {
    font-size: 8vw;
    line-height: 8vw;
  }
}
._scoreItem_4mj2e_145:nth-child(3) ._scoreValue_4mj2e_167 {
  font-size: 40px;
  line-height: 40px;
}
@media (max-width: 749.9px) {
  ._scoreItem_4mj2e_145:nth-child(3) ._scoreValue_4mj2e_167 {
    font-size: 10.6666666667vw;
    line-height: 10.6666666667vw;
  }
}

._shareSection_4mj2e_203 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block: 158px 64px;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._shareSection_4mj2e_203 {
    margin-block: 42.1333333333vw 17.0666666667vw;
  }
}

._shareText_4mj2e_216 {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-inline: 8px;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 749.9px) {
  ._shareText_4mj2e_216 {
    gap: 3.7333333333vw;
  }
}
._shareText_4mj2e_216::before,
._shareText_4mj2e_216::after {
  display: block;
  width: 2px;
  height: 16px;
  content: "";
  background-color: #fff;
}
@media (max-width: 749.9px) {
  ._shareText_4mj2e_216::before,
  ._shareText_4mj2e_216::after {
    width: 0.5333333333vw;
    height: 4.2666666667vw;
  }
}
._shareText_4mj2e_216::before {
  transform: rotate(-45deg);
}
._shareText_4mj2e_216::after {
  transform: rotate(45deg);
}
@media (max-width: 749.9px) {
  ._shareText_4mj2e_216 {
    margin-inline: 2.1333333333vw;
    font-size: 4.2666666667vw;
  }
}

._outLineButton_4mj2e_255 {
  place-content: center;
  width: 343px;
  height: 72px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition-duration: 0.15s;
}
@media (max-width: 749.9px) {
  ._outLineButton_4mj2e_255 {
    width: 91.4666666667vw;
    height: 19.2vw;
    margin-top: 3.7333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 26.6666666667vw;
  }
}
@media (hover: hover) {
  ._outLineButton_4mj2e_255:hover {
    color: #000;
  }
}
._outLineButton_4mj2e_255::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fff;
  transition: 0.15s ease-in-out;
  transform: scale(1, 0);
  transform-origin: center top;
}
@media (hover: hover) {
  ._outLineButton_4mj2e_255:hover::before {
    transform: scale(1, 1);
    transform-origin: center top;
  }
}
@media (hover: hover) {
  ._outLineButton_4mj2e_255:hover ._xIcon_4mj2e_304 img {
    filter: invert(1);
  }
}

._shareButton_4mj2e_309 {
  margin-top: 14px;
}
@media (max-width: 749.9px) {
  ._shareButton_4mj2e_309 {
    margin-top: 3.7333333333vw;
  }
}
@media (hover: hover) {
  ._shareButton_4mj2e_309:hover ._xIcon_4mj2e_304 img {
    filter: invert(1);
  }
}

._xIcon_4mj2e_304 {
  display: inline-block;
  width: 15px;
  height: auto;
  margin-right: 2px;
  transform: translateY(2px);
}
@media (max-width: 749.9px) {
  ._xIcon_4mj2e_304 {
    width: 4vw;
    margin-right: 0.5333333333vw;
    transform: none;
  }
}

._restartSection_4mj2e_338 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._logo_4mj2e_344 {
  width: 251px;
  height: auto;
}
@media (max-width: 749.9px) {
  ._logo_4mj2e_344 {
    width: 66.9333333333vw;
  }
}

._restartButton_4mj2e_354 {
  width: 300px;
  margin-top: 20px;
  transition-duration: 0.3s;
}
@media (max-width: 749.9px) {
  ._restartButton_4mj2e_354 {
    width: 80vw;
    margin-top: 5.3333333333vw;
  }
}
._restartButton_4mj2e_354:hover {
  filter: brightness(1.5);
  transform: scale(1.05);
}

._topButton_4mj2e_370 {
  margin-top: 78px;
}
@media (max-width: 749.9px) {
  ._topButton_4mj2e_370 {
    margin-top: 20.8vw;
  }
}
@keyframes _scroll-down_32ufi_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_32ufi_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._inner_32ufi_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 16px 0;
}
@media (max-width: 749.9px) {
  ._inner_32ufi_30 {
    padding: 4.2666666667vw 4.2666666667vw 0;
  }
}

._title_32ufi_42 {
  width: 312px;
  padding-top: 4px;
}
@media (max-width: 749.9px) {
  ._title_32ufi_42 {
    width: 83.2vw;
    padding-top: 1.0666666667vw;
  }
}

._ready_32ufi_53 {
  width: 375px;
  margin-top: 80px;
}
@media (max-width: 749.9px) {
  ._ready_32ufi_53 {
    width: 100vw;
    margin-top: 21.3333333333vw;
    font-size: 16vw;
  }
}

._description_32ufi_65 {
  margin: 24px 0 32px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #333;
  text-align: center;
}
@media (max-width: 749.9px) {
  ._description_32ufi_65 {
    margin: 6.4vw 0 8.5333333333vw;
    font-size: 4.2666666667vw;
  }
}

._instructionsContainer_32ufi_80 {
  z-index: 2;
  width: 100%;
  padding: 10px 31px 15px;
  margin-top: 142px;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 749.9px) {
  ._instructionsContainer_32ufi_80 {
    padding: 2.6666666667vw 8.2666666667vw 4vw;
    margin-top: 37.8666666667vw;
  }
}

._instructionsTitle_32ufi_94 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-decoration: underline;
}
@media (max-width: 749.9px) {
  ._instructionsTitle_32ufi_94 {
    font-size: 5.3333333333vw;
  }
}

._instructions_32ufi_80 {
  width: 231px;
  margin-inline: auto;
  margin-top: 13px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-align: left;
  letter-spacing: 0.08em;
}
@media (max-width: 749.9px) {
  ._instructions_32ufi_80 {
    width: 61.6vw;
    margin-top: 3.4666666667vw;
    font-size: 3.7333333333vw;
  }
}

._instructionItem_32ufi_125 {
  margin-left: 16px;
  font-weight: 600;
  line-height: 145%;
  list-style-type: decimal;
}
@media (max-width: 749.9px) {
  ._instructionItem_32ufi_125 {
    margin-left: 4.2666666667vw;
  }
}

._startButton_32ufi_137 {
  margin-top: 29px;
}
@media (max-width: 749.9px) {
  ._startButton_32ufi_137 {
    margin-top: 7.7333333333vw;
  }
}
@keyframes _scroll-down_1j91v_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1j91v_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._container_1j91v_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 16px 64px;
}
@media (max-width: 749.9px) {
  ._container_1j91v_30 {
    padding: 0 4.2666666667vw 17.0666666667vw;
  }
}

._title_1j91v_43 {
  margin-bottom: 36px;
  font-size: 35px;
  font-weight: 900;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._title_1j91v_43 {
    margin-bottom: 9.6vw;
    font-size: 9.3333333333vw;
  }
}

._intro_1j91v_56 {
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._intro_1j91v_56 {
    font-size: 3.2vw;
  }
}

._content_1j91v_67 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  max-height: 336px;
  padding: 30px 16px;
  overflow-y: auto;
  border: solid 1px #fff;
}
@media (max-width: 749.9px) {
  ._content_1j91v_67 {
    max-height: 89.6vw;
    padding: 8vw 4.2666666667vw;
  }
}

._item_1j91v_83 {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._item_1j91v_83 {
    font-size: 3.2vw;
  }
}

._term_1j91v_96 {
  font-weight: bold;
}

._list_1j91v_100 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 0;
  margin: 0;
}

._description_1j91v_108 {
  font-size: 12px;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._description_1j91v_108 {
    font-size: 3.2vw;
  }
}

._noteList_1j91v_118 {
  padding: 0 0 0 1.2em;
  margin: 0;
}

._noteListItem_1j91v_123 {
  list-style: disc;
}
@media (max-width: 749.9px) {
  ._noteListItem_1j91v_123 {
    margin-top: 1.0666666667vw;
  }
}
._noteListItem_1j91v_123:first-child {
  margin-top: 0;
}

._numberList_1j91v_135 {
  padding: 0;
  margin: 0;
  list-style: none;
}

._numberListItem_1j91v_141 {
  display: flex;
  gap: 0.5em;
}
@media (max-width: 749.9px) {
  ._numberListItem_1j91v_141 {
    margin-top: 1.0666666667vw;
  }
}
._numberListItem_1j91v_141:first-child {
  margin-top: 0;
}

._numberListMarker_1j91v_154 {
  flex-shrink: 0;
}

._link_1j91v_158 {
  color: #4a90d9;
  text-decoration: underline;
}
@keyframes _scroll-down_ssnql_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_ssnql_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._wrapper_ssnql_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._container_ssnql_36 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 375px;
  background-color: #000;
}
@media (max-width: 749.9px) {
  ._container_ssnql_36 {
    width: 100%;
  }
}
._container_ssnql_36::after {
  position: absolute;
  right: 0;
  bottom: -280px;
  display: block;
  width: 343px;
  height: 354px;
  pointer-events: none;
  content: "";
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/foot_smoke.png");
  background-size: contain;
}
@media (max-width: 749.9px) {
  ._container_ssnql_36::after {
    bottom: -74.6666666667vw;
    width: 91.4666666667vw;
    height: 94.4vw;
  }
}

._kv_ssnql_70 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 472px;
  padding-bottom: 160px;
  overflow: hidden;
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/kv.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 749.9px) {
  ._kv_ssnql_70 {
    padding-top: 125.8666666667vw;
    padding-bottom: 42.6666666667vw;
  }
}
._kv_ssnql_70::after {
  position: absolute;
  bottom: -20px;
  z-index: -1;
  display: block;
  width: 100%;
  height: 280px;
  content: "";
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/kv_cloud.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 749.9px) {
  ._kv_ssnql_70::after {
    bottom: -5.3333333333vw;
    height: 74.6666666667vw;
  }
}
._kv_ssnql_70 ._kvCopy_ssnql_108 {
  width: 320px;
}
@media (max-width: 749.9px) {
  ._kv_ssnql_70 ._kvCopy_ssnql_108 {
    width: 80vw;
  }
}

._light_ssnql_117 {
  position: absolute;
  z-index: 0;
  width: 220px;
  height: 220px;
  pointer-events: none;
  filter: blur(8px);
}
@media (max-width: 749.9px) {
  ._light_ssnql_117 {
    width: 58.6666666667vw;
    height: 58.6666666667vw;
  }
}
._lightRightTop_ssnql_131 {
  top: -11px;
  right: -45px;
  transform: rotate(6.37deg);
  transform-origin: top right;
  animation: _swing-kv-light-right_ssnql_1 4s ease-in-out infinite;
}
@media (max-width: 749.9px) {
  ._lightRightTop_ssnql_131 {
    top: -2.9333333333vw;
    right: -12vw;
  }
}
._lightRightBottom_ssnql_144 {
  top: 272px;
  right: -71px;
  transform: rotate(-6.37deg);
  transform-origin: bottom right;
  animation: _swing-kv-light-left_ssnql_1 4s ease-in-out infinite;
}
@media (max-width: 749.9px) {
  ._lightRightBottom_ssnql_144 {
    top: 72.5333333333vw;
    right: -18.9333333333vw;
  }
}
._lightLeftTop_ssnql_157 {
  top: -11px;
  left: -51px;
  transform: rotate(-6.37deg);
  transform-origin: top left;
  animation: _swing-kv-light-left_ssnql_1 4s ease-in-out infinite;
}
@media (max-width: 749.9px) {
  ._lightLeftTop_ssnql_157 {
    top: -2.9333333333vw;
    left: -13.6vw;
  }
}
._lightLeftBottom_ssnql_170 {
  top: 274px;
  left: -48px;
  transform: rotate(6.37deg);
  transform-origin: bottom left;
  animation: _swing-kv-light-right_ssnql_1 4s ease-in-out infinite;
}
@media (max-width: 749.9px) {
  ._lightLeftBottom_ssnql_170 {
    top: 73.0666666667vw;
    left: -12.8vw;
  }
}

@keyframes _swing-kv-light-right_ssnql_1 {
  0% {
    transform: rotate(-9.26deg);
  }
  50% {
    transform: rotate(22deg);
  }
  100% {
    transform: rotate(-9.26deg);
  }
}
@keyframes _swing-kv-light-left_ssnql_1 {
  0% {
    transform: rotate(9.26deg);
  }
  50% {
    transform: rotate(-22deg);
  }
  100% {
    transform: rotate(9.26deg);
  }
}
._rule_ssnql_206 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 60px;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 {
    padding-bottom: 16vw;
  }
}
._rule_ssnql_206::before {
  position: absolute;
  top: -120px;
  right: 0;
  display: block;
  width: 250px;
  height: 380px;
  content: "";
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/rule_cloud_top.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206::before {
    top: -32vw;
    width: 66.6666666667vw;
    height: 101.3333333333vw;
  }
}
._rule_ssnql_206 ._ruleTitle_ssnql_238 {
  width: 161px;
  margin-bottom: 36px;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 ._ruleTitle_ssnql_238 {
    width: 42.9333333333vw;
    margin-bottom: 9.6vw;
  }
}
._rule_ssnql_206 ._ruleList_ssnql_248 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  padding: 0 16px;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 ._ruleList_ssnql_248 {
    gap: 8.5333333333vw;
    padding: 0 4.2666666667vw;
  }
}
._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 108px;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 {
    padding-top: 28.8vw;
  }
}
._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleCount_ssnql_273 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 165px;
  height: 140px;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleCount_ssnql_273 {
    width: 44vw;
    height: 37.3333333333vw;
  }
}
._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleItemTitle_ssnql_287 {
  margin-bottom: 24px;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleItemTitle_ssnql_287 {
    margin-bottom: 6.4vw;
    font-size: 9.3333333333vw;
  }
}
._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleImage_ssnql_299 {
  width: 314px;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleImage_ssnql_299 {
    width: 83.7333333333vw;
  }
}
._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleText_ssnql_307 {
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media (max-width: 749.9px) {
  ._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261 ._ruleText_ssnql_307 {
    margin-top: 6.4vw;
    font-size: 4.2666666667vw;
  }
}
._rule_ssnql_206 ._ruleList_ssnql_248 ._ruleItem_ssnql_261:nth-child(even) ._ruleCount_ssnql_273 {
  right: 0;
  left: auto;
}

._prize_ssnql_325 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 20px 93px;
  overflow: hidden;
  background:
    linear-gradient(360deg, #000 -26.87%, #fff -26.86%, #fff 100%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 {
    padding: 26.6666666667vw 5.3333333333vw 24.8vw;
  }
}
._prize_ssnql_325::before {
  position: absolute;
  top: -24px;
  width: 104%;
  height: 50px;
  content: "";
  background-color: #000;
  transform: rotate(-7deg);
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325::before {
    top: -6.4vw;
    height: 13.3333333333vw;
  }
}
._prize_ssnql_325::after {
  position: absolute;
  bottom: -24px;
  width: 104%;
  height: 50px;
  content: "";
  background-color: #000;
  transform: rotate(-7deg);
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325::after {
    bottom: -6.4vw;
    height: 13.3333333333vw;
  }
}
._prize_ssnql_325 ._prizeTitle_ssnql_370 {
  width: 283px;
  margin-bottom: 46px;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeTitle_ssnql_370 {
    width: 75.4666666667vw;
    margin-bottom: 12.2666666667vw;
  }
}
._prize_ssnql_325 ._prizeContainer_ssnql_380 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-block: 37px;
  background-color: #000;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeContainer_ssnql_380 {
    padding-block: 9.8666666667vw;
  }
}
._prize_ssnql_325 ._prizeImage_ssnql_392 {
  width: 260px;
  margin-inline: auto;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeImage_ssnql_392 {
    width: 69.3333333333vw;
  }
}
._prize_ssnql_325 ._prizeCatchphrase_ssnql_401 {
  width: 313px;
  margin-inline: auto;
  margin-top: 20px;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeCatchphrase_ssnql_401 {
    width: 83.4666666667vw;
    margin-top: 5.3333333333vw;
  }
}
._prize_ssnql_325 ._prizeTextContainer_ssnql_412 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._prize_ssnql_325 ._prizeText_ssnql_412 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: transparent;
  text-align: center;
  background: linear-gradient(180deg, #ffc472 0%, #db9534 100%);
  background-clip: text;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeText_ssnql_412 {
    font-size: 5.3333333333vw;
  }
}
._prize_ssnql_325 ._prizeHighlight_ssnql_431 {
  font-size: 30px;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeHighlight_ssnql_431 {
    font-size: 8vw;
  }
}
._prize_ssnql_325 ._prizeAnnotation_ssnql_439 {
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeAnnotation_ssnql_439 {
    margin-top: 4.8vw;
    font-size: 3.4666666667vw;
  }
}
._prize_ssnql_325 ._prizeNote_ssnql_452 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 16px;
  margin-top: 30px;
  border: solid 1px #000;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeNote_ssnql_452 {
    gap: 4.2666666667vw;
    padding: 5.3333333333vw 4.2666666667vw;
    margin-top: 8vw;
  }
}
._prize_ssnql_325 ._prizeNoteItem_ssnql_467 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: #000;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeNoteItem_ssnql_467 {
    gap: 1.0666666667vw;
    font-size: 3.4666666667vw;
  }
}
._prize_ssnql_325 ._prizeNoteTitle_ssnql_481 {
  font-weight: bold;
}
._prize_ssnql_325 ._prizeNoteSmall_ssnql_484 {
  font-size: 11px;
  color: #666;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeNoteSmall_ssnql_484 {
    font-size: 2.9333333333vw;
  }
}
._prize_ssnql_325 ._prizeNoteList_ssnql_493 {
  padding: 0 0 0 1.2em;
  margin: 0;
}
._prize_ssnql_325 ._prizeNoteListItem_ssnql_497 {
  list-style: disc;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeNoteListItem_ssnql_497 {
    margin-top: 1.0666666667vw;
  }
}
._prize_ssnql_325 ._prizeNoteListItem_ssnql_497:first-child {
  margin-top: 0;
}
._prize_ssnql_325 ._prizeMoreLink_ssnql_508 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  font-size: 14px;
  color: #000;
  text-decoration: underline;
}
@media (max-width: 749.9px) {
  ._prize_ssnql_325 ._prizeMoreLink_ssnql_508 {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

._quiz_ssnql_524 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 494px 0 48px;
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/quiz_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
._quiz_ssnql_524::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 342px;
  height: 859px;
  pointer-events: none;
  content: "";
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/start_cloud.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
}
@media (max-width: 749.9px) {
  ._quiz_ssnql_524::after {
    width: 91.2vw;
    height: 229.0666666667vw;
  }
}
@media (max-width: 749.9px) {
  ._quiz_ssnql_524 {
    padding: 134.4vw 0 10.6666666667vw;
  }
}
._quiz_ssnql_524 ._quizCampaignInfo_ssnql_561 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
._quiz_ssnql_524 ._quizCampaignInfo_ssnql_561::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.2;
}
._quiz_ssnql_524 ._quizCampaignPeriodTitle_ssnql_584 {
  width: fit-content;
  padding: 2px 8px;
  margin-inline: auto;
  font-size: 14px;
  color: #000;
  background-color: #fff;
}
@media (max-width: 749.9px) {
  ._quiz_ssnql_524 ._quizCampaignPeriodTitle_ssnql_584 {
    padding: 0.5333333333vw 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
._quiz_ssnql_524 ._quizCampaignPeriod_ssnql_584 {
  font-size: 29px;
  line-height: 29px;
}
@media (max-width: 749.9px) {
  ._quiz_ssnql_524 ._quizCampaignPeriod_ssnql_584 {
    font-size: 7.7333333333vw;
    line-height: 7.7333333333vw;
  }
}
._quiz_ssnql_524 ._quizStartButton_ssnql_608 {
  width: 300px;
  margin-top: 12px;
  transition-duration: 0.3s;
}
@media (max-width: 749.9px) {
  ._quiz_ssnql_524 ._quizStartButton_ssnql_608 {
    width: 80vw;
    margin-top: 3.2vw;
  }
}
._quiz_ssnql_524 ._quizStartButton_ssnql_608:hover {
  filter: brightness(1.5);
  transform: scale(1.05);
}

._precautions_ssnql_624 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  margin-bottom: 64px;
}
._precautions_ssnql_624 ._precautionsTitle_ssnql_632 {
  margin-bottom: 36px;
  font-size: 35px;
  font-weight: 900;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._precautions_ssnql_624 ._precautionsTitle_ssnql_632 {
    margin-bottom: 9.6vw;
    font-size: 9.3333333333vw;
  }
}
._precautions_ssnql_624 ._precautionsList_ssnql_644 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-height: 700px;
  padding: 30px 16px;
  overflow: scroll;
  border: solid 1px #fff;
}
@media (max-width: 749.9px) {
  ._precautions_ssnql_624 ._precautionsList_ssnql_644 {
    gap: 8vw;
    max-height: 186.6666666667vw;
    padding: 8vw 4.2666666667vw;
  }
}
._precautions_ssnql_624 ._precautionsList_ssnql_644 ._precautionsItem_ssnql_660 {
  display: flex;
  gap: 16px;
  padding-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  border-bottom: dotted 2px #fff;
}
@media (max-width: 749.9px) {
  ._precautions_ssnql_624 ._precautionsList_ssnql_644 ._precautionsItem_ssnql_660 {
    gap: 4.2666666667vw;
    padding-bottom: 8vw;
    font-size: 4.2666666667vw;
  }
}
._precautions_ssnql_624 ._precautionsList_ssnql_644 ._precautionsItem_ssnql_660:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
._precautions_ssnql_624
  ._precautionsList_ssnql_644
  ._precautionsItem_ssnql_660
  ._precautionsNumber_ssnql_680 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 30px;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 400;
}
@media (max-width: 749.9px) {
  ._precautions_ssnql_624
    ._precautionsList_ssnql_644
    ._precautionsItem_ssnql_660
    ._precautionsNumber_ssnql_680 {
    margin-right: 3.2vw;
    font-size: 8vw;
  }
}

._quizmaster_ssnql_702 {
  width: 100%;
  padding: 0 14px 74px;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 {
    padding: 0 3.7333333333vw 19.7333333333vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterContainer_ssnql_711 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 46px 20px;
  border: solid 1px #ff144f;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterContainer_ssnql_711 {
    padding: 12.2666666667vw 5.3333333333vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterTitle_ssnql_723 {
  font-size: 45px;
  font-weight: bold;
  color: #ff144f;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 400;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterTitle_ssnql_723 {
    font-size: 12vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterSubtitle_ssnql_736 {
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterSubtitle_ssnql_736 {
    font-size: 3.7333333333vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterImage_ssnql_746 {
  width: 110px;
  height: 110px;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterImage_ssnql_746 {
    width: 29.3333333333vw;
    height: 29.3333333333vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterText_ssnql_756 {
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterText_ssnql_756 {
    font-size: 3.4666666667vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterContent_ssnql_766 {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  margin-block: 16px 36px;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterContent_ssnql_766 {
    grid-template-columns: 29.3333333333vw 1fr;
    gap: 2.6666666667vw;
    margin-block: 4.2666666667vw 9.6vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterLink_ssnql_779 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 316px;
  height: 57px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #ff144f;
  text-align: center;
  border: solid 1px #ff144f;
  border-radius: 48px;
  transition-duration: 0.3s;
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterLink_ssnql_779 {
    width: 84.2666666667vw;
    height: 15.2vw;
    font-size: 4.2666666667vw;
    border-radius: 12.8vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterLink_ssnql_779::after {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  content: "";
  background-image: url("../../../../../../files/user/_/10th/assets/images/quiz/top/icon_external.svg");
  background-size: contain;
  transform: translateY(-50%);
}
@media (max-width: 749.9px) {
  ._quizmaster_ssnql_702 ._quizmasterLink_ssnql_779::after {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-left: 2.1333333333vw;
  }
}
._quizmaster_ssnql_702 ._quizmasterLink_ssnql_779:hover {
  color: #fff;
  background-color: #ff144f;
}
._quizmaster_ssnql_702 ._quizmasterLink_ssnql_779:hover::after {
  filter: brightness(0) invert(1);
}
@keyframes _scroll-down_1kg7f_1 {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
@keyframes _float_1kg7f_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
._wrapper_1kg7f_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 16px 64px;
}
@media (max-width: 749.9px) {
  ._wrapper_1kg7f_30 {
    padding: 0 4.2666666667vw 17.0666666667vw;
  }
}

._title_1kg7f_43 {
  margin-bottom: 36px;
  font-size: 35px;
  font-weight: 900;
  color: #fff;
}
@media (max-width: 749.9px) {
  ._title_1kg7f_43 {
    margin-bottom: 9.6vw;
    font-size: 9.3333333333vw;
  }
}

._list_1kg7f_56 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 16px;
  border: solid 1px #fff;
}
@media (max-width: 749.9px) {
  ._list_1kg7f_56 {
    gap: 8vw;
    padding: 8vw 4.2666666667vw;
  }
}

._item_1kg7f_70 {
  display: flex;
  gap: 16px;
  padding-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  white-space: pre-line;
  border-bottom: dotted 2px #fff;
}
@media (max-width: 749.9px) {
  ._item_1kg7f_70 {
    gap: 4.2666666667vw;
    padding-bottom: 8vw;
    font-size: 4.2666666667vw;
  }
}
._item_1kg7f_70:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

._number_1kg7f_92 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 30px;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "BLG Hudson", sans-serif;
  font-weight: 400;
}
@media (max-width: 749.9px) {
  ._number_1kg7f_92 {
    margin-right: 3.2vw;
    font-size: 8vw;
  }
}