@charset "UTF-8";
@keyframes bg-info-1-md {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -1030px 0;
  }
}
@keyframes bg-info-1-sm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -137.33333333333334vw 0;
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(0) rotate(25deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(-9px) rotate(0);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(-9px) rotate(0);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(0) rotate(25deg);
  }
}
@keyframes menu-bar03 {
  0% {
    transform: translateY(0) rotate(-25deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(9px) rotate(0);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(9px) rotate(0);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(0) rotate(-25deg);
  }
}
@keyframes menu-bar01-sm {
  0% {
    transform: translateY(0) rotate(25deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(-7px) rotate(0);
  }
}
@keyframes active-menu-bar01-sm {
  0% {
    transform: translateY(-7px) rotate(0);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(0) rotate(25deg);
  }
}
@keyframes menu-bar03-sm {
  0% {
    transform: translateY(0) rotate(-25deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(7px) rotate(0);
  }
}
@keyframes active-menu-bar03-sm {
  0% {
    transform: translateY(7px) rotate(0);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  to {
    transform: translateY(0) rotate(-25deg);
  }
}
*,
:before,
:after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
}
main {
  display: block;
  position: relative;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace, monospace;
  font-size: inherit;
}
address {
  font-style: inherit;
}
a {
  background-color: transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
}
button:disabled,
[type='button']:disabled,
[type='reset']:disabled,
[type='submit']:disabled {
  cursor: default;
}
:-moz-focusring {
  outline: auto;
}
select:disabled {
  opacity: inherit;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[type='number'] {
  -moz-appearance: textfield;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable]:focus {
  outline: auto;
}
table {
  border-color: inherit;
  border-collapse: collapse;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: 700;
}
:root {
  --btn-height: 80px;
  --color-bg-base: #fff9ea;
  --color-black: #1b1b1b;
  --color-yellow: #fedd44;
  --scale: 1;
}
html {
  font-size: 62.5%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html ::-webkit-scrollbar {
  display: none;
}
body {
  background-color: #fff9ea;
  background-color: var(--color-bg-base);
  color: var(--color-text-base);
  font-size: 1.6rem;
  font-family: Noto Sans JP, sans-serif;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
small {
  font-size: 100%;
}
img {
  height: auto;
  width: 100%;
}
svg {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .md {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .sm {
    display: none !important;
  }
}
.visually-hidden {
  height: 4px !important;
  contain: strict !important;
  display: block !important;
  width: 4px !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
}
.section-guideline .container-about .container-heading .text-ja,
.section-guideline .block-format .block-heading,
.section-guideline .block-grade .block-heading,
.section-guideline .block-coverage .block-heading,
.section-test .container-test .block-1 .block-heading .text-ja,
.section-test .container-test .block-2 .block-heading .text-ja,
.section-test .container-test .block-3 .block-heading .text-ja,
.container-archive .container-heading .text-ja {
  font-family: Kakumin Regular, sans-serif;
  font-weight: 400;
}
.section-heading .text-ja,
.menu-container .nav .text-ja,
.section-info .container-schedule .container-heading .text-ja,
.section-guideline .block-test .sub-heading .text-ja {
  font-family: Kakumin Medium, sans-serif;
  font-weight: 500;
}
.section-heading .text-ja,
.menu-container .btn-practice,
.menu-container .btn-entry,
.menu-container .btn-exam,
.menu-container .btn-result,
.menu-container .btn-archive,
.section-hero .btn-practice,
.section-hero .btn-entry,
.section-hero .btn-exam,
.section-hero .btn-result,
.section-hero .btn-archive,
.section-about .content .main-copy,
.section-info .btn-entry,
.section-info .container-schedule .container-heading .text-ja,
.section-info .container-schedule .container-heading .text-ja .text,
.section-guideline .block-test .sub-heading .text-ja,
.section-test .container-test .btn-entry,
.section-test .container-test .btn-test,
.section-test .container-test .btn-archive,
.modal .main-heading,
.modal .block p.sub-heading,
.modal .block-end p.sub-heading {
  font-family: Kakumin Bold, sans-serif;
  font-weight: 700;
}
.section-info .container-schedule .timeline .item .detail h4 .line-1 {
  font-family: Kakumin Heavy, sans-serif;
  font-weight: 900;
}
.section-about .section-heading .text-ja,
.section-about .content .description p,
.section-info .container-schedule .timeline .item .detail .note .strong,
.section-guideline .block-test .sub-heading,
.section-guideline .block-coverage .text-type-1,
.section-guideline .block-coverage .text-asterisk,
.section-detail .accordion-heading {
  text-shadow: #000 3px 0 0, #000 2.83487px 0.981584px 0, #000 2.35766px 1.85511px 0, #000 1.62091px 2.52441px 0,
    #000 0.705713px 2.91581px 0, #000 -0.287171px 2.98622px 0, #000 -1.24844px 2.72789px 0, #000 -2.07227px 2.16926px 0,
    #000 -2.66798px 1.37182px 0, #000 -2.96998px 0.42336px 0, #000 -2.94502px -0.571704px 0,
    #000 -2.59586px -1.50383px 0, #000 -1.96093px -2.27041px 0, #000 -1.11013px -2.78704px 0,
    #000 -0.137119px -2.99686px 0, #000 0.850987px -2.87677px 0, #000 1.74541px -2.43999px 0,
    #000 2.44769px -1.73459px 0, #000 2.88051px -0.838247px 0;
  text-shadow: var(--text-stroke-color) 3px 0 0, var(--text-stroke-color) 2.83487px 0.981584px 0,
    var(--text-stroke-color) 2.35766px 1.85511px 0, var(--text-stroke-color) 1.62091px 2.52441px 0,
    var(--text-stroke-color) 0.705713px 2.91581px 0, var(--text-stroke-color) -0.287171px 2.98622px 0,
    var(--text-stroke-color) -1.24844px 2.72789px 0, var(--text-stroke-color) -2.07227px 2.16926px 0,
    var(--text-stroke-color) -2.66798px 1.37182px 0, var(--text-stroke-color) -2.96998px 0.42336px 0,
    var(--text-stroke-color) -2.94502px -0.571704px 0, var(--text-stroke-color) -2.59586px -1.50383px 0,
    var(--text-stroke-color) -1.96093px -2.27041px 0, var(--text-stroke-color) -1.11013px -2.78704px 0,
    var(--text-stroke-color) -0.137119px -2.99686px 0, var(--text-stroke-color) 0.850987px -2.87677px 0,
    var(--text-stroke-color) 1.74541px -2.43999px 0, var(--text-stroke-color) 2.44769px -1.73459px 0,
    var(--text-stroke-color) 2.88051px -0.838247px 0;
  --text-stroke-color: #000;
}
.section-guideline .block-test .test-info dl dt {
  border-radius: calc((var(--kadomaru-height) / 2));
  height: var(--kadomaru-height);
}
.menu-container .btn-practice,
.menu-container .btn-entry,
.menu-container .btn-exam,
.menu-container .btn-result,
.menu-container .btn-archive,
.section-hero .btn-practice,
.section-hero .btn-entry,
.section-hero .btn-exam,
.section-hero .btn-result,
.section-hero .btn-archive,
.section-info .btn-entry,
.section-test .container-test .btn-entry,
.section-test .container-test .btn-test,
.section-test .container-test .btn-archive {
  background: url(/assets_front_top/img/btn-bg-yellow.webp) left top no-repeat transparent;
  background-size: 100% 100%;
  border: 4px solid #000;
  border-radius: 40px;
  border-radius: calc((var(--btn-height) / 2));
  display: block;
  height: 80px;
  height: var(--btn-height);
  padding: 3px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-practice,
  .menu-container .btn-entry,
  .menu-container .btn-exam,
  .menu-container .btn-result,
  .menu-container .btn-archive,
  .section-hero .btn-practice,
  .section-hero .btn-entry,
  .section-hero .btn-exam,
  .section-hero .btn-result,
  .section-hero .btn-archive,
  .section-info .btn-entry,
  .section-test .container-test .btn-entry,
  .section-test .container-test .btn-test,
  .section-test .container-test .btn-archive {
    border-width: 1.066666666666667vw;
    padding: 0.8vw;
  }
}
.menu-container .btn-practice .btn-inner,
.menu-container .btn-entry .btn-inner,
.menu-container .btn-exam .btn-inner,
.menu-container .btn-result .btn-inner,
.menu-container .btn-archive .btn-inner,
.section-hero .btn-practice .btn-inner,
.section-hero .btn-entry .btn-inner,
.section-hero .btn-exam .btn-inner,
.section-hero .btn-result .btn-inner,
.section-hero .btn-archive .btn-inner,
.section-info .btn-entry .btn-inner,
.section-test .container-test .btn-entry .btn-inner,
.section-test .container-test .btn-test .btn-inner,
.section-test .container-test .btn-archive .btn-inner {
  align-items: center;
  background-color: #1b1b1b;
  background-color: var(--color-black);
  border: 1px solid #000;
  border-radius: 33px;
  border-radius: calc((calc(var(--btn-height) - 14px) / 2));
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  transition: background-color 0.3s;
  width: 100%;
}
.menu-container .btn-practice .btn-inner:before,
.menu-container .btn-entry .btn-inner:before,
.menu-container .btn-exam .btn-inner:before,
.menu-container .btn-result .btn-inner:before,
.menu-container .btn-archive .btn-inner:before,
.section-hero .btn-practice .btn-inner:before,
.section-hero .btn-entry .btn-inner:before,
.section-hero .btn-exam .btn-inner:before,
.section-hero .btn-result .btn-inner:before,
.section-hero .btn-archive .btn-inner:before,
.section-info .btn-entry .btn-inner:before,
.section-test .container-test .btn-entry .btn-inner:before,
.section-test .container-test .btn-test .btn-inner:before,
.section-test .container-test .btn-archive .btn-inner:before,
.menu-container .btn-practice .btn-inner:after,
.menu-container .btn-entry .btn-inner:after,
.menu-container .btn-exam .btn-inner:after,
.menu-container .btn-result .btn-inner:after,
.menu-container .btn-archive .btn-inner:after,
.section-hero .btn-practice .btn-inner:after,
.section-hero .btn-entry .btn-inner:after,
.section-hero .btn-exam .btn-inner:after,
.section-hero .btn-result .btn-inner:after,
.section-hero .btn-archive .btn-inner:after,
.section-info .btn-entry .btn-inner:after,
.section-test .container-test .btn-entry .btn-inner:after,
.section-test .container-test .btn-test .btn-inner:after,
.section-test .container-test .btn-archive .btn-inner:after {
  background-color: #fedd44;
  background-color: var(--color-yellow);
  border: 2px solid #000;
  border-radius: 50%;
  content: '';
  height: 10px;
  width: 10px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-practice .btn-inner:before,
  .menu-container .btn-entry .btn-inner:before,
  .menu-container .btn-exam .btn-inner:before,
  .menu-container .btn-result .btn-inner:before,
  .menu-container .btn-archive .btn-inner:before,
  .section-hero .btn-practice .btn-inner:before,
  .section-hero .btn-entry .btn-inner:before,
  .section-hero .btn-exam .btn-inner:before,
  .section-hero .btn-result .btn-inner:before,
  .section-hero .btn-archive .btn-inner:before,
  .section-info .btn-entry .btn-inner:before,
  .section-test .container-test .btn-entry .btn-inner:before,
  .section-test .container-test .btn-test .btn-inner:before,
  .section-test .container-test .btn-archive .btn-inner:before,
  .menu-container .btn-practice .btn-inner:after,
  .menu-container .btn-entry .btn-inner:after,
  .menu-container .btn-exam .btn-inner:after,
  .menu-container .btn-result .btn-inner:after,
  .menu-container .btn-archive .btn-inner:after,
  .section-hero .btn-practice .btn-inner:after,
  .section-hero .btn-entry .btn-inner:after,
  .section-hero .btn-exam .btn-inner:after,
  .section-hero .btn-result .btn-inner:after,
  .section-hero .btn-archive .btn-inner:after,
  .section-info .btn-entry .btn-inner:after,
  .section-test .container-test .btn-entry .btn-inner:after,
  .section-test .container-test .btn-test .btn-inner:after,
  .section-test .container-test .btn-archive .btn-inner:after {
    border-width: 0.533333333333333vw;
    height: 2.133333333333333vw;
    width: 2.133333333333333vw;
  }
}
.menu-container .btn-practice .btn-inner .text,
.menu-container .btn-entry .btn-inner .text,
.menu-container .btn-exam .btn-inner .text,
.menu-container .btn-result .btn-inner .text,
.menu-container .btn-archive .btn-inner .text,
.section-hero .btn-practice .btn-inner .text,
.section-hero .btn-entry .btn-inner .text,
.section-hero .btn-exam .btn-inner .text,
.section-hero .btn-result .btn-inner .text,
.section-hero .btn-archive .btn-inner .text,
.section-info .btn-entry .btn-inner .text,
.section-test .container-test .btn-entry .btn-inner .text,
.section-test .container-test .btn-test .btn-inner .text,
.section-test .container-test .btn-archive .btn-inner .text {
  flex: 1;
  text-align: center;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .menu-container .btn-practice:hover .btn-inner,
  .menu-container .btn-entry:hover .btn-inner,
  .menu-container .btn-exam:hover .btn-inner,
  .menu-container .btn-result:hover .btn-inner,
  .menu-container .btn-archive:hover .btn-inner,
  .section-hero .btn-practice:hover .btn-inner,
  .section-hero .btn-entry:hover .btn-inner,
  .section-hero .btn-exam:hover .btn-inner,
  .section-hero .btn-result:hover .btn-inner,
  .section-hero .btn-archive:hover .btn-inner,
  .section-info .btn-entry:hover .btn-inner,
  .section-test .container-test .btn-entry:hover .btn-inner,
  .section-test .container-test .btn-test:hover .btn-inner,
  .section-test .container-test .btn-archive:hover .btn-inner {
    background-color: #323733;
  }
}
.menu-container .btn-container,
.section-hero .btn-container,
.section-info .btn-container,
.section-test .container-test .block-1 .btn-container {
  border-radius: 40px;
  border-radius: calc((var(--btn-height) / 2));
  height: 80px;
  height: var(--btn-height);
  overflow: hidden;
  position: relative;
  --btn-height: 80px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-container,
  .section-hero .btn-container,
  .section-info .btn-container,
  .section-test .container-test .block-1 .btn-container {
    --btn-height: 16vw;
  }
}
.menu-container .btn-container:before,
.section-hero .btn-container:before,
.section-info .btn-container:before,
.section-test .container-test .block-1 .btn-container:before {
  background-color: #151515b3;
  content: '';
  display: none;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 1;
}
.menu-container .btn-container:after,
.section-hero .btn-container:after,
.section-info .btn-container:after,
.section-test .container-test .block-1 .btn-container:after {
  color: #fff;
  content: 'エントリーを締め切りました';
  display: none;
  font-size: 1.8rem;
  font-weight: 700;
  left: 0;
  align-content: center;
  justify-content: center;
  place-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 1;
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-container:after,
  .section-hero .btn-container:after,
  .section-info .btn-container:after,
  .section-test .container-test .block-1 .btn-container:after {
    font-size: 3.466666666666666vw;
  }
}
.overlay {
  background-color: #000e2466;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  visibility: hidden;
  z-index: 2;
}
.section-inner {
  position: relative;
}
.section-heading,
.section-info .container-schedule .container-heading,
.section-guideline .block-test .sub-heading {
  text-align: center;
}
.section-heading .text-en,
.section-info .container-schedule .container-heading .text-en,
.section-guideline .block-test .sub-heading .text-en {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.section-heading .text-ja,
.section-info .container-schedule .container-heading .text-ja,
.section-guideline .block-test .sub-heading .text-ja {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 17px;
  width: 100%;
  font-size: 2rem;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 767px) {
  .section-heading .text-ja,
  .section-info .container-schedule .container-heading .text-ja,
  .section-guideline .block-test .sub-heading .text-ja {
    margin-top: 3.466666666666666vw;
    font-size: 3.2vw;
    letter-spacing: -0.02em;
  }
}
.section-heading .text-ja .deco-left,
.section-info .container-schedule .container-heading .text-ja .deco-left,
.section-guideline .block-test .sub-heading .text-ja .deco-left,
.section-heading .text-ja .deco-right,
.section-info .container-schedule .container-heading .text-ja .deco-right,
.section-guideline .block-test .sub-heading .text-ja .deco-right {
  display: inline-block;
}
.section-heading .text-ja .deco-left span,
.section-info .container-schedule .container-heading .text-ja .deco-left span,
.section-guideline .block-test .sub-heading .text-ja .deco-left span,
.section-heading .text-ja .deco-right span,
.section-info .container-schedule .container-heading .text-ja .deco-right span,
.section-guideline .block-test .sub-heading .text-ja .deco-right span {
  display: block;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 2px;
  height: 11px;
  width: 40px;
  background: url(/assets_front_top/img/top/heading-deco.svg) center top no-repeat transparent;
  background-size: 100% 100%;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .section-heading .text-ja .deco-left span,
  .section-info .container-schedule .container-heading .text-ja .deco-left span,
  .section-guideline .block-test .sub-heading .text-ja .deco-left span,
  .section-heading .text-ja .deco-right span,
  .section-info .container-schedule .container-heading .text-ja .deco-right span,
  .section-guideline .block-test .sub-heading .text-ja .deco-right span {
    margin-left: 2.666666666666667vw;
    margin-right: 2.666666666666667vw;
    height: 2.133333333333333vw;
    width: 8vw;
  }
}
.section-heading .text-ja .deco-left span,
.section-info .container-schedule .container-heading .text-ja .deco-left span,
.section-guideline .block-test .sub-heading .text-ja .deco-left span {
  transform: scaleX(-1);
}
.cloud-1,
.cloud-2,
.cloud-3,
.cloud-4,
.cloud-5,
.cloud-6,
.cloud-7,
.cloud-8 {
  position: absolute;
  left: 50%;
}
.modal-overlay {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #00000080;
  height: 100%;
  width: 100%;
  transition: opacity 0.5s 0.1s, visibility 0.5s 0.1s;
  z-index: 971;
}
.modal {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: opacity 0.5s 0.1s, visibility 0.5s 0.1s;
  z-index: 972;
  overflow-y: auto;
}
.modal .modal-container {
  position: relative;
  width: 100%;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .modal .modal-container {
    padding: 5.333333333333334vw 4.666666666666667vw;
  }
}
.modal .btn-close {
  display: block;
  position: absolute;
  right: 20px;
  top: 13px;
  height: 60px;
  width: 60px;
  cursor: pointer;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
  .modal .btn-close {
    position: fixed;
    top: 6.4vw;
    right: 6.666666666666667vw;
    height: 13.333333333333334vw;
    width: 13.333333333333334vw;
  }
}
.modal .btn-close:before,
.modal .btn-close:after {
  position: absolute;
  inset: 0;
  margin: auto;
  content: '';
  display: block;
  background-color: #000;
  backface-visibility: hidden;
}
.modal .btn-close:before {
  height: 3px;
  width: 46px;
  transform: rotate(33deg);
}
@media only screen and (max-width: 767px) {
  .modal .btn-close:before {
    height: 0.533333333333333vw;
    width: 7.733333333333333vw;
  }
}
.modal .btn-close:after {
  height: 46px;
  width: 3px;
  transform: rotate(56deg);
}
@media only screen and (max-width: 767px) {
  .modal .btn-close:after {
    height: 7.733333333333333vw;
    width: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .modal .btn-close:hover {
    opacity: 0.5;
  }
}
.modal .modal-body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 60px 50px 40px;
  max-width: 780px;
  background-color: #fff;
  box-sizing: border-box;
  pointer-events: auto;
  border-radius: 40px;
}
@media only screen and (max-width: 767px) {
  .modal .modal-body {
    border-radius: 6.666666666666667vw;
    padding: 13.333333333333334vw 6vw 8.799999999999999vw;
  }
}
.is-modal-opened .modal,
.is-modal-opened .modal-overlay {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  top: 0;
}
@media only screen and (min-width: 1025px) {
  .is-modal-opened .modal {
    pointer-events: none;
  }
}
body[data-period='entry'] .section-hero .balloon {
  display: none;
}
body[data-period='entry'][data-is-entered='false'][data-is-logged-in='false']
  .section-hero
  .text-notification.entry-false-false {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='entry'][data-is-entered='false'][data-is-logged-in='false']
    .section-hero
    .text-notification.entry-false-false {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
body[data-period='entry'][data-is-entered='true'][data-is-logged-in='false']
  .section-hero
  .text-notification.entry-false-true {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='entry'][data-is-entered='true'][data-is-logged-in='false']
    .section-hero
    .text-notification.entry-false-true {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
body[data-period='entry'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-entry {
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  body[data-period='entry'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-entry {
    margin-top: 3.733333333333334vw;
  }
}
body[data-period='entry'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-entry:before {
  display: block;
  background: url(/assets_front_top/img/top/md/hero-entry-text-entry.webp) center center no-repeat transparent;
  background-size: cover;
  height: 40px;
  width: 200px;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='entry'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-entry:before {
    background: url(/assets_front_top/img/top/md/hero-entry-text-entry@2x.webp) center center no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='entry'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-entry:before {
    top: -3.466666666666666vw;
    height: 8.266666666666666vw;
    width: 48vw;
    background: url(/assets_front_top/img/top/hero-entry-text-entry.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
body[data-period='entry'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-entry:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: #1b1b1b99;
  border-radius: 36px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
body[data-period='entry'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .text-notification {
  display: none;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start'] .menu-container .btn-container,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress'] .menu-container .btn-container {
  overflow: hidden;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .menu-container
  .btn-container:before,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress']
  .menu-container
  .btn-container:before {
  display: block;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .menu-container
  .btn-container:after,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress']
  .menu-container
  .btn-container:after {
  display: grid;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start'] .section-hero .btn-container,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress'] .section-hero .btn-container {
  overflow: hidden;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-hero
  .btn-container:before,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress'] .section-hero .btn-container:before {
  display: block;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-hero
  .btn-container:after,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress'] .section-hero .btn-container:after {
  display: grid;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-hero
  .section-inner
  .btn-entry,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress']
  .section-hero
  .section-inner
  .btn-entry {
  pointer-events: none;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-hero
  .section-inner
  .text-notification,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress']
  .section-hero
  .section-inner
  .text-notification {
  display: none;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-info
  .btn-container:before,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress'] .section-info .btn-container:before,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-info
  .btn-container
  display
  block,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress']
  .section-info
  .btn-container
  display
  block,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-info
  .btn-container:after,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress'] .section-info .btn-container:after {
  display: grid;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-test
  .container-test
  .block-1
  .btn-container:before,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress']
  .section-test
  .container-test
  .block-1
  .btn-container:before {
  display: block;
}
body[data-is-entered='false'][data-is-logged-in='true'][data-period='just_before_start']
  .section-test
  .container-test
  .block-1
  .btn-container:after,
body[data-is-entered='false'][data-is-logged-in='true'][data-period='in_progress']
  .section-test
  .container-test
  .block-1
  .btn-container:after {
  display: grid;
}
body[data-period='just_before_start'] .section-info .btn-container:before,
body[data-period='in_progress'] .section-info .btn-container:before,
body[data-period='after_end_not_aggregated'] .section-info .btn-container:before,
body[data-period='just_before_start'] .section-info .btn-container display block,
body[data-period='in_progress'] .section-info .btn-container display block,
body[data-period='after_end_not_aggregated'] .section-info .btn-container display block,
body[data-period='just_before_start'] .section-info .btn-container:after,
body[data-period='in_progress'] .section-info .btn-container:after,
body[data-period='after_end_not_aggregated'] .section-info .btn-container:after {
  display: grid;
}
body[data-period='just_before_start'] .section-test .container-test .block-1 .btn-container:before,
body[data-period='in_progress'] .section-test .container-test .block-1 .btn-container:before,
body[data-period='after_end_not_aggregated'] .section-test .container-test .block-1 .btn-container:before {
  display: block;
}
body[data-period='just_before_start'] .section-test .container-test .block-1 .btn-container:after,
body[data-period='in_progress'] .section-test .container-test .block-1 .btn-container:after,
body[data-period='after_end_not_aggregated'] .section-test .container-test .block-1 .btn-container:after {
  display: grid;
}
body[data-period='just_before_start'] .menu-container .btn-entry:before,
body[data-period='just_before_start'] .section-hero .btn-entry:before,
body[data-period='just_before_start'] .menu-container .btn-exam:before,
body[data-period='just_before_start'] .section-hero .btn-exam:before {
  display: block;
  background: url(/assets_front_top/img/top/md/hero-entry-text-just_before_start.webp) center center no-repeat
    transparent;
  background-size: cover;
  height: 40px;
  width: 180px;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='just_before_start'] .menu-container .btn-entry:before,
  body[data-period='just_before_start'] .section-hero .btn-entry:before,
  body[data-period='just_before_start'] .menu-container .btn-exam:before,
  body[data-period='just_before_start'] .section-hero .btn-exam:before {
    background: url(/assets_front_top/img/top/md/hero-entry-text-just_before_start@2x.webp) center center no-repeat
      transparent;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='just_before_start'] .menu-container .btn-entry:before,
  body[data-period='just_before_start'] .section-hero .btn-entry:before,
  body[data-period='just_before_start'] .menu-container .btn-exam:before,
  body[data-period='just_before_start'] .section-hero .btn-exam:before {
    height: 6.933333333333333vw;
    width: 40vw;
    background: url(/assets_front_top/img/top/hero-entry-text-just_before_start.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
body[data-period='just_before_start'] .menu-container .btn-entry .btn-inner,
body[data-period='just_before_start'] .section-hero .btn-entry .btn-inner,
body[data-period='just_before_start'] .menu-container .btn-exam .btn-inner,
body[data-period='just_before_start'] .section-hero .btn-exam .btn-inner {
  background-color: #363;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-period='just_before_start'] .menu-container .btn-entry:hover .btn-inner,
  body[data-period='just_before_start'] .section-hero .btn-entry:hover .btn-inner,
  body[data-period='just_before_start'] .menu-container .btn-exam:hover .btn-inner,
  body[data-period='just_before_start'] .section-hero .btn-exam:hover .btn-inner {
    background-color: #417741;
  }
}
body[data-period='just_before_start'] .section-hero .text-notification.just_before_start {
  display: block;
}
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
  .section-hero
  .btn-entry
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
  .section-hero
  .btn-entry
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .btn-entry
  .text:before,
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
  .menu-container
  .btn-exam
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
  .menu-container
  .btn-exam
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .menu-container
  .btn-exam
  .text:before,
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
  .section-hero
  .btn-exam
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
  .section-hero
  .btn-exam
  .text:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .btn-exam
  .text:before {
  background: url(/assets_front_top/img/md/btn-entry-just_before_start.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .section-hero
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .section-hero
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/md/btn-entry-just_before_start@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .section-hero
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .section-hero
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/btn-entry-just_before_start.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .btn-inner
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .btn-inner
    .text:before,
  body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-entry
    .btn-inner
    .text:before {
    background-size: 190px auto;
  }
}
body[data-period='just_before_start'][data-is-entered='false'] .section-hero .section-inner .text-notification,
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true'] .menu-container .btn-entry,
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-entry {
  display: none;
}
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true'] .menu-container .btn-exam,
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true'] .section-hero .btn-exam {
  display: block;
}
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true']
  .menu-container
  .btn-exam
  .text:before,
body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true']
  .section-hero
  .btn-exam
  .text:before {
  background: url(/assets_front_top/img/md/btn-exam-just_before_start.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/md/btn-exam-just_before_start@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/btn-exam-just_before_start.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='just_before_start'][data-is-entered='true'][data-is-logged-in='true']
    .menu-container
    .btn-exam
    .text:before {
    background-size: 190px auto;
    background-position: center 3px;
  }
}
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true'] .menu-container .btn-container,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true'] .section-hero .btn-container {
  overflow: visible;
}
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .menu-container
  .btn-container:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .btn-container:before,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .menu-container
  .btn-container:after,
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .btn-container:after {
  display: none;
}
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .section-inner
  .btn-entry {
  pointer-events: auto;
}
body[data-period='just_before_start'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .section-inner
  .text-notification,
body[data-period='in_progress'] .menu-container .btn-entry,
body[data-period='in_progress'] .section-hero .btn-entry,
body[data-period='in_progress'] .menu-container .btn-practice,
body[data-period='in_progress'] .section-hero .btn-practice {
  display: none;
}
body[data-period='in_progress'] .menu-container .btn-entry .btn-inner,
body[data-period='in_progress'] .section-hero .btn-entry .btn-inner,
body[data-period='in_progress'] .menu-container .btn-exam .btn-inner,
body[data-period='in_progress'] .section-hero .btn-exam .btn-inner,
body[data-period='in_progress'] .menu-container .btn-result .btn-inner,
body[data-period='in_progress'] .section-hero .btn-result .btn-inner {
  background-color: #363;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-period='in_progress'] .menu-container .btn-entry:hover .btn-inner,
  body[data-period='in_progress'] .section-hero .btn-entry:hover .btn-inner,
  body[data-period='in_progress'] .menu-container .btn-exam:hover .btn-inner,
  body[data-period='in_progress'] .section-hero .btn-exam:hover .btn-inner,
  body[data-period='in_progress'] .menu-container .btn-result:hover .btn-inner,
  body[data-period='in_progress'] .section-hero .btn-result:hover .btn-inner {
    background-color: #417741;
  }
}
body[data-period='in_progress'] .menu-container .btn-exam .text:before,
body[data-period='in_progress'] .section-hero .btn-exam .text:before {
  background: url(/assets_front_top/img/md/btn-exam-in_progress.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'] .menu-container .btn-exam .text:before,
  body[data-period='in_progress'] .section-hero .btn-exam .text:before {
    background: url(/assets_front_top/img/md/btn-exam-in_progress@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'] .menu-container .btn-exam .text:before,
  body[data-period='in_progress'] .section-hero .btn-exam .text:before {
    background: url(/assets_front_top/img/btn-exam-in_progress.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'] .menu-container .btn-exam .text:before {
    background-size: 250px auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'] .section-hero .balloon {
    background: url(/assets_front_top/img/top/md/balloon-in_progress.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'] .section-hero .balloon {
    background: url(/assets_front_top/img/top/md/balloon-in_progress@2x.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'] .section-hero .balloon {
    height: 10.666666666666668vw;
    width: 31.2vw;
    background: url(/assets_front_top/img/top/balloon-in_progress.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'] .section-hero .section-inner .buttons {
    display: block;
    margin-left: -45.48611111111111%;
    position: relative;
    width: 41.388888888888886%;
  }
}
body[data-period='in_progress'] .section-hero .section-inner .btn-container {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'] .section-hero .section-inner .btn-container {
    width: 310px;
    --btn-height: 80px;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'] .section-hero .section-inner .btn-entry,
  body[data-period='in_progress'] .section-hero .section-inner .btn-exam {
    --btn-height: 80px;
    width: 310px;
    margin-left: auto;
    margin-right: auto;
  }
}
body[data-period='in_progress'] .section-hero .section-inner .text-notification.in_progress {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'] .section-hero .section-inner .text-notification.in_progress {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
body[data-period='in_progress'] .section-hero .section-inner .text-notification.always {
  display: none;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='not_started']
  .menu-container
  .btn-exam,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='not_started']
  .section-hero
  .btn-exam {
  display: block;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='not_started']
  .menu-container
  .btn-exam:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='not_started']
  .section-hero
  .btn-exam:before {
  display: block;
  background: url(/assets_front_top/img/top/md/hero-exam-text-in_progress.webp) center top no-repeat transparent;
  background-size: 100% auto;
  height: 36px;
  width: 188px;
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='not_started']
    .menu-container
    .btn-exam:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='not_started']
    .section-hero
    .btn-exam:before {
    height: 6.933333333333333vw;
    width: 41.06666666666667vw;
    background: url(/assets_front_top/img/top/hero-exam-text-in_progress.webp) center top no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='not_started']
    .section-hero
    .section-inner
    .btn-exam:before {
    height: 40px;
    width: 200px;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .menu-container
  .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .section-hero
  .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .menu-container
  .btn-exam,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .section-hero
  .btn-exam {
  display: none;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .menu-container
  .btn-entry,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .section-hero
  .btn-entry {
  display: block;
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .menu-container
    .btn-entry,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .section-hero
    .btn-entry {
    margin-top: 11.466666666666667vw;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .menu-container
  .btn-entry:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .section-hero
  .btn-entry:before {
  display: block;
  top: -45px;
  background: url(/assets_front_top/img/top/md/hero-exam-text-in_progress.webp) center top no-repeat transparent;
  background-size: 100% auto;
  height: 36px;
  width: 188px;
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .menu-container
    .btn-entry:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .section-hero
    .btn-entry:before {
    top: -8.533333333333333vw;
    height: 6.933333333333333vw;
    width: 41.06666666666667vw;
    background: url(/assets_front_top/img/top/hero-exam-text-in_progress.webp) center top no-repeat transparent;
    background-size: 100% auto;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
  .section-hero
  .btn-entry
  .text:before {
  background: url(/assets_front_top/img/md/btn-entry-in_examination_period.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/md/btn-entry-in_examination_period@2x.webp) center center no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/btn-entry-in_examination_period.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .menu-container
    .btn-entry
    .text:before {
    background-size: 250px auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='not_started']
    .section-hero
    .section-inner
    .btn-entry:before {
    height: 40px;
    width: 200px;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
  .menu-container
  .btn-container:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
  .menu-container
  .btn-container:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
  .menu-container
  .btn-container:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .section-hero .btn-container:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .section-hero .btn-container:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .section-hero .btn-container:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .menu-container .btn-container:after,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .menu-container .btn-container:after,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
  .menu-container
  .btn-container:after,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .section-hero .btn-container:after,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .section-hero .btn-container:after,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .section-hero .btn-container:after {
  display: none;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .menu-container .btn-practice,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .menu-container .btn-practice,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .menu-container .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .section-hero .btn-practice,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .section-hero .btn-practice,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .section-hero .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .menu-container .btn-exam,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .menu-container .btn-exam,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .menu-container .btn-exam,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .section-hero .btn-exam,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .section-hero .btn-exam,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .section-hero .btn-exam {
  display: none;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .menu-container .btn-entry,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .menu-container .btn-entry,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .menu-container .btn-entry,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false'] .section-hero .btn-entry,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true'] .section-hero .btn-entry,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false'] .section-hero .btn-entry {
  display: block;
  pointer-events: auto;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
  .section-hero
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
  .section-hero
  .btn-entry
  .text:before {
  background: url(/assets_front_top/img/md/btn-entry-in_examination_period.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/md/btn-entry-in_examination_period@2x.webp) center center no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/btn-entry-in_examination_period.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
    .menu-container
    .btn-entry
    .text:before {
    background-size: 250px auto;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
  .section-hero
  .section-inner
  .btn-entry,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .section-inner
  .btn-entry,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
  .section-hero
  .section-inner
  .btn-entry {
  pointer-events: auto;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='false']
  .section-hero
  .text-notification.in_progress,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='true']
  .section-hero
  .text-notification.in_progress,
body[data-period='in_progress'][data-is-entered='false'][data-is-logged-in='false']
  .section-hero
  .text-notification.in_progress,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .menu-container
  .btn-exam,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .btn-exam {
  display: block;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .menu-container
  .btn-exam
  .text:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .btn-exam
  .text:before {
  background: url(/assets_front_top/img/md/btn-exam-in_examination_period.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/md/btn-exam-in_examination_period@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/btn-exam-in_examination_period.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .menu-container
    .btn-exam
    .text:before {
    background-size: 250px auto;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .menu-container
  .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .menu-container
  .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .section-hero
  .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .section-hero
  .btn-practice,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .menu-container
  .btn-entry,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .menu-container
  .btn-entry,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .section-hero
  .btn-entry,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .section-hero
  .btn-entry {
  display: none;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .menu-container
  .btn-result,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .menu-container
  .btn-result,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .section-hero
  .btn-result,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .section-hero
  .btn-result {
  display: block;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .menu-container
  .btn-result
  .text:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .menu-container
  .btn-result
  .text:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .section-hero
  .btn-result
  .text:before,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .section-hero
  .btn-result
  .text:before {
  background: url(/assets_front_top/img/md/btn-result-after_end_not_aggregated.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .menu-container
    .btn-result
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
    .menu-container
    .btn-result
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .section-hero
    .btn-result
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
    .section-hero
    .btn-result
    .text:before {
    background: url(/assets_front_top/img/md/btn-result-after_end_not_aggregated@2x.webp) center center no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .menu-container
    .btn-result
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
    .menu-container
    .btn-result
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .section-hero
    .btn-result
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
    .section-hero
    .btn-result
    .text:before {
    background: url(/assets_front_top/img/btn-result-after_end_not_aggregated.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .menu-container
    .btn-result
    .text:before,
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
    .menu-container
    .btn-result
    .text:before {
    background-size: 250px auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .section-hero
    .balloon {
    background: url(/assets_front_top/img/top/md/balloon-after_end_not_aggregated.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .section-hero
    .balloon {
    background: url(/assets_front_top/img/top/md/balloon-after_end_not_aggregated@2x.webp) center top no-repeat
      transparent;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .section-hero
    .balloon {
    height: 10.666666666666668vw;
    width: 27.200000000000003vw;
    background: url(/assets_front_top/img/top/balloon-after_end_not_aggregated.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .section-hero
  .text-notification.in_progress {
  display: none;
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
  .section-hero
  .text-notification.after_end_not_aggregated {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='finished']
    .section-hero
    .text-notification.after_end_not_aggregated {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .section-hero
  .balloon,
body[data-period='in_progress'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='timeover']
  .section-hero
  .text-notification {
  display: none;
}
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished'] .menu-container .btn-entry,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover'] .menu-container .btn-entry,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished'] .section-hero .btn-entry,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover'] .section-hero .btn-entry {
  display: block;
}
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished']
  .section-hero
  .btn-entry
  .text:before,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover']
  .section-hero
  .btn-entry
  .text:before {
  background: url(/assets_front_top/img/md/btn-entry-after_end_not_aggregated.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/md/btn-entry-after_end_not_aggregated@2x.webp) center center no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished']
    .section-hero
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/btn-entry-after_end_not_aggregated.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover']
    .menu-container
    .btn-entry
    .text:before {
    background-size: 250px auto;
  }
}
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished'] .section-hero .balloon,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover'] .section-hero .balloon,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='finished'] .section-hero .text-notification,
body[data-period='in_progress'][data-is-logged-in='false'][data-my-status='timeover'] .section-hero .text-notification,
body[data-period='after_end_not_aggregated'] .menu-container .btn-practice,
body[data-period='after_end_not_aggregated'] .section-hero .btn-practice {
  display: none;
}
body[data-period='after_end_not_aggregated'] .menu-container .btn-entry .btn-inner,
body[data-period='after_end_not_aggregated'] .section-hero .btn-entry .btn-inner,
body[data-period='after_end_not_aggregated'] .menu-container .btn-result .btn-inner,
body[data-period='after_end_not_aggregated'] .section-hero .btn-result .btn-inner {
  background-color: #363;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-period='after_end_not_aggregated'] .menu-container .btn-entry:hover .btn-inner,
  body[data-period='after_end_not_aggregated'] .section-hero .btn-entry:hover .btn-inner,
  body[data-period='after_end_not_aggregated'] .menu-container .btn-result:hover .btn-inner,
  body[data-period='after_end_not_aggregated'] .section-hero .btn-result:hover .btn-inner {
    background-color: #417741;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'] .section-hero .balloon {
    background: url(/assets_front_top/img/top/md/balloon-after_end_not_aggregated.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='after_end_not_aggregated'] .section-hero .balloon {
    background: url(/assets_front_top/img/top/md/balloon-after_end_not_aggregated@2x.webp) center top no-repeat
      transparent;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='after_end_not_aggregated'] .section-hero .balloon {
    height: 10.666666666666668vw;
    width: 27.200000000000003vw;
    background: url(/assets_front_top/img/top/balloon-after_end_not_aggregated.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'] .section-hero .section-inner .buttons {
    display: block;
    margin-left: -45.48611111111111%;
    position: relative;
    width: 41.388888888888886%;
  }
}
body[data-period='after_end_not_aggregated'] .section-hero .section-inner .btn-container {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'] .section-hero .section-inner .btn-container {
    --btn-height: 80px;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'] .section-hero .section-inner .btn-entry,
  body[data-period='after_end_not_aggregated'] .section-hero .section-inner .btn-result {
    --btn-height: 80px;
    width: 310px;
    margin-left: auto;
    margin-right: auto;
  }
}
body[data-period='after_end_not_aggregated'] .section-hero .section-inner .text-notification.after_end_not_aggregated {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated']
    .section-hero
    .section-inner
    .text-notification.after_end_not_aggregated {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .menu-container
  .btn-practice,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .section-hero
  .btn-practice,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .menu-container
  .btn-entry,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .section-hero
  .btn-entry {
  display: none;
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .menu-container
  .btn-result,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .section-hero
  .btn-result {
  display: block;
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .menu-container
  .btn-result
  .text:before,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
  .section-hero
  .btn-result
  .text:before {
  background: url(/assets_front_top/img/md/btn-result-after_end_not_aggregated.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
    .menu-container
    .btn-result
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
    .section-hero
    .btn-result
    .text:before {
    background: url(/assets_front_top/img/md/btn-result-after_end_not_aggregated@2x.webp) center center no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
    .menu-container
    .btn-result
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
    .section-hero
    .btn-result
    .text:before {
    background: url(/assets_front_top/img/btn-result-after_end_not_aggregated.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true']
    .menu-container
    .btn-result
    .text:before {
    background-size: 250px auto;
  }
}
body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .menu-container .btn-entry,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .menu-container
  .btn-entry,
body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .section-hero .btn-entry,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .section-hero
  .btn-entry {
  display: block;
}
body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .menu-container .btn-entry .text:before,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .section-hero .btn-entry .text:before,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .section-hero
  .btn-entry
  .text:before {
  background: url(/assets_front_top/img/md/btn-entry-after_end_not_aggregated.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .menu-container .btn-entry .text:before,
  body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .section-hero .btn-entry .text:before,
  body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/md/btn-entry-after_end_not_aggregated@2x.webp) center center no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .menu-container .btn-entry .text:before,
  body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .section-hero .btn-entry .text:before,
  body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/btn-entry-after_end_not_aggregated.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-logged-in='false'] .menu-container .btn-entry .text:before,
  body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
    .menu-container
    .btn-entry
    .text:before {
    background-size: 250px auto;
  }
}
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .menu-container
  .btn-container,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .section-hero
  .btn-container {
  overflow: hidden;
}
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .menu-container
  .btn-container:before,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .section-hero
  .btn-container:before {
  display: none;
}
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .menu-container
  .btn-container:after,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .section-hero
  .btn-container:after {
  display: none;
}
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .menu-container
  .btn-container
  .btn-entry,
body[data-period='after_end_not_aggregated'][data-is-logged-in='true'][data-is-entered='false']
  .section-hero
  .btn-container
  .btn-entry {
  pointer-events: auto;
}
body[data-period='result_published'] .menu-container .btn-entry,
body[data-period='result_published'] .section-hero .btn-entry,
body[data-period='result_published'] .menu-container .btn-practice,
body[data-period='result_published'] .section-hero .btn-practice {
  display: none;
}
body[data-period='result_published'] .menu-container .btn-archive,
body[data-period='result_published'] .section-hero .btn-archive {
  display: block;
}
body[data-period='result_published'] .menu-container .btn-archive .text:before,
body[data-period='result_published'] .section-hero .btn-archive .text:before {
  background: url(/assets_front_top/img/md/btn-archive-result_published.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='result_published'] .menu-container .btn-archive .text:before,
  body[data-period='result_published'] .section-hero .btn-archive .text:before {
    background: url(/assets_front_top/img/md/btn-archive-result_published@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='result_published'] .menu-container .btn-archive .text:before,
  body[data-period='result_published'] .section-hero .btn-archive .text:before {
    background: url(/assets_front_top/img/btn-archive-result_published.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
body[data-period='result_published'] .menu-container .btn-result,
body[data-period='result_published'] .section-hero .btn-result {
  display: block;
}
body[data-period='result_published'] .menu-container .btn-result .btn-inner,
body[data-period='result_published'] .section-hero .btn-result .btn-inner {
  background-color: #881c27;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-period='result_published'] .menu-container .btn-result:hover .btn-inner,
  body[data-period='result_published'] .section-hero .btn-result:hover .btn-inner {
    background-color: #9e2733;
  }
}
body[data-period='result_published'] .menu-container .btn-result .text:before,
body[data-period='result_published'] .section-hero .btn-result .text:before {
  background: url(/assets_front_top/img/md/btn-result-result_published.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='result_published'] .menu-container .btn-result .text:before,
  body[data-period='result_published'] .section-hero .btn-result .text:before {
    background: url(/assets_front_top/img/md/btn-result-result_published@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='result_published'] .menu-container .btn-result .text:before,
  body[data-period='result_published'] .section-hero .btn-result .text:before {
    background: url(/assets_front_top/img/btn-result-result_published.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='result_published'] .menu-container .btn-archive .text:before,
  body[data-period='result_published'] .menu-container .btn-result .text:before {
    background-size: 190px auto;
  }
}
body[data-period='result_published'] .section-hero .balloon {
  display: none;
}
body[data-period='result_published'] .section-info .btn-container:before,
body[data-period='result_published'] .section-info .btn-container display block,
body[data-period='result_published'] .section-info .btn-container:after {
  display: grid;
}
body[data-period='result_published'] .section-test .block-1 {
  display: none;
}
body[data-period='result_published'] .section-test .block-3 {
  display: block;
}
body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-result,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true'] .menu-container .btn-result,
body[data-period='result_published'][data-is-entered='false'] .section-hero .btn-result,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true'] .section-hero .btn-result {
  display: none;
}
body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-entry,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true'] .menu-container .btn-entry,
body[data-period='result_published'][data-is-entered='false'] .section-hero .btn-entry,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true'] .section-hero .btn-entry {
  display: block;
}
body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-entry .btn-inner,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
  .menu-container
  .btn-entry
  .btn-inner,
body[data-period='result_published'][data-is-entered='false'] .section-hero .btn-entry .btn-inner,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
  .section-hero
  .btn-entry
  .btn-inner {
  background-color: #881c27;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-entry:hover .btn-inner,
  body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
    .menu-container
    .btn-entry:hover
    .btn-inner,
  body[data-period='result_published'][data-is-entered='false'] .section-hero .btn-entry:hover .btn-inner,
  body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
    .section-hero
    .btn-entry:hover
    .btn-inner {
    background-color: #9e2733;
  }
}
body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-entry .text:before,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='result_published'][data-is-entered='false'] .section-hero .btn-entry .text:before,
body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
  .section-hero
  .btn-entry
  .text:before {
  background: url(/assets_front_top/img/md/btn-entry-result_published.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-entry .text:before,
  body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='result_published'][data-is-entered='false'] .section-hero .btn-entry .text:before,
  body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/md/btn-entry-result_published@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-entry .text:before,
  body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='result_published'][data-is-entered='false'] .section-hero .btn-entry .text:before,
  body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/btn-entry-result_published.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='result_published'][data-is-entered='false'] .menu-container .btn-entry .text:before,
  body[data-period='result_published'][data-is-logged-in='false'][data-is-entered='true']
    .menu-container
    .btn-entry
    .text:before {
    background-size: 190px auto;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .menu-container
  .btn-result,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .btn-result {
  display: none;
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .menu-container
  .btn-exam,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .btn-exam {
  display: block;
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .menu-container
  .btn-exam
  .text:before,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .btn-exam
  .text:before {
  background: url(/assets_front_top/img/md/btn-exam-in_examination_period.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/md/btn-exam-in_examination_period@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .menu-container
    .btn-exam
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .btn-exam
    .text:before {
    background: url(/assets_front_top/img/btn-exam-in_examination_period.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .menu-container
    .btn-exam
    .text:before {
    background-size: 250px auto;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .balloon {
  display: none;
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .section-inner
    .buttons {
    display: block;
    margin-left: -45.48611111111111%;
    position: relative;
    width: 41.388888888888886%;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .section-inner
  .btn-container {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .section-inner
    .btn-container {
    width: 310px;
    --btn-height: 80px;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .section-inner
    .btn-entry,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .section-inner
    .btn-exam {
    --btn-height: 80px;
    width: 310px;
    margin-left: auto;
    margin-right: auto;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .section-inner
  .text-notification.in_progress {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
    .section-hero
    .section-inner
    .text-notification.in_progress {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .section-inner
  .text-notification.after_end_not_aggregated,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='true'][data-my-status='in_examination_period']
  .section-hero
  .section-inner
  .text-notification.always {
  display: none;
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .menu-container
  .btn-entry,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .section-hero
  .btn-entry {
  display: block;
  pointer-events: auto;
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .menu-container
  .btn-entry
  .text:before,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .section-hero
  .btn-entry
  .text:before {
  background: url(/assets_front_top/img/md/btn-entry-in_examination_period.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/md/btn-entry-in_examination_period@2x.webp) center center no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
    .section-hero
    .btn-entry
    .text:before {
    background: url(/assets_front_top/img/btn-entry-in_examination_period.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
    .menu-container
    .btn-entry
    .text:before,
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
    .section-hero
    .btn-entry
    .text:before {
    background-size: 250px auto;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .section-hero
  .balloon {
  display: none;
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .section-hero
  .text-notification.in_progress {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
    .section-hero
    .text-notification.in_progress {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .section-hero
  .text-notification.after_end_not_aggregated,
body[data-period='after_end_not_aggregated'][data-is-entered='true'][data-is-logged-in='false'][data-my-status='in_examination_period']
  .section-hero
  .text-notification.always,
body[data-period='in_progress'][data-is-logged-in='false'][data-is-entered='true'][data-my-status='finished']
  .section-hero
  .text-notification.in_progress,
body[data-period='in_progress'][data-is-logged-in='false'][data-is-entered='true'][data-my-status='timeover']
  .section-hero
  .text-notification.in_progress {
  display: none;
}
body[data-period='in_progress'][data-is-logged-in='false'][data-is-entered='true'][data-my-status='finished']
  .section-hero
  .text-notification.after_end_not_aggregated,
body[data-period='in_progress'][data-is-logged-in='false'][data-is-entered='true'][data-my-status='timeover']
  .section-hero
  .text-notification.after_end_not_aggregated {
  display: block;
}
@media only screen and (min-width: 768px) {
  body[data-period='in_progress'][data-is-logged-in='false'][data-is-entered='true'][data-my-status='finished']
    .section-hero
    .text-notification.after_end_not_aggregated,
  body[data-period='in_progress'][data-is-logged-in='false'][data-is-entered='true'][data-my-status='timeover']
    .section-hero
    .text-notification.after_end_not_aggregated {
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
.svg-sprites {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
  z-index: -999;
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: 27px;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: -22px;
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: #00000040;
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: #0000001a;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: 4px;
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: auto;
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: 4px;
  height: var(--swiper-scrollbar-size, 4px);
  width: 98%;
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: auto;
  left: var(--swiper-scrollbar-left, auto);
  right: 4px;
  right: var(--swiper-scrollbar-right, 4px);
  top: 1%;
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: 4px;
  width: var(--swiper-scrollbar-size, 4px);
  height: 98%;
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #00000080;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  inset: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
body[data-is-webview='true'] .webview {
  display: none;
}
body[data-is-webview='true'] .no-webview {
  display: block;
}
body[data-is-webview='true'] .CrewFooter_crewfooter__Q246j {
  background: #1d1d22;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: normal;
  padding: 20px 0;
  position: relative;
  text-align: center !important;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .CrewFooter_crewfooter__Q246j {
    padding-bottom: 31.2vw;
  }
}
body[data-is-webview='true'] .CrewFooter_crewfooter_copyright__hYKeg {
  font-size: 9px;
}
body[data-is-webview='true'] .Footer_pr_footer__copyright__HKQn6 {
  font-size: 11px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin-top: 1.25em;
}
body[data-is-webview='true'] .footer {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  body[data-is-webview='true'] .footer {
    margin-top: -427px;
    padding-top: 103px;
  }
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer {
    margin-top: -26.666666666666668vw;
    padding-top: 16vw;
  }
}
body[data-is-webview='true'] .btn-top {
  position: absolute;
  right: 30px;
  bottom: -111px;
  display: block;
  width: 201px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .btn-top {
    bottom: -28.933333333333334vw;
    right: 4.666666666666667vw;
    width: 50.26666666666667vw;
  }
}
body[data-is-webview='true'] .btn-top .circle {
  position: absolute;
  right: 0;
  top: 12px;
  width: 60px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .btn-top .circle {
    top: 2.666666666666667vw;
    width: 15.866666666666667vw;
  }
}
body[data-is-webview='true'] .btn-top .circle:before {
  position: absolute;
  left: 10px;
  top: 5px;
  background-color: #fedd44;
  background-color: var(--color-yellow);
  border-radius: 50%;
  content: '';
  height: 41px;
  width: 41px;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .btn-top .circle:before {
    left: 2.666666666666667vw;
    height: 10.933333333333334vw;
    width: 10.933333333333334vw;
    top: 1.333333333333333vw;
  }
}
body[data-is-webview='true'] .btn-top .circle img {
  position: relative;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-is-webview='true'] .btn-top:hover .circle:before {
    background-color: #fe5a44;
  }
}
@media only screen and (min-width: 768px) {
  body[data-is-webview='true'] .footer-share {
    position: relative;
    width: 100%;
  }
}
body[data-is-webview='true'] .footer-share .footer-share-inner {
  background-color: #1d1d22;
  border-radius: 80px 80px 0 0;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 60px 36px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .footer-share-inner {
    border-radius: 10.666666666666668vw 10.666666666666668vw 0 0;
    padding: 21.333333333333336vw 2.666666666666667vw 4.266666666666667vw;
    position: relative;
  }
}
body[data-is-webview='true'] .footer-share .footer-share-inner:after {
  background-color: #fff;
  content: '';
  display: block;
  opacity: 0.03;
  height: 2px;
  width: 100%;
}
body[data-is-webview='true'] .footer-share .heading {
  position: absolute;
  left: 50%;
  top: -103px;
  margin-left: -104px;
  width: 208px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .heading {
    margin-left: -16.133333333333333vw;
    top: -16vw;
    width: 32.266666666666666vw;
  }
}
body[data-is-webview='true'] .footer-share .deco {
  position: absolute;
  left: 50%;
  top: 121px;
  margin-left: -188px;
  height: 103px;
  width: 376px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .deco {
    margin-left: -38.53333333333334vw;
    height: 20.933333333333334vw;
    width: 77.2vw;
    top: 18.933333333333334vw;
  }
}
body[data-is-webview='true'] .footer-share .buttons {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-bottom: 45px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .buttons {
    gap: 5.333333333333334vw;
    margin-bottom: 12.933333333333334vw;
  }
}
body[data-is-webview='true'] .footer-share .btn-x,
body[data-is-webview='true'] .footer-share .btn-facebook,
body[data-is-webview='true'] .footer-share .btn-line {
  background-color: #fff;
  border: 8px solid #1b1b1b;
  border: 8px solid var(--color-black);
  border-radius: 50%;
  box-shadow: 0 10px 20px #00000080;
  display: grid;
  font-size: 0;
  align-items: center;
  justify-items: center;
  place-items: center;
  height: 80px;
  width: 80px;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .btn-x,
  body[data-is-webview='true'] .footer-share .btn-facebook,
  body[data-is-webview='true'] .footer-share .btn-line {
    border-width: 1.066666666666667vw;
    padding: 1.333333333333333vw;
    height: 16vw;
    width: 16vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-is-webview='true'] .footer-share .btn-x:hover,
  body[data-is-webview='true'] .footer-share .btn-facebook:hover,
  body[data-is-webview='true'] .footer-share .btn-line:hover {
    background-color: #fedd44;
    background-color: var(--color-yellow);
  }
}
body[data-is-webview='true'] .footer-share .btn-x .icon,
body[data-is-webview='true'] .footer-share .btn-facebook .icon,
body[data-is-webview='true'] .footer-share .btn-line .icon {
  border-radius: 50%;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
  height: 50px;
  width: 50px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .btn-x .icon,
  body[data-is-webview='true'] .footer-share .btn-facebook .icon,
  body[data-is-webview='true'] .footer-share .btn-line .icon {
    height: 11.200000000000001vw;
    width: 11.200000000000001vw;
  }
}
body[data-is-webview='true'] .footer-share .btn-x .icon {
  background-color: #000;
}
body[data-is-webview='true'] .footer-share .btn-x svg {
  height: 20px;
  width: 20px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .btn-x svg {
    height: 4.266666666666667vw;
    width: 4.266666666666667vw;
  }
}
body[data-is-webview='true'] .footer-share .btn-facebook .icon {
  background-color: #2467bd;
}
body[data-is-webview='true'] .footer-share .btn-facebook svg {
  height: 24px;
  width: 24px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .btn-facebook svg {
    height: 5.066666666666666vw;
    width: 5.066666666666666vw;
  }
}
body[data-is-webview='true'] .footer-share .btn-line .icon {
  background-color: #1db41d;
}
body[data-is-webview='true'] .footer-share .btn-line svg {
  height: 25px;
  width: 25px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='true'] .footer-share .btn-line svg {
    height: 5.2vw;
    width: 5.333333333333334vw;
  }
}
body[data-is-webview='false'] .webview {
  display: block;
}
body[data-is-webview='false'] .no-webview {
  display: none;
}
body[data-is-webview='false'] .CrewFooter_crewfooter__Q246j {
  background: #1d1d22;
  letter-spacing: 0.1em;
  line-height: normal;
  padding: 20px 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  body[data-is-webview='false'] .CrewFooter_crewfooter__Q246j {
    border-bottom: 1px solid #ccc;
  }
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .CrewFooter_crewfooter__Q246j {
    padding-bottom: 31.2vw;
  }
}
body[data-is-webview='false'] .CrewFooter_crewfooter__Q246j img {
  width: revert-layer;
}
body[data-is-webview='false'] .CrewFooter_crewfooter_logo__WxigM {
  display: flex;
  justify-content: center;
}
body[data-is-webview='false'] .CrewFooter_crewfooter_copyright__hYKeg {
  color: #fff;
  font-size: 9px;
  margin-top: 20px;
  text-align: center;
}
body[data-is-webview='false'] .CrewFooter_crewfooter_info__GKaZz {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
body[data-is-webview='false'] .CrewFooter_crewfooter_info_link__ixb7A {
  color: #fff;
  font-size: 12px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  transition: 0.3s;
}
body[data-is-webview='false'] .CrewFooter_crewfooter_info_link__ixb7A:hover {
  cursor: pointer;
  opacity: 0.7;
}
body[data-is-webview='false'] .Footer_container__91K7j {
  position: relative;
  z-index: 1;
}
body[data-is-webview='false'] .Footer_pr_footer__copyright__HKQn6,
body[data-is-webview='false'] .Footer_pr_footer__link__FDfDe {
  letter-spacing: 0 !important;
  line-height: 1 !important;
}
body[data-is-webview='false'] .Footer_pr_footer__tl1qz {
  background-color: #f2f2f2;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Noto Sans Japanese, Meiryo, sans-serif !important;
  padding: 10px 10px 66px;
  position: relative;
  width: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .Footer_pr_footer__tl1qz {
    border-top: 1px solid #ccc;
  }
}
@media only screen and (max-width: 768px) {
  body[data-is-webview='false'] .Footer_pr_footer__tl1qz {
    height: auto;
  }
}
body[data-is-webview='false'] .Footer_ce_footer__UJFP5 + .Footer_pr_footer__tl1qz {
  border: none;
  padding: 10px;
}
body[data-is-webview='false'] .Footer_pr_footer__content__qzvSD {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin: auto;
  text-align: center;
  width: 100%;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
}
body[data-is-webview='false'] .Footer_pr_footer__brand__LbDm_ {
  margin: 10px auto;
  width: 142px;
}
@media only screen and (max-width: 768px) {
  body[data-is-webview='false'] .Footer_pr_footer__brand__LbDm_ {
    width: 168px;
  }
}
body[data-is-webview='false'] .Footer_pr_footer__brand-img___wbry {
  margin: 0;
  width: 100%;
}
body[data-is-webview='false'] .Footer_pr_footer__nav__aNfmh {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5em;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 100%;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
}
@media only screen and (max-width: 999px) {
  body[data-is-webview='false'] .Footer_pr_footer__nav__aNfmh {
    flex-wrap: wrap;
    justify-content: start;
  }
}
body[data-is-webview='false'] .Footer_pr_footer__item__DjLzh {
  box-sizing: border-box;
  padding: 0 15px;
}
@media only screen and (max-width: 999px) {
  body[data-is-webview='false'] .Footer_pr_footer__item__DjLzh {
    text-align: center;
    width: 50%;
  }
  body[data-is-webview='false'] .Footer_pr_footer__item__DjLzh:not(:nth-last-child(-n + 2)) {
    margin-bottom: 25px;
  }
  body[data-is-webview='false'] .Footer_pr_footer__item__top__7tAWT {
    width: 100%;
  }
}
body[data-is-webview='false'] .Footer_pr_footer__link__FDfDe {
  color: #333 !important;
  font-size: 13px !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}
body[data-is-webview='false'] .Footer_pr_footer__link__FDfDe:hover {
  color: #e60c00 !important;
  cursor: pointer;
}
body[data-is-webview='false'] .Footer_pr_footer__copyright__HKQn6 {
  color: #333;
  font-size: 11px !important;
  margin-top: 1.25em;
  text-align: center !important;
}
body[data-is-webview='false'] .Footer_pr_footer__comments__B5qR_ {
  font-size: 10px;
}
@media only screen and (min-width: 769px) {
  body[data-is-webview='false'] .Footer_pr_footer__comments__B5qR_ br {
    display: none;
  }
}
body[data-is-webview='false'] .Footer_pr_footer__brand__LbDm_,
body[data-is-webview='false'] .Footer_pr_footer__item__top__7tAWT {
  display: none !important;
}
body[data-is-webview='false'] .crewfooter {
  background: #1d1d22;
  padding: 20px 0;
  position: relative;
}
body[data-is-webview='false'] .crewfooter_logo {
  display: flex;
  justify-content: center;
}
body[data-is-webview='false'] .crewfooter_logo img {
  max-width: 100%;
  width: auto;
}
body[data-is-webview='false'] .crewfooter_list {
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 500px;
  width: 95%;
}
body[data-is-webview='false'] .crewfooter_item {
  background: #fff;
  border: 1px solid #4d4d55;
  border-radius: 10px;
  padding: 5px 10px;
  text-align: center;
  transition: 0.3s;
  width: 113px;
}
body[data-is-webview='false'] .crewfooter_item img {
  max-width: 100%;
  vertical-align: top;
  width: auto;
}
body[data-is-webview='false'] .crewfooter_item[data-type='dark'] {
  background: #1d1d22;
  color: #fff;
}
body[data-is-webview='false'] .crewfooter_item:hover {
  opacity: 0.6;
}
body[data-is-webview='false'] .crewfooter_copyright {
  color: #fff;
  font-size: 9px;
  margin-top: 20px;
  text-align: center;
}
body[data-is-webview='false'] .crewfooter_info {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
body[data-is-webview='false'] .crewfooter_info_link {
  color: #fff;
  font-size: 12px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  transition: 0.3s;
}
body[data-is-webview='false'] .crewfooter_info_link:hover {
  cursor: pointer;
  opacity: 0.7;
}
body[data-is-webview='false'] .bnefooter {
  background: #f5f5f5;
  padding: 10px 0;
}
body[data-is-webview='false'] .bnefooter_nav {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 999px) {
  body[data-is-webview='false'] .bnefooter_nav {
    gap: 20px;
    justify-content: center;
  }
}
body[data-is-webview='false'] .bnefooter_item {
  margin: 5px 0;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body[data-is-webview='false'] .bnefooter_item {
    width: 50%;
  }
}
body[data-is-webview='false'] .bnefooter_item_link {
  color: #000;
  font-size: 12px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
body[data-is-webview='false'] .bnefooter_item_link:hover {
  color: #e60c00;
  cursor: pointer;
}
body[data-is-webview='false'] .bnefooter_copyright {
  color: #333;
  font-size: 9px;
  letter-spacing: 0.2px;
  margin-top: 20px;
  text-align: center;
}
body[data-is-webview='false'] .copyrihgt {
  margin: 20px 0;
  text-align: center;
}
body[data-is-webview='false'] .copyrihgt_text {
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 1.5;
}
body[data-is-webview='false'] .footer {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  body[data-is-webview='false'] .footer {
    margin-top: -427px;
    padding-top: 103px;
  }
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer {
    margin-top: -26.666666666666668vw;
    padding-top: 16vw;
  }
}
body[data-is-webview='false'] .btn-top {
  position: absolute;
  right: 30px;
  top: -103px;
  display: block;
  width: 201px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .btn-top {
    right: 4.666666666666667vw;
    top: -24.666666666666668vw;
    width: 50.26666666666667vw;
  }
}
body[data-is-webview='false'] .btn-top .circle {
  position: absolute;
  right: 0;
  top: 12px;
  width: 60px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .btn-top .circle {
    top: 2.666666666666667vw;
    width: 15.866666666666667vw;
  }
}
body[data-is-webview='false'] .btn-top .circle:before {
  position: absolute;
  left: 10px;
  top: 5px;
  background-color: #fedd44;
  background-color: var(--color-yellow);
  border-radius: 50%;
  content: '';
  height: 41px;
  width: 41px;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .btn-top .circle:before {
    left: 2.666666666666667vw;
    height: 10.933333333333334vw;
    width: 10.933333333333334vw;
    top: 1.333333333333333vw;
  }
}
body[data-is-webview='false'] .btn-top .circle img {
  position: relative;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-is-webview='false'] .btn-top:hover .circle:before {
    background-color: #fe5a44;
  }
}
@media only screen and (min-width: 768px) {
  body[data-is-webview='false'] .footer-share {
    position: relative;
    width: 100%;
  }
}
body[data-is-webview='false'] .footer-share .footer-share-inner {
  background-color: #1d1d22;
  border-radius: 80px 80px 0 0;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 60px 36px;
}
@media only screen and (min-width: 768px) {
  body[data-is-webview='false'] .footer-share .footer-share-inner {
    height: 324px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .footer-share-inner {
    border-radius: 10.666666666666668vw 10.666666666666668vw 0 0;
    padding: 21.333333333333336vw 2.666666666666667vw 4.266666666666667vw;
    position: relative;
  }
}
body[data-is-webview='false'] .footer-share .footer-share-inner:after {
  background-color: #fff;
  content: '';
  display: block;
  opacity: 0.03;
  height: 2px;
  width: 100%;
}
body[data-is-webview='false'] .footer-share .heading {
  position: absolute;
  left: 50%;
  top: -103px;
  margin-left: -104px;
  width: 208px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .heading {
    margin-left: -16.133333333333333vw;
    top: -16vw;
    width: 32.266666666666666vw;
  }
}
body[data-is-webview='false'] .footer-share .deco {
  position: absolute;
  left: 50%;
  top: 121px;
  margin-left: -188px;
  height: 103px;
  width: 376px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .deco {
    margin-left: -38.53333333333334vw;
    height: 20.933333333333334vw;
    width: 77.2vw;
    top: 18.933333333333334vw;
  }
}
body[data-is-webview='false'] .footer-share .buttons {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-bottom: 45px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .buttons {
    gap: 5.333333333333334vw;
    margin-bottom: 12.933333333333334vw;
  }
}
body[data-is-webview='false'] .footer-share .btn-x,
body[data-is-webview='false'] .footer-share .btn-facebook,
body[data-is-webview='false'] .footer-share .btn-line {
  background-color: #fff;
  border: 8px solid #1b1b1b;
  border: 8px solid var(--color-black);
  border-radius: 50%;
  box-shadow: 0 10px 20px #00000080;
  display: grid;
  font-size: 0;
  align-items: center;
  justify-items: center;
  place-items: center;
  height: 80px;
  width: 80px;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .btn-x,
  body[data-is-webview='false'] .footer-share .btn-facebook,
  body[data-is-webview='false'] .footer-share .btn-line {
    border-width: 1.066666666666667vw;
    padding: 1.333333333333333vw;
    height: 16vw;
    width: 16vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  body[data-is-webview='false'] .footer-share .btn-x:hover,
  body[data-is-webview='false'] .footer-share .btn-facebook:hover,
  body[data-is-webview='false'] .footer-share .btn-line:hover {
    background-color: #fedd44;
    background-color: var(--color-yellow);
  }
}
body[data-is-webview='false'] .footer-share .btn-x .icon,
body[data-is-webview='false'] .footer-share .btn-facebook .icon,
body[data-is-webview='false'] .footer-share .btn-line .icon {
  border-radius: 50%;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
  height: 50px;
  width: 50px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .btn-x .icon,
  body[data-is-webview='false'] .footer-share .btn-facebook .icon,
  body[data-is-webview='false'] .footer-share .btn-line .icon {
    height: 11.200000000000001vw;
    width: 11.200000000000001vw;
  }
}
body[data-is-webview='false'] .footer-share .btn-x .icon {
  background-color: #000;
}
body[data-is-webview='false'] .footer-share .btn-x svg {
  height: 20px;
  width: 20px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .btn-x svg {
    height: 4.266666666666667vw;
    width: 4.266666666666667vw;
  }
}
body[data-is-webview='false'] .footer-share .btn-facebook .icon {
  background-color: #2467bd;
}
body[data-is-webview='false'] .footer-share .btn-facebook svg {
  height: 24px;
  width: 24px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .btn-facebook svg {
    height: 5.066666666666666vw;
    width: 5.066666666666666vw;
  }
}
body[data-is-webview='false'] .footer-share .btn-line .icon {
  background-color: #1db41d;
}
body[data-is-webview='false'] .footer-share .btn-line svg {
  height: 25px;
  width: 25px;
}
@media only screen and (max-width: 767px) {
  body[data-is-webview='false'] .footer-share .btn-line svg {
    height: 5.2vw;
    width: 5.333333333333334vw;
  }
}
.btn-menu {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  border-radius: 0 0 15px 15px;
  position: fixed;
  right: 30px;
  top: 0;
  height: 84px;
  width: 92px;
  transition: background-color 0.3s;
  z-index: 4;
}
@media only screen and (max-width: 767px) {
  .btn-menu {
    border-radius: 0 0 4vw 4vw;
    right: 2.666666666666667vw;
    height: 16.8vw;
    width: 18.4vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .btn-menu:hover {
    background-color: #323733;
  }
}
.btn-menu span {
  backface-visibility: hidden;
  background-color: #fedd44;
  background-color: var(--color-yellow);
  display: block;
  left: 50%;
  margin-left: -15px;
  margin-top: -2px;
  position: absolute;
  height: 2px;
  width: 30px;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .btn-menu span {
    margin-left: -3.066666666666666vw;
    margin-top: -0.266666666666667vw;
    width: 6vw;
  }
}
.btn-menu span:nth-child(1) {
  animation: menu-bar01 0.75s forwards;
}
@media only screen and (max-width: 767px) {
  .btn-menu span:nth-child(1) {
    animation: menu-bar01-sm 0.75s forwards;
  }
}
.btn-menu span:nth-child(2) {
  opacity: 1;
  transition: all 0.25s 0.25s;
}
.btn-menu span:nth-child(3) {
  animation: menu-bar03 0.75s forwards;
}
@media only screen and (max-width: 767px) {
  .btn-menu span:nth-child(3) {
    animation: menu-bar03-sm 0.75s forwards;
  }
}
.menu-container {
  background-color: #fedd44;
  background-color: var(--color-yellow);
  color: #1b1b1b;
  color: var(--color-black);
  position: fixed;
  right: 0;
  top: 0;
  height: 100dvh;
  opacity: 0;
  transform: translate(100px);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
  visibility: hidden;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  .menu-container {
    border-radius: 50px 0 0;
    width: 440px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-container {
    border-radius: 13.333333333333334vw 0 0;
    width: 85.33333333333334vw;
  }
}
.menu-container .menu-container-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 140px 20px 20px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .menu-container .menu-container-inner {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-container-inner {
    padding: 20vw 5.333333333333334vw 5.333333333333334vw;
  }
}
.menu-container .nav {
  margin-left: 39px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav {
    margin-left: 5.333333333333334vw;
    padding-bottom: 2.666666666666667vw;
  }
}
.menu-container .nav a {
  display: block;
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav a {
    margin-bottom: 5.866666666666666vw;
  }
}
.menu-container .nav a .text-en {
  display: block;
  position: relative;
}
.menu-container .nav a .text-en:before {
  position: absolute;
  left: -4px;
  top: -4px;
  content: '';
  opacity: 0;
  transition: opacity 0.3s;
  z-index: -1;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .menu-container .nav a:hover .text-en:before {
    opacity: 1;
  }
}
.menu-container .nav .text-ja {
  display: block;
  margin-top: 10px;
  font-size: 1.3rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav .text-ja {
    margin-top: 1.6vw;
    font-size: 2.933333333333333vw;
  }
}
.menu-container .nav .link-about .text-en {
  width: 98px;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav .link-about .text-en {
    width: 19.733333333333334vw;
  }
}
.menu-container .nav .link-about .text-en:before {
  height: 40px;
  width: 106px;
  background: url(/assets_front_top/img/nav-about-hover.svg) center center no-repeat transparent;
  background-size: 100% auto;
}
.menu-container .nav .link-info .text-en {
  width: 199px;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav .link-info .text-en {
    width: 40vw;
  }
}
.menu-container .nav .link-info .text-en:before {
  height: 39px;
  width: 208px;
  background: url(/assets_front_top/img/nav-info-hover.svg) center center no-repeat transparent;
  background-size: 100% auto;
}
.menu-container .nav .link-guideline .text-en {
  width: 172px;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav .link-guideline .text-en {
    width: 34.93333333333333vw;
  }
}
.menu-container .nav .link-guideline .text-en:before {
  height: 40px;
  width: 181px;
  background: url(/assets_front_top/img/nav-guideline-hover.svg) center center no-repeat transparent;
  background-size: 100% auto;
}
.menu-container .nav .link-prize .text-en {
  width: 81px;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav .link-prize .text-en {
    width: 16.133333333333333vw;
  }
}
.menu-container .nav .link-prize .text-en:before {
  height: 40px;
  width: 89px;
  background: url(/assets_front_top/img/nav-prize-hover.svg) center center no-repeat transparent;
  background-size: 100% auto;
}
.menu-container .nav .link-test .text-en {
  width: 209px;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav .link-test .text-en {
    width: 41.86666666666667vw;
  }
}
.menu-container .nav .link-test .text-en:before {
  height: 39px;
  width: 218px;
  background: url(/assets_front_top/img/nav-test-hover.svg) center center no-repeat transparent;
  background-size: 100% auto;
}
.menu-container .nav .link-detail .text-en {
  width: 116px;
}
@media only screen and (max-width: 767px) {
  .menu-container .nav .link-detail .text-en {
    width: 23.333333333333332vw;
  }
}
.menu-container .nav .link-detail .text-en:before {
  height: 40px;
  width: 125px;
  background: url(/assets_front_top/img/nav-detail-hover.svg) center center no-repeat transparent;
  background-size: 100% auto;
}
.menu-container .btn-container {
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  width: 340px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-container {
    width: 66.66666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .menu-container .btn-container {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-container {
    margin-bottom: 19.733333333333334vw;
  }
}
.menu-container .btn-container:after {
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-container:after {
    font-size: 2.933333333333333vw;
  }
}
.menu-container .btn-practice,
.menu-container .btn-entry,
.menu-container .btn-exam,
.menu-container .btn-result,
.menu-container .btn-archive {
  box-shadow: 0 8px 16px #271d0033;
  margin-left: auto;
  margin-right: auto;
  width: 340px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-practice,
  .menu-container .btn-entry,
  .menu-container .btn-exam,
  .menu-container .btn-result,
  .menu-container .btn-archive {
    box-shadow: 0 5px 10px #271d004d;
    width: 66.66666666666666vw;
    --btn-height: 16vw;
  }
}
.menu-container .btn-practice .btn-inner,
.menu-container .btn-entry .btn-inner,
.menu-container .btn-exam .btn-inner,
.menu-container .btn-result .btn-inner,
.menu-container .btn-archive .btn-inner {
  padding-left: 16px;
  padding-right: 16px;
}
.menu-container .btn-practice {
  margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-practice {
    margin-bottom: 2.666666666666667vw;
  }
}
.menu-container .btn-practice .btn-inner {
  background-color: #881c27;
}
.menu-container .btn-practice .btn-inner .text {
  padding-right: 2px;
}
.menu-container .btn-practice .btn-inner img {
  width: 180px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-practice .btn-inner img {
    width: 40.53333333333333vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .menu-container .btn-practice:hover .btn-inner {
    background-color: #9e2733;
  }
}
.menu-container .btn-entry:before,
.menu-container .btn-exam:before,
.menu-container .btn-result:before,
.menu-container .btn-archive:before {
  content: '';
  display: none;
  position: absolute;
  left: 50%;
  top: -14px;
  transform: translate(-50%);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-entry:before,
  .menu-container .btn-exam:before,
  .menu-container .btn-result:before,
  .menu-container .btn-archive:before {
    top: -2.133333333333333vw;
  }
}
.menu-container .btn-entry .text,
.menu-container .btn-exam .text,
.menu-container .btn-result .text,
.menu-container .btn-archive .text {
  height: 100%;
}
.menu-container .btn-entry .text:before,
.menu-container .btn-exam .text:before,
.menu-container .btn-result .text:before,
.menu-container .btn-archive .text:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
}
.menu-container .btn-entry .btn-inner .text {
  height: 100%;
}
.menu-container .btn-entry .btn-inner .text:before {
  background: url(/assets_front_top/img/md/btn-2.webp) center top no-repeat transparent;
  background-size: 180px auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .menu-container .btn-entry .btn-inner .text:before {
    background: url(/assets_front_top/img/md/btn-2@2x.webp) center top no-repeat transparent;
    background-size: 190px auto;
  }
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-entry .btn-inner .text:before {
    background: url(/assets_front_top/img/btn-2.webp) center top no-repeat transparent;
    background-size: 100% auto;
  }
}
.menu-container .btn-exam {
  display: none;
}
.menu-container .btn-exam .btn-inner {
  background-color: #363;
}
.menu-container .btn-result,
.menu-container .btn-archive {
  display: none;
}
.menu-container .btn-archive {
  margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .menu-container .btn-archive {
    margin-bottom: 2.666666666666667vw;
  }
}
.menu-container .menu-share {
  background-color: #fc3;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 74px;
  padding-bottom: 36px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share {
    padding-top: 19.6vw;
    padding-bottom: 7.066666666666667vw;
  }
}
.menu-container .menu-share .heading {
  position: absolute;
  left: 50%;
  top: -55px;
  margin-left: -58px;
  width: 117px;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .heading {
    margin-left: -13.733333333333334vw;
    top: -13.600000000000001vw;
    width: 27.46666666666667vw;
  }
}
.menu-container .menu-share .deco {
  position: absolute;
  left: 50%;
  top: 58px;
  fill: #fedd44;
  margin-left: -159px;
  height: 103px;
  width: 318px;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .deco {
    margin-left: -34.4vw;
    height: 22vw;
    width: 68.66666666666667vw;
    top: 16vw;
  }
}
.menu-container .menu-share .buttons {
  display: flex;
  gap: 30px;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .buttons {
    gap: 5.333333333333334vw;
  }
}
.menu-container .menu-share .btn-x,
.menu-container .menu-share .btn-facebook,
.menu-container .menu-share .btn-line {
  background-color: #fff;
  border: 4px solid #1b1b1b;
  border: 4px solid var(--color-black);
  border-radius: 50%;
  display: grid;
  font-size: 0;
  padding: 6px;
  align-items: center;
  justify-items: center;
  place-items: center;
  height: 70px;
  width: 70px;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .btn-x,
  .menu-container .menu-share .btn-facebook,
  .menu-container .menu-share .btn-line {
    border-width: 1.066666666666667vw;
    padding: 1.333333333333333vw;
    height: 16vw;
    width: 16vw;
  }
}
.menu-container .menu-share .btn-x .icon,
.menu-container .menu-share .btn-facebook .icon,
.menu-container .menu-share .btn-line .icon {
  border-radius: 50%;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
  height: 50px;
  width: 50px;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .btn-x .icon,
  .menu-container .menu-share .btn-facebook .icon,
  .menu-container .menu-share .btn-line .icon {
    height: 11.200000000000001vw;
    width: 11.200000000000001vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .menu-container .menu-share .btn-x:hover,
  .menu-container .menu-share .btn-facebook:hover,
  .menu-container .menu-share .btn-line:hover {
    background-color: #fedd44;
    background-color: var(--color-yellow);
  }
}
.menu-container .menu-share .btn-x .icon {
  background-color: #000;
}
.menu-container .menu-share .btn-x svg {
  height: 20px;
  width: 20px;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .btn-x svg {
    height: 4.266666666666667vw;
    width: 4.266666666666667vw;
  }
}
.menu-container .menu-share .btn-facebook .icon {
  background-color: #2467bd;
}
.menu-container .menu-share .btn-facebook svg {
  height: 24px;
  width: 24px;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .btn-facebook svg {
    height: 5.066666666666666vw;
    width: 5.066666666666666vw;
  }
}
.menu-container .menu-share .btn-line .icon {
  background-color: #1db41d;
}
.menu-container .menu-share .btn-line svg {
  height: 25px;
  width: 25px;
}
@media only screen and (max-width: 767px) {
  .menu-container .menu-share .btn-line svg {
    height: 5.2vw;
    width: 5.333333333333334vw;
  }
}
.is-menu-opened {
  height: 100vh;
  left: 0;
  overflow: hidden;
  top: 0;
  width: 100%;
}
.is-menu-opened .btn-menu span:nth-child(1) {
  animation: active-menu-bar01 0.75s forwards;
}
.is-menu-opened .btn-menu span:nth-child(2) {
  opacity: 0;
}
.is-menu-opened .btn-menu span:nth-child(3) {
  animation: active-menu-bar03 0.75s forwards;
}
.is-menu-opened .menu-container {
  opacity: 1;
  transform: translate(0);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s;
  visibility: visible;
}
.is-menu-opened .wrapper .overlay {
  opacity: 1;
  visibility: visible;
}
.loading {
  position: absolute;
  inset: 0;
  background: #fff9ea;
  z-index: 9999;
}
.hero-bg {
  position: relative;
}
.hero-image-container {
  inset: 0;
  margin: auto;
  overflow: hidden;
  position: sticky;
  height: 100vh;
  width: 100%;
  background: url(/assets_front_top/img/top/md/hero-bg-1.webp) center top no-repeat transparent;
  background-size: 2000px auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .hero-image-container {
    background: url(/assets_front_top/img/top/md/hero-bg-1@2x.webp) center top no-repeat transparent;
    background-size: 2000px auto;
  }
}
@media only screen and (max-width: 767px) {
  .hero-image-container {
    background: url(/assets_front_top/img/top/hero-bg-1.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
.hero-image-container .cloud-1 {
  margin-left: -964px;
  top: 296px;
  width: 179px;
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-1 {
    display: none;
  }
}
.hero-image-container .cloud-2 {
  margin-left: 773px;
  top: 397px;
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-2 {
    display: none;
  }
}
.hero-image-container .cloud-3 {
  margin-left: -1125px;
  top: 474px;
  transform: rotate(2.15deg);
  width: 311px;
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-3 {
    margin-left: 28.799999999999997vw;
    top: 97.46666666666667vw;
    transform: scaleX(-1) rotate(2.15deg);
    width: 37.733333333333334vw;
  }
}
.hero-image-container .cloud-4 {
  margin-left: -264px;
  top: 40px;
  width: 313px;
}
@media only screen and (min-width: 768px) {
  .hero-image-container .cloud-4 {
    transform: rotate(2.15deg);
  }
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-4 {
    margin-left: -58.666666666666664vw;
    top: 65.06666666666666vw;
    transform: scaleX(-1) rotate(2.15deg);
    width: 37.733333333333334vw;
  }
}
.hero-image-container .cloud-5 {
  margin-left: 504px;
  top: 121px;
  width: 359px;
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-5 {
    margin-left: 23.866666666666667vw;
    top: 22.666666666666664vw;
    width: 37.06666666666666vw;
  }
}
.hero-image-container .cloud-6 {
  margin-left: 559px;
  top: 538px;
  transform: scaleX(-1) rotate(2.15deg);
  width: 347px;
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-6 {
    margin-left: -40.93333333333333vw;
    top: 22.666666666666664vw;
    width: 37.733333333333334vw;
  }
}
.hero-image-container .cloud-7 {
  margin-left: -781px;
  top: 601px;
  width: 397px;
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-7 {
    margin-left: -55.46666666666666vw;
    top: 104.26666666666667vw;
    width: 41.86666666666667vw;
  }
}
.hero-image-container .cloud-8 {
  margin-left: -881px;
  top: 40px;
  width: 289px;
}
@media only screen and (max-width: 767px) {
  .hero-image-container .cloud-8 {
    margin-left: -56.666666666666664vw;
    top: 2vw;
    width: 30.266666666666666vw;
  }
}
.section-hero {
  container-type: inline-size;
  margin-top: -100vh;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-hero {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    min-height: 786px;
  }
}
.section-hero .section-inner {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-hero .section-inner {
    padding-top: 68vw;
  }
}
.section-hero h1 {
  margin-bottom: 2.5%;
  margin-left: -45.48611111111111%;
  position: relative;
  width: 41.388888888888886%;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero h1 {
    left: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero h1 {
    margin-bottom: 5.066666666666666vw;
    margin-left: 10.266666666666667vw;
    width: 79.46666666666667vw;
  }
}
.section-hero .img-logo {
  display: block;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .img-logo.adjustment {
    margin-top: 21.476510067114095%;
  }
}
.section-hero .balloon {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-hero .balloon {
    margin-left: 75.16778523489933%;
    margin-top: -3.355704697986577%;
    width: 16.778523489932887%;
    aspect-ratio: 100/82;
    background: url(/assets_front_top/img/top/md/balloon-just_before_start.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .section-hero .balloon {
    background: url(/assets_front_top/img/top/md/balloon-just_before_start@2x.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .balloon {
    margin-left: 56.00000000000001vw;
    margin-top: -2.933333333333333vw;
    height: 10.666666666666668vw;
    width: 29.86666666666667vw;
    background: url(/assets_front_top/img/top/balloon-just_before_start.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
.section-hero .buttons {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-hero .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 50%;
    margin-left: -42.5%;
    width: 35.41666666666667%;
  }
}
@media only screen and (max-width: 1024px) {
  .section-hero .buttons {
    margin-left: -45.97222222222222%;
    width: 42.36111111111111%;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .buttons {
    margin: auto;
    width: inherit;
  }
}
.section-hero .btn-container {
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-container {
    width: 49.01960784313725%;
  }
}
@media only screen and (max-width: 1024px) {
  .section-hero .btn-container {
    --btn-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .btn-container {
    margin-left: auto;
    margin-right: auto;
    width: 66.66666666666666vw;
    --btn-height: 16vw;
  }
}
.section-hero .btn-container:after {
  font-size: 1.041666666666667vw;
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-container:after {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .btn-container:after {
    font-size: 2.933333333333333vw;
  }
}
.section-hero .btn-practice,
.section-hero .btn-entry,
.section-hero .btn-exam,
.section-hero .btn-result,
.section-hero .btn-archive {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .section-hero .btn-practice,
  .section-hero .btn-entry,
  .section-hero .btn-exam,
  .section-hero .btn-result,
  .section-hero .btn-archive {
    --btn-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .btn-practice,
  .section-hero .btn-entry,
  .section-hero .btn-exam,
  .section-hero .btn-result,
  .section-hero .btn-archive {
    margin-left: auto;
    margin-right: auto;
    width: 66.66666666666666vw;
    --btn-height: 16vw;
  }
}
.section-hero .btn-practice .text,
.section-hero .btn-entry .text,
.section-hero .btn-exam .text,
.section-hero .btn-result .text,
.section-hero .btn-archive .text {
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-practice,
  .section-hero .btn-archive {
    width: 49.01960784313725%;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .btn-practice,
  .section-hero .btn-archive {
    margin-bottom: 2.4vw;
  }
}
.section-hero .btn-practice .btn-inner {
  background-color: #881c27;
}
.section-hero .btn-practice .btn-inner .text img {
  width: 94.73684210526315%;
}
@media only screen and (max-width: 767px) {
  .section-hero .btn-practice .btn-inner .text img {
    width: 40.53333333333333vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .section-hero .btn-practice:hover .btn-inner {
    background-color: #9e2733;
  }
}
.section-hero .btn-entry:before,
.section-hero .btn-exam:before,
.section-hero .btn-result:before,
.section-hero .btn-archive:before {
  content: '';
  display: none;
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translate(-50%);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-hero .btn-entry:before,
  .section-hero .btn-exam:before,
  .section-hero .btn-result:before,
  .section-hero .btn-archive:before {
    top: -2.133333333333333vw;
  }
}
.section-hero .btn-entry .text,
.section-hero .btn-exam .text,
.section-hero .btn-result .text,
.section-hero .btn-archive .text {
  height: 100%;
}
.section-hero .btn-entry .text:before,
.section-hero .btn-exam .text:before,
.section-hero .btn-result .text:before,
.section-hero .btn-archive .text:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
}
.section-hero .btn-entry .btn-inner .text {
  height: 100%;
}
.section-hero .btn-entry .btn-inner .text:before {
  background: url(/assets_front_top/img/md/btn-2.webp) center center no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .section-hero .btn-entry .btn-inner .text:before {
    background: url(/assets_front_top/img/md/btn-2@2x.webp) center center no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .btn-entry .btn-inner .text:before {
    background: url(/assets_front_top/img/btn-2.webp) center top no-repeat transparent;
    background-size: 100% auto;
  }
}
.section-hero .btn-exam,
.section-hero .btn-result {
  display: none;
}
.section-hero .btn-exam .btn-inner,
.section-hero .btn-result .btn-inner {
  background-color: #363;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .section-hero .btn-exam:hover .btn-inner,
  .section-hero .btn-result:hover .btn-inner {
    background-color: #417741;
  }
}
.section-hero .btn-archive {
  display: none;
}
.section-hero .text-notification {
  display: none;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.785714285714286;
  font-weight: 700;
  margin-top: 8px;
  text-shadow: #fedd44 4px 0 0, #fedd44 3.87565px 0.989616px 0, #fedd44 3.51033px 1.9177px 0,
    #fedd44 2.92676px 2.72656px 0, #fedd44 2.16121px 3.36588px 0, #fedd44 1.26129px 3.79594px 0,
    #fedd44 0.282949px 3.98998px 0, #fedd44 -0.712984px 3.93594px 0, #fedd44 -1.66459px 3.63719px 0,
    #fedd44 -2.51269px 3.11229px 0, #fedd44 -3.20457px 2.39389px 0, #fedd44 -3.69721px 1.52664px 0,
    #fedd44 -3.95997px 0.56448px 0, #fedd44 -3.97652px -0.432781px 0, #fedd44 -3.74583px -1.40313px 0,
    #fedd44 -3.28224px -2.28625px 0, #fedd44 -2.61457px -3.02721px 0, #fedd44 -1.78435px -3.57996px 0,
    #fedd44 -0.843183px -3.91012px 0, #fedd44 0.150409px -3.99717px 0, #fedd44 1.13465px -3.8357px 0,
    #fedd44 2.04834px -3.43574px 0, #fedd44 2.83468px -2.82216px 0, #fedd44 3.44477px -2.03312px 0,
    #fedd44 3.84068px -1.11766px 0, #fedd44 3.9978px -0.132717px 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-hero .text-notification {
    left: 50%;
    margin-left: -33.33333333333333%;
    width: 35.41666666666667%;
  }
}
@media only screen and (max-width: 1024px) {
  .section-hero .text-notification {
    margin-left: -45.97222222222222%;
    width: 42.36111111111111%;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .text-notification {
    margin: auto;
    width: inherit;
    font-size: 3.2vw;
    line-height: 1.583333333333333;
    margin-top: 3.466666666666666vw;
    text-shadow: #fedd44 2px 0 0, #fedd44 1.75517px 0.958851px 0, #fedd44 1.0806px 1.68294px 0,
      #fedd44 0.141474px 1.99499px 0, #fedd44 -0.832294px 1.81859px 0, #fedd44 -1.60229px 1.19694px 0,
      #fedd44 -1.97998px 0.28224px 0, #fedd44 -1.87291px -0.701566px 0, #fedd44 -1.30729px -1.5136px 0,
      #fedd44 -0.421592px -1.95506px 0, #fedd44 0.567324px -1.91785px 0, #fedd44 1.41734px -1.41108px 0,
      #fedd44 1.92034px -0.558831px 0;
  }
}
.section-hero .text-notification.always {
  display: block;
  text-align: left;
  background-color: #fff;
  text-shadow: none;
  padding: 30px;
  border: 1px solid #000;
}
@media only screen and (min-width: 768px) {
  .section-hero .text-notification.always {
    margin-top: 30px;
    margin-left: -45.48611111111111%;
    width: 41.388888888888886%;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .text-notification.always {
    margin-top: 8vw;
    padding: 5.333333333333334vw;
    margin-left: 2.666666666666667vw;
    margin-right: 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .text-notification.always p:not(:last-child) {
    margin-bottom: 1.67em;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .text-notification.always p:not(:last-child) {
    margin-bottom: 2em;
  }
}
.section-hero .text-notification .text {
  display: block;
  position: relative;
  width: 100%;
}
.section-hero .text-notification .strong {
  color: #d70016;
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.section-hero .text-notification .asterisk {
  background-color: #fedd44;
  background-color: var(--color-yellow);
  display: inline-block;
  line-height: 1;
  margin-right: 2px;
  border-radius: 4px;
}
.section-hero .text-notification .text-main {
  position: relative;
}
.section-hero .text-notification .text-bg {
  position: absolute;
  left: 50%;
  top: 0;
  text-shadow: #000 5px 0 0, #000 4.90033px 0.993347px 0, #000 4.60531px 1.94709px 0, #000 4.12668px 2.82321px 0,
    #000 3.48353px 3.58678px 0, #000 2.70151px 4.20736px 0, #000 1.81179px 4.6602px 0, #000 0.849836px 4.92725px 0,
    #000 -0.145998px 4.99787px 0, #000 -1.13601px 4.86924px 0, #000 -2.08073px 4.54649px 0, #000 -2.94251px 4.04248px 0,
    #000 -3.68697px 3.37732px 0, #000 -4.28444px 2.57751px 0, #000 -4.71111px 1.67494px 0, #000 -4.94996px 0.7056px 0,
    #000 -4.99147px -0.291871px 0, #000 -4.83399px -1.27771px 0, #000 -4.48379px -2.2126px 0,
    #000 -3.95484px -3.05929px 0, #000 -3.26822px -3.78401px 0, #000 -2.4513px -4.35788px 0,
    #000 -1.53666px -4.75801px 0, #000 -0.560763px -4.96845px 0, #000 0.437495px -4.98082px 0,
    #000 1.41831px -4.79462px 0, #000 2.34258px -4.41727px 0, #000 3.17346px -3.86382px 0, #000 3.87783px -3.15633px 0,
    #000 4.4276px -2.32301px 0, #000 4.80085px -1.39708px 0, #000 4.98271px -0.415447px 0;
  transform: translate(-50%);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-hero .text-notification .text-bg {
    text-shadow: #000 3px 0 0, #000 2.83487px 0.981584px 0, #000 2.35766px 1.85511px 0, #000 1.62091px 2.52441px 0,
      #000 0.705713px 2.91581px 0, #000 -0.287171px 2.98622px 0, #000 -1.24844px 2.72789px 0,
      #000 -2.07227px 2.16926px 0, #000 -2.66798px 1.37182px 0, #000 -2.96998px 0.42336px 0,
      #000 -2.94502px -0.571704px 0, #000 -2.59586px -1.50383px 0, #000 -1.96093px -2.27041px 0,
      #000 -1.11013px -2.78704px 0, #000 -0.137119px -2.99686px 0, #000 0.850987px -2.87677px 0,
      #000 1.74541px -2.43999px 0, #000 2.44769px -1.73459px 0, #000 2.88051px -0.838247px 0;
  }
}
.section-hero .img-1 {
  position: absolute;
  top: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .img-1 {
    left: 50%;
    margin-left: -6.180555555555555%;
    margin-top: -46.31944444444444%;
    top: 50%;
    width: 55.833333333333336%;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .img-1 {
    left: 4.666666666666667vw;
    margin-top: -33.6vw;
    width: 89.33333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .img-1.adjustment {
    margin-top: -56.041666666666664%;
  }
}
.section-hero .img-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .img-2 {
    margin-left: 25.624999999999996%;
    margin-top: -15.694444444444445%;
    width: 12.569444444444445%;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .img-2 {
    margin-left: 12.266666666666666vw;
    top: 39.06666666666666vw;
    width: 21.73333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .img-2.adjustment {
    margin-top: -25.416666666666664%;
  }
}
.section-hero .img-3 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .img-3 {
    margin-left: 7.986111111111111%;
    margin-top: -2.986111111111111%;
    width: 11.875%;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero .img-3 {
    margin-left: -42.8vw;
    top: 39.6vw;
    width: 20.533333333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .img-3.adjustment {
    margin-top: -12.708333333333332%;
  }
}
.section-about {
  overflow: hidden;
  position: relative;
}
.section-about .section-inner {
  margin: 0 auto;
  padding-bottom: 133px;
  padding-top: 240px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-about .section-inner {
    padding-bottom: 10.390625vw;
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .section-about .section-inner {
    padding-bottom: 20vw;
    padding-top: 26.266666666666666vw;
  }
}
.section-about .section-heading {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .section-about .section-heading {
    margin-bottom: 9.6vw;
  }
}
.section-about .section-heading .text-en {
  width: 210px;
}
@media only screen and (max-width: 767px) {
  .section-about .section-heading .text-en {
    box-sizing: content-box;
    padding-right: 1.066666666666667vw;
    width: 37.333333333333336vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-about .section-heading .text-ja {
    font-size: 1.8rem;
    letter-spacing: -0.02em;
    text-shadow: #fff9ea 5px 0 0, #fff9ea 4.90033px 0.993347px 0, #fff9ea 4.60531px 1.94709px 0,
      #fff9ea 4.12668px 2.82321px 0, #fff9ea 3.48353px 3.58678px 0, #fff9ea 2.70151px 4.20736px 0,
      #fff9ea 1.81179px 4.6602px 0, #fff9ea 0.849836px 4.92725px 0, #fff9ea -0.145998px 4.99787px 0,
      #fff9ea -1.13601px 4.86924px 0, #fff9ea -2.08073px 4.54649px 0, #fff9ea -2.94251px 4.04248px 0,
      #fff9ea -3.68697px 3.37732px 0, #fff9ea -4.28444px 2.57751px 0, #fff9ea -4.71111px 1.67494px 0,
      #fff9ea -4.94996px 0.7056px 0, #fff9ea -4.99147px -0.291871px 0, #fff9ea -4.83399px -1.27771px 0,
      #fff9ea -4.48379px -2.2126px 0, #fff9ea -3.95484px -3.05929px 0, #fff9ea -3.26822px -3.78401px 0,
      #fff9ea -2.4513px -4.35788px 0, #fff9ea -1.53666px -4.75801px 0, #fff9ea -0.560763px -4.96845px 0,
      #fff9ea 0.437495px -4.98082px 0, #fff9ea 1.41831px -4.79462px 0, #fff9ea 2.34258px -4.41727px 0,
      #fff9ea 3.17346px -3.86382px 0, #fff9ea 3.87783px -3.15633px 0, #fff9ea 4.4276px -2.32301px 0,
      #fff9ea 4.80085px -1.39708px 0, #fff9ea 4.98271px -0.415447px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-about .section-heading .text-ja {
    --text-stroke-color: var(--color-bg-base);
  }
}
.section-about .section-heading .text-ja .deco-left span,
.section-about .section-heading .text-ja .deco-right span {
  margin: 0 2px;
  height: 21px;
  width: 50px;
  background: url(/assets_front_top/img/top/md/heading-deco-about.webp) center top no-repeat transparent;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .section-about .section-heading .text-ja .deco-left span,
  .section-about .section-heading .text-ja .deco-right span {
    margin-left: 1.866666666666667vw;
    margin-right: 1.866666666666667vw;
    height: 3.466666666666666vw;
    width: 9.333333333333334vw;
    background: url(/assets_front_top/img/top/heading-deco-about.webp) center top no-repeat transparent;
    background-size: cover;
  }
}
.section-about .content .main-copy {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 4.8rem;
  letter-spacing: 0.06em;
  line-height: 1.375;
  gap: 6px;
  justify-content: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .section-about .content .main-copy {
    font-size: 6.4vw;
    line-height: 1.5;
    gap: 1.066666666666667vw;
    margin-bottom: 6.666666666666667vw;
  }
}
.section-about .content .main-copy .line-1,
.section-about .content .main-copy .line-2,
.section-about .content .main-copy .line-3 {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  color: #fedd44;
  color: var(--color-yellow);
  padding-left: 19px;
  padding-right: 19px;
}
@media only screen and (max-width: 767px) {
  .section-about .content .main-copy .line-1,
  .section-about .content .main-copy .line-2,
  .section-about .content .main-copy .line-3 {
    padding-left: 1.866666666666667vw;
    padding-right: 1.866666666666667vw;
  }
}
.section-about .content .main-copy .line-2 {
  padding-left: 0;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 768px) {
  .section-about .content .main-copy .line-2 {
    margin-left: -5px;
    padding-right: 18px;
  }
  .section-about .content .main-copy .line-2 .char-1,
  .section-about .content .main-copy .line-2 .char-11 {
    font-size: 4.3rem;
  }
  .section-about .content .main-copy .line-2 .char-12,
  .section-about .content .main-copy .line-2 .char-18 {
    font-size: 3.6rem;
  }
  .section-about .content .main-copy .line-2 .char-5 {
    margin-right: -4px;
  }
  .section-about .content .main-copy .line-2 .char-12 {
    margin-left: -16px;
    margin-right: 8px;
  }
  .section-about .content .main-copy .line-2 .char-13,
  .section-about .content .main-copy .line-2 .char-14,
  .section-about .content .main-copy .line-2 .char-15,
  .section-about .content .main-copy .line-2 .char-16,
  .section-about .content .main-copy .line-2 .char-17 {
    margin-right: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .section-about .content .main-copy .line-2 {
    padding-right: 3.2vw;
  }
  .section-about .content .main-copy .line-2 .char-1,
  .section-about .content .main-copy .line-2 .char-11 {
    font-size: 5.733333333333333vw;
  }
  .section-about .content .main-copy .line-2 .char-12,
  .section-about .content .main-copy .line-2 .char-18 {
    font-size: 4.8vw;
  }
  .section-about .content .main-copy .line-2 .char-1 {
    left: -0.8vw;
    position: relative;
    top: -0.266666666666667vw;
  }
  .section-about .content .main-copy .line-2 .char-2 {
    margin-left: -1.066666666666667vw;
  }
  .section-about .content .main-copy .line-2 .char-6 {
    margin-left: -0.533333333333333vw;
  }
  .section-about .content .main-copy .line-2 .char-12 {
    margin-left: -2.133333333333333vw;
  }
  .section-about .content .main-copy .line-2 .char-13 {
    margin-left: 1.333333333333333vw;
  }
  .section-about .content .main-copy .line-2 .char-14,
  .section-about .content .main-copy .line-2 .char-15,
  .section-about .content .main-copy .line-2 .char-16 {
    margin-left: 0.266666666666667vw;
  }
  .section-about .content .main-copy .line-2 .char-17 {
    margin-left: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-about .content .main-copy .line-3 {
    padding-left: 26px;
    padding-right: 24px;
  }
  .section-about .content .main-copy .line-3 .char-2,
  .section-about .content .main-copy .line-3 .char-3,
  .section-about .content .main-copy .line-3 .char-4 {
    margin-right: -3px;
  }
  .section-about .content .main-copy .line-3 .char-5 {
    margin-right: 2px;
  }
  .section-about .content .main-copy .line-3 .char-6 {
    margin-left: -2px;
  }
  .section-about .content .main-copy .line-3 .char-7,
  .section-about .content .main-copy .line-3 .char-8 {
    margin-left: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .section-about .content .main-copy .line-3 {
    padding-left: 2.666666666666667vw;
    padding-right: 2.666666666666667vw;
  }
  .section-about .content .main-copy .line-3 .char-4,
  .section-about .content .main-copy .line-3 .char-5 {
    margin-left: -0.533333333333333vw;
  }
  .section-about .content .main-copy .line-3 .char-7,
  .section-about .content .main-copy .line-3 .char-8 {
    margin-left: -1.066666666666667vw;
  }
}
.section-about .content .main-copy .line-3 .char-6,
.section-about .content .main-copy .line-3 .char-7,
.section-about .content .main-copy .line-3 .char-8 {
  display: inline-block;
  font-style: italic;
  transform: scale(0.9, 1.1) skew(3deg);
}
.section-about .content .description {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (max-width: 767px) {
  .section-about .content .description {
    gap: 4vw;
  }
}
.section-about .content .description p {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  gap: 4px;
  justify-content: center;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .section-about .content .description p {
    margin-bottom: 9px;
  }
}
@media only screen and (max-width: 1024px) {
  .section-about .content .description p {
    font-size: 2.05078125vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-about .content .description p {
    font-size: 4vw;
    gap: 0.8vw;
  }
}
.section-about .content .description p span {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  color: #fedd44;
  color: var(--color-yellow);
  padding: 12px 10px 13px;
}
@media only screen and (max-width: 767px) {
  .section-about .content .description p span {
    padding: 1.866666666666667vw 2.666666666666667vw 2.133333333333333vw;
  }
}
.section-about .content .img-1 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-about .content .img-1 {
    margin-top: 167px;
    width: 520px;
  }
}
@media only screen and (max-width: 767px) {
  .section-about .content .img-1 {
    margin-top: 26.13333333333333vw;
  }
}
.section-about .content .img-1 .part-1 {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section-about .content .img-1 .part-1 {
    margin-left: 146px;
    width: 281px;
  }
}
@media only screen and (max-width: 767px) {
  .section-about .content .img-1 .part-1 {
    margin-left: 34.66666666666667vw;
    width: 37.46666666666666vw;
  }
}
.section-about .content .img-1 .part-2 {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  margin-left: -260px;
  margin-top: -24px;
  width: 156px;
}
@media only screen and (max-width: 767px) {
  .section-about .content .img-1 .part-2 {
    margin-left: -34.8vw;
    margin-top: -3.2vw;
    width: 20.8vw;
  }
}
.section-info {
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-info {
    margin-top: -100px;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info {
    margin-top: -13.333333333333334vw;
    padding-top: 13.333333333333334vw;
  }
}
.section-info .section-inner {
  background: url(/assets_front_top/img/top/md/info-bg-1.webp) center 146px no-repeat transparent;
  background-size: 2000px auto;
  max-width: inherit;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .section-info .section-inner {
    background: url(/assets_front_top/img/top/md/info-bg-1@2x.webp) center 146px no-repeat transparent;
    background-size: 2000px auto;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .section-inner {
    background: url(/assets_front_top/img/top/info-bg-1.webp) center 64.8vw no-repeat transparent;
    background-size: 100% auto;
  }
}
.section-info .deco-top {
  position: absolute;
  left: 0;
  top: 272px;
  height: 207px;
  width: 100%;
  background: url(/assets_front_top/img/top/info-bg-2.webp) left top repeat-x transparent;
  background-size: auto 100%;
  animation: bg-info-1-md 20s linear infinite;
}
@media only screen and (max-width: 767px) {
  .section-info .deco-top {
    animation: bg-info-1-sm 20s linear infinite;
    height: 27.6vw;
    top: 28.4vw;
  }
}
.section-info .section-heading {
  margin-bottom: 430px;
}
@media only screen and (max-width: 767px) {
  .section-info .section-heading {
    margin-bottom: 63.2vw;
  }
}
.section-info .section-heading .text-en {
  width: 532px;
}
@media only screen and (max-width: 767px) {
  .section-info .section-heading .text-en {
    box-sizing: content-box;
    padding-right: 0.8vw;
    width: 80.4vw;
  }
}
.section-info .img-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-info .img-1 {
    height: 670px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 {
    height: 90.66666666666666vw;
  }
}
.section-info .img-1 .part-1 {
  position: absolute;
  left: 50%;
  top: 130px;
  margin-left: -196px;
  width: 377px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-1 {
    margin-left: -26.13333333333333vw;
    top: 24.8vw;
    width: 50.26666666666667vw;
  }
}
.section-info .img-1 .part-2 {
  position: absolute;
  left: 50%;
  top: 528px;
  margin-left: -520px;
  width: 180px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-2 {
    display: none;
  }
}
.section-info .img-1 .part-3 {
  position: absolute;
  left: 50%;
  top: 288px;
  margin-left: -514px;
  width: 121px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-3 {
    margin-left: -42.53333333333333vw;
    top: 28.000000000000004vw;
    width: 16.133333333333333vw;
  }
}
.section-info .img-1 .part-4 {
  position: absolute;
  left: 50%;
  top: 307px;
  margin-left: 80px;
  width: 50px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-4 {
    margin-left: 10.4vw;
    top: 44vw;
    width: 6.666666666666667vw;
  }
}
.section-info .img-1 .part-5 {
  position: absolute;
  left: 50%;
  top: 364px;
  margin-left: 361px;
  width: 108px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-5 {
    display: none;
  }
}
.section-info .img-1 .part-6 {
  position: absolute;
  left: 50%;
  top: 168px;
  margin-left: 145px;
  width: 179px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-6 {
    margin-left: 18.133333333333333vw;
    top: 27.6vw;
    width: 23.866666666666667vw;
  }
}
.section-info .img-1 .part-7 {
  position: absolute;
  left: 50%;
  top: 252px;
  margin-left: -362px;
  width: 188px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-7 {
    margin-left: -46.93333333333333vw;
    top: 38.666666666666664vw;
    width: 25.066666666666666vw;
  }
}
.section-info .img-1 .part-8 {
  position: absolute;
  left: 50%;
  top: 400px;
  margin-left: 203px;
  width: 128px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-8 {
    margin-left: 26.93333333333333vw;
    top: 60.66666666666667vw;
    width: 17.066666666666666vw;
  }
}
.section-info .img-1 .part-9 {
  position: absolute;
  left: 50%;
  top: 391px;
  margin-left: 323px;
  width: 46px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-1 .part-9 {
    display: none;
  }
}
.section-info .btn-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 420px;
  --btn-height: 106px;
}
@media only screen and (max-width: 767px) {
  .section-info .btn-container {
    width: 80vw;
    --btn-height: 21.333333333333336vw;
  }
}
.section-info .btn-entry {
  --btn-height: 106px;
  margin-left: auto;
  margin-right: auto;
  width: 420px;
  font-size: 2.6rem;
}
@media only screen and (min-width: 768px) {
  .section-info .btn-entry {
    padding: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .btn-entry {
    width: 80vw;
    --btn-height: 21.333333333333336vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-info .btn-entry .btn-inner {
    padding-bottom: 2px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .btn-entry .btn-inner {
    padding-left: 4.266666666666667vw;
    padding-right: 4.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-info .btn-entry .btn-inner:before,
  .section-info .btn-entry .btn-inner:after {
    height: 12px;
    width: 12px;
  }
}
.section-info .btn-entry .btn-inner .text img {
  width: 268px;
}
@media only screen and (max-width: 767px) {
  .section-info .btn-entry .btn-inner .text img {
    padding-bottom: 1.066666666666667vw;
    width: 55.46666666666666vw;
  }
}
.section-info .container-schedule {
  container-type: inline-size;
  position: relative;
}
.section-info .container-schedule .cloud-1 {
  bottom: 430px;
  margin-left: -703px;
  transform: rotate(3.13deg);
  width: 301px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .cloud-1 {
    display: none;
  }
}
.section-info .container-schedule .cloud-2 {
  bottom: 83px;
  margin-left: 362px;
  width: 389px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .cloud-2 {
    display: none;
  }
}
.section-info .container-schedule .cloud-3 {
  bottom: -114px;
  margin-left: -640px;
  width: 202px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .cloud-3 {
    display: none;
  }
}
.section-info .container-schedule .cloud-4 {
  bottom: -172px;
  margin-left: 451px;
  width: 153px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .cloud-4 {
    bottom: -18.4vw;
    margin-left: 20.4vw;
    width: 21.2vw;
  }
}
.section-info .container-schedule .container-inner {
  background-color: #f8fffa;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .container-inner {
    margin-top: 58px;
    padding-bottom: 70px;
    padding-top: 68px;
    width: 960px;
  }
}
@media only screen and (max-width: 1024px) {
  .section-info .container-schedule .container-inner {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .container-inner {
    margin-top: 14.933333333333335vw;
    padding-bottom: 13.333333333333334vw;
    padding-top: 14.666666666666666vw;
    width: 92vw;
  }
}
.section-info .container-schedule .container-inner:before,
.section-info .container-schedule .container-inner:after {
  position: absolute;
  left: -5px;
  top: 0;
  background-color: #000;
  border-radius: 10px;
  content: '';
  display: block;
  height: 20px;
  width: calc(100% + 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-info .container-schedule .container-inner:before,
  .section-info .container-schedule .container-inner:after {
    height: 2.083333333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .container-inner:before,
  .section-info .container-schedule .container-inner:after {
    border-radius: 2vw;
    left: -1.6vw;
    height: 4vw;
    width: 95.19999999999999vw;
  }
}
.section-info .container-schedule .container-inner:after {
  bottom: 0;
  top: auto;
}
.section-info .container-schedule .container-heading {
  align-items: center;
  color: #000;
  display: flex;
  justify-content: space-between;
  background: url(/assets_front_top/img/top/md/info-schedule-deco-1.webp) center top no-repeat transparent;
  background-size: 787px 151px;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .container-heading {
    left: 50%;
    margin-bottom: 50px;
    padding-left: 90px;
    padding-right: 90px;
    position: relative;
    height: 151px;
    width: 100%;
    transform: translate(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .container-heading {
    background: url(/assets_front_top/img/top/info-schedule-deco-1.webp) center top no-repeat transparent;
    background-size: cover;
    margin-bottom: 9.333333333333334vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.333333333333333vw;
    padding-right: 1.333333333333333vw;
    height: 15.733333333333333vw;
    width: 82.93333333333334vw;
  }
}
.section-info .container-schedule .container-heading .text-ja {
  justify-content: space-between;
  margin-top: 0;
  width: 100%;
  font-size: 4rem;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .container-heading .text-ja {
    font-size: 7.466666666666668vw;
    padding-bottom: 0.8vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .container-heading .text-ja .text {
    padding-right: 2px;
    padding-top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .container-heading .text-ja .text {
    padding-left: 0.8vw;
    padding-top: 0.533333333333333vw;
  }
}
.section-info .container-schedule .container-heading .text-ja .deco-left span,
.section-info .container-schedule .container-heading .text-ja .deco-right span {
  margin-left: 0;
  margin-right: 0;
  height: 20px;
  width: 81px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .container-heading .text-ja .deco-left span,
  .section-info .container-schedule .container-heading .text-ja .deco-right span {
    height: 2.8vw;
    width: 10.8vw;
  }
}
.section-info .container-schedule .timeline {
  margin-left: 80px;
  margin-right: 40px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-info .container-schedule .timeline {
    margin-left: 8.333333333333332%;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline {
    margin-left: 3.733333333333334vw;
    margin-right: 3.733333333333334vw;
  }
}
.section-info .container-schedule .timeline:before {
  background-color: #000;
  content: '';
  display: block;
  left: 49px;
  position: absolute;
  height: 100%;
  width: 2px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline:before {
    left: 9.333333333333334vw;
    width: 0.533333333333333vw;
  }
}
.section-info .container-schedule .timeline .item {
  display: flex;
  position: relative;
}
.section-info .container-schedule .timeline .item:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:not(:last-child) {
    margin-bottom: 5.866666666666666vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:nth-child(1) {
    margin-bottom: 4.8vw;
  }
}
.section-info .container-schedule .timeline .item:nth-child(1) .detail h4 .line-1 {
  letter-spacing: -0.025em;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:nth-child(2) .detail h4 .line-1 {
    letter-spacing: -0.02em;
  }
}
.section-info .container-schedule .timeline .item:nth-child(3) .date-2 {
  position: absolute;
  left: 0;
  top: 90px;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .date-2 {
    top: 17.333333333333336vw;
  }
}
.section-info .container-schedule .timeline .item:nth-child(3) .date,
.section-info .container-schedule .timeline .item:nth-child(3) .date-2 {
  background-color: transparent;
}
.section-info .container-schedule .timeline .item:nth-child(3) .date:before,
.section-info .container-schedule .timeline .item:nth-child(3) .date-2:before,
.section-info .container-schedule .timeline .item:nth-child(3) .date:after,
.section-info .container-schedule .timeline .item:nth-child(3) .date-2:after {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .detail h4 {
    margin-top: 22px;
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .detail h4 {
    padding-bottom: 5.333333333333334vw;
  }
}
.section-info .container-schedule .timeline .item:nth-child(3) .detail h4 .heading-1 {
  display: block;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .detail h4 .heading-1 {
    margin-bottom: 5.333333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .detail h4 .line-1 {
    letter-spacing: -0.07em;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .detail h4 .line-1 {
    letter-spacing: -0.01em;
  }
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .detail .note {
    font-family: YakuHanJPs, Noto Sans JP, sans-serif;
    font-size: 2.2rem;
    line-height: 1.545454545454545;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item:nth-child(3) .detail .note {
    margin-bottom: 2.666666666666667vw;
  }
}
.section-info .container-schedule .timeline .item:nth-child(3) .detail .note .text-detail:before {
  display: none;
}
.section-info .container-schedule .timeline .item:last-child {
  background-color: #f8fffa;
}
.section-info .container-schedule .timeline .item .date,
.section-info .container-schedule .timeline .item .date-2 {
  background-color: #f8fffa;
  margin-right: 25px;
  position: relative;
  height: 100px;
  width: 100px;
  text-align: center;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .date,
  .section-info .container-schedule .timeline .item .date-2 {
    margin-right: 5.066666666666666vw;
    height: 19.2vw;
    width: 19.2vw;
  }
}
.section-info .container-schedule .timeline .item .date img,
.section-info .container-schedule .timeline .item .date-2 img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  overflow: hidden;
  height: 100px;
  width: 100px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .date img,
  .section-info .container-schedule .timeline .item .date-2 img {
    height: 19.2vw;
    width: 19.2vw;
  }
}
.section-info .container-schedule .timeline .item .date picture:after,
.section-info .container-schedule .timeline .item .date-2 picture:after {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #000;
  border-radius: 50%;
  content: '';
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .date picture:after,
  .section-info .container-schedule .timeline .item .date-2 picture:after {
    border-width: 0.266666666666667vw;
  }
}
.section-info .container-schedule .timeline .item .date:before,
.section-info .container-schedule .timeline .item .date-2:before {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fedd44;
  background-color: var(--color-yellow);
  border-radius: 50%;
  content: '';
  margin-left: -55px;
  margin-top: -55px;
  opacity: 0;
  overflow: hidden;
  height: 110px;
  width: 110px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .date:before,
  .section-info .container-schedule .timeline .item .date-2:before {
    margin-left: -10.8vw;
    margin-top: -10.8vw;
    height: 21.6vw;
    width: 21.6vw;
  }
}
.section-info .container-schedule .timeline .item .date:after,
.section-info .container-schedule .timeline .item .date-2:after {
  position: absolute;
  right: -15px;
  top: 41px;
  border-bottom: 9px solid transparent;
  border-left: 12px solid #fedd44;
  border-left: 12px solid var(--color-yellow);
  border-right: 0;
  border-style: solid;
  border-top: 9px solid transparent;
  content: '';
  height: 0;
  opacity: 0;
  width: 0;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .date:after,
  .section-info .container-schedule .timeline .item .date-2:after {
    border-bottom-width: 1.733333333333333vw;
    border-left-width: 2.4vw;
    border-top-width: 1.733333333333333vw;
    right: -2.933333333333333vw;
    top: 7.866666666666666vw;
  }
}
.section-info .container-schedule .timeline .item .date-2 {
  z-index: 1;
}
.section-info .container-schedule .timeline .item .detail {
  display: flex;
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item .detail {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail {
    flex-direction: column;
    padding-top: 3.733333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item .detail h4 {
    background-image: linear-gradient(to bottom, #000, #000 4px, transparent 2px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 2px 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 205px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail h4 {
    background-image: linear-gradient(to right, #000, #000 4px, transparent 2px, transparent 8px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 6px 2px;
    margin-bottom: 2.666666666666667vw;
    padding-bottom: 4.266666666666667vw;
  }
}
.section-info .container-schedule .timeline .item .detail h4 .line-1 {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item .detail h4 .line-1 {
    font-size: 2.6rem;
    letter-spacing: 0.04em;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail h4 .line-1 {
    font-size: 6.666666666666667vw;
    letter-spacing: 0.06em;
  }
}
.section-info .container-schedule .timeline .item .detail h4 .line-2 {
  display: block;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item .detail h4 .line-2 {
    margin-top: 8px;
    padding-bottom: 2px;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail h4 .line-2 {
    margin-top: 1.6vw;
    padding-bottom: 0.533333333333333vw;
    font-size: 3.466666666666666vw;
    letter-spacing: -0.01em;
  }
}
.section-info .container-schedule .timeline .item .detail .note {
  flex: 1;
  font-size: 1.8rem;
  line-height: 1.444444444444444;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .timeline .item .detail .note {
    padding-left: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail .note {
    font-size: 4vw;
    line-height: 1.466666666666667;
  }
}
.section-info .container-schedule .timeline .item .detail .note .strong {
  --text-stroke-color: var(--color-yellow);
  margin-left: 2px;
}
.section-info .container-schedule .timeline .item .detail .note .text-asterisk {
  display: block;
  font-size: 1.2rem;
  line-height: 2.333333333333333;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail .note .text-asterisk {
    font-size: 2.933333333333333vw;
  }
}
.section-info .container-schedule .timeline .item .detail .note .text-detail {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.64;
  padding-left: 0.9em;
  text-indent: -0.9em;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail .note .text-detail {
    font-size: 2.933333333333333vw;
  }
}
.section-info .container-schedule .timeline .item .detail .note .text-detail:before {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  border-radius: 50%;
  content: '';
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 5px;
  height: 5px;
  width: 5px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail .note .text-detail + .text-detail {
    margin-top: 0.8vw;
  }
}
.section-info .container-schedule .timeline .item .detail .note p + p {
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .timeline .item .detail .note p + p {
    margin-bottom: 2.666666666666667vw;
    margin-top: 2.133333333333333vw;
  }
}
.section-info .container-schedule .deco-text {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .section-info .container-schedule .deco-text {
    margin-top: 46px;
    height: 38px;
    width: 542px;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .deco-text {
    margin-top: 9.6vw;
    height: 5.066666666666666vw;
    width: 72.26666666666667vw;
  }
}
.section-info .container-schedule .deco-rope {
  position: absolute;
  left: 22px;
  bottom: -10px;
  width: 950px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-info .container-schedule .deco-rope {
    width: 98.95833333333334%;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .container-schedule .deco-rope {
    bottom: -2.266666666666667vw;
    left: 0.933333333333333vw;
    width: 93.86666666666666vw;
  }
}
.section-info .img-2 {
  margin-top: -56px;
  position: relative;
  width: 243px;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-info .img-2 {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .section-info .img-2 {
    margin-left: 30vw;
    margin-top: -12.8vw;
    width: 38.266666666666666vw;
  }
}
.section-info .img-2 .cloud-5 {
  margin-left: -339px;
  top: 235px;
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .section-info .img-2 .cloud-5 {
    margin-left: -54.13333333333333vw;
    top: 37.06666666666666vw;
    width: 38.53333333333334vw;
  }
}
.section-info .deco-1 {
  position: absolute;
  left: 50%;
  bottom: 18px;
  margin-left: 272px;
  width: 107px;
}
@media only screen and (max-width: 767px) {
  .section-info .deco-1 {
    bottom: 4.266666666666667vw;
    margin-left: 27.066666666666666vw;
    width: 14.399999999999999vw;
  }
}
.container-deco-between {
  position: relative;
}
.container-deco-between .deco-1 {
  position: absolute;
  left: 50%;
  top: 30px;
  width: 106px;
}
@media only screen and (min-width: 768px) {
  .container-deco-between .deco-1 {
    margin-left: -47%;
  }
}
@media only screen and (min-width: 1025px) {
  .container-deco-between .deco-1 {
    margin-left: -481px;
  }
}
@media only screen and (max-width: 767px) {
  .container-deco-between .deco-1 {
    margin-left: -48.4vw;
    top: -10.133333333333333vw;
    width: 14.133333333333335vw;
  }
}
.section-guideline {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-guideline {
    padding-bottom: 72px;
    padding-top: 83px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline {
    padding-top: 10.4vw;
  }
}
.section-guideline .section-heading {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .section-guideline .section-heading {
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .section-heading {
    margin-bottom: 8.533333333333333vw;
  }
}
.section-guideline .section-heading .text-en {
  width: 456px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .section-heading .text-en {
    width: 70.39999999999999vw;
  }
}
.section-guideline .deco-2 {
  position: absolute;
  left: 50%;
  top: 19px;
  width: 107px;
}
@media only screen and (min-width: 768px) {
  .section-guideline .deco-2 {
    margin-left: 36%;
  }
}
@media only screen and (min-width: 1025px) {
  .section-guideline .deco-2 {
    margin-left: 368px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .deco-2 {
    margin-left: 36.93333333333334vw;
    top: 9.866666666666667vw;
    width: 14.399999999999999vw;
  }
}
.section-guideline .cloud-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.section-guideline .cloud-top .cloud-1 {
  margin-left: -845px;
  top: 532px;
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .cloud-top .cloud-1 {
    display: none;
  }
}
.section-guideline .cloud-top .cloud-2 {
  margin-left: 581px;
  top: -83px;
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .cloud-top .cloud-2 {
    margin-left: 30.8vw;
    top: 58.13333333333334vw;
    width: 26.666666666666668vw;
  }
}
.section-guideline .cloud-top .cloud-3 {
  margin-left: -731px;
  top: 27px;
  transform: scaleX(-1) rotate(2.15deg);
  width: 348px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .cloud-top .cloud-3 {
    display: none;
  }
}
.section-guideline .cloud-top .cloud-4 {
  margin-left: 466px;
  top: 206px;
  transform: rotate(3.13deg);
  width: 301px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .cloud-top .cloud-4 {
    display: none;
  }
}
.section-guideline .cloud-top .cloud-5 {
  margin-left: 493px;
  top: 495px;
  width: 284px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .cloud-top .cloud-5 {
    margin-left: 21.6vw;
    top: 111.46666666666667vw;
    width: 37.86666666666667vw;
  }
}
.section-guideline .cloud-top .cloud-6 {
  margin-left: -609px;
  top: 338px;
  width: 153px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .cloud-top .cloud-6 {
    margin-left: -53.333333333333336vw;
    top: 95.46666666666667vw;
    width: 21.2vw;
  }
}
.section-guideline .text-intro {
  text-align: center;
  font-size: 2.1rem;
  line-height: 2.190476190476191;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .section-guideline .text-intro {
    font-size: 4vw;
    line-height: 2;
  }
}
.section-guideline .container-about {
  margin-top: 68px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-guideline .container-about {
    margin-top: 8.799999999999999vw;
  }
}
.section-guideline .container-about .container-heading {
  color: #000;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
  background: url(/assets_front_top/img/top/guideline-about-deco-1.svg) center top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .section-guideline .container-about .container-heading {
    left: 50%;
    position: relative;
    height: 205px;
    width: 863px;
    transform: translate(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .container-about .container-heading {
    margin-left: -7.466666666666668vw;
    margin-right: -7.466666666666668vw;
    height: 27.333333333333332vw;
    width: 115.06666666666668vw;
  }
}
.section-guideline .container-about .container-heading .text-ja {
  margin-top: 0;
  font-size: 6rem;
  letter-spacing: 0.04em;
  background-color: #1b1b1b;
  background-color: var(--color-black);
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .section-guideline .container-about .container-heading .text-ja {
    padding: 6px 13px 8px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .container-about .container-heading .text-ja {
    margin-top: 1.066666666666667vw;
    padding: 0.8vw 1.866666666666667vw;
    font-size: 8vw;
  }
}
.section-guideline .container-about .container-heading .text-ja:before,
.section-guideline .container-about .container-heading .text-ja:after {
  display: none;
}
.section-guideline .block-test {
  margin-top: -15px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test {
    margin-top: -2vw;
  }
}
.section-guideline .block-test .cloud-1 {
  margin-left: -943px;
  top: 478px;
  width: 284px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .cloud-1 {
    display: none;
  }
}
.section-guideline .block-test .cloud-2 {
  bottom: -123px;
  margin-left: 437px;
  width: 343px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .cloud-2 {
    bottom: -28.26666666666667vw;
    margin-left: 20vw;
    width: 45.733333333333334vw;
    z-index: 2;
  }
}
.section-guideline .block-test .sub-heading {
  --text-stroke-color: var(--color-yellow);
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .sub-heading {
    margin-bottom: 2.4vw;
  }
}
.section-guideline .block-test .sub-heading .text-ja {
  margin-top: 0;
  font-size: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .sub-heading .text-ja {
    font-size: 4vw;
    letter-spacing: 0.08em;
  }
}
.section-guideline .block-test .sub-heading .text-ja .deco-left,
.section-guideline .block-test .sub-heading .text-ja .deco-right {
  height: 14px;
  width: 35px;
  background: url(/assets_front_top/img/top/heading-deco-guideline.webp) center top no-repeat transparent;
  background-size: 100% 100%;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .sub-heading .text-ja .deco-left,
  .section-guideline .block-test .sub-heading .text-ja .deco-right {
    margin-left: 1.333333333333333vw;
    margin-right: 1.333333333333333vw;
    height: 1.866666666666667vw;
    width: 4.666666666666667vw;
  }
}
.section-guideline .block-test .lead {
  margin-left: auto;
  margin-right: auto;
  width: 755px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .lead {
    width: 80.53333333333333vw;
  }
}
.section-guideline .block-test .categories {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 38px auto 22px;
    padding: 50px 50px 22px;
    width: 1200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories {
    padding: 3.90625% 3.90625% 20px;
    width: 93.75%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8vw;
    padding: 6.666666666666667vw;
    width: 92vw;
    z-index: 1;
  }
}
.section-guideline .block-test .categories .category {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(1) {
    width: 27.636363636363637%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(1) {
    width: 41.86666666666667vw;
  }
}
.section-guideline .block-test .categories .category:nth-child(1) .text {
  position: absolute;
  left: -33px;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .categories .category:nth-child(1) .text {
    margin-top: 111px;
    width: 127px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(1) .text {
    left: -10.855263157894738%;
    margin-top: 36.51315789473684%;
    width: 41.776315789473685%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(1) .text {
    left: -4.533333333333333vw;
    top: 12vw;
    width: 16.933333333333334vw;
  }
}
.section-guideline .block-test .categories .category:nth-child(2) {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .categories .category:nth-child(2) {
    left: 328px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(2) {
    left: 27.333333333333332%;
    margin-top: 4.166666666666666%;
    width: 22.833333333333332%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(2) {
    right: 6.666666666666667vw;
    top: 6.666666666666667vw;
    width: 40.53333333333333vw;
  }
}
.section-guideline .block-test .categories .category:nth-child(2) .text {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .categories .category:nth-child(2) .text {
    left: 42px;
    margin-top: 173px;
    width: 87px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(2) .text {
    left: 15.328467153284672%;
    margin-top: 63.138686131386855%;
    width: 31.751824817518248%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(2) .text {
    left: 6.4vw;
    top: 19.466666666666665vw;
    width: 11.600000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .categories .category:nth-child(3) {
    position: absolute;
    left: 578px;
    top: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(3) {
    left: 48.16666666666667%;
    margin-top: 4.166666666666666%;
    width: 25.333333333333336%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(3) {
    margin-top: 2.933333333333333vw;
    width: 43.2vw;
  }
}
.section-guideline .block-test .categories .category:nth-child(3) .text {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .categories .category:nth-child(3) .text {
    left: 52px;
    margin-top: 119px;
    width: 210px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(3) .text {
    left: 17.105263157894736%;
    margin-top: 39.14473684210527%;
    width: 69.07894736842105%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(3) .text {
    left: 6.533333333333332vw;
    top: 14.266666666666666vw;
    width: 28.000000000000004vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(4) {
    width: 26.727272727272727%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(4) {
    position: absolute;
    right: 6.666666666666667vw;
    top: 47.46666666666667vw;
    width: 37.86666666666667vw;
  }
}
.section-guideline .block-test .categories .category:nth-child(4) .text {
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .categories .category:nth-child(4) .text {
    left: 1px;
    margin-top: -33px;
    width: 132px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .categories .category:nth-child(4) .text {
    left: 0.340136054421769%;
    margin-top: -11.224489795918368%;
    width: 44.89795918367347%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .categories .category:nth-child(4) .text {
    left: -0.933333333333333vw;
    top: -2.4vw;
    width: 17.599999999999998vw;
  }
}
.section-guideline .block-test .test-info {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .test-info {
    margin-top: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info {
    margin-top: 6.666666666666667vw;
    padding-bottom: 0.8vw;
  }
}
.section-guideline .block-test .test-info dl {
  font-size: 1.8rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .test-info dl {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-test .test-info dl {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info dl {
    font-size: 3.733333333333334vw;
  }
}
.section-guideline .block-test .test-info dl div {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .test-info dl div {
    align-items: center;
  }
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-test .test-info dl div {
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .test-info dl div.detail-1 {
    background-image: linear-gradient(to bottom, #000, #000 2px, transparent 2px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 2px 5px;
    padding: 1px 28px 1px 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .test-info dl div.detail-1 {
    background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);
    background-position: 1px bottom;
    background-repeat: repeat-x;
    background-size: 5px 2px;
    padding: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info dl div.detail-1 {
    background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);
    background-position: 1px bottom;
    background-repeat: repeat-x;
    background-size: 5px 2px;
    display: flex;
    margin-bottom: 4vw;
    padding-bottom: 5.600000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .test-info dl div.detail-2 {
    padding-left: 40px;
  }
  .section-guideline .block-test .test-info dl div.detail-2 dt {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-test .test-info dl div.detail-2 {
    padding-left: 0;
    padding-top: 20px;
  }
}
.section-guideline .block-test .test-info dl dt {
  background: gold;
  color: #000;
  display: grid;
  margin-right: 18px;
  font-size: 1.4rem;
  align-content: center;
  justify-content: center;
  place-content: center;
  --kadomaru-height: 36px;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-test .test-info dl dt {
    padding-bottom: 2px;
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-test .test-info dl dt {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info dl dt {
    margin-right: 4.8vw;
    padding-bottom: 0.533333333333333vw;
    width: 18.666666666666668vw;
    --kadomaru-height: 6.666666666666667vw;
    font-size: 3.2vw;
  }
}
.section-guideline .block-test .test-info dl dd {
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info dl dd {
    flex: 1;
    flex-wrap: wrap;
  }
}
.section-guideline .block-test .test-info dl .text-level {
  align-items: center;
  display: flex;
}
.section-guideline .block-test .test-info dl .slash {
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-test .test-info dl .slash {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info dl .slash {
    padding-left: 1.6vw;
    padding-right: 1.6vw;
    font-size: 3.466666666666666vw;
  }
}
.section-guideline .block-test .test-info dl .num {
  font-size: 2.7rem;
  padding-bottom: 5px;
  padding-left: 4px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info dl .num {
    font-size: 5.600000000000001vw;
  }
}
.section-guideline .block-test .test-info dl .text-asterisk {
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-test .test-info dl .text-asterisk {
    margin-left: -1.6vw;
    margin-top: 1.066666666666667vw;
    font-size: 2.933333333333333vw;
    letter-spacing: 0.02em;
  }
}
.section-guideline .block-format,
.section-guideline .block-grade,
.section-guideline .block-coverage {
  font-weight: 700;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-format,
  .section-guideline .block-grade,
  .section-guideline .block-coverage {
    left: 50%;
    transform: translate(-50%);
    width: 1100px;
  }
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-format,
  .section-guideline .block-grade,
  .section-guideline .block-coverage {
    width: 85.9375%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format,
  .section-guideline .block-grade,
  .section-guideline .block-coverage {
    margin-left: 4vw;
    text-align: center;
    width: 92vw;
  }
}
.section-guideline .block-format .block-inner,
.section-guideline .block-grade .block-inner,
.section-guideline .block-coverage .block-inner {
  background-color: #fedd44;
  background-color: var(--color-yellow);
  border-radius: 50px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .block-inner,
  .section-guideline .block-grade .block-inner,
  .section-guideline .block-coverage .block-inner {
    border-radius: 10.666666666666668vw;
    padding-top: 8vw;
  }
}
.section-guideline .block-format .container-text,
.section-guideline .block-grade .container-text,
.section-guideline .block-coverage .container-text {
  position: relative;
}
.section-guideline .block-format .block-heading,
.section-guideline .block-grade .block-heading,
.section-guideline .block-coverage .block-heading {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  color: #fff;
  display: inline-block;
  font-size: 6rem;
  letter-spacing: 0.07em;
  margin-bottom: 32px;
  padding: 6px 8px 8px;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-format .block-heading,
  .section-guideline .block-grade .block-heading,
  .section-guideline .block-coverage .block-heading {
    font-size: 4.6875vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .block-heading,
  .section-guideline .block-grade .block-heading,
  .section-guideline .block-coverage .block-heading {
    font-size: 8vw;
    padding: 0.8vw 1.066666666666667vw 1.066666666666667vw;
  }
}
.section-guideline .block-format .text-type-1,
.section-guideline .block-grade .text-type-1,
.section-guideline .block-coverage .text-type-1 {
  font-size: 2rem;
  line-height: 1.7;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-format .text-type-1,
  .section-guideline .block-grade .text-type-1,
  .section-guideline .block-coverage .text-type-1 {
    font-size: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .text-type-1,
  .section-guideline .block-grade .text-type-1,
  .section-guideline .block-coverage .text-type-1 {
    font-size: 4vw;
    line-height: 1.666666666666667;
  }
}
.section-guideline .block-format .text-type-2,
.section-guideline .block-grade .text-type-2,
.section-guideline .block-coverage .text-type-2 {
  margin-bottom: 14px;
  font-size: 3rem;
  line-height: 1.466666666666667;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-format .text-type-2,
  .section-guideline .block-grade .text-type-2,
  .section-guideline .block-coverage .text-type-2 {
    font-size: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .text-type-2,
  .section-guideline .block-grade .text-type-2,
  .section-guideline .block-coverage .text-type-2 {
    margin-bottom: 1.066666666666667vw;
    font-size: 5.333333333333334vw;
    line-height: 1.4;
  }
}
.section-guideline .block-format .text-asterisk,
.section-guideline .block-grade .text-asterisk,
.section-guideline .block-coverage .text-asterisk {
  font-size: 1.2rem;
  line-height: 1.666666666666667;
}
.section-guideline .block-format .text-small,
.section-guideline .block-grade .text-small,
.section-guideline .block-coverage .text-small {
  margin-left: -5px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format {
    margin-top: 14.000000000000002vw;
    z-index: 1;
  }
}
.section-guideline .block-format .cloud-1 {
  margin-left: 598px;
  top: 179px;
  width: 152px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .cloud-1 {
    display: none;
  }
}
.section-guideline .block-format .cloud-2 {
  margin-left: -816px;
  width: 306px;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-format .cloud-2 {
    bottom: 14px;
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .cloud-2 {
    margin-left: -69.73333333333333vw;
    top: 76.4vw;
    width: 40.8vw;
    z-index: 2;
  }
}
.section-guideline .block-format .cloud-3 {
  bottom: -34px;
  margin-left: 342px;
  transform: scaleX(-1) rotate(2deg);
  width: 347px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .cloud-3 {
    display: none;
  }
}
.section-guideline .block-format .cloud-4 {
  bottom: 130px;
  margin-left: 722px;
  width: 389px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .cloud-4 {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-format .block-inner {
    align-items: center;
    display: flex;
    margin-bottom: 72px;
    margin-left: -37px;
    margin-top: 98px;
    overflow: hidden;
    padding-top: 43px;
    padding-bottom: 43px;
    padding-left: 79px;
    transform: rotate(-2deg);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-format .block-inner {
    padding-top: 3.909090909090909%;
    padding-bottom: 3.909090909090909%;
    padding-left: 7.181818181818183%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .block-inner {
    margin-bottom: 18.666666666666668vw;
    overflow: hidden;
    padding-bottom: 14.666666666666666vw;
    transform: rotate(-1deg);
    z-index: 1;
  }
}
.section-guideline .block-format .block-inner:before {
  position: absolute;
  right: 0;
  top: 103px;
  content: '';
  height: 434px;
  width: 743px;
  background: url(/assets_front_top/img/top/md/guideline-format-bg-text.webp) left top no-repeat transparent;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .block-inner:before {
    right: -0.266666666666667vw;
    height: 57.86666666666667vw;
    width: 92.66666666666666vw;
    top: 38.800000000000004vw;
    background: url(/assets_front_top/img/top/guideline-format-bg-text.webp) left top no-repeat transparent;
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-format .container-text {
    order: 2;
    padding-left: 50px;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-format .container-text {
    padding-left: 4.363636363636364%;
    padding-top: 2.181818181818182%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .block-heading {
    margin-bottom: 109.33333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-format .img-1 {
    order: 1;
    position: relative;
    width: 306px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-format .img-1 {
    width: 29.97061704211557%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .img-1 {
    position: absolute;
    left: 18.666666666666668vw;
    top: 23.066666666666666vw;
    width: 54.13333333333333vw;
  }
}
.section-guideline .block-format .img-2 {
  position: absolute;
  right: 16px;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-format .img-2 {
    margin-top: 20px;
    top: 0;
    transform: rotate(-2deg);
    width: 383px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-format .img-2 {
    width: 34.81818181818182%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-format .img-2 {
    bottom: -29.733333333333334vw;
    right: -6.4vw;
    width: 71.73333333333333vw;
    z-index: 1;
  }
}
.section-guideline .block-grade .cloud-1 {
  margin-left: -672px;
  top: 204px;
  width: 289px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .cloud-1 {
    display: none;
  }
}
.section-guideline .block-grade .cloud-2 {
  bottom: 16px;
  margin-left: 400px;
  width: 362px;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-grade .cloud-2 {
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .cloud-2 {
    bottom: -13.333333333333334vw;
    margin-left: -32.266666666666666vw;
    width: 43.733333333333334vw;
  }
}
.section-guideline .block-grade .cloud-3 {
  margin-left: 821px;
  top: 143px;
  width: 284px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .cloud-3 {
    display: none;
  }
}
.section-guideline .block-grade .cloud-4 {
  display: none;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .cloud-4 {
    display: block;
    margin-left: -58.666666666666664vw;
    top: 38.93333333333333vw;
    width: 40.8vw;
  }
}
.section-guideline .block-grade .block-inner {
  transform: rotate(1deg);
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-grade .block-inner {
    display: flex;
    margin-bottom: 74px;
    margin-left: 46px;
    overflow: hidden;
    padding: 69px 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-grade .block-inner {
    padding: 6.272727272727272% 7.272727272727272% 9.090909090909092%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .block-inner {
    margin-bottom: 18.4vw;
    overflow: hidden;
    padding-bottom: 33.33333333333333vw;
  }
}
.section-guideline .block-grade .block-inner:before {
  position: absolute;
  left: 63px;
  content: '';
  height: 205px;
  width: 547px;
  background: url(/assets_front_top/img/top/guideline-grade-bg-text.svg) left top no-repeat transparent;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-grade .block-inner:before {
    bottom: 98px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-grade .block-inner:before {
    bottom: 8.90909090909091%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .block-inner:before {
    bottom: 11.866666666666667vw;
    left: 9.333333333333334vw;
    height: 27.333333333333332vw;
    width: 72.93333333333332vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-grade .container-text {
    flex: 1;
    padding-top: 37px;
  }
}
.section-guideline .block-grade .block-heading {
  letter-spacing: 0.5em;
  padding-left: 30px;
  padding-right: 0;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-grade .block-heading {
    padding-left: 2.34375vw;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .block-heading {
    margin-bottom: 68.8vw;
    padding-left: 5.866666666666666vw;
    padding-right: 1.333333333333333vw;
  }
}
.section-guideline .block-grade .img-1 {
  position: relative;
  width: 414px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-grade .img-1 {
    width: 44.04255319148936%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .img-1 {
    position: absolute;
    left: 17.333333333333336vw;
    top: 22.400000000000002vw;
    width: 57.06666666666666vw;
  }
}
.section-guideline .block-grade .img-2 {
  position: absolute;
  left: 290px;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-grade .img-2 {
    margin-top: 53px;
    width: 184px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-grade .img-2 {
    left: 26.36363636363636%;
    margin-top: 4.818181818181818%;
    width: 16.727272727272727%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .img-2 {
    left: 66.4vw;
    top: 54.13333333333333vw;
    width: 24.266666666666666vw;
  }
}
.section-guideline .block-grade .img-3 {
  position: absolute;
  left: 84px;
  bottom: 0;
  width: 494px;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-grade .img-3 {
    left: 7.636363636363637%;
    width: 44.90909090909091%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-grade .img-3 {
    left: 16vw;
    width: 61.86666666666667vw;
  }
}
.section-guideline .block-coverage {
  margin-left: -41px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage {
    margin-left: 4vw;
  }
}
.section-guideline .block-coverage .cloud-1 {
  margin-left: 474px;
  top: 37px;
  width: 255px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .cloud-1 {
    display: none;
  }
}
.section-guideline .block-coverage .cloud-2 {
  margin-left: -1070px;
  top: 8px;
  width: 389px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .cloud-2 {
    display: none;
  }
}
.section-guideline .block-coverage .cloud-3 {
  bottom: 93px;
  margin-left: 814px;
  width: 389px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .cloud-3 {
    display: none;
  }
}
.section-guideline .block-coverage .block-inner {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-coverage .block-inner {
    align-items: center;
    display: flex;
    padding-top: 48px;
    padding-bottom: 60px;
    padding-left: 62px;
    transform: rotate(-2deg);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-coverage .block-inner {
    padding-top: 4.363636363636364%;
    padding-bottom: 5.454545454545454%;
    padding-left: 5.636363636363637%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .block-inner {
    padding-bottom: 13.333333333333334vw;
    transform: rotate(-1deg);
  }
}
.section-guideline .block-coverage .block-inner:before {
  position: absolute;
  right: -6px;
  bottom: 42px;
  content: '';
  height: 206px;
  width: 726px;
  background: url(/assets_front_top/img/top/guideline-coverage-bg-text.svg) left top no-repeat transparent;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .block-inner:before {
    bottom: 7.733333333333333vw;
    right: -20vw;
    height: 27.46666666666667vw;
    width: 96.8vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-coverage .container-text {
    order: 2;
    padding-left: 59px;
    padding-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-guideline .block-coverage .container-text {
    padding-left: 5.684007707129094%;
    padding-top: 2.408477842003854%;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-coverage .block-heading {
    margin-bottom: 35px;
    padding-left: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .block-heading {
    margin-bottom: 97.86666666666667vw;
  }
}
.section-guideline .block-coverage .text-type-1,
.section-guideline .block-coverage .text-asterisk {
  --text-stroke-color: var(--color-yellow);
}
@media only screen and (min-width: 1281px) {
  .section-guideline .block-coverage .text-type-1,
  .section-guideline .block-coverage .text-asterisk {
    text-shadow: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .text-type-1,
  .section-guideline .block-coverage .text-asterisk {
    text-shadow: none;
  }
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-coverage .text-type-1 {
    font-size: 2rem;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .text-type-1 {
    padding-left: 1.6vw;
  }
}
.section-guideline .block-coverage .text-asterisk {
  margin-left: 2px;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .text-asterisk {
    margin-left: 9.6vw;
    margin-top: 2.933333333333333vw;
    font-size: 2.933333333333333vw;
    line-height: 1.545454545454545;
    text-align: left;
  }
}
.section-guideline .block-coverage .img-1 {
  order: 1;
  position: relative;
  width: 420px;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-coverage .img-1 {
    width: 38.18181818181819%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .img-1 {
    position: absolute;
    left: 8.799999999999999vw;
    top: 24.53333333333333vw;
    width: 74.4vw;
  }
}
.section-guideline .block-coverage .img-1 .part-1,
.section-guideline .block-coverage .img-1 .part-2 {
  display: block;
  position: relative;
}
.section-guideline .block-coverage .img-1 .part-1 .btn,
.section-guideline .block-coverage .img-1 .part-2 .btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  align-items: center;
  background-color: #1b1b1b;
  background-color: var(--color-black);
  border-radius: 15px;
  color: #fff;
  margin-bottom: 34px;
  margin-left: -158px;
  font-size: 1.3rem;
  display: flex;
  justify-content: center;
  transition: background-color 0.3s;
  width: 140px;
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-coverage .img-1 .part-1 .btn,
  .section-guideline .block-coverage .img-1 .part-2 .btn {
    margin-bottom: 8.095238095238095%;
    margin-left: -37.61904761904762%;
    width: 33.33333333333333%;
  }
}
@media only screen and (max-width: 1024px) {
  .section-guideline .block-coverage .img-1 .part-1 .btn,
  .section-guideline .block-coverage .img-1 .part-2 .btn {
    font-size: 1.26953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .img-1 .part-1 .btn,
  .section-guideline .block-coverage .img-1 .part-2 .btn {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .section-guideline .block-coverage .img-1 .part-1:hover .btn,
  .section-guideline .block-coverage .img-1 .part-2:hover .btn {
    background-color: #323733;
  }
}
.section-guideline .block-coverage .img-1 .part-1 {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .img-1 .part-1 {
    margin-bottom: 2.133333333333333vw;
  }
}
.section-guideline .block-coverage .img-2 {
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .section-guideline .block-coverage .img-2 {
    bottom: 0;
    width: 312px;
  }
}
@media only screen and (max-width: 1280px) {
  .section-guideline .block-coverage .img-2 {
    width: 28.363636363636363%;
  }
}
@media only screen and (max-width: 767px) {
  .section-guideline .block-coverage .img-2 {
    right: -5.600000000000001vw;
    top: -14.000000000000002vw;
    width: 32.93333333333333vw;
  }
}
.section-prize {
  overflow: hidden;
  position: relative;
  background: url(/assets_front_top/img/top/md/prize-bg-2.webp) center top no-repeat transparent;
  background-size: 2000px auto;
}
@media only screen and (min-width: 768px) {
  .section-prize {
    margin-bottom: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-prize {
    margin-bottom: 10.546875%;
  }
}
@media only screen and (max-width: 767px) {
  .section-prize {
    background: url(/assets_front_top/img/top/prize-bg-2.webp) center 18.133333333333333vw no-repeat transparent;
    background-size: 100% auto;
  }
}
.section-prize .deco-1 {
  position: absolute;
  left: 50%;
  top: 193px;
  margin-left: -414px;
  width: 108px;
}
@media only screen and (max-width: 767px) {
  .section-prize .deco-1 {
    display: none;
  }
}
.section-prize .deco-1-2 {
  position: absolute;
  left: 50%;
  top: 232px;
  margin-left: -447px;
  width: 46px;
}
@media only screen and (max-width: 767px) {
  .section-prize .deco-1-2 {
    display: none;
  }
}
.section-prize .deco-2 {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 247px;
  width: 70px;
}
@media only screen and (max-width: 767px) {
  .section-prize .deco-2 {
    margin-left: 18.53333333333333vw;
    top: 9.733333333333333vw;
    width: 9.333333333333334vw;
  }
}
.section-prize .section-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}
@media only screen and (min-width: 768px) {
  .section-prize .section-inner {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 117px;
  }
}
@media only screen and (max-width: 1280px) {
  .section-prize .section-inner {
    padding-top: 9.140625%;
  }
}
@media only screen and (max-width: 767px) {
  .section-prize .section-inner {
    padding-top: 27.333333333333332vw;
  }
}
.section-prize .section-heading {
  margin-bottom: 60px;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .section-prize .section-heading {
    margin-bottom: 4.6875%;
  }
}
@media only screen and (max-width: 767px) {
  .section-prize .section-heading {
    margin-bottom: 12vw;
  }
}
.section-prize .section-heading .text-en {
  width: 220px;
}
@media only screen and (max-width: 767px) {
  .section-prize .section-heading .text-en {
    width: 33.86666666666667vw;
  }
}
.section-prize .deco-3.md {
  position: absolute;
  right: 16px;
  top: 0;
  margin-top: -192px;
  width: 318px;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .section-prize .deco-3.md {
    margin-top: -15vw;
    right: 1.25vw;
    width: 24.84375vw;
  }
}
.section-prize .deco-3.sm {
  position: absolute;
  right: -13.466666666666665vw;
  top: 41.199999999999996vw;
  width: 40.13333333333333vw;
  z-index: 1;
}
.section-prize .wrap-prize {
  position: relative;
}
.section-prize .container-prize-heading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-prize .container-prize-heading {
    top: -1px;
    background: url(/assets_front_top/img/top/prize-bg-1-2.webp) center top no-repeat transparent;
    background-size: 100% auto;
    left: 2.666666666666667vw;
    height: 18.666666666666668vw;
    width: 94.66666666666667vw;
  }
}
.section-prize .container-prize-heading .container-1,
.section-prize .container-prize-heading .container-2,
.section-prize .container-prize-heading .container-3,
.section-prize .container-prize-heading .container-4 {
  height: 100%;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
}
.section-prize .container-prize-heading .container-1.is-current,
.section-prize .container-prize-heading .container-2.is-current,
.section-prize .container-prize-heading .container-3.is-current,
.section-prize .container-prize-heading .container-4.is-current {
  opacity: 1;
  pointer-events: auto;
}
.section-prize .container-prize {
  background: url(/assets_front_top/img/top/md/prize-bg-1-2.webp) center top no-repeat,
    url(/assets_front_top/img/top/md/prize-bg-1-3.webp) center bottom no-repeat,
    url(/assets_front_top/img/top/md/prize-bg-1.webp) center top no-repeat;
  background-size: 100% auto, 100% auto, cover;
  aspect-ratio: 1360/720;
  position: relative;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .section-prize .container-prize {
    background: url(/assets_front_top/img/top/md/prize-bg-1-2.webp) center top no-repeat,
      url(/assets_front_top/img/top/md/prize-bg-1-3.webp) center bottom no-repeat,
      url(/assets_front_top/img/top/md/prize-bg-1@2x.webp) center top no-repeat;
    background-size: 100% auto, 100% auto, cover;
  }
}
@media only screen and (min-width: 768px) {
  .section-prize .container-prize {
    border-radius: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-prize .container-prize {
    border-radius: 7.8125vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-prize .container-prize {
    aspect-ratio: 710/1100;
    background: url(/assets_front_top/img/top/prize-bg-1.webp) center top no-repeat transparent;
    background-size: 100% auto;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    padding-bottom: 13.333333333333334vw;
    padding-top: 18.666666666666668vw;
    height: 146.66666666666666vw;
    width: 94.66666666666667vw;
  }
  .section-prize .container-prize .swiper-wrapper {
    display: block;
    height: auto;
    width: auto;
    z-index: 0;
  }
}
.section-prize .container-prize .container-1,
.section-prize .container-prize .container-2,
.section-prize .container-prize .container-3,
.section-prize .container-prize .container-4 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-prize .container-prize .container-1,
  .section-prize .container-prize .container-2,
  .section-prize .container-prize .container-3,
  .section-prize .container-prize .container-4 {
    height: 100%;
    padding-top: 140px;
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
  }
  .section-prize .container-prize .container-1.is-current,
  .section-prize .container-prize .container-2.is-current,
  .section-prize .container-prize .container-3.is-current,
  .section-prize .container-prize .container-4.is-current {
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 1280px) {
  .section-prize .container-prize .container-1,
  .section-prize .container-prize .container-2,
  .section-prize .container-prize .container-3,
  .section-prize .container-prize .container-4 {
    padding-top: 10.9375%;
  }
}
@media only screen and (max-width: 767px) {
  .section-prize .container-prize .container-1,
  .section-prize .container-prize .container-2,
  .section-prize .container-prize .container-3,
  .section-prize .container-prize .container-4 {
    padding-top: 18.666666666666668vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-prize .container-prize .container-1 {
    padding-top: 0;
  }
}
.section-prize .nav-dots {
  position: absolute;
  left: 50%;
  bottom: 14px;
  display: flex;
  gap: 10px;
  justify-content: center;
  transform: translate(-50%);
  width: 208px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-prize .nav-dots {
    bottom: 1.09375vw;
    gap: 0.78125vw;
    width: 16.25vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-prize .nav-dots {
    display: none;
  }
}
.section-prize .nav-dots .dot {
  background-color: #d7d1c1;
  border-radius: 50%;
  cursor: pointer;
  height: 10px;
  width: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-prize .nav-dots .dot {
    height: 0.78125vw;
    width: 0.78125vw;
  }
}
.section-prize .nav-dots .dot.is-current {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  cursor: default;
}
.container-cloud-between {
  height: 160px;
  margin-bottom: -160px;
  overflow-x: hidden;
  position: relative;
  top: -92px;
}
@media only screen and (max-width: 767px) {
  .container-cloud-between {
    display: none;
  }
}
.container-cloud-between .cloud-1 {
  margin-left: -1035px;
  top: 26px;
  width: 249px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .container-cloud-between .cloud-1 {
    display: none;
  }
}
.container-cloud-between .cloud-2 {
  margin-left: 734px;
  top: 0;
  width: 363px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .container-cloud-between .cloud-2 {
    margin-left: 22vw;
    top: 133.73333333333332vw;
    width: 40.13333333333333vw;
  }
}
.section-test {
  padding-top: 65px;
  position: relative;
  z-index: 1;
  background: url(/assets_front_top/img/top/md/test-bg-1.webp) center top no-repeat transparent;
  background-size: 2000px auto;
  container-type: inline-size;
  overflow: hidden;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .section-test {
    background: url(/assets_front_top/img/top/md/test-bg-1@2x.webp) center top no-repeat transparent;
    background-size: 2000px auto;
  }
}
@media only screen and (max-width: 1280px) {
  .section-test {
    padding-top: 5.078125%;
  }
}
@media only screen and (max-width: 767px) {
  .section-test {
    border-radius: 0 0 10.666666666666668vw 10.666666666666668vw;
    overflow: hidden;
    padding-top: 26.666666666666668vw;
    background: url(/assets_front_top/img/top/test-bg-1.webp) right 35.06666666666667vw no-repeat transparent;
    background-size: 100% auto;
  }
}
.section-test:after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff9ea;
  background-color: var(--color-bg-base);
  border-radius: 0 0 120px 120px;
  content: '';
  height: 120px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-test:after {
    display: none;
  }
}
.section-test .cloud-top .cloud-1 {
  margin-left: -672px;
  top: 50px;
  transform: rotate(0.41deg);
  width: 301px;
}
@media only screen and (max-width: 767px) {
  .section-test .cloud-top .cloud-1 {
    margin-left: -62.93333333333333vw;
    top: 7.466666666666668vw;
    width: 40.13333333333333vw;
  }
}
.section-test .cloud-top .cloud-2 {
  margin-left: -83px;
  top: 324px;
  transform: scaleX(-1) rotate(2.15deg);
  width: 347px;
}
@media only screen and (max-width: 767px) {
  .section-test .cloud-top .cloud-2 {
    display: none;
  }
}
.section-test .section-inner {
  margin: 0 auto;
  max-width: 1200px;
  padding-bottom: 480px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-test .section-inner {
    padding-bottom: 74.66666666666667vw;
  }
}
.section-test .section-heading {
  margin-bottom: 60px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-test .section-heading {
    margin-bottom: 10.666666666666668vw;
  }
}
.section-test .section-heading .text-en {
  width: 560px;
}
@media only screen and (max-width: 767px) {
  .section-test .section-heading .text-en {
    width: 84.8vw;
  }
}
.section-test .container-test {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test {
    flex-direction: column;
    margin-bottom: 18.666666666666668vw;
  }
}
.section-test .container-test .block-1,
.section-test .container-test .block-2,
.section-test .container-test .block-3 {
  background-color: #fedd44;
  background-color: var(--color-yellow);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1,
  .section-test .container-test .block-2,
  .section-test .container-test .block-3 {
    width: 100%;
  }
}
.section-test .container-test .block-1 .block-heading,
.section-test .container-test .block-2 .block-heading,
.section-test .container-test .block-3 .block-heading {
  display: grid;
  margin-left: auto;
  margin-right: auto;
  align-content: center;
  justify-content: center;
  place-content: center;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 .block-heading,
  .section-test .container-test .block-2 .block-heading,
  .section-test .container-test .block-3 .block-heading {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .block-heading,
  .section-test .container-test .block-2 .block-heading,
  .section-test .container-test .block-3 .block-heading {
    margin-bottom: 2.666666666666667vw;
  }
}
.section-test .container-test .block-1 .block-heading .text-ja,
.section-test .container-test .block-2 .block-heading .text-ja,
.section-test .container-test .block-3 .block-heading .text-ja {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 .block-heading .text-ja,
  .section-test .container-test .block-2 .block-heading .text-ja,
  .section-test .container-test .block-3 .block-heading .text-ja {
    margin-top: 5px;
    padding: 4px 5px;
    font-size: 4.2rem;
    letter-spacing: 0.08em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-1 .block-heading .text-ja,
  .section-test .container-test .block-2 .block-heading .text-ja,
  .section-test .container-test .block-3 .block-heading .text-ja {
    font-size: 3.28125vw;
    letter-spacing: 0.08em;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .block-heading .text-ja,
  .section-test .container-test .block-2 .block-heading .text-ja,
  .section-test .container-test .block-3 .block-heading .text-ja {
    margin-top: 1.066666666666667vw;
    padding: 0.8vw 0.8vw 1.066666666666667vw;
    font-size: 8vw;
  }
}
.section-test .container-test .block-1 .block-heading .text-ja:before,
.section-test .container-test .block-2 .block-heading .text-ja:before,
.section-test .container-test .block-3 .block-heading .text-ja:before,
.section-test .container-test .block-1 .block-heading .text-ja:after,
.section-test .container-test .block-2 .block-heading .text-ja:after,
.section-test .container-test .block-3 .block-heading .text-ja:after {
  display: none;
}
.section-test .container-test .block-1 .block-heading .text-ja .mark,
.section-test .container-test .block-2 .block-heading .text-ja .mark,
.section-test .container-test .block-3 .block-heading .text-ja .mark {
  display: inline-block;
  font-style: italic;
  transform: scale(0.9, 1.1) skew(3deg);
}
.section-test .container-test .btn-container {
  height: 8.28125vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 380px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .btn-container {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .btn-container {
    width: 70.66666666666667vw;
  }
}
.section-test .container-test .btn-entry,
.section-test .container-test .btn-test,
.section-test .container-test .btn-archive {
  --btn-height: 106px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.6rem;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .btn-entry,
  .section-test .container-test .btn-test,
  .section-test .container-test .btn-archive {
    padding: 6px;
    width: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .btn-entry,
  .section-test .container-test .btn-test,
  .section-test .container-test .btn-archive {
    padding: 0.46875vw;
    height: 8.28125vw;
    width: 29.6875vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .btn-entry,
  .section-test .container-test .btn-test,
  .section-test .container-test .btn-archive {
    width: 70.66666666666667vw;
    --btn-height: 20vw;
  }
}
.section-test .container-test .btn-entry .btn-inner,
.section-test .container-test .btn-test .btn-inner,
.section-test .container-test .btn-archive .btn-inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .btn-entry .btn-inner,
  .section-test .container-test .btn-test .btn-inner,
  .section-test .container-test .btn-archive .btn-inner {
    padding-left: 3.466666666666666vw;
    padding-right: 3.466666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .btn-entry .btn-inner:before,
  .section-test .container-test .btn-test .btn-inner:before,
  .section-test .container-test .btn-archive .btn-inner:before,
  .section-test .container-test .btn-entry .btn-inner:after,
  .section-test .container-test .btn-test .btn-inner:after,
  .section-test .container-test .btn-archive .btn-inner:after {
    height: 12px;
    width: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .section-test .container-test .btn-entry .btn-inner:before,
  .section-test .container-test .btn-test .btn-inner:before,
  .section-test .container-test .btn-archive .btn-inner:before,
  .section-test .container-test .btn-entry .btn-inner:after,
  .section-test .container-test .btn-test .btn-inner:after,
  .section-test .container-test .btn-archive .btn-inner:after {
    height: 10px;
    width: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .btn-entry .btn-inner:before,
  .section-test .container-test .btn-test .btn-inner:before,
  .section-test .container-test .btn-archive .btn-inner:before,
  .section-test .container-test .btn-entry .btn-inner:after,
  .section-test .container-test .btn-test .btn-inner:after,
  .section-test .container-test .btn-archive .btn-inner:after {
    height: 2.133333333333333vw;
    width: 2.133333333333333vw;
  }
}
.section-test .container-test .btn-entry .btn-inner .text,
.section-test .container-test .btn-test .btn-inner .text,
.section-test .container-test .btn-archive .btn-inner .text {
  font-size: 0;
}
.section-test .container-test .btn-entry .btn-inner .text img,
.section-test .container-test .btn-test .btn-inner .text img,
.section-test .container-test .btn-archive .btn-inner .text img {
  width: 91.15646258503402%;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .btn-entry .btn-inner .text img,
  .section-test .container-test .btn-test .btn-inner .text img,
  .section-test .container-test .btn-archive .btn-inner .text img {
    width: 52.53333333333333vw;
  }
}
.section-test .container-test .btn-test .btn-inner {
  background-color: #881c27;
}
.section-test .container-test .btn-test .btn-inner .text img {
  margin-bottom: 1.360544217687075%;
  width: 73.46938775510205%;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .btn-test .btn-inner .text img {
    margin-bottom: 0;
    width: 44.266666666666666vw;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .section-test .container-test .btn-test:hover .btn-inner {
    background-color: #9e2733;
  }
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 {
    border-radius: 50px;
    margin-left: 20px;
    margin-right: 59px;
    padding: 53px 50px 52px;
    width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-1 {
    margin-left: 1.5625vw;
    margin-right: 4.609375vw;
    padding: 4.140625vw 3.90625vw 52px;
    width: 37.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 {
    border-radius: 6.666666666666667vw;
    margin-left: 4vw;
    padding-bottom: 11.200000000000001vw;
    padding-top: 9.866666666666667vw;
    width: 84vw;
  }
}
.section-test .container-test .block-1 .block-heading {
  background: url(/assets_front_top/img/top/test-heading-deco-1.svg) center top no-repeat transparent;
  background-size: auto 100%;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 .block-heading {
    height: 102px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-1 .block-heading {
    height: 7.968749999999999vw;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .block-heading {
    height: 17.733333333333334vw;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 .block-heading .text-ja {
    letter-spacing: -0.02em;
    padding-left: 12px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .block-heading .text-ja {
    padding-left: 1.6vw;
    padding-right: 1.6vw;
  }
}
.section-test .container-test .block-1 .btn-container {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-1 .btn-container {
    --btn-height: 8.28125vw;
  }
}
@media only screen and (min-width: 1281px) {
  .section-test .container-test .block-1 .btn-container {
    --btn-height: 106px;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .btn-container {
    margin-bottom: 5.333333333333334vw;
    --btn-height: 20vw;
  }
}
.section-test .container-test .block-1 .btn-container:after {
  font-size: 1.25vw;
  padding-bottom: 0;
}
@media only screen and (min-width: 1281px) {
  .section-test .container-test .block-1 .btn-container:after {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .btn-container:after {
    font-size: 3.466666666666666vw;
  }
}
.section-test .container-test .block-1 .description {
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 .description {
    margin-bottom: 20px;
    margin-left: -3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-1 .description {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .description {
    margin-left: 9.333333333333334vw;
    margin-right: 9.333333333333334vw;
    font-size: 2.933333333333333vw;
    line-height: 1.545454545454545;
  }
}
.section-test .container-test .block-1 .description p {
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section-test .container-test .block-1 .description p:not(:last-child) {
  margin-bottom: 5px;
}
.section-test .container-test .block-1 .description p:before {
  content: '※';
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 .description p:before {
    padding-right: 0.4vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-1 .cloud-1 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-1 .cloud-1 {
    bottom: -5.333333333333334vw;
    margin-left: 25.866666666666667vw;
    transform: rotate(0.41deg);
    width: 40.13333333333333vw;
    z-index: 1;
  }
}
.section-test .container-test .block-2 {
  border-radius: 50%;
  height: 500px;
  width: 500px;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-2 {
    margin-top: 35px;
    padding-top: 117px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-2 {
    aspect-ratio: 500/500;
    height: auto;
    padding-top: 9.140625vw;
    width: 41.66666666666667%;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-2 {
    margin-left: 13.333333333333334vw;
    margin-top: 9.333333333333334vw;
    padding-top: 13.733333333333334vw;
    position: relative;
    height: 84vw;
    width: 84vw;
  }
}
.section-test .container-test .block-2 .block-heading {
  margin-bottom: 10px;
  background: url(/assets_front_top/img/top/test-heading-deco-2.svg) center top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-2 .block-heading {
    height: 104px;
    width: 241px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-2 .block-heading {
    height: 8.125vw;
    width: 18.828125vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-2 .block-heading {
    height: 18.133333333333333vw;
    width: 41.86666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-2 .block-heading .text-ja {
    padding-left: 4px;
    padding-right: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-2 .block-heading .text-ja {
    padding-left: 0.533333333333333vw;
    padding-right: 0.533333333333333vw;
  }
}
.section-test .container-test .block-2 .description {
  font-size: 2.2rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin-bottom: 22px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-2 .description {
    font-size: 1.71875vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-2 .description {
    margin-bottom: 4vw;
    font-size: 3.733333333333334vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-2 .btn-container {
    width: 76%;
  }
}
.section-test .container-test .block-2 .img-1 {
  position: absolute;
  left: 141px;
  top: -57px;
  width: 164px;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-2 .img-1 {
    left: 24vw;
    top: -12.266666666666666vw;
    width: 26vw;
  }
}
.section-test .container-test .block-3 {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-3 {
    border-radius: 50px;
    margin-left: 20px;
    margin-right: 59px;
    padding: 50px 0 52px;
    width: 480px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-3 {
    margin-left: 1.5625vw;
    margin-right: 4.609375vw;
    padding: 4.140625vw 0 52px;
    width: 37.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 {
    border-radius: 6.666666666666667vw;
    margin-left: 4vw;
    padding-bottom: 10.666666666666668vw;
    padding-top: 11.466666666666667vw;
    width: 84vw;
  }
}
.section-test .container-test .block-3 .block-heading {
  display: block;
  text-align: center;
  background: url(/assets_front_top/img/top/test-heading-deco-4.svg) center top no-repeat transparent;
  background-size: 375px auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-3 .block-heading {
    padding-top: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .block-heading {
    margin-bottom: 4vw;
    padding-bottom: 2.666666666666667vw;
    background-size: 65.06666666666666vw auto;
    background-position: center bottom;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .block-heading.md {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-3 .block-heading.sm {
    display: none;
  }
}
.section-test .container-test .block-3 .block-heading .text-ja {
  display: inline-block;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-3 .block-heading .text-ja {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.section-test .container-test .block-3 .block-heading .text-ja:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .block-heading .text-ja:not(:last-child) {
    margin-bottom: 1.066666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-3 .block-heading .text-ja {
    letter-spacing: -0.02em;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 3.6rem;
    line-height: 1.333333333333333;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-3 .block-heading .text-ja {
    font-size: 2.8125vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .block-heading .text-ja {
    padding-left: 2.666666666666667vw;
    padding-right: 2.666666666666667vw;
    font-size: 6.4vw;
  }
}
.section-test .container-test .block-3 .btn-archive {
  margin-bottom: 34px;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .btn-archive {
    margin-bottom: 7.066666666666667vw;
  }
}
.section-test .container-test .block-3 .btn-archive .text img {
  width: 72.44897959183673%;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .btn-archive .text img {
    width: 43.06666666666666vw;
  }
}
.section-test .container-test .block-3 .description {
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-3 .description {
    margin-bottom: 20px;
    margin-left: -3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .block-3 .description {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .description {
    margin-left: 9.333333333333334vw;
    margin-right: 9.333333333333334vw;
    font-size: 2.933333333333333vw;
    line-height: 1.545454545454545;
  }
}
.section-test .container-test .block-3 .description p {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .section-test .container-test .block-3 .cloud-1 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .block-3 .cloud-1 {
    bottom: -5.333333333333334vw;
    margin-left: 25.866666666666667vw;
    transform: rotate(0.41deg);
    width: 40.13333333333333vw;
    z-index: 1;
  }
}
.section-test .container-test .img-2 {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-bottom: -11.5%;
  margin-left: -32.58333333333333%;
  width: 18.583333333333332%;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .img-2 {
    bottom: -25.466666666666665vw;
    margin-left: -16vw;
    width: 36.93333333333334vw;
  }
}
.section-test .container-test .img-2 .part-1 {
  position: absolute;
  left: -160px;
  top: 0;
  margin-top: -8px;
  width: 149px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .img-2 .part-1 {
    left: -71.74887892376681%;
    margin-top: -3.587443946188341%;
    width: 66.81614349775785%;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .img-2 .part-1 {
    left: -28.799999999999997vw;
    top: -5.466666666666667vw;
    width: 25.866666666666667vw;
  }
}
.section-test .container-test .img-2 .part-2 {
  position: absolute;
  left: 229px;
  top: 0;
  margin-top: -1px;
  width: 118px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .section-test .container-test .img-2 .part-2 {
    left: 102.69058295964126%;
    top: -0.448430493273543%;
    width: 52.91479820627802%;
  }
}
@media only screen and (max-width: 767px) {
  .section-test .container-test .img-2 .part-2 {
    left: 37.733333333333334vw;
    top: 1.2vw;
    width: 20.533333333333335vw;
  }
}
.container-archive {
  background-color: #fff;
  border-radius: 50px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .container-archive {
    padding: 58px 50px 59px;
  }
}
@media only screen and (max-width: 1280px) {
  .container-archive {
    padding-left: 3.90625%;
    padding-right: 3.90625%;
  }
}
@media only screen and (max-width: 767px) {
  .container-archive {
    border-radius: 10.666666666666668vw;
    margin-left: auto;
    margin-right: auto;
    padding: 12vw 4vw 10.4vw;
    width: 94.66666666666667vw;
  }
}
.container-archive .cloud-1 {
  margin-left: -764px;
  top: 84px;
  width: 249px;
}
@media only screen and (max-width: 767px) {
  .container-archive .cloud-1 {
    margin-left: -59.86666666666667vw;
    top: -3.733333333333334vw;
    width: 33.2vw;
  }
}
.container-archive .cloud-2 {
  margin-left: 364px;
  top: -48px;
  transform: rotate(1.24deg);
  width: 294px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .container-archive .cloud-2 {
    display: none;
  }
}
.container-archive .container-heading {
  display: grid;
  margin-left: auto;
  margin-right: auto;
  align-content: center;
  justify-content: center;
  place-content: center;
  background: url(/assets_front_top/img/top/test-heading-deco-3.svg) center top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .container-archive .container-heading {
    margin-bottom: 20px;
    height: 103px;
    width: 399px;
  }
}
@media only screen and (max-width: 767px) {
  .container-archive .container-heading {
    margin-bottom: 2.666666666666667vw;
    height: 17.866666666666667vw;
    width: 69.19999999999999vw;
  }
}
.container-archive .container-heading .text-ja {
  margin-top: 1px;
  font-size: 4.2rem;
  letter-spacing: 0.08em;
  background-color: #1b1b1b;
  background-color: var(--color-black);
  color: #fff;
  padding: 4px 14px 4px 16px;
}
@media only screen and (max-width: 767px) {
  .container-archive .container-heading .text-ja {
    font-size: 8vw;
  }
}
.container-archive .container-heading .text-ja:before,
.container-archive .container-heading .text-ja:after {
  display: none;
}
.container-archive .text-description {
  margin-bottom: 32px;
  text-align: center;
  font-size: 2.2rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .container-archive .text-description {
    margin-bottom: 5.066666666666666vw;
    font-size: 3.733333333333334vw;
  }
}
.container-archive .archive-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .container-archive .archive-items {
    align-items: center;
  }
}
.container-archive .archive-item {
  width: 256px;
}
@media only screen and (max-width: 1280px) {
  .container-archive .archive-item {
    margin-bottom: 30px;
    width: 23.272727272727273%;
  }
}
@media only screen and (max-width: 767px) {
  .container-archive .archive-item {
    margin-bottom: 5.333333333333334vw;
    width: 41.86666666666667vw;
  }
}
.container-archive .archive-item .thumbnail {
  border-radius: 20px;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .container-archive .archive-item .thumbnail {
    border-radius: 4vw;
  }
}
.container-archive .archive-item .text {
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin-top: 8px;
}
@media only screen and (max-width: 1280px) {
  .container-archive .archive-item .text {
    font-size: 1.25vw;
  }
}
@media only screen and (max-width: 767px) {
  .container-archive .archive-item .text {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
}
.container-archive .archive-item .text .icon {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  border-radius: 50%;
  display: grid;
  margin-left: 4px;
  align-content: center;
  justify-content: center;
  place-content: center;
  height: 22px;
  width: 22px;
}
@media only screen and (max-width: 767px) {
  .container-archive .archive-item .text .icon {
    height: 2.933333333333333vw;
    width: 2.933333333333333vw;
  }
}
.container-archive .archive-item .text .icon svg {
  height: 8px;
  width: 10px;
}
@media only screen and (max-width: 767px) {
  .container-archive .archive-item .text .icon svg {
    height: 1.066666666666667vw;
    width: 1.333333333333333vw;
  }
}
.container-archive .archive-item img {
  transition: transform 0.3s ease;
  width: 100%;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .container-archive .archive-item a:hover img {
    transform: scale(1.05);
  }
}
.deco-bottom {
  bottom: 0;
  height: 502px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .deco-bottom {
    border-radius: 0 0 120px 120px;
    overflow: hidden;
    z-index: 1;
  }
}
.deco-bottom .part-1 {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .deco-bottom .part-1 {
    bottom: -25px;
    left: 50%;
    margin-left: -371px;
    width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .deco-bottom .part-1 {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.deco-bottom .part-2 {
  position: absolute;
  left: 50%;
  bottom: -9px;
  margin-left: -557px;
  width: 399px;
}
@media only screen and (max-width: 767px) {
  .deco-bottom .part-2 {
    bottom: -1.2vw;
    margin-left: -67.60000000000001vw;
    width: 58.53333333333334vw;
  }
}
.deco-bottom .part-3 {
  position: absolute;
  left: 50%;
  bottom: -9px;
  margin-left: 158px;
  transform: scaleX(-1);
  width: 399px;
}
@media only screen and (max-width: 767px) {
  .deco-bottom .part-3 {
    bottom: -1.2vw;
    margin-left: 9.066666666666666vw;
    width: 58.53333333333334vw;
  }
}
.deco-bottom .cloud-1 {
  position: absolute;
  left: 50%;
  bottom: 211px;
  margin-left: -1000px;
  width: 528px;
}
@media only screen and (max-width: 767px) {
  .deco-bottom .cloud-1 {
    display: none;
  }
}
.deco-bottom .cloud-2 {
  position: absolute;
  left: 50%;
  bottom: 237px;
  margin-left: 521px;
  width: 479px;
}
@media only screen and (max-width: 767px) {
  .deco-bottom .cloud-2 {
    display: none;
  }
}
.deco-bottom .cloud-3 {
  position: absolute;
  left: 50%;
  bottom: 48px;
  margin-left: -1000px;
  width: 519px;
}
@media only screen and (max-width: 767px) {
  .deco-bottom .cloud-3 {
    display: none;
  }
}
.deco-bottom .cloud-4 {
  position: absolute;
  left: 50%;
  bottom: 48px;
  margin-left: 482px;
  transform: scaleX(-1);
  width: 519px;
}
@media only screen and (max-width: 767px) {
  .deco-bottom .cloud-4 {
    display: none;
  }
}
.section-detail {
  margin-top: -120px;
  overflow: hidden;
  padding: 250px 0 1036px;
  position: relative;
  background: url(/assets_front_top/img/top/md/detail-bg-1.webp) center 110px repeat-y,
    url(/assets_front_top/img/top/md/detail-bg-3.webp) center top repeat;
  background-size: 1600px auto, 5px auto;
}
@media only screen and (max-width: 767px) {
  .section-detail {
    margin-top: -10.666666666666668vw;
    padding-bottom: 90.66666666666666vw;
    padding-top: 37.333333333333336vw;
    background: url(/assets_front_top/img/top/detail-bg-1.webp) center 10.666666666666668vw repeat-y transparent;
    background-size: 100% auto;
  }
}
.section-detail:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background: url(/assets_front_top/img/top/md/detail-bg-2.webp) center bottom no-repeat transparent;
  background-size: 1600px auto;
}
@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 2001px) {
  .section-detail:before {
    background: url(/assets_front_top/img/top/md/detail-bg-2@2x.webp) center bottom no-repeat transparent;
    background-size: 1600px auto;
  }
}
@media only screen and (max-width: 767px) {
  .section-detail:before {
    background: url(/assets_front_top/img/top/detail-bg-2.webp) center bottom no-repeat transparent;
    background-size: 100% auto;
  }
}
.section-detail .section-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 20px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-detail .section-inner {
    margin-top: -100px;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .section-detail .section-inner {
    margin-top: -13.333333333333334vw;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
    padding-top: 13.333333333333334vw;
  }
}
.section-detail .section-heading {
  margin-bottom: 60px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-detail .section-heading {
    margin-bottom: 10.666666666666668vw;
  }
}
.section-detail .section-heading .text-en {
  width: 310px;
}
@media only screen and (max-width: 767px) {
  .section-detail .section-heading .text-en {
    width: 47.46666666666667vw;
  }
}
.section-detail .section-heading .text-ja .deco-left span,
.section-detail .section-heading .text-ja .deco-right span {
  margin-left: 18px;
  margin-right: 18px;
}
@media only screen and (max-width: 767px) {
  .section-detail .section-heading .text-ja .deco-left span,
  .section-detail .section-heading .text-ja .deco-right span {
    margin-left: 2.666666666666667vw;
    margin-right: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-detail .accordion-container {
    margin-bottom: 40px;
  }
}
.section-detail .accordion-item {
  background-color: #fff9ea;
  background-color: var(--color-bg-base);
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section-detail .accordion-item {
    border-radius: 4vw;
  }
}
.section-detail .accordion-item:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .section-detail .accordion-item:not(:last-child) {
    margin-bottom: 4vw;
  }
}
.section-detail .accordion-item.is-opened .accordion-heading .toggle-icon:before {
  transform: rotate(180deg);
}
.section-detail .accordion-item.is-opened .accordion-heading .toggle-icon:after {
  transform: rotate(180deg);
}
.section-detail .accordion-heading {
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 2.2rem;
  letter-spacing: 0.04em;
  line-height: 1.545454545454545;
  font-weight: 700;
  justify-content: space-between;
  padding: 10px 33px 10px 50px;
  position: relative;
  height: 100px;
  width: 100%;
  --text-stroke-color: var(--color-yellow);
}
@media only screen and (max-width: 767px) {
  .section-detail .accordion-heading {
    border-radius: 4vw;
    font-size: 3.733333333333334vw;
    height: 16vw;
    padding: 0 4vw 0 5.333333333333334vw;
    text-shadow: #fedd44 2px 0 0, #fedd44 1.75517px 0.958851px 0, #fedd44 1.0806px 1.68294px 0,
      #fedd44 0.141474px 1.99499px 0, #fedd44 -0.832294px 1.81859px 0, #fedd44 -1.60229px 1.19694px 0,
      #fedd44 -1.97998px 0.28224px 0, #fedd44 -1.87291px -0.701566px 0, #fedd44 -1.30729px -1.5136px 0,
      #fedd44 -0.421592px -1.95506px 0, #fedd44 0.567324px -1.91785px 0, #fedd44 1.41734px -1.41108px 0,
      #fedd44 1.92034px -0.558831px 0;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .section-detail .accordion-heading:hover .toggle-icon {
    background-color: #323733;
  }
}
.section-detail .accordion-heading .text {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-detail .accordion-heading .text {
    padding-bottom: 4px;
  }
}
.section-detail .accordion-heading .text-main {
  position: relative;
}
.section-detail .accordion-heading .text-bg {
  position: absolute;
  left: 0;
  top: 0;
  text-shadow: #000 4px 0 0, #000 3.87565px 0.989616px 0, #000 3.51033px 1.9177px 0, #000 2.92676px 2.72656px 0,
    #000 2.16121px 3.36588px 0, #000 1.26129px 3.79594px 0, #000 0.282949px 3.98998px 0, #000 -0.712984px 3.93594px 0,
    #000 -1.66459px 3.63719px 0, #000 -2.51269px 3.11229px 0, #000 -3.20457px 2.39389px 0, #000 -3.69721px 1.52664px 0,
    #000 -3.95997px 0.56448px 0, #000 -3.97652px -0.432781px 0, #000 -3.74583px -1.40313px 0,
    #000 -3.28224px -2.28625px 0, #000 -2.61457px -3.02721px 0, #000 -1.78435px -3.57996px 0,
    #000 -0.843183px -3.91012px 0, #000 0.150409px -3.99717px 0, #000 1.13465px -3.8357px 0, #000 2.04834px -3.43574px 0,
    #000 2.83468px -2.82216px 0, #000 3.44477px -2.03312px 0, #000 3.84068px -1.11766px 0, #000 3.9978px -0.132717px 0;
}
@media only screen and (max-width: 767px) {
  .section-detail .accordion-heading .text-bg {
    text-shadow: #000 3px 0 0, #000 2.83487px 0.981584px 0, #000 2.35766px 1.85511px 0, #000 1.62091px 2.52441px 0,
      #000 0.705713px 2.91581px 0, #000 -0.287171px 2.98622px 0, #000 -1.24844px 2.72789px 0,
      #000 -2.07227px 2.16926px 0, #000 -2.66798px 1.37182px 0, #000 -2.96998px 0.42336px 0,
      #000 -2.94502px -0.571704px 0, #000 -2.59586px -1.50383px 0, #000 -1.96093px -2.27041px 0,
      #000 -1.11013px -2.78704px 0, #000 -0.137119px -2.99686px 0, #000 0.850987px -2.87677px 0,
      #000 1.74541px -2.43999px 0, #000 2.44769px -1.73459px 0, #000 2.88051px -0.838247px 0;
  }
}
.section-detail .toggle-icon {
  background-color: #000;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  height: 54px;
  width: 54px;
  transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
  .section-detail .toggle-icon {
    height: 8vw;
    width: 8vw;
  }
}
.section-detail .toggle-icon:before,
.section-detail .toggle-icon:after {
  background-color: #fedd44;
  background-color: var(--color-yellow);
  content: '';
  inset: 0;
  height: 4px;
  width: 18px;
  position: absolute;
  margin: auto;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .section-detail .toggle-icon:before,
  .section-detail .toggle-icon:after {
    height: 0.533333333333333vw;
    width: 2.4vw;
  }
}
.section-detail .toggle-icon:before {
  transform: rotate(90deg);
}
.section-detail .accordion-content {
  height: 0;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .section-detail .accordion-content {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
.section-detail .accordion-content .content-inner {
  padding: 56px 80px 77px;
}
@media only screen and (max-width: 767px) {
  .section-detail .accordion-content .content-inner {
    padding: 11.200000000000001vw 6.666666666666667vw 10.266666666666667vw;
  }
}
.section-detail .detail-item:not(:last-child) {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .section-detail .detail-item:not(:last-child) {
    margin-bottom: 4.8vw;
  }
}
.section-detail .detail-item .small-heading {
  font-weight: 700;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .section-detail .detail-item .small-heading {
    margin-bottom: 2.133333333333333vw;
  }
}
.section-detail .detail-item li {
  padding-left: 1em;
  text-indent: -1em;
}
.section-detail .detail-item li:before {
  content: '・';
}
.section-detail .detail-item li p {
  margin-top: 1em;
}
.section-detail .detail-item dt {
  font-weight: 700;
}
.section-detail .detail-item dd a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.section-detail .detail-item dd a:hover {
  opacity: 0.5;
}
.section-detail .detail-item .note {
  display: block;
  margin-top: 2px;
  font-size: 1.2rem;
  line-height: 1.5;
  text-indent: 0;
}
@media only screen and (max-width: 767px) {
  .section-detail .detail-item .note {
    margin-top: 0.266666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
  }
}
.is-edge .typesquare_option {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .is-edge .section-heading .text-ja .typesquare_option {
    top: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .is-edge .section-heading .text-ja .typesquare_option {
    top: -0.4vw;
  }
}
@media only screen and (min-width: 768px) {
  .is-edge .section-about .content .main-copy .char {
    top: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .is-edge .section-about .content .main-copy .char {
    top: -0.933333333333333vw;
  }
}
.is-edge .section-info .container-schedule .container-heading .text-ja .text {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .is-edge .section-guideline .container-about .container-heading .text-ja .text {
    top: -5px;
  }
}
@media only screen and (max-width: 767px) {
  .is-edge .section-guideline .container-about .container-heading .text-ja .text {
    top: -0.8vw;
  }
}
@media only screen and (min-width: 768px) {
  .is-edge .section-guideline .block-format .block-heading .text-ja,
  .is-edge .section-guideline .block-grade .block-heading .text-ja,
  .is-edge .section-guideline .block-coverage .block-heading .text-ja {
    top: -5px;
  }
}
@media only screen and (max-width: 1280px) {
  .is-edge .section-guideline .block-format .block-heading .text-ja,
  .is-edge .section-guideline .block-grade .block-heading .text-ja,
  .is-edge .section-guideline .block-coverage .block-heading .text-ja {
    top: -0.3vw;
  }
}
@media only screen and (max-width: 767px) {
  .is-edge .section-guideline .block-format .block-heading .text-ja,
  .is-edge .section-guideline .block-grade .block-heading .text-ja,
  .is-edge .section-guideline .block-coverage .block-heading .text-ja {
    top: -0.666666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .is-edge .section-test .container-test .block-1 .block-heading .text-ja .text,
  .is-edge .section-test .container-test .block-2 .block-heading .text-ja .text {
    top: -5px;
  }
}
@media only screen and (max-width: 1280px) {
  .is-edge .section-test .container-test .block-1 .block-heading .text-ja .text,
  .is-edge .section-test .container-test .block-2 .block-heading .text-ja .text {
    top: -0.4vw;
  }
}
@media only screen and (max-width: 767px) {
  .is-edge .section-test .container-test .block-1 .block-heading .text-ja .text,
  .is-edge .section-test .container-test .block-2 .block-heading .text-ja .text {
    top: -0.666666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .is-edge .section-test .container-archive .container-heading .text-ja .text {
    top: -4px;
  }
}
@media only screen and (max-width: 767px) {
  .is-edge .section-test .container-archive .container-heading .text-ja .text {
    top: -0.8vw;
  }
}
.banner {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #1b1b1b;
  background-color: var(--color-black);
  color: #fedd44;
  color: var(--color-yellow);
  width: 88.88888888888889%;
  height: 56px;
  border-radius: 10px 10px 0 0;
  padding-left: 40px;
  padding-right: 40px;
  transition: background-color 0.3s ease-in-out;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .banner {
    width: 100%;
    height: auto;
    padding: 10px 15px;
    border-radius: 0;
  }
}
.banner .text {
  font-size: 1.4rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .banner .text {
    font-size: 3.2vw;
    line-height: 1.25;
  }
}
.banner .icon {
  display: block;
  height: 16px;
  width: 10px;
  stroke: #fedd44;
  stroke: var(--color-yellow);
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .banner .icon {
    height: 13px;
    width: 8px;
  }
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .banner:hover {
    background-color: #323733;
  }
}
.modal .main-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 3.6rem;
  line-height: 1.388888888888889;
  gap: 4px;
  justify-content: center;
  margin-bottom: 22px;
  color: #fedd44;
  color: var(--color-yellow);
}
@media only screen and (max-width: 767px) {
  .modal .main-heading {
    font-size: 6.133333333333333vw;
    line-height: 1.521739130434783;
    gap: 0.533333333333333vw;
    margin-bottom: 6.666666666666667vw;
  }
}
.modal .main-heading .line-1,
.modal .main-heading .line-2,
.modal .main-heading .line-3 {
  background-color: #1b1b1b;
  background-color: var(--color-black);
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (max-width: 767px) {
  .modal .main-heading .line-1,
  .modal .main-heading .line-2,
  .modal .main-heading .line-3 {
    padding-left: 0.533333333333333vw;
    padding-right: 0.533333333333333vw;
  }
}
.modal .text-intro {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.666666666666667;
  margin-bottom: 34px;
}
@media only screen and (max-width: 767px) {
  .modal .text-intro {
    margin-bottom: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
  }
  .modal .text-intro br {
    display: none;
  }
}
.modal .text-intro p:first-child {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .modal .text-intro p:first-child {
    margin-bottom: 2.666666666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .modal .text-intro p {
    margin-bottom: 2.666666666666667vw;
  }
}
.modal .text-intro p .underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.modal .text-intro p:last-child {
  margin-top: 1em;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .modal .text-intro p:last-child {
    margin-left: 0;
    margin-right: 0;
  }
  .modal .text-intro p:last-child br {
    display: block;
  }
}
.modal .block,
.modal .block-end {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .modal .block,
  .modal .block-end {
    margin-bottom: 6.933333333333333vw;
  }
}
.modal .block p,
.modal .block-end p {
  font-size: 1.6rem;
  line-height: 1.625;
}
@media only screen and (max-width: 767px) {
  .modal .block p,
  .modal .block-end p {
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
  }
}
.modal .block p .strong,
.modal .block-end p .strong {
  font-weight: 700;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media only screen and (max-width: 767px) {
  .modal .block p .strong,
  .modal .block-end p .strong {
    text-underline-offset: 6px;
  }
}
.modal .block p:not(:last-child),
.modal .block-end p:not(:last-child) {
  margin-bottom: 1em;
}
.modal .block p.strong,
.modal .block-end p.strong {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .modal .block p.strong,
  .modal .block-end p.strong {
    font-size: 3.733333333333334vw;
    margin-bottom: 1.866666666666667vw;
  }
}
.modal .block p.sub-heading,
.modal .block-end p.sub-heading {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.666666666666667;
  margin-bottom: 13px;
  color: #fedd44;
  color: var(--color-yellow);
}
@media only screen and (max-width: 767px) {
  .modal .block p.sub-heading,
  .modal .block-end p.sub-heading {
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
    gap: 1.066666666666667vw;
    margin-bottom: 3.2vw;
  }
}
.modal .block p.sub-heading span,
.modal .block-end p.sub-heading span {
  display: inline-block;
  background-color: #1b1b1b;
  background-color: var(--color-black);
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .modal .block p.sub-heading span,
  .modal .block-end p.sub-heading span {
    padding-left: 1.866666666666667vw;
    padding-right: 1.866666666666667vw;
  }
}
.modal .block a,
.modal .block-end a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
@media only screen and (min-width: 769px) and (any-hover: hover) {
  .modal .block a:hover,
  .modal .block-end a:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
@media only screen and (max-width: 767px) {
  .modal .block .text-asterisk,
  .modal .block-end .text-asterisk {
    line-height: 1.538461538461539;
  }
}
.modal .block-end {
  text-align: right;
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .modal .block-end {
    margin-bottom: 6.933333333333333vw;
  }
}
canvas {
  visibility: hidden;
  pointer-events: none;
  touch-action: auto;
}
canvas.pixi-visible {
  visibility: visible;
}