/*-------------
 * width.
 **/
/*-------------
 * inner padding.
 **/
/*-------------
 * fontsize.
 **/
/*-------------
 * color.
 **/
/*-------------
 * transition.
 **/
/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */
/* FONT_START */
@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;
}

/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}

: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;
  /* Fix of Webkit flickering */
  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: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .swiper-wrapper {
    row-gap: 3.1428571429rem;
    flex-wrap: wrap;
    transform: none !important;
  }
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

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

.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;
}

/* Auto Height */
.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;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.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-inline-start: 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-block-start: 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);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.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 var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .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;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */
.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-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
    --swiper-navigation-color: var(--swiper-theme-color);
    */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  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: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.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 {
  transform: scale(1);
}

.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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  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: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  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: translateX(-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: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
    --swiper-scrollbar-border-radius: 10px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: 4px;
    --swiper-scrollbar-left: auto;
    --swiper-scrollbar-right: 4px;
    --swiper-scrollbar-sides-offset: 1%;
    --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
    --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
    --swiper-scrollbar-size: 4px;
    */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  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: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.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 {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.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: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.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 {
  z-index: 0;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.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;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.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 {
  z-index: 0;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

/*! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com*/
/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  */
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  */
html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
  1. Remove the margin in all browsers.
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  */
body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Ensure horizontal rules are visible by default.
  */
hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/*
  Remove the default font size and weight for headings.
  */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
  Reset links to optimize for opt-in styling instead of opt-out.
  */
a {
  color: inherit;
  text-decoration: inherit;
}

/*
  Add the correct font weight in Edge and Safari.
  */
b,
strong {
  font-weight: bolder;
}

/*
  1. Use the user's configured `mono` font family by default.
  2. Correct the odd `em` font sizing in all browsers.
  */
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
  Add the correct font size in all browsers.
  */
small {
  font-size: 80%;
}

/*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
  */
table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  3. Remove default padding in all browsers.
  */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
  Remove the inheritance of text transform in Edge and Firefox.
  */
button,
select {
  text-transform: none;
}

/*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
  Use the modern Firefox focus style for all focusable elements.
  */
:-moz-focusring {
  outline: auto;
}

/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
:-moz-ui-invalid {
  box-shadow: none;
}

/*
  Add the correct vertical alignment in Chrome and Firefox.
  */
progress {
  vertical-align: baseline;
}

/*
  Correct the cursor style of increment and decrement buttons in Safari.
  */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
  Remove the inner padding in Chrome and Safari on macOS.
  */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
  */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
  Add the correct display in Chrome and Safari.
  */
summary {
  display: list-item;
}

/*
  Removes the default spacing and border for appropriate elements.
  */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
  Reset default styling for dialogs.
  */
dialog {
  padding: 0;
}

/*
  Prevent resizing textareas horizontally by default.
  */
textarea {
  resize: vertical;
}

/*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to the user's configured gray 400 color.
  */
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
  Set the default cursor for buttons.
  */
button,
[role="button"] {
  cursor: pointer;
}

/*
  Make sure disabled buttons don't get the pointer cursor.
  */
:disabled {
  cursor: default;
}

/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
     This can trigger a poorly considered lint error in some tools but is included by design.
  */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

.c-accordion {
  display: flex;
  flex-flow: column;
  height: 100%;
  background: #FFFFFF;
  border-radius: 1.1428571429rem;
}

.c-accordion__button .c-accordion__icon--2 {
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.c-accordion__button.is-open .c-accordion__icon--2 {
  transform: rotate(180deg);
}

@media screen and (max-width: 1023px) {
  .c-accordion {
    border-radius: 1.3333333333rem;
  }
}

.c-accordion__title {
  border-bottom: 1px solid #F5F5F7;
}

.c-accordion__title button {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding-top: 1.2142857143rem;
  padding-right: 1.4285714286rem;
  padding-bottom: 1.2142857143rem;
  padding-left: 1.4285714286rem;
}

@media screen and (min-width: 1024px) {
  .c-accordion__title button {
    pointer-events: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-accordion__title button {
    padding-top: 1.5rem;
    padding-right: 1.6666666667rem;
    padding-bottom: 1.5rem;
    padding-left: 1.6666666667rem;
  }
}

.c-accordion__icon {
  font-size: 1.4641288433vw;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .c-accordion__icon {
    font-size: 5.1282051282vw;
  }
}

.c-accordion__icon--1 {
  padding-right: 0.5rem;
}

.c-accordion__icon--2 {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 1.2142857143rem;
  margin-right: 1.4285714286rem;
}

@media screen and (min-width: 1024px) {
  .c-accordion__icon--2 {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-accordion__icon--2 {
    margin-top: 1.3333333333rem;
    margin-right: 0.6666666667rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-accordion__icon--2 {
    margin-top: 1.0666666667rem;
    margin-right: 0.9333333333rem;
  }
}

.c-accordion__icon-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1713030747vw;
}

@media screen and (max-width: 1023px) {
  .c-accordion__icon-text {
    font-size: 4.1025641026vw;
  }
}

.c-accordion__description {
  height: 100%;
  margin-top: 0;
  display: flex;
  align-items: center;
  font-size: 0.9516837482vw;
  line-height: 2;
  letter-spacing: 0.05em;
}

@media screen and (min-width: 1024px) {
  .c-accordion__description {
    overflow: visible !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 1023px) {
  .c-accordion__description {
    display: block;
    font-size: 3.3333333333vw;
  }
}

.c-accordion__description .description {
  padding: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-accordion__description .description {
    padding: 2rem;
  }
}

.c-accordion--theme-1 {
  background: #F5F5FA;
}

.c-accordion--theme-1 .c-accordion__title {
  border-color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-accordion--theme-1 .c-accordion__icon-text {
    font-size: 3.5897435897vw;
  }
}

.c-accordion--theme-1 .c-accordion__icon--1::after {
  background: #155CB9 no-repeat;
  -webkit-mask: url(/ASSETS/TMLS/TOP/ASSETS/IMAGES/COMMON/icon_information_1.svg);
  mask: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_information_1.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

@media screen and (max-width: 1023px) {
  .c-accordion--theme-1 .c-accordion__description .description {
    padding: 1.6666666667rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-display-none--pc {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-display-none--tab {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .c-display-none--sp {
    display: none !important;
  }
}

.c-display-inline-block {
  display: inline-block;
}

.c-font--yakuhan {
  font-family: YakuHanJP, ShinGoPro-Regular, sans-serif !important;
}

.c-font--bold {
  font-weight: bold;
}

.c-icon::after,
.c-carousel__button--next::after,
.c-carousel__button--prev::after {
  display: block;
  font-family: "Material Symbols Rounded" !important;
  font-style: normal;
  font-variation-settings: "FILL"0, "wght"200, "GRAD"0, "opsz"24;
}

.c-icon--navigate-next::after,
.c-icon--navigate-before::after {
  font-size: 2em;
}

.c-icon--navigate-next::after {
  content: "\e409";
}

.c-icon--navigate-before::after {
  content: "\e408";
}

.c-icon--navigate-next-medium::after {
  font-variation-settings: "FILL"0, "wght"300, "GRAD"0, "opsz"24;
  content: "\e409";
}

.c-icon--navigate-next::after {
  content: "\e409";
}

.c-icon--arrow-back::after {
  font-variation-settings: "FILL"0, "wght"400, "GRAD"0, "opsz"24;
  content: "\e5c4";
}

.c-icon--expand-more::after,
.c-icon--arrow-up::after {
  font-variation-settings: "FILL"0, "wght"300, "GRAD"0, "opsz"24;
  content: "\e5cf";
  letter-spacing: 0;
}

.c-icon--arrow-up::after {
  transform: rotate(180deg);
}

.c-icon--circle::after,
.c-carousel .swiper-pagination-bullet::after {
  font-family: "Material Symbols Rounded" !important;
  font-variation-settings: "FILL"1, "wght"200, "GRAD"0, "opsz"24;
  content: "\ef4a";
}

.c-icon--add::after {
  font-family: "Material Symbols Rounded" !important;
  font-variation-settings: "FILL"0, "wght"100, "GRAD"0, "opsz"24;
  content: "\e145";
}

.c-icon--arrow1::after,
.c-icon--arrow2::after,
.c-icon--arrow3::after,
.c-icon--arrow4::after,
.c-icon--arrow4-down::after,
.c-icon--arrow5::after,
.c-icon--comment::after,
.c-icon--diamond::after,
.c-icon--iine::after,
.c-icon--nft::after,
.c-icon--passport::after,
.c-icon--present::after,
.c-icon--question::after,
.c-icon--reply::after,
.c-icon--token::after,
.c-icon--blank::after,
.c-icon--blank2::after,
.c-icon--blank3::after,
.c-icon--discord::after,
.c-icon--play::after,
.c-icon--information::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.c-icon--arrow1::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_arrow_1.svg);
}

.c-icon--arrow2::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_arrow_2.svg);
}

.c-icon--arrow3::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_arrow_3.svg);
}

.c-icon--arrow4::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_arrow_4.svg);
}

.c-icon--arrow4-down::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_arrow_4.svg);
  transform: rotate(90deg);
}

.c-icon--arrow5::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_arrow_5.svg);
}

.c-icon--comment::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_comment_1.svg);
}

.c-icon--diamond::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_diamond_1.svg);
}

.c-icon--iine::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_iine_1.svg);
}

.c-icon--nft::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_nft_1.svg);
}

.c-icon--passport::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_passport_1.svg);
}

.c-icon--present::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_present_1.svg);
}

.c-icon--question::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_question_1.svg);
}

.c-icon--reply::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_reply_1.svg);
}

.c-icon--token::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_token_1.svg);
}

.c-icon--blank::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_blank_1.svg);
}

.c-icon--blank2::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_blank_2.svg);
}

.c-icon--blank3::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_blank_3.svg);
}

.c-icon--information::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_information_1.svg);
}

.c-icon--discord::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_discord_1.svg);
}

.c-icon--play::after {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_play_1.svg);
}

.c-icon--add-circle {
  position: relative;
  display: block;
  line-height: 0;
}

.c-icon--add-circle::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
}

.c-icon--add-circle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Material Symbols Rounded" !important;
  font-variation-settings: "FILL"0, "wght"100, "GRAD"0, "opsz"24;
  content: "\e145";
  line-height: 1;
  font-size: 90%;
}

.c-icon--guide-circle,
.c-icon--faq-circle,
.c-icon--howto-circle {
  position: relative;
  display: block;
  line-height: 0;
}

.c-icon--guide-circle::before,
.c-icon--faq-circle::before,
.c-icon--howto-circle::before {
  content: "";
  display: block;
  width: 2.6666666667rem;
  height: 2.6666666667rem;
  border-radius: 100%;
  background: #F5F5FA;
}

.c-icon--guide-circle::after,
.c-icon--faq-circle::after,
.c-icon--howto-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.c-icon--guide-circle::after {
  background: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_guide_1.svg) no-repeat center center;
  background-size: 50% 50%;
}

.c-icon--faq-circle::after {
  background: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_faq_1.svg) no-repeat center center;
  background-size: 50% 50%;
}

.c-icon--howto-circle::after {
  background: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_howto_1.svg) no-repeat center center;
  background-size: 50% 50%;
}

.c-title-wrap {
  width: 100%;
}

.c-title-wrap .c-title-wrap__inner {
  width: 100%;
  padding-top: 8.5714285714rem;
  padding-bottom: 8.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-title-wrap .c-title-wrap__inner {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.c-title__attention {
  color: #3E3E40;
}

.c-title__description {
  font-size: 2.196193265vw;
  letter-spacing: 0.05em;
  line-height: 1.0666666667;
}

@media screen and (max-width: 1023px) {
  .c-title__description {
    font-size: 5.1282051282vw;
    line-height: 1.4;
  }
}

.c-title--h2 {
  margin-bottom: -1.7142857143rem;
  font-size: 14.6412884334vw;
  letter-spacing: 0.02em;
  font-weight: lighter;
  line-height: 0.9484536082;
  color: #BBBBBF;
  opacity: 0.3;
}

@media screen and (max-width: 1023px) {
  .c-title--h2 {
    margin-bottom: -2rem;
    font-size: 23.5897435897vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-title--h2 {
    font-size: 11.9791666667vw;
  }
}

.c-title--h3 {
  font-size: 2.8550512445vw;
  letter-spacing: 0.1em;
  font-weight: lighter;
  line-height: 1.4102564103;
  color: #8C8C8F;
}

@media screen and (max-width: 1023px) {
  .c-title--h3 {
    font-size: 5.641025641vw;
    letter-spacing: 0.03em;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-title--h3 {
    font-size: 3.125vw;
  }
}

.c-title--h4 {
  margin-bottom: 3.5714285714rem;
  font-size: 2.196193265vw;
  color: #8C8C8F;
  letter-spacing: 0.1em;
  font-weight: lighter;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .c-title--h4 {
    margin-bottom: 2.5rem;
    font-size: 5.641025641vw;
    line-height: 1.5909090909;
    letter-spacing: 0.03em;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-title--h4 {
    font-size: 3.3854166667vw;
  }
}

.c-image {
  width: 100%;
  height: auto;
}

.c-button {
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: 100em;
  border: 1px solid #333;
  padding-top: 1.0833333333em;
  padding-bottom: 1.0833333333em;
  width: 100%;
  font-size: 0.878477306vw;
  text-align: center;
  line-height: 1.3333333333;
  transition: opacity 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

@media screen and (max-width: 1023px) {
  .c-button {
    padding-top: 1.0833333333em;
    padding-bottom: 1.0833333333em;
    font-size: 3.0769230769vw;
    line-height: 1.3333333333;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-button {
    padding-top: 1.3571428571em;
    padding-bottom: 1.3571428571em;
    font-size: 1.8229166667vw;
    line-height: 1.4285714286;
  }
}

.c-button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: #3e3e40;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 100em;
}

.c-button__inner {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  padding-right: 1.5em;
  padding-left: 1.5em;
}

.c-button__label {
  display: block;
  padding-right: 2em;
  padding-left: 2em;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.c-button__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding-right: 0.4166666667em;
}

@media screen and (max-width: 1023px) {
  .c-button__icon {
    padding-right: 0.3333333333em;
  }
}

.c-button--backtotop {
  position: relative;
  width: 3.1428571429rem;
  height: 3.1428571429rem;
  background: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-button--backtotop {
    width: 3.6666666667rem;
    height: 3.6666666667rem;
  }
}

.c-button--backtotop .c-button__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-button--backtotop .c-button__label {
  display: block;
  width: 100%;
  height: 100%;
  color: #282829;
  font-size: 1.4641288433vw;
  text-align: center;
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .c-button--backtotop .c-button__label {
    font-size: 5.1282051282vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-button--backtotop .c-button__label {
    font-size: 5.2083333333vw;
  }
}

.c-button--backtotop .c-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-button--theme-blur {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  will-change: backdrop-filter;
}

.c-button--theme-blur::before {
  background-color: white;
}

.c-button--theme-discord {
  background-color: #3e3e40;
  color: #FFFFFF;
  font-size: 0.9516837482vw;
}

.c-button--theme-discord::before {
  background-color: #333333;
}

.c-button--theme-discord .c-button__inner {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 1023px) {
  .c-button--theme-discord {
    font-size: 3.3333333333vw;
    padding-top: 0.9230769231em;
    padding-bottom: 0.9230769231em;
  }
}

.c-button--theme-discord .c-icon {
  display: none;
}

.c-button--theme-border-1 {
  border-color: #FFFFFF;
}

.c-button--theme-border-2 {
  border-color: rgba(255, 255, 255, 0.25);
}

.c-button--theme-border-3 {
  border: 1px solid #C3002F;
}

.c-button--theme-border-4 {
  border: 1px solid transparent;
}

.c-button--theme-background-1 {
  background: #282829;
  color: #FFFFFF;
}

.c-button--theme-background-2 {
  background: #FFFFFF;
  color: #282829;
}

.c-button--theme-background-3 {
  background: #C3002F;
  color: #FFFFFF;
}

.c-button--theme-background-3::before {
  background: #FFFFFF;
}

.c-button--theme-background-3:hover .c-button__label,
.c-button--theme-background-3:hover .c-icon--navigate-next.c-icon--navigate-next::after {
  color: #C3002F;
}

.c-button--theme-background-3:hover {
  opacity: 0.5;
}

.c-button--theme-background-4 {
  background: rgba(255, 255, 255, 0.17);
  -webkit-backdrop-filter: blur(1.5rem);
  backdrop-filter: blur(1.5rem);
  border: 1px solid #ffffff !important;
  color: #ffffff;
}

.c-button--theme-background-4::before {
  background: rgba(255, 255, 255, 0.17);
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
}

.c-button--theme-background-5 {
  background-color: #C6C6C6;
  color: #FFFFFF;
}

.c-button--theme-background-6 {
  background-color: #333333;
}

.c-button--theme-background-7 {
  background: #000000;
  color: #FFFFFF;
}

.c-button--theme-background-7::before {
  background: #ffffff;
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
}

.c-button--theme-comingsoon {
  pointer-events: none;
}

.c-button--theme-comingsoon .c-button__label {
  padding-right: 0;
}

.c-button--is-disabled {
  background: #A8A8A8;
  border-color: #A8A8A8;
  cursor: default;
}

.is-mouse .c-button::before {
  transition: transform 0.15s ease-out;
}

.is-mouse .c-button:hover {
  color: #FFFFFF;
}

.is-mouse .c-button:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.is-mouse .c-button--theme-blur:hover {
  color: #3E3E40;
}

.is-mouse .c-button--theme-blur:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.is-mouse .c-button--is-disabled:hover::before {
  display: none;
}

.is-mouse .c-button--backtotop:hover::before {
  background-color: #333333;
}

.is-mouse .c-button--backtotop:hover .c-button__label {
  color: #FFFFFF;
}

.is-mouse.is-theme-light .c-button--theme-blur:hover {
  color: #3E3E40;
}

.is-mouse.is-theme-light .c-button--theme-blur:hover::before {
  background-color: white;
}

.is-mouse .c-button-black:hover {
  color: #000000;
}

.c-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--width);
  height: var(--height);
  z-index: 0;
  pointer-events: none;
}

.c-link {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}

.c-link--text {
  color: #2B80EF;
}

.c-page--top .c-link--text,
.c-page--howto .c-link--text,
.c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .c-link--text,
.c-page--portable .c-link--text,
.c-page--latest-information .c-link--text {
  padding-right: 1.5em;
}

.c-link--text-only {
  color: #2B80EF;
}

.c-link--text.c-icon--blank::after {
  font-size: 0.7692307692em;
}

.c-link--text::after {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 1.5em;
  transform: translateY(-50%);
}

.c-link--text .c-link__text {
  display: inline;
}

.is-mouse .c-link--text {
  transition: opacity 0.15s ease-out;
}

.is-mouse .c-link--text:hover {
  opacity: 0.6;
}

.c-section {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.c-section__inner {
  padding-top: 10.980966325%;
  padding-bottom: 10.980966325%;
  padding-right: 7.1742313324%;
  padding-left: 7.1742313324%;
}

@media screen and (max-width: 1023px) {
  .c-section__inner {
    padding-top: 25.641025641%;
    padding-bottom: 25.641025641%;
    padding-right: 10.2564102564%;
    padding-left: 10.2564102564%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-section__inner {
    padding-right: 6.9010416667%;
    padding-left: 6.9010416667%;
  }
}

.c-section__inner-invalid {
  margin-right: -8.3760683761%;
  margin-left: -8.3760683761%;
}

@media screen and (max-width: 1023px) {
  .c-section__inner-invalid {
    margin-right: -12.9032258065%;
    margin-left: -12.9032258065%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-section__inner-invalid {
    margin-right: -8.0060422961%;
    margin-left: -8.0060422961%;
  }
}

.c-description {
  font-size: 1.0248901903vw;
  letter-spacing: 0.05em;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .c-description {
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-description {
    font-size: 1.953125vw;
    letter-spacing: 0.05em;
  }
}

.c-definition {
  overflow: hidden;
  margin-top: 2.1428571429rem;
  border-radius: 1.1428571429rem;
  text-align: center;
  box-shadow: 0px 0.5714285714rem 1.1428571429rem rgba(57, 91, 121, 0.2);
}

@media screen and (max-width: 1023px) {
  .c-definition {
    margin-top: 1.6666666667rem;
    border-radius: 0.8333333333rem;
    text-align: center;
    box-shadow: 0px 0.6666666667rem 1.3333333333rem rgba(57, 91, 121, 0.2);
  }
}

.c-definition__title {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.0248901903vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
  background: #3E3E40;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-definition__title {
    padding-top: 0.1666666667rem;
    padding-bottom: 0.1666666667rem;
    font-size: 3.3333333333vw;
    line-height: 2;
  }
}

.c-definition__description {
  background: #FFFFFF;
  padding-top: 0.7142857143rem;
  padding-bottom: 0.7142857143rem;
  font-size: 1.0980966325vw;
  letter-spacing: 0.05em;
  line-height: 1.9333333333;
}

@media screen and (max-width: 1023px) {
  .c-definition__description {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 3.8461538462vw;
  }
}

.c-definition__description span {
  font-size: 2.1229868228vw;
  line-height: 1.3103448276;
  padding-right: 0.2em;
  padding-left: 0.2em;
}

@media screen and (max-width: 1023px) {
  .c-definition__description span {
    font-size: 6.4102564103vw;
    line-height: 1.32;
  }
}

.c-definition--theme-1 .c-definition {
  border-radius: 0.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-definition--theme-1 .c-definition {
    border-radius: 0.8333333333rem;
  }
}

.c-definition--theme-1 .c-definition__description span {
  font-size: 1.8301610542vw;
}

@media screen and (max-width: 1023px) {
  .c-definition--theme-1 .c-definition__description span {
    font-size: 6.4102564103vw;
  }
}

.c-discord__title {
  text-align: center;
}

.c-discord__title .c-icon {
  display: block;
  margin-bottom: 1.4285714286rem;
  font-size: 2.196193265vw;
}

.c-discord__title .c-icon::after {
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-discord__title .c-icon {
    margin-bottom: 1.3333333333rem;
    font-size: 11.5384615385vw;
  }

  .c-discord__title .c-icon::after {
    background: #000 no-repeat;
    -webkit-mask: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_discord_1.svg);
    mask: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_discord_1.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}

.c-discord__title .title {
  display: block;
  font-size: 1.0248901903vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .c-discord__title .title {
    font-size: 3.5897435897vw;
  }
}

.c-discord__description {
  margin-top: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-discord__description {
    margin-top: 1.6666666667rem;
  }
}

.c-discord__items {
  display: flex;
  flex-align: center;
  justify-content: space-between;
}

.c-discord__item .c-link {
  display: block;
}

.c-discord__item--apple {
  width: 7.7857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-discord__item--apple {
    width: 9.0833333333rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-discord__item--apple {
    width: 15.26rem;
  }
}

.c-discord__item--google {
  width: 9.6428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-discord__item--google {
    width: 11.25rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-discord__item--google {
    width: 18.9rem;
  }
}

.c-discord__link {
  margin-top: 1.4285714286rem;
  font-size: 0.878477306vw;
  letter-spacing: 0.05em;
  line-height: 1.6333333333;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-discord__link {
    margin-top: 1.6666666667rem;
    font-size: 3.0769230769vw;
  }
}

.c-discord--theme-1 {
  background: #FFFFFF;
  border-radius: 1.4285714286rem;
  padding-top: 2.1428571429rem;
  padding-right: 2rem;
  padding-bottom: 2.1428571429rem;
  padding-left: 2rem;
}

@media screen and (max-width: 1023px) {
  .c-discord--theme-1 {
    border-radius: 1.6666666667rem;
    padding-top: 1.3333333333rem;
    padding-right: 1.25rem;
    padding-bottom: 1.3333333333rem;
    padding-left: 1.25rem;
  }
}

.c-discord--theme-1 .c-discord__title {
  line-height: 1;
}

.c-discord--theme-1 .c-discord__title .c-icon,
.c-discord--theme-1 .c-discord__title .title {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

.c-discord--theme-1 .c-discord__title .c-icon {
  padding-right: 0.3em;
  font-size: 2.0497803807vw;
}

@media screen and (max-width: 1023px) {
  .c-discord--theme-1 .c-discord__title .c-icon {
    font-size: 3.0769230769vw;
  }
}

.c-discord--theme-1 .c-discord__title .c-icon::after {
  background: #000 no-repeat;
  -webkit-mask: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_discord_1.svg);
  mask: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_discord_1.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.c-discord--theme-1 .c-discord__title .title {
  font-size: 1.317715959vw;
}

@media screen and (max-width: 1023px) {
  .c-discord--theme-1 .c-discord__title .title {
    font-size: 2.5641025641vw;
  }
}

.c-discord--theme-1 .c-discord__item--apple {
  width: 10.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-discord--theme-1 .c-discord__item--apple {
    width: 6.9166666667rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-discord--theme-1 .c-discord__item--apple {
    width: 16.6rem;
  }
}

.c-discord--theme-1 .c-discord__item--google {
  width: 13.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-discord--theme-1 .c-discord__item--google {
    width: 8.5rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-discord--theme-1 .c-discord__item--google {
    width: 20.4rem;
  }
}

.c-discord--theme-1 .c-discord__link {
  font-size: 1.317715959vw;
}

@media screen and (max-width: 1023px) {
  .c-discord--theme-1 .c-discord__link {
    font-size: 2.5641025641vw;
    margin-top: 1.3333333333rem;
  }
}

.c-discord--theme-1 .c-discord__link .c-link {
  color: #555557;
  text-decoration: underline;
}

.c-video {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-video {
    border-radius: 1.6666666667rem;
  }
}

.c-video video {
  width: 100%;
}

.c-video__thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  opacity: 1;
  width: 100%;
}

.c-video__thumb.is-play {
  opacity: 0;
  pointer-events: none;
}

.c-video__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.c-video__overlay .c-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5.4904831625vw;
}

@media screen and (max-width: 1023px) {
  .c-video__overlay .c-icon {
    font-size: 10.2564102564vw;
  }
}

.c-float-buttons {
  position: fixed;
  bottom: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  z-index: 101;
  margin-right: 1.1428571429rem;
  margin-bottom: 1.4285714286rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-out;
}

@media screen and (max-width: 1023px) {
  .c-float-buttons {
    flex-direction: column;
    align-items: flex-end;
    box-sizing: border-box;
    margin-right: 1.3333333333rem;
    margin-bottom: 1.6666666667rem;
    margin-left: 5.1282051282%;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-float-buttons,
  .c-page--portable .c-float-buttons,
  .c-page--lp .c-float-buttons {
    flex-direction: column;
    align-items: flex-end;
  }

  .c-page--latest-information .c-float-buttons .c-open-passport--exclude-top,
  .c-page--portable .c-float-buttons .c-open-passport--exclude-top,
  .c-page--lp .c-float-buttons .c-open-passport--exclude-top {
    order: 2;
    border: 1px solid #333;
    margin-top: 0.7142857143rem;
  }

  .c-page--latest-information .c-float-buttons .c-button--backtotop,
  .c-page--portable .c-float-buttons .c-button--backtotop,
  .c-page--lp .c-float-buttons .c-button--backtotop {
    order: 1;
  }

  .c-page--latest-information .c-float-buttons .c-button:last-child,
  .c-page--portable .c-float-buttons .c-button:last-child,
  .c-page--lp .c-float-buttons .c-button:last-child {
    margin-right: 0.7142857143rem;
  }
}

@media screen and (max-width: 1023px) {
  .is-special {
    left: 0;
    right: auto;
  }
}

.c-open-passport--exclude-top {
  flex: 1;
}

@media screen and (max-width: 1023px) {
  .c-open-passport--exclude-top {
    order: 2;
    margin-top: 0.8333333333rem;
  }
}

.c-float-buttons .c-button {
  box-shadow: 0px 1.1428571429rem 1.4285714286rem rgba(57, 91, 121, 0.2);
  position: relative;
  top: 0;
  left: 0;
  border: none;
  pointer-events: none;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding-top: 0.8571428571rem;
  padding-bottom: 0.8571428571rem;
  margin-right: 0.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-float-buttons .c-button {
    margin-right: 0;
  }
}

.c-float-buttons .c-button:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1023px) {
  .c-float-buttons .c-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-float-buttons .c-button {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}

.c-float-buttons .c-button__inner {
  width: 100%;
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.c-float-buttons .c-button__label {
  display: block;
  position: relative;
}

.c-float-buttons .c-button--backtotop {
  filter: drop-shadow(0px 1.1428571429rem 1.4285714286rem rgba(57, 91, 121, 0.2));
}

@media screen and (max-width: 1023px) {
  .c-float-buttons .c-button--backtotop {
    order: 1;
    filter: drop-shadow(0px 1.3333333333rem 1.6666666667rem rgba(57, 91, 121, 0.2));
  }
}

.c-float-buttons .c-button--theme-border-1 {
  border-color: #FFFFFF;
}

.c-float-buttons .c-button--theme-border-2 {
  border-color: rgba(255, 255, 255, 0.25);
}

.c-float-buttons .c-button--theme-background-1 {
  background: #282829;
  color: #FFFFFF;
}

.c-float-buttons .c-button--theme-background-2 {
  background: #FFFFFF;
  color: #282829;
}

.is-scrolled .c-float-buttons {
  opacity: 1;
  pointer-events: auto;
}

.is-scrolled .c-float-buttons .c-button {
  pointer-events: auto;
}

.c-attention__block {
  overflow: hidden;
  border-radius: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-attention__block {
    border-radius: 1.3333333333rem;
  }
}

.c-attention__title {
  padding: 0.7142857143rem;
  background: #C10834;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.0248901903vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .c-attention__title {
    padding: 0.1666666667rem;
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
    line-height: 2;
  }
}

.c-attention__description {
  padding: 2.1428571429rem 1.8928571429rem;
  line-height: 1.4769230769;
  color: #C10834;
  background: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-attention__description {
    padding: 1.25rem 2.2083333333rem 1.6666666667rem;
    line-height: 1.6;
    font-size: 3.0769230769vw;
  }
}

@media screen and (min-width: 1024px) {
  body.is-menu-open .c-header__logo {
    opacity: 1;
  }
}

body.is-menu-open .c-header__navigation {
  pointer-events: none;
}

.content-logo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 124px;
  mix-blend-mode: exclusion;
}

@media screen and (min-width: 1024px) {
  .content-logo {
    padding: 27px;
  }
}

.content-logo .c-link {
  display: block;
}

.c-header {
  position: fixed;
  width: 100%;
  mix-blend-mode: exclusion;
  pointer-events: none;
  color: #FFFFFF;
  z-index: 10002;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

@media screen and (min-width: 1024px) {
  .c-header {
    font-size: 14px;
  }
}

.c-header__content {
  display: flex;
  align-items: center;
}

.c-header__navigation {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

@media screen and (max-width: 1023px) {
  .c-header__navigation {
    font-size: 5.1282051282vw;
    line-height: 0;
    margin-right: 1em;
  }

  .c-header__navigation .navigation__item {
    margin-left: 1.25em;
  }

  .c-header__navigation .navigation__item:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-header__navigation {
    font-size: 2.6041666667vw;
    line-height: 0;
    margin-right: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .c-header__navigation .navigation__item {
    margin-right: 2.8571428571em;
  }

  .c-header__navigation .navigation__item .labal,
  .c-header__navigation .navigation__item .icon1,
  .c-header__navigation .navigation__item .icon2 {
    display: inline-block;
    vertical-align: middle;
  }

  .c-header__navigation .navigation__item .icon1 {
    position: relative;
    padding-right: 0.2em;
    font-size: 22px;
  }

  .c-header__navigation .navigation__item .icon2 {
    position: relative;
    padding-left: 0.4em;
  }

  .c-header__navigation .navigation__item .icon2 .c-icon:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
  }

  .c-header__navigation .navigation__link {
    pointer-events: auto;
    transition-property: background, opacity;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
  }
}

.display-flex-sp {
  display: flex;
}

.c-header__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
}

@media screen and (max-width: 1023px) {
  .c-header__inner {
    padding: 3.8461538462% 3.3333333333% 3.8461538462% 5.1282051282%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-header__inner {
    padding: 1.953125% 1.6927083333% 1.953125% 2.6041666667%;
  }
}

.c-header__logo {
  width: 136px;
  pointer-events: auto;
  line-height: 0;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  .c-header__logo {
    opacity: 0;
  }
}

@media screen and (max-width: 1023px) {
  .c-header__logo {
    width: 30.81232493%;
    max-width: 100%;
  }
}

.c-header__logo .c-link {
  display: block;
  width: 100%;
}

.c-header__navigation .navigation {
  text-align: center;
  white-space: nowrap;
}

.c-header__navigation .navigation__item {
  display: inline-block;
}

.c-header__menu {
  position: relative;
  width: 32px;
  padding-top: 32px;
  height: 0;
  pointer-events: none;
}

@media screen and (max-width: 1023px) {
  .c-header__menu {
    width: 2.6666666667rem;
    padding-top: 2.6666666667rem;
  }
}

.c-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-menu__button {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding: 31.25% 21.875%;
  pointer-events: auto;
  line-height: 0;
}

.c-menu .button {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-menu .button::before,
.c-menu .button span,
.c-menu .button::after {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  border-radius: 1em;
  transition-property: background, opacity, transform, top;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
}

.c-menu .button::before {
  top: 0%;
}

.c-menu .button span {
  top: 50%;
}

.c-menu .button::after {
  top: 100%;
}

.c-menu__content {
  position: fixed;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background: #FFFFFF;
  transform: translateX(100%);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  top: var(--header-height);
  height: calc(100% - var(--header-height));
}

@media screen and (min-width: 1024px) {
  .c-menu__content {
    box-sizing: content-box;
    max-width: calc(390px + var(--scrollbar-width));
  }
}

.c-menu .navigation {
  height: 100%;
  max-height: 100%;
  border-top: 1px solid #F5F5F7;
  font-size: 1.0248901903vw;
  letter-spacing: 0.05em;
  line-height: 1.2142857143;
  color: #282829;
}

@media screen and (min-width: 1024px) {
  .c-menu .navigation {
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .c-menu .navigation {
    font-size: 3.5897435897vw;
  }
}

.c-menu .navigation::-webkit-scrollbar {
  display: none;
}

.c-menu .navigation__items--content .navigation__item {
  border-bottom: 1px solid #F5F5F7;
}

.c-menu .navigation__items--content .navigation__link {
  display: block;
  padding-top: 6.4102564103%;
  padding-right: 2.5641025641%;
  padding-bottom: 6.4102564103%;
  padding-left: 4.1025641026%;
  text-align: left;
}

.c-menu .navigation__items--content .navigation__link .icon {
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}

.c-menu .navigation__items--content .navigation__link .icon--target-self,
.c-menu .navigation__items--content .navigation__link .icon--target-blank {
  right: 0.8333333333rem;
  font-size: 1.9033674963vw;
}

@media screen and (max-width: 1023px) {

  .c-menu .navigation__items--content .navigation__link .icon--target-self,
  .c-menu .navigation__items--content .navigation__link .icon--target-blank {
    font-size: 4.1025641026vw;
  }
}

@media screen and (min-width: 1024px) {

  .c-menu .navigation__items--content .navigation__link .icon--target-self,
  .c-menu .navigation__items--content .navigation__link .icon--target-blank {
    font-size: 28px;
  }
}

.c-menu .navigation__items--content .navigation__link .icon--target-blank {
  right: 1.4285714286rem;
  font-size: 1.0248901903vw;
}

@media screen and (max-width: 1023px) {
  .c-menu .navigation__items--content .navigation__link .icon--target-blank {
    right: 1.1666666667rem;
    font-size: 2.5641025641vw;
  }
}

.c-menu .navigation__items--content .navigation__link .label {
  display: block;
  padding-right: 2.4166666667rem;
}

.c-menu .navigation__items--sns {
  padding-top: 3.3333333333rem;
  padding-bottom: 3.3333333333rem;
  text-align: center;
}

.c-menu .navigation__items--sns .navigation__item {
  display: inline-block;
  width: 4rem;
  text-align: center;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-menu .navigation__items--sns .navigation__item {
    width: 4.6666666667rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-menu .navigation__items--sns .navigation__item {
    width: 48px;
    margin-right: 15px;
    margin-left: 15px;
  }
}

.c-menu .navigation__items--sns .navigation__item .c-link {
  display: block;
}

.c-menu .navigation__items--sns .navigation__item .sns__text {
  margin-top: 0.2em;
  margin-right: -2em;
  margin-left: -2em;
  font-size: 3.0769230769vw;
}

@media screen and (min-width: 1024px) {
  .c-menu .navigation__items--sns .navigation__item .sns__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-menu .navigation__items--sns .navigation__item .sns__text {
    font-size: 1.8229166667vw;
  }
}

body .c-header-background {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  position: fixed;
  z-index: 10001;
  top: 0;
  right: 0;
  opacity: 1 !important;
  transition-property: background;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  body .c-header-background {
    background: rgba(0, 0, 0, 0);
  }
}

body .c-header::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

body.is-menu-open {
  overflow: hidden;
}

body.is-menu-open [data-menu-scrollable] {
  overflow-y: scroll;
  scrollbar-width: none;
}

body.is-menu-open ::-webkit-scrollbar {
  width: 0px;
}

body.is-menu-open .c-header-background {
  opacity: 1;
  pointer-events: auto;
  background: white;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}

@media screen and (min-width: 1024px) {
  body.is-menu-open .c-header-background {
    background: rgba(0, 0, 0, 0.5);
  }
}

body.is-menu-open .c-header {
  mix-blend-mode: unset;
  pointer-events: auto;
}

body.is-menu-open .c-header__inner {
  overflow-y: scroll;
}

body.is-menu-open .c-header__logo {
  mix-blend-mode: difference;
}

body.is-menu-open .c-header__navigation .navigation__link {
  color: #000;
}

body.is-menu-open .c-header__navigation .navigation__item .c-icon:nth-child(1) {
  opacity: 0;
}

body.is-menu-open .c-header__navigation .navigation__item .c-icon:nth-child(2) {
  opacity: 1;
}

body.is-menu-open .c-header::before {
  opacity: 1;
}

body.is-menu-open .c-menu .button::before,
body.is-menu-open .c-menu .button span,
body.is-menu-open .c-menu .button::after {
  background: #000;
}

body.is-menu-open .c-menu .button span {
  opacity: 0;
}

body.is-menu-open .c-menu .button::before {
  top: 50%;
  transform: rotate(45deg);
}

body.is-menu-open .c-menu .button::after {
  top: 50%;
  transform: rotate(-45deg);
}

body.is-menu-open .c-menu__content {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

:root {
  --header-height: 5.1666666667rem;
}

.c-float-banner {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 9999;
  opacity: 1;
  width: 53.9285714286rem;
  height: 11.3571428571rem;
  border-radius: 1.1428571429rem 1.1428571429rem 0 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/TOP/HERO/banner_bg.png);
  background-repeat: no-repeat;
  background-size: 193%;
  background-position: -30% center;
  color: #ffffff;
  transition: transform 0.5s ease 0.5s, opacity 0.5s ease;
}

@media screen and (min-width: 1366px) {
  .c-float-banner {
    width: 755px;
    height: 162px;
    gap: 55px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner {
    gap: 3.928571429rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner {
    width: 100%;
    gap: 0.8333333333rem;
    height: 15rem;
    justify-content: center;
    background-size: 155%;
    background-position: 0% center;
    border-radius: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-float-banner {
    justify-content: flex-start;
    /* background-size: 183%; */
    /* background-position: 24% center; */
  }
}

.c-float-banner .banner-img-wrap {
  flex-shrink: 0;
}

@media screen and (min-width: 1366px) {
  .c-float-banner .banner-img-wrap {
    width: 220px;
    height: 162px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .banner-img-wrap {
    width: 15.714285714rem;
    height: 11.3571428571rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner .banner-img-wrap {
    width: 13rem;
    height: 15rem;
    order: 2;
  }
}

.c-float-banner .banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-float-banner .banner-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1366px) {
  .c-float-banner .banner-container {
    gap: 27px;
    padding: 20px 39px 20px 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .banner-container {
    gap: 1.928571429rem;
    padding: 1.4285714286rem 2.7857142856463418rem 1.4285714286rem 0;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner .banner-container {
    flex-direction: column;
    order: 1;
    padding: 1.4166666667rem 0 1.4166666667rem 1.4166666667rem;
  }
}

@media screen and (min-width: 1366px) {
  .c-float-banner .banner-container {
    flex-grow: 1;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .banner-container {
    flex-grow: 1;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner .banner-container {
    flex-grow: 0;
  }
}

.c-float-banner .banner-title {
  letter-spacing: 0;
  font-weight: 700;
}

.text-nissan {
  font-family: ShinGoPro-Bold, sans-serif !important;
}

@media screen and (min-width: 1366px) {
  .c-float-banner .banner-title {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .banner-title {
    font-size: 2.0497803807vw !important;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner .banner-title {
    font-size: 4.8717948718vw !important;
    margin-bottom: 0.8333333333rem;
  }
}

.c-float-banner .season2 {
  font-weight: 100;
}

@media screen and (min-width: 1366px) {
  .c-float-banner .banner-text {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .banner-text {
    font-size: 1.3177429206vw;
    margin-bottom: 0.3571428571rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner .banner-text {
    font-size: 3.3333333333vw;
    letter-spacing: 0.1em;
    margin-bottom: 0.8333333333rem;
  }
}

@media screen and (min-width: 1366px) {
  .c-float-banner .button .c-button {
    width: 291px;
    padding: 13px 6px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .button .c-button {
    width: 20.785714286rem;
    padding:  0.928571429rem 0.4285714286rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner .button .c-button {
    width: 24rem;
    position: absolute;
    bottom: 1.4166666667rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1366px) {
  .c-float-banner .button .c-button .c-button__label {
    font-size: 12px;
  }
}

@media screen and (min-width: 1366px) {
  .c-float-banner .button .c-button .c-icon--navigate-next::after {
    font-size: 24px;
  }
}

.c-float-banner .circle {
background: linear-gradient(to bottom left, #060C22 20%, #193FCE);
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
}

@media screen and (min-width: 1366px) {
  .c-float-banner .circle {
    width: 106px;
    height: 106px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .circle {
    width: 7.5714285714rem;
    height: 7.5714285714rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner .circle {
    padding-left: 1.0833333333em;
    padding-right: 1.0833333333em;
    border-radius: 0;
  }
}

.c-float-banner .circle-text-pc10 {
  border-bottom: 1px solid #FFFFFF;
}

@media screen and (min-width: 1366px) {
  .c-float-banner .circle-text-pc10 {
    padding-bottom: 3px;
    font-size: 10px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .circle-text-pc10 {
    padding-bottom: 0.214285714rem;
    font-size: 0.7320644217vw;
  }
}

@media screen and (min-width: 1366px) {
  .c-float-banner .circle-text-pc11 {
    font-size: 11px;
    margin-top: 3px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .circle-text-pc11 {
    font-size: 0.8052708639vw;
    margin-top: 0.214285714rem;
  }
}

@media screen and (min-width: 1366px) {
  .c-float-banner .circle-text-bold {
    font-size: 21px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .c-float-banner .circle-text-bold {
    font-size: 1.5373352856vw;
  }
}

.c-float-banner .text-sp {
  font-size: 3.3333333333vw;
}

.c-float-banner .text-bold-sp {
  font-weight: 600;
}

.text-inter {
  font-family: 'Inter', sans-serif !important;
}

.reword {

}

@media screen and (max-width: 1023px) {
  .reword {
  }
}

@media screen and (min-width: 1024px) {
  .c-float-banner.is-fade-out {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0s ease 0.5s;
  }
}

@media screen and (max-width: 1023px) {
  .c-float-banner.is-slide-out {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  }
  
  .c-float-banner.is-slide-in {
    transform: translateX(-50%);
    opacity: 1;
  }
}

.c-float-banner-small.is-slide-in {
  transform: translateX(0);
}

@media screen and (max-width: 1023px) {
  .c-float-banner-small.is-slide-in {
    transform: translateX(0);
    transition: transform 0.5s ease 0.5s, opacity 0.15s ease-out !important;
  }
}

.season-event {
  position: relative;
}

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

.text__small {
  font-size: 0.7142857143rem;
  color: #FFFFFF;
  text-align: center;
}

.text__regular {
  font-size: 1rem;
  color: #FFFFFF;
}

@media screen and (min-width: 1366px) {
  .text__regular {
    font-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .text__regular {
    font-size: 1.1666666667rem;
  }
}

.heading {
  font-size: 1.6428571429rem;
  color: #FFFFFF;
  font-family: "Nissan Brand Bold", sans-serif !important;
  font-weight: 600;
}

@media screen and (min-width: 1366px) {
  .heading {
    font-size: 23px;
  }
}

@media screen and (max-width: 1023px) {
  .heading {
    font-size: 1.5rem;
  }
}

.text__medium {
  font-size: 1.2857142857rem;
  color: #FFFFFF;
}

@media screen and (min-width: 1366px) {
  .text__medium {
    font-size: 18px;
  }
}

@media screen and (max-width: 1023px) {
  .text__medium {
    font-size: 1.3333333333rem;
  }
}

.season-event .icons__item {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(calc(100% + 0.5856515373vw));
  width: 4.1428571429rem;
  padding-top: 4.1428571429rem;
}

@media screen and (min-width: 1366px) {
  .season-event .icons__item {
    transform: translateX(calc(100% + 8px));
    width: 58px;
    padding-top: 58px;
  }
}

@media screen and (max-width: 1023px) {
  .season-event .icons__item {
    transform: translateX(calc(100% + 1.2rem)) translateY(-10%);
    width: 4.8333333333rem;
    padding-top: 4.8333333333rem;
  }
}

.season-event .icons__item .icons__outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  background: #ffffff;
  border-radius: 100em;
}

.season-event .icons__item .icons__inner {
  width: 100%;
}

.season-event .icons__item .icons__inner .icons__text {
  font-size: 0.8052708639vw;
}

@media screen and (min-width: 1366px) {
  .season-event .icons__item .icons__inner .icons__text {
    font-size: 11px;
  }
}

@media screen and (max-width: 1023px) {
  .season-event .icons__item .icons__inner .icons__text {
    font-size: 0.9166666667rem;
  }
}

.season-event .icons__item .icons__arrow {
  bottom: 0;
  left: 0;
  transform: rotate(150deg) translate(-50%, 180%);
  display: block;
  position: absolute;
  font-size: 0.5856515373vw;
}

@media screen and (min-width: 1366px) {
  .season-event .icons__item .icons__arrow {
    font-size: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .season-event .icons__item .icons__arrow {
    transform: rotate(150deg) translate(0%, 100%);
    font-size: 1.2rem;
  }
}

.c-float-banner-small {
  position: fixed;
  z-index: 9999;
  border-radius: 1.1428571429rem 0 0 1.1428571429rem;
  right: 0;
  left: auto;
  bottom: 7.1428571429rem;
  width: 8.214285714rem;
  height: 6.428571429rem;
  padding: 1.0714285714rem;
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/TOP/HERO/banner_bg.png);
  background-repeat: no-repeat;
  background-size: 315%;
  background-position: 4% center;
  color: #FFFFFF;
  text-align: center;
  transform: translateX(100%);
  transition: transform 0.5s ease 0s, opacity 0.15s ease-out !important;
  /* .is-mouse aのtransitionとの競合を避けている */
}

@media screen and (max-width: 1023px) {
  .c-float-banner-small {
    bottom: 1rem;
  }
}

.reword {
  font-size: 1.1713030747vw;;
}

@media screen and (max-width: 1023px) {
  .reword {
    font-size: 3.3333333333vw;
  }
}

.c-float-banner-small .season2 {
  font-size: 1.0248901903vw;
}

@media screen and (max-width: 1023px) {
  .c-float-banner-small .season2 {
    font-size: 2.8205128205vw;
  }
}

.benefit-information {
  font-size: 1.0980966325vw;
}

@media screen and (max-width: 1023px) {
  .benefit-information {
    font-size: 3.0769230769vw;
  }
}

.c-float-banner-small .season-event {
  width: 100%;
}

.c-navigation {
  overflow: hidden;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9998;
  mix-blend-mode: exclusion;
  color: #FFFFFF;
  pointer-events: none;
  white-space: nowrap;
  max-width: 20%;
  font-size: 0.7320644217vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
  transition: opacity 0.15s ease-out;
  opacity: 0;
}

@media screen and (max-width: 1023px) {
  .c-navigation {
    max-width: 100%;
    top: var(--header-height);
    bottom: auto;
    left: 0;
    width: 100%;
    padding-right: 5.1282051282%;
    padding-left: 5.1282051282%;
    font-size: 2.8205128205vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-navigation {
    padding-right: 2.6041666667%;
    padding-left: 2.6041666667%;
    font-size: 2.0833333333vw;
  }
}

.c-navigation a {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  .c-navigation a {
    padding-bottom: 0.8333333333rem;
  }

  .c-navigation a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    opacity: 0;
  }
}

.c-navigation__list {
  scroll-behavior: smooth;
  overflow: auto;
  max-width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .c-navigation__list {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .c-navigation__list::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.4;
  }
}

.c-navigation__item {
  margin-top: 6px;
  opacity: 0.4;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

@media screen and (max-width: 1023px) {
  .c-navigation__item {
    margin-top: 0;
  }
}

.c-navigation__item:first-child {
  margin-top: 0;
}

.c-navigation__item.is-current {
  opacity: 1;
}

@media screen and (max-width: 1023px) {
  .c-navigation__item.is-current a::after {
    opacity: 1;
  }
}

.is-scrolled .c-navigation {
  opacity: 1;
}

.is-scrolled .c-navigation a {
  pointer-events: auto;
}

.is-scrolled .c-navigation-wrap {
  opacity: 1;
}

@media screen and (max-width: 1023px) {
  .is-scrolled .c-navigation-wrap {
    pointer-events: auto;
  }
}

.is-scrolled .c-navigation-wrap .c-navigation {
  pointer-events: auto;
}

.c-navigation-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease-out;
}

@media screen and (min-width: 1024px) {
  .c-navigation-wrap {
    mix-blend-mode: exclusion;
  }
}

.c-navigation-wrap::after {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  content: "";
  width: 13.5833333333rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
  opacity: 0.74;
  height: 100%;
}

.c-navigation-wrap .c-button {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  .c-navigation-wrap .c-button {
    background: #3E3E40;
  }
}

@media screen and (max-width: 1023px) {
  .c-navigation-wrap .c-button {
    position: absolute;
    top: 0;
    width: 25.8974358974%;
    margin-right: 1.6666666667em;
    margin-top: 1.0833333333em;
    padding-top: 0.6666666667em;
    padding-bottom: 0.6666666667em;
    bottom: auto;
    left: auto;
    z-index: 10000;
    background: #3E3E40;
  }

  .c-navigation-wrap .c-button .c-button__label {
    padding-left: 0.3333333333em;
  }

  .c-navigation-wrap .c-button .c-button__inner {
    padding-right: 0.25em;
    padding-left: 0.25em;
  }

  .c-navigation-wrap .c-button .c-button__icon {
    padding-right: 0;
    margin-right: -0.25em;
  }
}

.c-navigation-wrap .c-button--theme-background-2 {
  background: #FFFFFF;
  color: #282829;
}

.c-navigation-wrap .c-navigation {
  opacity: 1;
}

@media screen and (max-width: 1023px) {
  .c-navigation-wrap .c-navigation {
    position: relative;
    top: auto;
    bottom: 0;
    z-index: 0;
    padding-right: 0;
    padding-left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    mix-blend-mode: unset;
    color: #3E3E40;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    will-change: backdrop-filter;
  }

  .c-navigation-wrap .c-navigation .c-navigation__list::after {
    display: none;
  }

  .c-navigation-wrap .c-navigation .c-navigation__item:first-child {
    padding-left: 1rem;
  }

  .c-navigation-wrap .c-navigation .c-navigation__item:last-child {
    padding-right: 16.6666666667rem;
  }

  .c-navigation-wrap .c-navigation .c-navigation__link {
    padding-top: 1.6666666667rem;
    padding-right: 1rem;
    padding-bottom: 1.6666666667rem;
    padding-left: 1rem;
  }
}

@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .c-navigation-wrap .c-navigation .c-navigation__link {
    font-size: 3.5897435897vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-navigation-wrap .c-navigation .c-navigation__link::after {
    display: none;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-navigation-wrap .c-navigation .c-navigation__item:last-child {
    padding-right: 17.3333333333rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-navigation-wrap+.c-button {
    background: #333333;
  }
}

.c-navigation-wrap+.c-button--theme-background-2 {
  background: #FFFFFF;
  color: #282829;
}

.c-page--top .c-navigation-wrap::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 60%, #000 100%);
}

.c-side-navigation {
  position: fixed;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  mix-blend-mode: exclusion;
  opacity: 0;
  transition: opacity 0.15s sease-out;
  pointer-events: none;
}

.is-scrolled .c-side-navigation {
  opacity: 1;
}

@media screen and (max-width: 1023px) {
  .is-scrolled .c-side-navigation {
    pointer-events: auto;
  }
}

.c-side-navigation__item {
  opacity: 0.4;
}

.c-side-navigation__item+.c-side-navigation__item {
  margin-top: 2rem;
}

.c-side-navigation__item.is-current {
  opacity: 1;
}

.c-side-navigation__item.is-current .c-side-navigation__link {
  background-color: rgba(255, 255, 255, 1);
}

.c-side-navigation__item.is-current .c-side-navigation__link::after {
  opacity: 1;
}

.c-side-navigation__item.is-current .c-side-navigation__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 0.4166666667rem);
  height: calc(100% + 0.4166666667rem);
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
  pointer-events: none;
}

.c-side-navigation__link {
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: block;
  position: relative;
}

.c-footer {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
  padding-top: 2.8571428571em;
  padding-right: 1.75em;
  padding-bottom: 10em;
  padding-left: 1.75em;
  background: #282829;
  color: #BBBBBF;
  letter-spacing: 0.1em;
}

.c-footer small {
  font-size: 0.7320644217vw;
  line-height: 1.68;
}

@media screen and (max-width: 1023px) {
  .c-footer {
    padding-right: 1.6666666667em;
    padding-left: 1.6666666667em;
    padding-bottom: 11.6666666667em;
  }

  .c-footer small {
    font-size: 3.0769230769vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-footer {
    padding-right: 1.3333333333em;
    padding-left: 1.3333333333em;
  }

  .c-footer small {
    font-size: 2.0833333333vw;
  }
}

.c-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-footer .sns {
  white-space: nowrap;
}

.c-footer .sns .c-link {
  display: block;
}

.c-footer .sns__item {
  display: inline-block;
  text-align: center;
  width: 3.0714285714em;
  margin-left: 1.3571428571em;
}

@media screen and (max-width: 1023px) {
  .c-footer .sns__item {
    width: 3.2em;
    margin-left: 1.3333333333em;
  }
}

.c-footer .sns__text {
  font-size: 0.7320644217vw;
  margin-top: 0.4em;
  margin-right: -1em;
  margin-left: -1em;
}

@media screen and (max-width: 1023px) {
  .c-footer .sns__text {
    font-size: 1.5625vw;
  }
}

.c-background {
  position: relative;
  z-index: 1;
  transition-property: background, color;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  background: #FFFFFF;
  color: #282829;
}

.c-background path,
.c-background rect {
  fill: #282829;
  transition-property: fill;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.c-background--hero {
  background: none;
  color: #FFFFFF;
  z-index: 1;
}

.c-background--dark {
  background: #000;
  color: #FFFFFF;
}

.c-background--dark path,
.c-background--dark rect {
  fill: #FFFFFF;
}

.c-carousel {
  overflow: visible;
}

.c-carousel__wrapper {
  line-height: 1;
}

.c-carousel__ui {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 22.6939970717%;
  margin-inline: auto;
}

@media screen and (min-width: 1024px) {
  .c-carousel__ui {
    max-width: 310px;
  }
}

@media screen and (max-width: 1023px) {
  .c-carousel__ui {
    width: 76.3636363636%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-carousel__ui {
    width: 88.5106382979%;
  }
}

.c-carousel__ui::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 100em;
  box-shadow: 0px 1.1428571429em 1.1428571429em rgba(57, 91, 121, 0.05);
}

.c-carousel__button,
.c-carousel__pagination {
  position: relative;
  transition: none;
}

.c-carousel__button--next,
.c-carousel__button--prev {
  display: block;
  width: auto;
  height: auto;
  margin-top: 0;
  line-height: 0;
  padding-top: 3.8709677419%;
  padding-right: 3.8709677419%;
  padding-bottom: 3.8709677419%;
  padding-left: 3.8709677419%;
  color: #000;
}

@media screen and (max-width: 1023px) {

  .c-carousel__button--next,
  .c-carousel__button--prev {
    padding-top: 4.7619047619%;
    padding-right: 4.7619047619%;
    padding-bottom: 4.7619047619%;
    padding-left: 4.7619047619%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {

  .c-carousel__button--next,
  .c-carousel__button--prev {
    padding-top: 4.8076923077%;
    padding-right: 4.8076923077%;
    padding-bottom: 4.8076923077%;
    padding-left: 4.8076923077%;
  }
}

.c-carousel__button--next::after,
.c-carousel__button--prev::after {
  font-size: 1.4641288433vw;
  line-height: 1;
}

@media screen and (max-width: 1023px) {

  .c-carousel__button--next::after,
  .c-carousel__button--prev::after {
    font-size: 5.1282051282vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {

  .c-carousel__button--next::after,
  .c-carousel__button--prev::after {
    font-size: 2.6041666667vw;
  }
}

.c-carousel__button--next {
  right: 0;
}

.c-carousel__button--next::after {
  content: "\e409";
}

.c-carousel__button--prev {
  left: 0;
}

.c-carousel__button--prev::after {
  content: "\e408";
}

.c-carousel .swiper-pagination-fraction,
.c-carousel .swiper-pagination-custom,
.c-carousel .swiper-horizontal>.swiper-pagination-bullets,
.c-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
  top: auto;
  width: auto;
  line-height: 0;
}

.c-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.c-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.5em;
}

.c-carousel .swiper-button-disabled {
  color: #E1E1E6;
}

.c-carousel .swiper-pagination-bullet {
  display: inline-block;
  width: auto;
  height: auto;
  border-radius: unset;
  background: transparent;
  line-height: 0;
  color: #E1E1E6;
}

.c-carousel .swiper-pagination-bullet-active {
  color: #282829;
}

.c-carousel .swiper-pagination-bullet::after {
  content: "\ef4a";
  font-size: 0.5856515373vw;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .c-carousel .swiper-pagination-bullet::after {
    font-size: 2.0512820513vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-carousel .swiper-pagination-bullet::after {
    font-size: 1.0416666667vw;
  }
}

.is-mouse .c-carousel .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.is-mouse .c-carousel .c-carousel__button {
  transition: filter 0.15s ease-out, color 0.15s ease-out;
  will-change: filter;
}

.is-mouse .c-carousel .c-carousel__button:hover {
  color: #8C8C8F;
}

.is-mouse .c-carousel .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
  filter: opacity(0.6);
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loop {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

[data-intersection] {
  display: block;
}

.c-intersection--blinkAll {
  opacity: 0;
  animation-delay: 0.5s;
}

.c-intersection--blinkRandom {
  opacity: 0;
}

.c-intersection--blinkRandom span {
  opacity: 0;
}

.c-intersection--loopText {
  overflow: hidden;
  width: 100%;
}

.c-intersection--loopText .block {
  display: table;
  white-space: nowrap;
}

.c-intersection--loopText .block__item {
  display: table-cell;
}

.c-intersection--fadein {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.c-intersection--fadeinup {
  opacity: 0;
  transform: translateY(6rem);
  transition: opacity 2s cubic-bezier(0.16, 1, 0.3, 1), transform 2s cubic-bezier(0.16, 1, 0.3, 1);
}

.c-intersection--carousel .c-carousel .item {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.c-intersection--carousel .c-carousel__ui::before {
  width: 0;
  transition: width 0.6s 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.c-intersection--carousel .c-carousel__button,
.c-intersection--carousel .c-carousel__pagination span {
  opacity: 0;
}

/*-------------
   * add class with js.
   **/
body .c-blink {
  display: inline-block;
  animation: blink 0.25s linear forwards;
}

body .c-intersection--blinkAll {
  animation-delay: 0.5s;
}

body .is-intersection-in.c-intersection--fadein {
  opacity: 1;
}

body .is-intersection-in.c-intersection--fadeinup {
  opacity: 1;
  transform: translateY(0);
}

body .is-intersection-in.c-intersection--blinkRandom {
  opacity: 1;
}

body .is-intersection-in.c-intersection--loopText .block {
  animation: loop 30s linear infinite;
}

body .is-intersection-in.c-intersection--carousel .c-carousel .item {
  opacity: 1;
}

body .is-intersection-in.c-intersection--carousel .c-carousel__ui::before {
  width: 100%;
}

body .is-intersection-in.c-intersection--carousel .c-carousel__button,
body .is-intersection-in.c-intersection--carousel .c-carousel__pagination span {
  animation: blink 0.25s 0.9s linear forwards;
}

[data-indicate-scroll] {
  position: relative;
  top: 0;
  left: 0;
}

[data-indicate-scroll]::before,
[data-indicate-scroll]::after {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 4em;
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 1;
  pointer-events: none;
}

[data-indicate-scroll]::before {
  top: -1px;
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
}

[data-indicate-scroll]::after {
  bottom: -1px;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
}

[data-indicate-scroll].is-scroll-top::before {
  opacity: 0;
}

[data-indicate-scroll].is-scroll-bottom::after {
  opacity: 0;
}

@keyframes rotateMark {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

body.is-loaded.c-page--top {
  overflow: visible;
  height: auto;
}

body.is-loaded.c-page--top .content-loading {
  opacity: 0;
  pointer-events: none;
}

.c-page--top {
  overflow: hidden;
  height: 100%;
}

.c-page--top .c-main {
  background: #000;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-main .c-background:last-child {
    padding-top: 25.641025641%;
  }
}

.c-page--top .mark__a {
  animation: rotateMark 10s linear infinite;
}

.c-page--top .content-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 10003;
  display: flex;
  align-items: center;
}

.c-page--top .content-loading__inner {
  width: 100%;
}

.c-page--top .content-loading__logo {
  text-align: center;
}

.c-page--top .content-loading__logo .logo__main {
  width: 120px;
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-page--top .content-loading__logo .logo__main {
    width: 30.7692307692%;
  }
}

.c-page--top .content-loading__logo .logo__animation {
  width: 78px;
  margin-top: 130px;
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-page--top .content-loading__logo .logo__animation {
    width: 20%;
    margin-top: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--top .c-button--theme-with-navigation {
    box-shadow: 0px 16px 20px rgba(57, 91, 121, 0.2);
    border: 1px solid #eaeaec;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-navigation--theme-with-button {
    background-color: black;
    color: #FFFFFF;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .c-page--top .c-navigation--theme-with-button::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 60%, #000 100%);
  }
}

.c-page--top .c-section--hero {
  opacity: 1;
}

.c-page--top .c-section {
  background: inherit;
  color: inherit;
}

.c-page--top .c-section--hero,
.c-page--top .c-section--about,
.c-page--top .c-section--unlock-lead,
.c-page--top .c-section--unlock {
  min-height: var(--height);
}

.c-page--top .c-section--unlock-lead .c-title--h2 {
  margin-bottom: 0.1em;
  opacity: 1;
  color: #FFFFFF;
  font-size: 14.6412884334vw;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock-lead .c-title--h2 {
    font-size: 30.7692307692vw;
  }
}

.c-page--top .c-section--unlock-lead .c-title__description {
  padding-left: 7.3206442167%;
  font-size: 2.8550512445vw;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock-lead .c-title__description {
    padding-left: 7.6923076923%;
    font-size: 5.1282051282vw;
  }
}

.c-page--top .c-section--unlock-lead .content--parent {
  min-height: var(--height);
  display: flex;
  align-items: center;
}

.c-page--top .c-section--unlock-lead .content--parent .content__inner {
  width: 100%;
}

.c-page--top .c-section--roadmap {
  z-index: 3;
}

.c-page--top .c-section--roadmap .c-section__inner {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .c-section__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .c-section__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.c-page--top .c-section--nft .c-section__inner,
.c-page--top .c-section--join-now .c-section__inner,
.c-page--top .c-section--news .c-section__inner {
  padding-top: 0;
}

@media screen and (max-width: 1023px) {

  .c-page--top .c-section--nft .c-section__inner,
  .c-page--top .c-section--join-now .c-section__inner,
  .c-page--top .c-section--news .c-section__inner {
    padding-top: 0;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {

  .c-page--top .c-section--nft .c-section__inner,
  .c-page--top .c-section--join-now .c-section__inner,
  .c-page--top .c-section--news .c-section__inner {
    padding-top: 0;
  }
}

.c-page--top .c-section--join-now .c-section__inner {
  padding-bottom: 6.588579795%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .c-section__inner {
    padding-bottom: 5.1282051282%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .c-carousel {
    margin-right: 0;
    margin-left: 0;
    padding-right: 14.501510574%;
    padding-left: 14.501510574%;
  }
}

.c-page--top .c-section--roadmap .c-carousel__ui {
  display: none;
}

.c-page--top .c-section--roadmap .c-carousel__item {
  padding-right: 0.8547008547%;
  padding-left: 0.8547008547%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .c-carousel__item {
    padding-right: 3.0303030303%;
    padding-left: 3.0303030303%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .c-carousel__item {
    padding-right: 2.9787234043%;
    padding-left: 2.9787234043%;
  }
}

.c-page--top .c-section--roadmap .c-carousel .item {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 128.7096774194%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .c-carousel .item {
    padding-top: 0;
  }
}

.c-page--top .c-section--roadmap .c-carousel .item__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .c-carousel .item__inner {
    position: relative;
    height: auto;
  }
}

.c-page--top .c-section--hero {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.c-page--top .c-section--hero .c-section__inner {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.c-page--top .c-section--hero .content {
  position: relative;
  height: 100%;
}

.c-page--top .c-section--hero .content__outer {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-top: 100px;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--hero .content__outer {
    align-items: flex-start;
    padding-top: 6rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--hero .content__outer {
    align-items: flex-start;
  }
}

.c-page--top .c-section--hero .content__inner {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .c-page--top .c-section--hero .content__inner {
    position: relative;
    top: calc(45% - 40px);
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--hero .content__navigation {
    position: static;
    left: 0;
    right: auto;
    width: 109.6774193548%;
    margin-top: 3.2258064516%;
    margin-left: -4.8387096774%;
  }
}

.content__navigation-flexible {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.8333333333rem 0;
  opacity: 1;
}

.navigation-flexible {
  display: flex;
}

.navigation-flexible__item {
  width: 33.33%;
}

.navigation-flexible__item:nth-of-type(1),
.navigation-flexible__item:nth-of-type(2) {
  border-right: 2px solid #333333;
}

.navigation-flexible__item .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.navigation-flexible__item .item__icon {
  width: 2.5rem;
}

.navigation-flexible__item .item__label-wrap {
  position: relative;
  margin-top: 0.4em;
}

.navigation-flexible__item .item__label {
  text-align: center;
  font-size: 3.0769230769vw;
  letter-spacing: 0.05em;
}

.navigation-flexible__item .item__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 50%;
  transform: translate(calc(100% + 0.25rem), -50%);
  font-size: 2.5641025641vw;
}

.c-page--top .c-section--hero .news {
  max-width: 1170px;
  width: 100%;
  display: block;
  border: 1px solid #B30F30;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 1.1428571429rem;
  box-sizing: border-box;
  max-height: 200px;
  z-index: 100;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--hero .news {
    margin-bottom: 2rem;
  }
}

.c-page--top .c-section--hero .news .news__cell {
  border: none;
  vertical-align: middle;
}

.c-page--top .c-section--hero .news .news__cell--date {
  padding: 0;
  width: 7.1428571429rem;
}

.c-page--top .c-section--hero .news .news__cell--text {
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 1024px) {
  .c-page--top .c-section--about .block .button {
    margin-top: 2.8571428571rem;
  }
}

.c-page--top .c-section--hero .title {
  display: block;
  width: 74.5299145299%;
  max-width: 1300px;
  filter: drop-shadow(0px 0px 2.8571428571rem black) drop-shadow(0px 0px 2.8571428571rem black);
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--hero .title {
    width: 101.2903225806%;
    filter: drop-shadow(0px 0px 3.3333333333rem black) drop-shadow(0px 0px 3.3333333333rem black);
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--hero .title {
    filter: drop-shadow(0px 0px 2.6666666667rem black) drop-shadow(0px 0px 2.6666666667rem black);
  }
}

.c-page--top .c-section--hero .content__inner--bottom {
  width: 100%;
  margin-top: 2rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--hero .content__inner--bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    margin-top: 0;
    bottom: 18rem;
  }
}

.nav__link {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.7142857143rem;
  font-size: 1.317715959vw;
}

@media screen and (max-width: 1023px) {
  .nav__link {
    justify-content: center;
    font-size: 3.3333333333vw;
  }
}

.discord-icon {
  width: 1.4285714286rem;
}

.content__inner--bottom .c-icon--navigate-next::after {
}

.c-page--top .c-section--about .c-carousel {
  padding-top: 5.6910569106%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
  }

  .c-page--top .c-section--about .c-carousel {
    padding-top: 0;
  }

  .c-page--top .c-section--about .c-carousel__item {
    padding-bottom: 0;
  }

  .c-page--top .c-section--about .c-carousel__ui {
    position: relative;
    margin-top: 12.1212121212%;
  }
}

.c-page--top .c-section--about .c-section__inner {
  display: flex;
  align-items: center;
  min-height: var(--height);
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .c-section__inner {
    padding-top: 139.3548387097%;
  }
}

.c-page--top .c-section--about .content {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .content {
    display: block;
  }
}

.c-page--top .c-section--about .block {
  width: 41.0256410256%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block {
    width: 100%;
  }
}

.c-page--top .c-section--about .block--title {
  margin-bottom: 4rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block--title {
    margin-bottom: 4.8333333333rem;
  }
}

.c-page--top .c-section--about .block--text {
  padding-left: 8.547008547%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block--text {
    padding-left: 0;
  }
}

.c-page--top .c-section--about .block--text h3 {
  display: inline-block;
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block--text h3 {
    display: block;
    text-align: center;
  }
}

.c-page--top .c-section--about .block .title {
  display: block;
}

.c-page--top .c-section--about .block .text {
  display: inline-block;
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block .text {
    display: block;
    text-align: center;
  }
}

.c-page--top .c-section--about .block .text__title {
  font-size: 2.8550512445vw;
  letter-spacing: 0.05em;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block .text__title {
    font-size: 5.641025641vw;
  }
}

.c-page--top .c-section--about .block .text__inner {
  margin-top: 3.5714285714rem;
  font-size: 1.0980966325vw;
  letter-spacing: 0.04em;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block .text__inner {
    margin-top: 3.3333333333rem;
    font-size: 3.3333333333vw;
    line-height: 1.8461538462;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--about .block .text__inner {
    font-size: 2.0833333333vw;
  }
}

.c-page--top .c-section--about .block .text__inner p {
  margin-top: 2.1428571429rem;
}

.c-page--top .c-section--about .block .text__inner p:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block .text__inner p {
    margin-top: 2.1666666667rem;
  }

  .c-page--top .c-section--about .block .text__inner p:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--top .c-section--about .block .button {
    margin-top: 2.8571428571rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--about .block .button {
    margin-top: 3.3333333333rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--about .block .button {
    margin-top: 2.6666666667rem;
  }
}

.c-page--top .c-section--about .title {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0) 100%);
  }

  .c-page--top .c-section--unlock .title {
    text-align: center;
  }
}

.c-page--top .c-section--unlock .title--icon {
  position: relative;
  z-index: 1;
  width: 4.2857142857rem;
  margin-bottom: 2.8571428571rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .title--icon {
    width: 4.1666666667rem;
    margin-bottom: 2.0833333333rem;
    margin-inline: auto;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--unlock .title--icon {
    width: 4rem;
    margin-bottom: 1.6666666667rem;
    margin-inline: auto;
  }
}

.c-page--top .c-section--unlock .title--background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  margin-top: -2.8571428571rem;
  font-size: 10.980966325vw;
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin-right: -8.3760683761%;
  margin-left: -8.3760683761%;
  text-stroke: 2px #707070;
  -webkit-text-stroke: 2px #707070;
  color: transparent;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .title--background {
    margin-top: -2.5rem;
    margin-right: -12.9032258065%;
    margin-left: -12.9032258065%;
    font-size: 35.8974358974vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--unlock .title--background {
    margin-top: 0rem;
    margin-right: -8.064516129%;
    margin-left: -8.064516129%;
    font-size: 18.2291666667vw;
  }
}

.c-page--top .c-section--unlock .title--background .c-intersection {
  display: block;
}

.c-page--top .c-section--unlock .title--main {
  position: relative;
  z-index: 1;
  margin-bottom: 3.5714285714rem;
  font-size: 10.980966325vw;
  letter-spacing: 0.02em;
  line-height: 0.8666666667;
  margin-left: -0.065em;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .title--main {
    font-size: 15.8974358974vw;
    margin-right: -12.9032258065%;
    margin-left: -12.9032258065%;
    margin-bottom: 1.6666666667rem;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--unlock .title--main {
    font-size: 9.765625vw;
    margin-bottom: 1.3333333333rem;
    text-align: center;
  }
}

.c-page--top .c-section--unlock .title--sub {
  font-size: 2.8550512445vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .title--sub {
    font-size: 5.641025641vw;
    line-height: 1.4;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--unlock .title--sub {
    font-size: 2.8645833333vw;
    line-height: 1.4;
  }
}

.c-page--top .c-section--unlock .content {
  display: flex;
  align-items: center;
  min-height: var(--height);
}

.c-page--top .c-section--unlock .content__inner {
  position: relative;
  width: 100%;
}

.c-page--top .c-section--unlock .content__title {
  position: relative;
}

.c-page--top .c-section--unlock .content__container {
  position: relative;
  margin-top: 3.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .content__container {
    margin-top: 29.25rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--unlock .content__container {
    margin-top: 27.6rem;
  }
}

.c-page--top .c-section--unlock .content__text {
  width: 40.1709401709%;
  font-size: 1.0980966325vw;
  letter-spacing: 0.05em;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .content__text {
    width: 100%;
    font-size: 3.3333333333vw;
    line-height: 2;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--unlock .content__text {
    font-size: 2.6041666667vw;
    line-height: 2;
  }
}

.c-page--top .c-section--unlock .content__text p {
  margin-top: 2em;
}

.c-page--top .c-section--unlock .content__text p:first-child {
  margin-top: 0;
}

.c-page--top .c-section--unlock .content__mark {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8.2051282051%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .content__mark {
    position: absolute;
    bottom: 100%;
    width: 21.6129032258%;
    margin-bottom: 17.7419354839%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--unlock .content__mark {
    position: absolute;
    bottom: 100%;
    width: 10.1208459215%;
    margin-bottom: 8.3081570997%;
  }
}

.c-page--top .c-section--unlock .button {
  margin-top: 2.1428571429rem;
}

.c-page--top .c-section--unlock .button .c-button {
  display: inline-block;
  width: auto;
}

.c-page--top .c-section--unlock .mark {
  position: relative;
  top: 0;
  left: 0;
}

.c-page--top .c-section--unlock .mark__a {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
}

.c-page--top .c-section--unlock .mark__b {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

.c-page--top .c-section--unlock .content .season-event {
  width: fit-content;
  display: flex;
  margin-top: 2.8571428571rem;
  margin-bottom: 8.7142857143rem;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  padding: 1.7857142857rem 0;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .content .season-event {
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.7142857143rem;
    margin-top: 2.5rem;
    padding: 1.6666666667rem 0;
  }
}

.c-page--top .c-section--unlock .content .season-event .season-event-top {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .content .season-event .season-event-top {
    gap: 1.5833333333rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--unlock .content .season-event .season-event-top .information {
    text-align: center;
  }
}

.c-page--top .c-section--unlock .content .season-event .button {
  margin-top: 0.7857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .c-carousel {
    margin-right: -3.2258064516%;
    margin-left: -3.2258064516%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .c-carousel {
    margin-right: 0;
    margin-left: 0;
    padding-right: 14.6525679758%;
    padding-left: 14.6525679758%;
  }

  .c-page--top .c-section--roadmap .c-carousel__ui {
    position: relative;
    width: 88.8888888889%;
    margin-top: 11.9658119658%;
  }
}

.c-page--top .c-section--roadmap .c-carousel__item {
  display: flex;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .c-carousel__item {
    padding-right: 3.0303030303%;
    padding-left: 3.0303030303%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .c-carousel__item {
    padding-right: 2.9914529915%;
    padding-bottom: 0;
    padding-left: 2.9914529915%;
  }
}

.c-page--top .c-section--roadmap .c-carousel__item .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  transform: perspective(150em) rotateY(45deg);
  transition: transform 0.6s ease-out;
}

.c-page--top .c-section--roadmap .c-carousel__item.is-active .item {
  transform: perspective(400em) rotateY(0deg);
}

.c-page--top .c-section--roadmap .c-carousel .item {
  padding-top: 141.6129032258%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .c-carousel .item {
    padding-top: 141.6129032258%;
  }

  .c-page--top .c-section--roadmap .c-carousel .item__inner {
    position: absolute;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .c-carousel .item {
    padding-top: 161.8181818182%;
  }
}

.c-page--top .c-section--roadmap .item__inner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #050409;
  border-radius: 1.1428571429rem;
  box-shadow: 0px 1.1428571429rem 1.1428571429rem rgba(57, 91, 121, 0.16);
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .item__inner {
    border-radius: 1.6666666667rem;
  }
}

.c-page--top .c-section--roadmap .item__container {
  height: 100%;
  color: #FFFFFF;
}

.c-page--top .c-section--roadmap .item__content {
  position: relative;
  height: 100%;
}

.c-page--top .c-section--roadmap .item__text {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 54.4419134396%;
  margin-left: 3.2258064516%;
  margin-bottom: 3.2258064516%;
  padding-top: 5.8064516129%;
  padding-right: 4.8387096774%;
  padding-bottom: 6.4516129032%;
  padding-left: 4.8387096774%;
  z-index: 1;
  width: 93.5483870968%;
  border-radius: 0.8571428571rem;
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
  background: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .item__text {
    margin-left: 3.2258064516%;
    margin-bottom: 3.2258064516%;
    padding-top: 3.8709677419%;
    padding-right: 4.8387096774%;
    padding-bottom: 8.064516129%;
    padding-left: 4.8387096774%;
  }
}

.c-page--top .c-section--roadmap .item__title .head {
  margin-bottom: 0.4285714286rem;
  font-size: 0.878477306vw;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .item__title .head {
    margin-bottom: 0.8333333333rem;
    font-size: 3.0769230769vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .item__title .head {
    margin-bottom: 0.6666666667rem;
    font-size: 1.953125vw;
  }
}

.c-page--top .c-section--roadmap .item__title .head__date {
  position: relative;
  padding-left: 0.8333333333rem;
  margin-left: 0.8333333333rem;
  letter-spacing: 0;
}

.c-page--top .c-section--roadmap .item__title .head__date::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #FFFFFF;
}

.c-page--top .c-section--roadmap .item__title .title {
  font-size: 1.4641288433vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .item__title .title {
    font-size: 5.1282051282vw;
    line-height: 1.4;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .item__title .title {
    font-size: 2.9947916667vw;
    line-height: 1.4;
  }
}

.c-page--top .c-section--roadmap .item__image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.c-page--top .c-section--roadmap .item__description {
  margin-top: 0.4285714286rem;
  padding-bottom: 4.2857142857rem;
  font-size: 1.0248901903vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .item__description {
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .item__description {
    font-size: 2.0833333333vw;
  }
}

.c-page--top .c-section--roadmap .item__description .description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  width: 100%;
  height: 4.2rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .item__description .description {
    height: 5.85rem;
  }
}

.c-page--top .c-section--roadmap .item__description .attention {
  color: #FFFFFF;
}

.c-page--top .c-section--roadmap .item__inner .button {
  position: absolute;
  left: calc(3.2258064516% + 4.8387096774%);
  bottom: calc(3.2258064516% + 1.4285714286rem);
  z-index: 9999;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--roadmap .item__inner .button {
    font-size: 3.0769230769vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--top .c-section--roadmap .item__inner .button {
    font-size: 1.953125vw;
  }
}

.c-page--top .c-section--roadmap .item__inner .button .c-button {
  display: inline-block;
  padding-top: 0.5714285714rem;
  padding-bottom: 0.5714285714rem;
}

.c-page--top .c-section--roadmap .item__inner .button .c-button__label {
  padding-left: 0;
  color: #ffffff;
}

.c-page--top .c-section--roadmap .item__inner .button .c-icon--navigate-next::after {
  color: #ffffff;
}

.c-page--top .c-section--nft .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--nft .content {
    flex-direction: column;
  }
}

.c-page--top .c-section--nft .content__text {
  width: 40.0854700855%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--nft .content__text {
    order: 2;
    width: 100%;
    margin-top: 3.3333333333rem;
  }
}

.c-page--top .c-section--nft .content__text .description {
  font-size: 1.1713030747vw;
  letter-spacing: 0.05em;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--nft .content__text .description {
    font-size: 3.3333333333vw;
    line-height: 2;
  }
}

.c-page--top .c-section--nft .content__text .button {
  margin-top: 2.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--nft .content__text .button {
    margin-top: 2.5rem;
  }
}

.c-page--top .c-section--nft .content__text .button .c-button {
  width: auto;
  display: inline-block;
}

.c-page--top .c-section--nft .content__text .about {
  margin-top: 4.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--nft .content__text .about {
    margin-top: 3.3333333333rem;
  }
}

.c-page--top .c-section--nft .content__image {
  overflow: hidden;
  width: 48.7179487179%;
  border-radius: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--nft .content__image {
    order: 1;
    width: 100%;
  }

  .c-page--top .c-section--join-now .content .block {
    display: flex;
    flex-direction: column;
  }
}

.c-page--top .c-section--join-now .content__block {
  margin-top: 5.7142857143rem;
}

.c-page--top .c-section--join-now .content__block:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid {
    display: block;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid .grid {
  background: #F5F5FA;
  border-radius: 1.1428571429rem;
  padding: 1.4285714286rem;
  width: 48.0519480519%;
  height: 11.3571428571rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid .grid {
    width: 100%;
    border-radius: 1.3333333333rem;
    padding: 1.6666666667rem;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid .grid__title {
  font-size: 0.878477306vw;
  letter-spacing: 0.05em;
  line-height: 2.1666666667;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid .grid__title {
    font-size: 3.0769230769vw;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid .grid:nth-child(1) {
  grid-area: area1;
}

.c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid .grid__description {
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 1.8461538462;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(1) .block__grid .grid__description {
    font-size: 3.3333333333vw;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 50%;
  grid-template-areas: "area1 area3""area2 area3";
  -moz-column-gap: 3.8961038961%;
  column-gap: 3.8961038961%;
  row-gap: 2.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid {
    display: flex;
    flex-direction: column;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid {
  overflow: hidden;
  background: #F5F5FA;
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid__title {
  font-size: 0.878477306vw;
  letter-spacing: 0.05em;
  line-height: 2.1666666667;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid__title {
    font-size: 3.0769230769vw;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(1) {
  place-content: center;
  padding: 1.4285714286rem;
  font-size: 1.1713030747vw;
  letter-spacing: 0.05em;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(1) {
    background: transparent;
    font-size: 3.3333333333vw;
    order: 2;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(2) {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(2) {
    order: 1;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(2) .grid__image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(2) .grid__image .c-image {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(3) {
    order: 3;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(3) .about {
  height: 100%;
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(3) .about-discord {
  height: 100%;
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(3) .c-accordion {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(3) .c-accordion__description {
  display: flex;
  align-items: center;
  height: 100%;
}

.c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(4) {
  place-content: center;
  background: #000;
  color: #FFFFFF;
  padding-top: 8.1081081081%;
  padding-right: 14.3243243243%;
  padding-bottom: 8.1081081081%;
  padding-left: 14.3243243243%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(2) .block__grid .grid:nth-child(4) {
    order: 4;
    padding-top: 8.3870967742%;
    padding-right: 8.7096774194%;
    padding-bottom: 9.6774193548%;
    padding-left: 8.7096774194%;
    background: #F5F5FA;
    color: #000;
  }
}

.c-page--top .c-section--join-now .content__block:nth-child(3) .block .grid {
  width: 48.0519480519%;
  border-radius: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .content__block:nth-child(3) .block .grid {
    width: 100%;
    border-radius: 1.3333333333rem;
    border: 1px solid rgb(207, 217, 222);
  }
}

.c-page--top .c-section--join-now .block::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}

.c-page--top .c-section--join-now .block__title {
  float: left;
  width: 29.0598290598%;
  font-size: 2.8550512445vw;
  letter-spacing: 0.05em;
  line-height: 1.82;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .block__title {
    float: none;
    width: 100%;
    margin-bottom: 2.5rem;
    font-size: 6.6666666667vw;
    line-height: 1.8;
  }
}

.c-page--top .c-section--join-now .block__button {
  float: left;
  width: 29.0598290598%;
  margin-top: 2.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .block__button {
    float: none;
    width: 100%;
    margin-top: 2.5rem;
  }
}

.c-page--top .c-section--join-now .block__button .c-button {
  width: auto;
  display: inline-block;
}

.c-page--top .c-section--join-now .block__grid {
  float: right;
  width: 65.811965812%;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .block__grid {
    float: none;
    width: 100%;
  }
}

.c-page--top .c-section--join-now .grid {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--join-now .grid {
    border-radius: 1.3333333333rem;
    margin-top: 0.8333333333rem;
  }

  .c-page--top .c-section--join-now .grid:first-child {
    margin-top: 0;
  }
}

.news {
  display: table;
  table-layout: fixed;
  overflow-wrap: break-word;
  width: 100%;
  border-bottom: 1px solid #D7D7DB;
}

@media screen and (max-width: 1023px) {
  .news {
    display: block;
  }
}

.news__block {
  display: table;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .news__block {
    display: block;
  }
}

.news__cell {
  display: table-cell;
  border-top: 1px solid #D7D7DB;
  padding-top: 2.1428571429rem;
  padding-bottom: 2.1428571429rem;
  color: #282829;
}

@media screen and (max-width: 1023px) {
  .news__cell {
    display: block;
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.c-page--top .c-section--news .news__item {
  display: table-row;
}

@media screen and (max-width: 1023px) {
  .c-page--top .c-section--news .news__item {
    display: block;
    border-top: 1px solid #D7D7DB;
    padding-top: 1.6666666667rem;
    padding-bottom: 1.6666666667rem;
  }
}

.news__cell--date {
  width: 10.1428571429rem;
  padding-right: 0.3571428571rem;
  letter-spacing: 0.02em;
  color: #8C8C8F;
}

@media screen and (min-width: 1366px) {
  #urgent-articles .news__cell--date {
    font-size: 11px;
  }
}

@media screen and (max-width: 1023px) {
  .news__cell--date {
    width: 100%;
    padding-right: 0;
    font-size: 2.5641025641vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .news__cell--date {
    font-size: 1.8229166667vw;
  }
}

.news__cell--text {
  padding-right: 1.7857142857rem;
  padding-left: 1.7857142857rem;
  font-size: 1.1713030747vw;
  letter-spacing: 0.05em;
}

@media screen and (min-width: 1366px) {
  #urgent-articles .news__cell--text {
    font-size: 12px;
  }
}

@media screen and (max-width: 1023px) {
  .news__cell--text {
    margin-top: 0.2857142857rem;
    padding-right: 0;
    padding-left: 0;
    font-size: 3.5897435897vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .news__cell--text {
    font-size: 2.6041666667vw;
  }
}

.news__cell--text a {
  display: block;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .c-section__inner {
    padding-right: 5.1282051282%;
    padding-left: 5.1282051282%;
  }
}

.c-page--faq .c-section--faq .head {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  margin-bottom: 8.2051282051%;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .head {
    margin-bottom: 14.2857142857%;
  }
}

.c-page--faq .c-section--faq .head__title {
  padding-left: 3.4285714286rem;
  padding-right: 3.4285714286rem;
  font-size: 1.6105417277vw;
  letter-spacing: 0.2em;
  line-height: 1.4545454545;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .head__title {
    font-size: 4.6153846154vw;
    line-height: 1.7777777778;
  }
}

.c-page--faq .c-section--faq .head__button {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2.2857142857rem;
  height: 2.2857142857rem;
  border-radius: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .head__button {
    width: 2.6666666667rem;
    height: 2.6666666667rem;
  }
}

.c-page--faq .c-section--faq .head__button::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

.c-page--faq .c-section--faq .head__button .button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 1.317715959vw;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .head__button .button {
    font-size: 4.6153846154vw;
  }
}

.c-page--faq .c-section--faq .faq {
  width: 65.811965812%;
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .faq {
    width: 100%;
  }
}

.c-page--faq .c-section--faq .faq__title {
  margin-bottom: 1.4285714286rem;
  line-height: 1.4;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .faq__title {
    margin-bottom: 2rem;
    font-size: 3.5897435897vw;
  }
}

.c-page--faq .c-section--faq .faq__item {
  margin-top: 0.5714285714rem;
}

.c-page--faq .c-section--faq .faq__item:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .faq__item {
    border-radius: 1rem;
    margin-top: 0.6666666667rem;
  }

  .c-page--faq .c-section--faq .faq__item:first-child {
    margin-top: 0;
  }
}

.c-page--faq .c-section--faq .faq__item .item {
  margin-top: calc(-1 * var(--header-height));
  padding-top: calc(var(--header-height));
}

.c-page--faq .c-section--faq .faq__block {
  margin-top: 4rem;
}

.c-page--faq .c-section--faq .faq__block:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .faq__block {
    margin-top: 3.3333333333rem;
  }

  .c-page--faq .c-section--faq .faq__block:first-child {
    margin-top: 0;
  }
}

.c-page--faq .c-section--faq .item {
  overflow: hidden;
}

.c-page--faq .c-section--faq .item__inner {
  background: #FFFFFF;
  border-radius: 0.8571428571rem;
  position: relative;
  z-index: 1;
}

.c-page--faq .c-section--faq .item__q .inner {
  display: block;
  width: 100%;
  text-align: left;
  padding-top: 2.3376623377%;
  padding-right: 2.5974025974%;
  padding-bottom: 2.2077922078%;
  padding-left: 2.5974025974%;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .item__q .inner {
    padding-top: 5.1428571429%;
    padding-right: 5.7142857143%;
    padding-bottom: 5.1428571429%;
    padding-left: 5.7142857143%;
  }
}

.c-page--faq .c-section--faq .item__q .inner.is-open .block__icon {
  transform: rotate(180deg);
}

.c-page--faq .c-section--faq .item__q .block__mark {
  line-height: 1.3066666667;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .item__q .block__mark {
    font-size: 3.8461538462vw;
    line-height: 1.3066666667;
  }
}

.c-page--faq .c-section--faq .item__q .block__text {
  padding-right: 2em;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .item__q .block__text {
    font-size: 3.5897435897vw;
    line-height: 1.4;
  }
}

.c-page--faq .c-section--faq .item__a .inner {
  padding-top: 2.0779220779%;
  padding-right: 2.5974025974%;
  padding-bottom: 3.1168831169%;
  padding-left: 2.5974025974%;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .item__a .inner {
    padding-top: 4.5714285714%;
    padding-right: 5.7142857143%;
    padding-bottom: 6.8571428571%;
    padding-left: 5.7142857143%;
  }

  .c-page--faq .c-section--faq .item__a .block__mark {
    font-size: 3.8461538462vw;
    line-height: 1.7333333333;
  }
}

.c-page--faq .c-section--faq .item__a .block__text {
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .item__a .block__text {
    font-size: 3.3333333333vw;
  }
}

.c-page--faq .c-section--faq .item__a .block__text a {
  text-decoration: underline;
}

.c-page--faq .c-section--faq .item__a .block__text .card__image {
  border-radius: 1.1428571429rem;
  overflow: hidden;
}

.c-page--faq .c-section--faq .item__a .block__text .card__width-50 {
  margin: 0 auto;
}

.c-page--faq .c-section--faq .block {
  position: relative;
  top: 0;
  left: 0;
  font-weight: bold;
}

.c-page--faq .c-section--faq .block__icon {
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  font-size: 1.6105417277vw;
  line-height: 0.8909090909;
}

@media screen and (max-width: 1023px) {
  .c-page--faq .c-section--faq .block__icon {
    font-size: 5.641025641vw;
    line-height: 0.8909090909;
  }
}

.c-page--faq .c-section--faq .block__mark {
  display: block;
  position: absolute;
  font-size: 1.0980966325vw;
  line-height: 1.7333333333;
  vertical-align: middle;
}

.c-page--faq .c-section--faq .block__text {
  display: block;
  padding-left: 2em;
  vertical-align: middle;
}

.c-page--guide .c-main .c-link {
  text-decoration: underline;
}

.c-page--guide .c-section__inner {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section__inner {
    padding-right: 4.9780380673%;
    padding-left: 4.9780380673%;
  }
}

.c-page--guide .c-section--hero .c-section__inner {
  padding-bottom: 15.3846153846%;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .c-section__inner {
    padding-top: 11.859443631%;
    padding-bottom: 8.78477306%;
  }
}

.c-page--guide .c-section--hero .sub-title {
  margin-bottom: 0.8333333333rem;
  font-size: 4.1025641026vw;
  letter-spacing: 0.02em;
  color: #8C8C8F;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .sub-title {
    font-size: 2.196193265vw;
  }
}

.c-page--guide .c-section--hero .title--h1 {
  font-size: 6.6666666667vw;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .title--h1 {
    font-size: 3.5897435897vw;
  }
}

.c-page--guide .c-section--hero .title--h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .title--h2 {
    margin-bottom: 1.4166666667rem;
    text-align: center;
  }
}

.c-page--guide .c-section--hero .title--h2 .title__inner {
  display: block;
  line-height: 1;
}

.c-page--guide .c-section--hero .title--h2 span {
  font-size: 6.9230769231vw;
  line-height: 1.5925925926;
  letter-spacing: 0.03em;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .title--h2 span {
    font-size: 2.5622254758vw;
    letter-spacing: 0.1em;
  }
}

.c-page--guide .c-section--hero .title--h2 .number {
  display: inline-block;
  font-size: 11.0256410256vw;
  line-height: 1;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .title--h2 .number {
    font-size: 3.6603221083vw;
  }
}

.c-page--guide .c-section--hero .text {
  display: block;
}

.c-page--guide .c-section--hero .text--2 {
  font-size: 3.3333333333vw;
  line-height: 2;
  margin-top: 1.25rem;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .text--2 {
    font-size: 1.0248901903vw;
    margin-top: 2.1428571429rem;
  }
}

.c-page--guide .c-section--hero .toc__item {
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 1px solid #FFFFFF;
}

.c-page--guide .c-section--hero .toc__item:first-child {
  border-top: 1px solid #FFFFFF;
}

.c-page--guide .c-section--hero .toc__inner {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-page--guide .c-section--hero .toc__link {
  display: block;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .toc__link {
    padding-top: 1.4285714286rem;
    padding-right: 1.4285714286rem;
    padding-bottom: 1.4285714286rem;
    padding-left: 1.4285714286rem;
  }
}

.c-page--guide .c-section--hero .toc__head {
  width: 100%;
  margin-top: 3.75rem;
  margin-bottom: 1.25rem;
  font-size: 3.0769230769vw;
  line-height: 1.75;
  color: #8C8C8F;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .toc__head {
    margin-top: 3.2142857143rem;
    margin-bottom: 1.0714285714rem;
    font-size: 1.0248901903vw;
    line-height: 2;
  }
}

.c-page--guide .c-section--hero .toc__head:first-child {
  margin-top: 0;
}

.c-page--guide .c-section--hero .toc__head::before {
  display: inline;
  content: "- ";
}

.c-page--guide .c-section--hero .toc__title {
  width: 100%;
  padding-right: 0.8333333333rem;
  padding-left: 2rem;
  font-size: 3.5897435897vw;
  line-height: 1.6;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .toc__title {
    padding-right: 1.4285714286rem;
    padding-left: 3.7142857143rem;
    font-size: 1.0248901903vw;
    line-height: 2;
  }
}

.c-page--guide .c-section--hero .toc__number {
  position: relative;
  font-size: 3.5897435897vw;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .toc__number {
    font-size: 1.1713030747vw;
    letter-spacing: 0.03em;
  }
}

.c-page--guide .c-section--hero .toc__icon {
  font-size: 5.1282051282vw;
  line-height: 1.05;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .toc__icon {
    font-size: 1.4641288433vw;
  }

  .c-page--guide .c-section--hero .hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 2.4390243902%;
    padding-left: 2.4390243902%;
  }
}

.c-page--guide .c-section--hero .hero__content {
  position: relative;
}

.c-page--guide .c-section--hero .hero__content--head {
  position: relative;
  z-index: 1;
  margin-bottom: 5rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--hero .hero__content--head {
    width: 38.2051282051%;
    margin-bottom: 0;
  }

  .c-page--guide .c-section--hero .hero__content--toc {
    width: 48.7179487179%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--hero .hero__content--head {
    text-align: center;
  }
}

.c-page--guide .c-section--experiences .c-section__inner {
  padding-top: 20.5128205128%;
  padding-bottom: 7.6923076923%;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .c-section__inner {
    padding-top: 7.3206442167%;
    padding-bottom: 7.3206442167%;
  }
}

.c-page--guide .c-section--experiences .experience__item {
  margin-top: 6.6666666667rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .experience__item {
    margin-top: 8.5714285714rem;
  }
}

.c-page--guide .c-section--experiences .experience__item:first-child {
  margin-top: 0;
}

.c-page--guide .c-section--experiences .experience__item--2 .item .title,
.c-page--guide .c-section--experiences .experience__item--5 .item .title {
  justify-content: flex-end;
}

.c-page--guide .c-section--experiences .experience__head {
  margin-bottom: 4.1666666667rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .experience__head {
    margin-bottom: 7.1428571429rem;
  }
}

.c-page--guide .c-section--experiences .experience__title {
  display: block;
  font-size: 16.4102564103vw;
  letter-spacing: 0.02em;
  color: #8C8C8F;
  line-height: 0.9142857143;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .experience__title {
    font-size: 9.3704245974vw;
  }
}

.c-page--guide .c-section--experiences .experience__description {
  margin-top: 2.1666666667rem;
  font-size: 3.0769230769vw;
  letter-spacing: 0.1em;
  color: #8C8C8F;
  line-height: 2;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .experience__description {
    margin-top: 1.8571428571rem;
    font-size: 2.2693997072vw;
    line-height: 1.935483871;
  }
}

.c-page--guide .c-section--experiences .item__title {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  margin-bottom: 4.1666666667rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item__title {
    margin-bottom: 5.7142857143rem;
  }
}

.c-page--guide .c-section--experiences .item__title .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-radius: 1.6666666667rem;
  line-height: 0;
  padding-top: 146.6666666667%;
}

.c-page--guide .c-section--experiences .item__title .background .c-image {
  position: absolute;
  top: 0;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item__title .background {
    padding-top: 43.1259150805%;
    border-radius: 1.4285714286rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .item__title .background {
    padding-top: 146.6275659824%;
    border-radius: 1.3333333333rem;
  }
}

.c-page--guide .c-section--experiences .item__title .title {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
  height: 37.8891666667rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item__title .title {
    padding-right: 7.1742313324%;
    padding-left: 7.1742313324%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .item__title .title {
    height: 64.7116666667rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__title .title {
    padding-right: 6.5%;
    padding-bottom: 6.5%;
    padding-left: 6.5%;
    align-items: flex-end;
  }
}

.c-page--guide .c-section--experiences .item__title .title__inner {
  display: inline-block;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__title .title__inner {
    display: block;
    width: 100%;
  }
}

.c-page--guide .c-section--experiences .item__title .title__number,
.c-page--guide .c-section--experiences .item__title .title__label {
  display: block;
}

.c-page--guide .c-section--experiences .item__title .title__number {
  margin-bottom: 1.4285714286rem;
  font-size: 2.2693997072vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__title .title__number {
    margin-bottom: 0.8333333333rem;
    font-size: 5.1282051282vw;
  }
}

.c-page--guide .c-section--experiences .item__title .title__label {
  font-size: 2.196193265vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__title .title__label {
    font-size: 4.358974359vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
}

.c-page--guide .c-section--experiences .item__container {
  width: 78.8617886179%;
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__container {
    width: 100%;
  }
}

.c-page--guide .c-section--experiences .item__attention {
  overflow: hidden;
  border: 1px solid #C10834;
  border-radius: 1.1428571429rem;
  margin-bottom: 3rem;
  padding-top: 1.4285714286rem;
  padding-right: 1.4285714286rem;
  padding-bottom: 1.4285714286rem;
  padding-left: 1.4285714286rem;
  text-align: center;
  color: #C10834;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__attention {
    border-radius: 1.3333333333rem;
    margin-bottom: 2.5rem;
    padding-top: 1.0833333333rem;
    padding-right: 2.1666666667rem;
    padding-bottom: 1.0833333333rem;
    padding-left: 2.1666666667rem;
    text-align: left;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .item__attention {
    font-size: 3.3333333333vw;
  }
}

.c-page--guide .c-section--experiences .item__notice {
  margin-top: 2.1428571429rem;
  font-size: 1.0248901903vw;
  letter-spacing: 0.05em;
  line-height: 2.2857142857;
  color: #8C8C8F;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__notice {
    margin-top: 1.6666666667rem;
    font-size: 3.0769230769vw;
    letter-spacing: 0.05em;
    line-height: 2;
  }
}

.c-page--guide .c-section--experiences .item__description {
  font-size: 1.1713030747vw;
  letter-spacing: 0.05em;
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__description {
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
    line-height: 2;
  }
}

.c-page--guide .c-section--experiences .item__description ul {
  margin-top: 1em;
}

.c-page--guide .c-section--experiences .item__description ul:first-child {
  margin-top: 0;
}

.c-page--guide .c-section--experiences .item__description p {
  margin-top: 1em;
}

.c-page--guide .c-section--experiences .item__description p:first-child {
  margin-top: 0;
}

.c-page--guide .c-section--experiences .item__card {
  margin-top: 4.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item__card {
    margin-top: 3.3333333333rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--01 .card__items {
    display: grid;
    grid-template-rows: 1fr 1fr 0.5fr;
    grid-template-columns: 58.7628865979% 38.1443298969%;
    grid-template-areas: "area1 area2""area1 area3""area1 area4";
    -moz-column-gap: 2.0618556701%;
    column-gap: 2.0618556701%;
    row-gap: 2.0618556701%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--01 .card__items {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) {
    grid-area: area1;
    padding-top: 7.0175438596%;
    padding-right: 7.8947368421%;
    padding-bottom: 5.2631578947%;
    padding-left: 7.8947368421%;
    height: -moz-fit-content;
    height: fit-content;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) {
    order: 2;
    margin-top: 9.6774193548%;
    padding-top: 11.2903225806%;
    padding-right: 9.6774193548%;
    padding-bottom: 11.2903225806%;
    padding-left: 9.6774193548%;
  }
}

.c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__description {
  position: relative;
  z-index: 1;
}

.c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__image {
  overflow: hidden;
  margin-inline: auto;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__image--1 {
    width: 67.0833333333%;
    border-radius: 1.4285714286rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__image--1 {
    width: 100%;
    border-radius: 1.6666666667rem;
  }
}

.c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__image--1 .c-video {
  width: 100%;
}

.c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__image--2 {
  position: relative;
  z-index: 0;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__image--2 {
    width: 67.0833333333%;
    border-radius: 1.4285714286rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(1) .card__image--2 {
    width: 100%;
    border-radius: 1.6666666667rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(2) {
    grid-area: area2;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(2) {
    order: 1;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(3) {
    grid-area: area3;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(3) {
    margin-top: 12.9032258065%;
    order: 3;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(4) {
    grid-area: area4;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--01 .card__item:nth-child(4) {
    margin-top: 9.6774193548%;
    order: 4;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--02 .card__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 2.0618556701%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--02 .card__items {
    display: flex;
    flex-flow: column;
    gap: 2.4rem;
  }
}

.c-page--guide .c-section--experiences .item--02 .card__item--02-1 {
  grid-column: 1 / 3;
}

.c-page--guide .c-section--experiences .item--02 .card__item {
  padding: 3.6666666667rem;
}

.c-page--guide .c-section--experiences .item--02 .card__list {
  margin-top: 2.1428571429rem;
  font-size: 1.0980966325vw;
  letter-spacing: 0.05em;
  line-height: 1.7333333333;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--02 .card__list {
    margin-top: 2.5rem;
    font-size: 3.8461538462vw;
    letter-spacing: 0.05em;
  }
}

.c-page--guide .c-section--experiences .item--02 .card__list li {
  margin-top: 0.7142857143rem;
}

.c-page--guide .c-section--experiences .item--02 .card__list li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--02 .card__item--02-1 {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {

  .c-page--guide .c-section--experiences .item--02 .card__item--detail1,
  .c-page--guide .c-section--experiences .item--05 .card__item--detail1 {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
}

.card__width-50 {
  width: 50%;
}

@media screen and (max-width: 1023px) {
  .card__width-50 {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {

  .c-page--guide .c-section--experiences .item--02 .card__item--detail1 .card__image,
  .c-page--guide .c-section--experiences .item--05 .card__item--detail1 .card__image {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {

  .c-page--guide .c-section--experiences .item--02 .card__item--detail1 .card__description,
  .c-page--guide .c-section--experiences .item--05 .card__item--detail1 .card__description {
    margin-top: 2.1428571429rem;
  }
}

.c-page--guide .c-section--experiences .item--02 .card__item--detail2 .c-image,
.c-page--guide .c-section--experiences .item--05 .card__item--detail2 .c-image {
  display: block;
  margin-top: 1rem;
}

.c-page--guide .c-section--experiences .card__image {
  border-radius: 1.1428571429rem;
  overflow: hidden;
}

.c-page--guide .c-section--experiences .item--02 .card__item--detail2,
.c-page--guide .c-section--experiences .item--05 .card__item--detail2 {
  display: flex;
  align-items: center;
  gap: 2rem;
  border-radius: 1.3333333333rem;
  border: 1px solid #EBEBF0;
  padding: 2rem;
  margin-top: 2rem;
}

.c-page--guide .c-section--experiences .item--02 .card__item--detail2 .c-accordion__title,
.c-page--guide .c-section--experiences .item--05 .card__item--detail2 .c-accordion__title {
  border: none;
}

.c-page--guide .c-section--experiences .item--02 .card__item--detail2 .c-accordion__title button,
.c-page--guide .c-section--experiences .item--05 .card__item--detail2 .c-accordion__title button {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--03 .card__items {
    display: grid;
    grid-template-rows: 1fr 1fr 0.5fr;
    grid-template-columns: 58.7628865979% 38.1443298969%;
    grid-template-areas: "area1 area2""area1 area3""area4 area4";
    -moz-column-gap: 2.0618556701%;
    column-gap: 2.0618556701%;
    row-gap: 2.0618556701%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--03 .card__items {
    display: flex;
    flex-flow: column;
  }
}

.c-page--guide .c-section--experiences .item--03 .card__item:nth-child(1) .card__image {
  overflow: hidden;
  margin-inline: auto;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(1) {
    grid-area: area1;
    padding-top: 7.0175438596%;
    padding-right: 7.8947368421%;
    padding-bottom: 5.2631578947%;
    padding-left: 7.8947368421%;
    height: -moz-fit-content;
  }

  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(1) .card__description {
    position: relative;
    z-index: 1;
  }

  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(1) .card__image {
    width: 88.125%;
    border-radius: 1.1428571429rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(1) {
    margin-top: 9.6774193548%;
    order: 2;
    padding-top: 9.6774193548%;
    padding-right: 11.2903225806%;
    padding-bottom: 9.6774193548%;
    padding-left: 11.2903225806%;
  }
}

@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(1) .card__image {
    width: 100%;
    border-radius: 1.3333333333rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(2) {
    grid-area: area2;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(2) {
    order: 1;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(3) {
    grid-area: area3;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(3) {
    margin-top: 19.3548387097%;
    order: 3;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(4) {
    grid-area: area4;
  }

  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(4) .card__block {
    display: flex;
    height: 100%;
    align-items: center;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(4) .card__block {
    padding-top: 5.2083333333%;
    padding-right: 4.6875%;
    padding-bottom: 5.2083333333%;
    padding-left: 4.6875%;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(4) .card__title {
    width: 41.3793103448%;
    font-size: 1.4641288433vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }

  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(4) .card__description {
    width: 58.6206896552%;
    margin-top: 0;
    font-size: 0.9516837482vw;
    letter-spacing: 0.05em;
    line-height: 2;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--03 .card__item:nth-child(4) {
    margin-top: 9.6774193548%;
    order: 4;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--04 .card__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-columns: calc(50% - 0.83333333335rem) calc(50% - 0.83333333335rem);
    grid-template-areas: "area1 area2""area3 area4";
    gap: 1.6666666667rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .card__items {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(1) {
    grid-area: area1;
    padding-top: 8.5106382979%;
    padding-right: 9.5744680851%;
    padding-bottom: 6.3829787234%;
    padding-left: 9.5744680851%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(1) {
    margin-top: 12.9032258065%;
    order: 2;
  }
}

.c-page--guide .c-section--experiences .item--04 .card__item:nth-child(1) .card__icons .icons__arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  margin-right: -1.4em;
  font-size: 1.0248901903vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(1) .card__icons .icons__arrow {
    font-size: 3.5897435897vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(1) .card__icons .icons__arrow {
    font-size: 1.8229166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(2) {
    grid-area: area2;
    padding-top: 8.5106382979%;
    padding-right: 9.5744680851%;
    padding-bottom: 6.3829787234%;
    padding-left: 9.5744680851%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(2) {
    padding-top: 9.6774193548%;
    padding-right: 11.2903225806%;
    padding-bottom: 9.6774193548%;
    padding-left: 11.2903225806%;
    margin-top: 12.9032258065%;
    order: 4;
  }
}

.c-page--guide .c-section--experiences .item--04 .card__item:nth-child(2) .card__icons .icons__arrow {
  display: block;
  position: absolute;
  font-size: 1.0248901903vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(2) .card__icons .icons__arrow {
    font-size: 3.5897435897vw;
  }
}

.c-page--guide .c-section--experiences .item--04 .card__item:nth-child(2) .card__icons .icons__item:nth-child(1) .icons__arrow,
.c-page--guide .c-section--experiences .item--04 .card__item:nth-child(2) .card__icons .icons__item:nth-child(3) .icons__arrow {
  top: 50%;
  right: 0;
  transform: translate(90%, -50%);
}

.c-page--guide .c-section--experiences .item--04 .card__item:nth-child(2) .card__icons .icons__item:nth-child(2) .icons__arrow {
  bottom: 0;
  left: 0;
  transform: rotate(135deg) translate(-70%, -35%);
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(3) {
    grid-area: area3;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(3) {
    order: 1;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(4) {
    grid-area: area4;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .card__item:nth-child(4) {
    margin-top: 12.9032258065%;
    order: 3;
  }
}

.c-page--guide .c-section--experiences .item--04 .button {
  margin: 1.6666666667rem auto 0 auto;
  width: 26.4285714286rem;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .button {
    margin-top: 3.3333333333rem;
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--04 .content .text__button {
    margin-top: 3.3333333333rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--05 .card__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-columns: calc(50% - 0.83333333335rem) calc(50% - 0.83333333335rem);
    grid-template-areas:
      "area1 area2"
      "area3 area4"
      "area5 area5";
    gap: 1.6666666667rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__items {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(1) {
    grid-area: area1;
    padding-top: 8.5106382979%;
    padding-right: 9.5744680851%;
    padding-bottom: 6.3829787234%;
    padding-left: 9.5744680851%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(1) {
    order: 3;
    margin-top: 12.9032258065%;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(2) {
    grid-area: area2;
    padding-top: 8.5106382979%;
    padding-right: 9.5744680851%;
    padding-bottom: 6.3829787234%;
    padding-left: 9.5744680851%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(2) {
    order: 4;
    margin-top: 12.9032258065%;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(2) .card__notice {
    margin-top: 1.4285714286rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(2) .card__line {
    margin-top: 4rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(3) {
    order: 1;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(4) {
    order: 2;
    margin-top: 12.9032258065%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__item:nth-child(5) {
    order: 5;
    margin-top: 12.9032258065%;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .item--05 .card__item--05-3 {
    grid-area: area5;
    padding: 3.6666666667rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__item--unique:last-child {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .item--05 .card__item--05-3 {
    order: 5;
    margin-top: 12.9032258065%;
  }
}

.c-page--guide .c-section--experiences .item--05 .button,
.c-page--guide .c-section--experiences .item--05 .item__attention,
.c-page--guide .c-section--experiences .item--05 .card__list {
  margin-top: 1.6666666667rem;
}

.c-page--guide .c-section--experiences .card__link {
  margin-top: 1.4285714286rem;
  font-size: 0.9516837482vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__link {
    margin-top: 1.6666666667rem;
    font-size: 3.3333333333vw;
  }
}

.c-page--guide .c-section--experiences .card__pattern {
  margin-top: 2.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__pattern {
    margin-top: 1.6666666667rem;
  }
}

.c-page--guide .c-section--experiences .card__pattern .pattern {
  display: flex;
  justify-content: space-between;
}

.c-page--guide .c-section--experiences .card__pattern .pattern__item {
  width: 48.4210526316%;
  text-align: center;
  border: 1px solid #3E3E40;
  border-radius: 0.3571428571rem;
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__pattern .pattern__item {
    width: 46.6666666667%;
    border-radius: 0.4166666667rem;
  }
}

.c-page--guide .c-section--experiences .card__item--unique {
  background: #FFFFFF;
  border-radius: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--unique {
    border-radius: 1.6666666667rem;
    padding-top: 2.5rem;
    padding-right: 2.9166666667rem;
    padding-bottom: 2.5rem;
    padding-left: 2.9166666667rem;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__description,
.c-page--guide .c-section--experiences .card__item--accordion .card__description {
  margin-top: 0;
}

.c-page--guide .c-section--experiences .card__item--attention .card__block {
  display: flex;
  flex-flow: column;
  height: 100%;
  background: #FFFFFF;
  border-radius: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__block {
    border-radius: 1.3333333333rem;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__title {
  border-bottom: 1px solid #F5F5F7;
}

.c-page--guide .c-section--experiences .card__item--attention .card__title button {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding-top: 1.2142857143rem;
  padding-right: 1.4285714286rem;
  padding-bottom: 1.2142857143rem;
  padding-left: 1.4285714286rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__title button {
    pointer-events: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__title button {
    padding-top: 1.5rem;
    padding-right: 1.6666666667rem;
    padding-bottom: 1.5rem;
    padding-left: 1.6666666667rem;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__icon {
  font-size: 1.4641288433vw;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__icon {
    font-size: 5.1282051282vw;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__icon--1 {
  padding-right: 0.5rem;
}

.c-page--guide .c-section--experiences .card__item--attention .card__icon--2 {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 1.2142857143rem;
  margin-right: 1.4285714286rem;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__icon--2 {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__icon--2 {
    margin-top: 1.3333333333rem;
    margin-right: 0.6666666667rem;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__icon-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1713030747vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__icon-text {
    font-size: 4.1025641026vw;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__description {
  height: 100%;
  margin-top: 0;
  display: flex;
  align-items: center;
  font-size: 0.9516837482vw;
  line-height: 2;
  letter-spacing: 0.05em;
}

@media screen and (min-width: 1024px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__description {
    overflow: visible !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__description {
    display: block;
    font-size: 3.3333333333vw;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__description .description {
  padding: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__description .description {
    padding: 2.5rem;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__title {
  font-size: 1.0248901903vw;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__item--attention .card__title {
    font-size: 3.3333333333vw;
    line-height: 2;
  }
}

.c-page--guide .c-section--experiences .card__item--attention .card__description {
  text-align: left;
}

.c-page--guide .c-section--experiences .card__block {
  overflow: hidden;
}

.c-page--guide .c-section--experiences .card__notice {
  margin-top: 2.1428571429rem;
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 2;
  color: #8C8C8F;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__notice {
    margin-top: 1.25rem;
    font-size: 3.0769230769vw;
    line-height: 2;
  }
}

.c-page--guide .c-section--experiences .card__title {
  font-size: 1.4641288433vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__title {
    font-size: 5.1282051282vw;
  }
}

.c-page--guide .c-section--experiences .card__image {
  margin-top: 2.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__image {
    margin-top: 1.6666666667rem;
  }
}

.c-page--guide .c-section--experiences .card__list--background {
  background-color: #F5F5F7;
  border-radius: 1.1428571429rem;
  margin-top: 1.4285714286rem;
  padding: 1.0714285714rem 1.7857142857rem 1.4285714286rem 1.7857142857rem;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .card__list--background {
    margin-top: 2rem;
    padding: 1.4rem 1rem 1.6666666667rem 0.7333333333rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__list--background {
    margin-top: 2.5rem;
    padding: 1.75rem 1.25rem 2.0833333333rem 0.9166666667rem;
  }
}

.c-page--guide .c-section--experiences .card__list--background .list__tittle {
  text-align: center;
  font-size: 0.9516837482vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__list--background .list__tittle {
    font-size: 3.5897435897vw;
  }
}

.c-page--guide .c-section--experiences .card__list--background .card__list {
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-top: 0.7142857143rem;
  padding-top: 0.7142857143rem;
  border-top: 1px solid #707070;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__list--background .card__list {
    font-size: 3.3333333333vw;
    margin-top: 1.0714285714rem;
    padding-top: 1.0714285714rem;
  }
}

.c-page--guide .c-section--experiences .card__list .list__item {
  margin-top: 0.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__list .list__item {
    margin-top: 1.3333333333rem;
  }
}

.c-page--guide .c-section--experiences .card__list .list__item:first-child {
  margin-top: 0;
}

.c-page--guide .c-section--experiences .card__line {
  margin-top: 2.5rem;
  border: 1px solid #707070;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__line {
    padding: 0rem;
    margin-top: 2.9166666667rem;
    border-radius: 0.4166666667rem;
    font-size: 3.5897435897vw;
    line-height: 1.8571428571;
  }
}

.c-page--guide .c-section--experiences .card__icons {
  margin-top: 1.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__icons {
    margin-top: 2.5rem;
    margin-right: -0.8333333333rem;
    margin-left: -0.8333333333rem;
  }
}

.c-page--guide .c-section--experiences .card__icons--background {
  border-radius: 1.1428571429rem;
  background-color: #353535;
  margin-top: 2.5rem;
  padding: 1.0714285714rem 3.5rem 1.4285714286rem 3.5rem;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .card__icons--background {
    padding: 1rem 0.7333333333rem 1rem 0.7333333333rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__icons--background {
    padding: 1.25rem 0.9166666667rem 1.25rem 0.9166666667rem;
  }
}

.c-page--guide .c-section--experiences .card__icons--background .icons__title {
  color: #FFFFFF;
  text-align: center;
  font-size: 0.9516837482vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__icons--background .icons__title {
    font-size: 3.5897435897vw;
  }
}

.c-page--guide .c-section--experiences .card__icons .icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 0.4285714286rem;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .card__icons .icons {
    -moz-column-gap: 1.6666666667rem;
    column-gap: 1.6666666667rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__icons .icons {
    -moz-column-gap: 2.0833333333rem;
    column-gap: 2.0833333333rem;
  }
}

.c-page--guide .c-section--experiences .card__icons .icons__item {
  position: relative;
  top: 0;
  left: 0;
  width: 8.5714285714rem;
  padding-top: 8.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__icons .icons__item {
    width: 8.3333333333rem;
    padding-top: 8.3333333333rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .card__icons .icons__item {
    width: 10.3333333333rem;
    padding-top: 10.3333333333rem;
  }
}

.c-page--guide .c-section--experiences .card__icons .icons__outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  background: #F5F5F7;
  border-radius: 100em;
}

.c-page--guide .c-section--experiences .card__icons .icons__inner {
  width: 100%;
}

.c-page--guide .c-section--experiences .card__icons .icons__icon {
  display: block;
  margin-bottom: 0.7142857143rem;
  font-size: 2.196193265vw;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__icons .icons__icon {
    margin-bottom: 0.8333333333rem;
    font-size: 5.641025641vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .card__icons .icons__icon {
    font-size: 3.90625vw;
  }
}

.c-page--guide .c-section--experiences .card__icons .icons__icon::after {
  margin-inline: auto;
}

.c-page--guide .c-section--experiences .card__icons .icons__text {
  font-size: 0.878477306vw;
  letter-spacing: 0.05em;
  line-height: 1.3333333333;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__icons .icons__text {
    font-size: 2.5641025641vw;
    line-height: 1.4;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--guide .c-section--experiences .card__icons .icons__text {
    font-size: 2.34375vw;
  }
}

.c-page--guide .c-section--experiences .card__description {
  margin-top: 2.1428571429rem;
  font-size: 1.0980966325vw;
  letter-spacing: 0.05em;
  line-height: 1.7333333333;
}

@media screen and (max-width: 1023px) {
  .c-page--guide .c-section--experiences .card__description {
    margin-top: 1.6666666667rem;
    font-size: 3.3333333333vw;
    line-height: 2;
  }
}

.c-page--howto .c-main .c-link {
  text-decoration: underline;
}

.c-page--howto .c-section__inner {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section__inner {
    padding-right: 4.9780380673%;
    padding-left: 4.9780380673%;
  }
}

.c-page--howto .c-section--hero .c-section__inner {
  padding-bottom: 15.3846153846%;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .c-section__inner {
    padding-top: 11.859443631%;
    padding-bottom: 8.78477306%;
  }
}

.c-page--howto .c-section--hero .sub-title {
  margin-bottom: 0.8333333333rem;
  font-size: 4.1025641026vw;
  letter-spacing: 0.02em;
  color: #3E3E40;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .sub-title {
    font-size: 2.196193265vw;
  }
}

.c-page--howto .c-section--hero .title--h1 {
  font-size: 6.6666666667vw;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .title--h1 {
    font-size: 3.5897435897vw;
  }
}

.c-page--howto .c-section--hero .text--2 {
  font-size: 3.3333333333vw;
  line-height: 2;
  margin-top: 1.25rem;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .text--2 {
    font-size: 1.0248901903vw;
    margin-top: 2.1428571429rem;
  }
}

.c-page--howto .c-section--hero .toc__item {
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 1px solid #BBBBBF;
}

.c-page--howto .c-section--hero .toc__item:first-child {
  border-top: 1px solid #BBBBBF;
}

.c-page--howto .c-section--hero .toc__inner {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-page--howto .c-section--hero .toc__link {
  display: block;
  padding-top: 1.5rem;
  padding-right: 0.8333333333rem;
  padding-bottom: 1.5rem;
  padding-left: 0.8333333333rem;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .toc__link {
    padding-top: 1.4285714286rem;
    padding-right: 1.4285714286rem;
    padding-bottom: 1.4285714286rem;
    padding-left: 1.4285714286rem;
  }
}

.c-page--howto .c-section--hero .toc__head {
  width: 100%;
  margin-top: 3.75rem;
  margin-bottom: 1.25rem;
  font-size: 3.0769230769vw;
  line-height: 1.75;
  color: #8C8C8F;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .toc__head {
    margin-top: 3.2142857143rem;
    margin-bottom: 1.0714285714rem;
    font-size: 1.0248901903vw;
    line-height: 2;
  }
}

.c-page--howto .c-section--hero .toc__head:first-child {
  margin-top: 0;
}

.c-page--howto .c-section--hero .toc__head::before {
  display: inline;
  content: "- ";
}

.c-page--howto .c-section--hero .toc__title {
  width: 100%;
  padding-right: 0.8333333333rem;
  font-size: 3.5897435897vw;
  line-height: 1.6;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .toc__title {
    padding-right: 1.4285714286rem;
    font-size: 1.0248901903vw;
    line-height: 2;
  }
}

.c-page--howto .c-section--hero .toc__icon {
  font-size: 5.1282051282vw;
  line-height: 1.05;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .toc__icon {
    font-size: 1.4641288433vw;
  }

  .c-page--howto .c-section--hero .hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 2.4390243902%;
    padding-left: 2.4390243902%;
  }
}

.c-page--howto .c-section--hero .hero__content {
  position: relative;
}

.c-page--howto .c-section--hero .hero__content--head {
  position: relative;
  z-index: 1;
  margin-bottom: 5rem;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--hero .hero__content--head {
    width: 38.2051282051%;
    margin-bottom: 0;
  }

  .c-page--howto .c-section--hero .hero__content--toc {
    width: 48.7179487179%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--hero .hero__content--head {
    text-align: center;
  }
}

.c-page--howto .c-section--guides .c-section__inner {
  padding-top: 20.5128205128%;
  padding-bottom: 20.5128205128%;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--guides .c-section__inner {
    padding-top: 7.3206442167%;
    padding-right: 14.3118594436%;
    padding-bottom: 7.3206442167%;
    padding-left: 14.3118594436%;
  }
}

.c-page--howto .c-section--guides .guide__item {
  margin-top: 5rem;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--guides .guide__item {
    margin-top: 3.5714285714rem;
  }
}

.c-page--howto .c-section--guides .guide__item:first-child {
  margin-top: 0;
}

.c-page--howto .c-section--guides .guide__head {
  margin-bottom: 4.1666666667rem;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--guides .guide__head {
    margin-bottom: 7.1428571429rem;
  }

  .c-page--howto .c-section--apply .guide__title,
  .c-page--howto .c-section--participate .guide__title {
    margin-left: -7.1428571429rem;
  }
}

.c-page--howto .c-section--guides .guide__title {
  display: block;
  font-size: 6.6666666667vw;
  letter-spacing: 0.05em;
  color: #3E3E40;
  line-height: 1.6;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--guides .guide__title {
    font-size: 2.8550512445vw;
  }
}

.c-page--howto .c-section--guides .guide__description {
  margin-top: 2.1666666667rem;
  font-size: 3.0769230769vw;
  letter-spacing: 0.1em;
  color: #8C8C8F;
  line-height: 2;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--guides .guide__description {
    margin-top: 1.8571428571rem;
    font-size: 2.2693997072vw;
    line-height: 1.935483871;
  }
}

.c-page--howto .c-section--guides .content__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--guides .content__inner {
    display: block;
  }
}

.c-page--howto .c-section--guides .content__item {
  margin-top: 3.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--guides .content__item {
    margin-top: 4.1666666667rem;
  }
}

.c-page--howto .c-section--guides .content__item:first-child {
  margin-top: 0;
}

.c-page--howto .c-section--guides .content__text {
  width: 49.7435897436%;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--guides .content__text {
    width: 100%;
  }
}

.c-page--howto .c-section--guides .content__image {
  overflow: hidden;
  width: 38.4615384615%;
  border-radius: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--guides .content__image {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}

.c-page--howto .c-section--guides .content__notice {
  margin-top: 2.1428571429rem;
  font-size: 0.878477306vw;
  letter-spacing: 0.05em;
  line-height: 2.3333333333;
  color: #8C8C8F;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--guides .content__notice {
    margin-top: 1.6666666667rem;
    font-size: 3.0769230769vw;
    line-height: 2;
    text-indent: -1em;
    padding-left: 1em;
  }
}

.c-page--howto .c-section--guides .content__description {
  font-size: 3.3333333333vw;
  letter-spacing: 0.05em;
  line-height: 2;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--guides .content__description {
    font-size: 0.9516837482vw;
  }
}

.c-page--howto .c-section--guides .content__description .link {
  margin-top: 1.4285714286rem;
}

.c-page--howto .c-section--apply .content__definition {
  width: 33.8461538462%;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--apply .content__definition {
    width: 100%;
  }

  .c-page--howto .c-section--apply .content__item:nth-child(4) {
    margin-top: 0.8333333333rem;
  }
}

.c-page--howto .c-section--apply .content__number {
  font-size: 10vw;
  letter-spacing: 0em;
  line-height: 1.358974359;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--apply .content__number {
    margin-bottom: 0.3571428571rem;
    font-size: 3.7335285505vw;
  }
}

.c-page--howto .c-section--apply .content__title {
  font-size: 5.1282051282vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--apply .content__title {
    margin-bottom: 2.1428571429rem;
    font-size: 2.196193265vw;
  }
}

.c-page--howto .c-section--apply .c-definition--theme-1 {
  position: relative;
}

.ended_notification {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: grid;
  place-content: center;
  color: white;
  z-index: 10;
}

.c-page--howto .c-section--apply .ended_notification .regular {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.c-page--howto .c-section--apply .content__next {
  margin-top: 3.5714285714rem;
  text-align: center;
  color: #C10834;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--apply .content__next {
    margin-top: 2.1428571429rem;
  }
}

.c-page--howto .c-section--apply .content__next--1 p {
  display: inline-block;
  padding-top: 1.5rem;
  padding-right: 1.8571428571rem;
  padding-bottom: 2.6428571429rem;
  padding-left: 1.8571428571rem;
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/HOWTO/APPLY/bg_1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 1.317715959vw;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--apply .content__next--1 p {
    font-size: 3.0769230769vw;
    padding-top: 1.1666666667rem;
    padding-right: 1.4166666667rem;
    padding-bottom: 2rem;
    padding-left: 1.4166666667rem;
  }
}

.c-page--howto .c-section--apply .content__next--2 p {
  display: inline-block;
  padding-top: 1.4285714286rem;
  padding-right: 7.5714285714rem;
  padding-bottom: 1.4285714286rem;
  padding-left: 7.5714285714rem;
  border: 1px solid #C10834;
  border-radius: 0.7142857143rem;
  font-size: 1.1713030747vw;
  line-height: 1.8;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--apply .content__next--2 p {
    padding-top: 0.8333333333rem;
    padding-right: 0.8333333333rem;
    padding-bottom: 0.8333333333rem;
    padding-left: 0.8333333333rem;
    font-size: 4.1025641026vw;
    border-radius: 0.8333333333rem;
  }
}

.c-page--howto .c-section--how-to-use {
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/HOWTO/HOW_TO_USE/bg_1_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--how-to-use {
    background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/HOWTO/HOW_TO_USE/bg_1_sp.jpg);
  }
}

.c-page--howto .c-section--how-to-use .guide__title {
  color: #FFFFFF;
}

.c-page--howto .c-section--how-to-use .content__title {
  font-size: 5.1282051282vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: 2.5rem;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--how-to-use .content__title {
    margin-bottom: 2.1428571429rem;
    font-size: 1.4641288433vw;
  }
}

.c-page--howto .c-section--how-to-use .step.swiper .swiper-slide {
  height: auto;
}

.c-page--howto .c-section--how-to-use .step.swiper .swiper-pagination {
  line-height: 0;
}

.c-page--howto .c-section--how-to-use .step.swiper .swiper-pagination-bullet {
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  background: #BBBBBF;
  opacity: 1;
}

.c-page--howto .c-section--how-to-use .step.swiper .swiper-pagination-bullet-active {
  background: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--how-to-use .step {
    margin-right: -12.9032258065%;
    margin-left: -12.9032258065%;
    padding-bottom: 12.9032258065%;
  }
}

.c-page--howto .c-section--how-to-use .step__item {
  padding-right: 1.4705882353%;
  padding-left: 1.4705882353%;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--how-to-use .step__item {
    width: 33.3333333333% !important;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--how-to-use .step__item {
    width: 84.2307692308%;
    padding-right: 2.3717948718%;
    padding-left: 2.3717948718%;
  }
}

.c-page--howto .c-section--how-to-use .step__inner {
  height: 100%;
  padding-top: 7.7419354839%;
  padding-right: 7.4193548387%;
  padding-bottom: 9.6774193548%;
  padding-left: 7.4193548387%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
  border-radius: 1.5714285714rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--how-to-use .step__inner {
    -webkit-backdrop-filter: blur(0.8333333333rem);
    backdrop-filter: blur(0.8333333333rem);
  }
}

.c-page--howto .c-section--how-to-use .step__image {
  margin-top: -3.4351145038%;
  margin-left: -3.0534351145%;
}

.c-page--howto .c-section--how-to-use .step__text {
  margin-top: 9.5419847328%;
}

.c-page--howto .c-section--how-to-use .step__title {
  font-size: 1.1713030747vw;
  letter-spacing: 0.05em;
  line-height: 1.75;
  font-weight: 500;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--how-to-use .step__title {
    font-size: 4.1025641026vw;
  }
}

.c-page--howto .c-section--how-to-use .step__description {
  margin-top: 7.6335877863%;
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 1.8461538462;
}

.c-page--howto .c-section--how-to-use .step__description .c-link--text {
  padding-right: 1em;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--how-to-use .step__description {
    font-size: 3.0769230769vw;
    line-height: 2;
  }
}

.c-page--howto .c-section--participate .content__inner {
  align-items: flex-start;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content__inner {
    display: flex;
    flex-direction: column;
  }
}

.c-page--howto .c-section--participate .content__image {
  overflow: hidden;
  width: 37.9487179487%;
  border-radius: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content__image {
    order: 1;
    width: 100%;
    border-radius: 1.6666666667rem;
  }

  .c-page--howto .c-section--participate .content__text {
    order: 2;
  }
}

.c-page--howto .c-section--participate .content__title {
  font-size: 5.1282051282vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-bottom: 2.1428571429rem;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--participate .content__title {
    font-size: 1.4641288433vw;
    margin-bottom: 2.1428571429rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--participate .content__title--sub {
    margin-bottom: 2.1428571429rem;
    line-height: 1.4;
    font-size: 1.4641288433vw;
  }
}

.c-page--howto .c-section--participate .content__description {
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 2.1538461538;
}

.c-page--howto .c-section--participate .content__description .description {
  margin-bottom: 2.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content__description .description {
    margin-bottom: 2.5rem;
  }
}

.c-page--howto .c-section--participate .content__description .c-video {
  width: 40.5263157895%;
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content__description .c-video {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--howto .c-section--participate .content__description .c-video {
    width: 50%;
  }
}

.c-page--howto .c-section--participate .content__description .button {
  width: 26.4285714286rem;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content__description .button {
    width: 100%;
    margin-top: 2.5rem;
  }

  .c-page--howto .c-section--participate .content__description {
    font-size: 3.3333333333vw;
    line-height: 2;
  }
}

.c-page--howto .c-section--participate .content--step {
  margin-top: 8.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step {
    margin-top: 6.6666666667rem;
  }
}

.c-page--howto .c-section--participate .content--step .content__item {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__item {
    margin-top: 0;
  }
}

.c-page--howto .c-section--participate .content--step .content__item:last-child .content__description {
  padding-left: 0;
  padding-bottom: 0;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__item:last-child .content__description {
    padding-top: 1.6666666667rem;
    padding-left: 0;
  }
}

.c-page--howto .c-section--participate .content--step .content__item:last-child .content__description::before {
  display: none;
}

.c-page--howto .c-section--participate .content--step .content__head {
  display: flex;
  align-items: center;
  padding-top: 2.0512820513%;
  padding-left: 3.4871794872%;
  padding-bottom: 2.0512820513%;
  padding-right: 3.4871794872%;
  border-radius: 7.1428571429rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 0.7142857143rem rgba(57, 91, 121, 0.16);
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__head {
    padding-top: 3.5483870968%;
    padding-left: 8.064516129%;
    padding-bottom: 3.5483870968%;
    padding-right: 8.064516129%;
    border-radius: 1.6666666667rem;
  }
}

.c-page--howto .c-section--participate .content--step .content__step {
  width: 12.1278941566%;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__step {
    width: 28.8461538462%;
  }
}

.c-page--howto .c-section--participate .content--step .content__step span {
  display: inline-block;
  vertical-align: middle;
}

.c-page--howto .c-section--participate .content--step .content__step span:first-child {
  font-size: 1.2445095168vw;
  letter-spacing: 0.05em;
  line-height: 1.5882352941;
  padding-right: 0.2em;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__step span:first-child {
    font-size: 3.0769230769vw;
  }
}

.c-page--howto .c-section--participate .content--step .content__step span:last-child {
  font-size: 1.9765739385vw;
  letter-spacing: 0em;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__step span:last-child {
    font-size: 4.8717948718vw;
  }
}

.c-page--howto .c-section--participate .content--step .content__title {
  width: 87.8721058434%;
  margin-bottom: 0;
  font-size: 1.4641288433vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__title {
    width: 71.1538461538%;
    font-size: 4.1025641026vw;
    line-height: 1.75;
  }
}

.c-page--howto .c-section--participate .content--step .content__description {
  position: relative;
  width: 78.9743589744%;
  padding-top: 3.5714285714rem;
  padding-bottom: 3.5714285714rem;
  padding-left: 14.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__description {
    width: 100%;
    padding-left: 5.25rem;
  }
}

.c-page--howto .c-section--participate .content--step .content__description::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  margin-left: 5rem;
  background-image: linear-gradient(to bottom, #707070 0.3571428571rem, transparent 0.3571428571rem);
  background-size: 1px 0.7142857143rem;
  background-repeat: repeat-y;
  background-position: left top;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__description::before {
    margin-left: 2.5rem;
  }
}

.c-page--howto .c-section--participate .content--step .content__description .discord-wrapper {
  position: relative;
  z-index: 1;
  background: #F9F9F9;
  border-radius: 2.8571428571rem;
  padding-top: 1.7142857143rem;
  padding-right: 4.8571428571rem;
  padding-bottom: 1.6428571429rem;
  padding-left: 4.8571428571rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .content--step .content__description .discord-wrapper {
    margin-left: -25.5060728745%;
    border-radius: 1.6666666667rem;
    padding-top: 1.0833333333rem;
    padding-right: 3.0833333333rem;
    padding-bottom: 1rem;
    padding-left: 3.0833333333rem;
  }
}

.c-page--howto .c-section--participate .step {
  width: 100%;
}

.c-page--howto .c-section--participate .step__items {
  width: 105.2631578947%;
  margin-top: -2.1428571429rem;
  margin-right: -3.5087719298%;
  margin-left: -3.5087719298%;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step__items {
    margin-top: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.c-page--howto .c-section--participate .step__item {
  display: inline-block;
  vertical-align: top;
  width: 26.6666666667%;
  margin-top: 2.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step__item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 2.1666666667rem;
    margin-right: 0;
    margin-left: 0;
  }
}

.c-page--howto .c-section--participate .step__text {
  margin-top: 1.4285714286rem;
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-right: -0.5em;
  margin-left: -0.5em;
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--participate .step__text {
    text-align: center;
  }

  .c-page--howto .c-section--participate .step__text p {
    display: inline-block;
  }

  .c-page--howto .c-section--participate .step__text span {
    display: inline-block;
    text-align: left;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step__text {
    margin-top: 0;
    font-size: 3.3333333333vw;
    margin-right: 0;
    margin-left: 0;
  }
}

.c-page--howto .c-section--participate .step__title {
  margin-bottom: 2.1428571429rem;
  font-size: 0.9516837482vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step__title {
    font-size: 3.3333333333vw;
    margin-bottom: 1.6666666667rem;
  }
}

.c-page--howto .c-section--participate .step--1 {
  margin-top: 3.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step--1 {
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--participate .step--1 .step__items {
    display: flex;
    justify-content: center;
    column-gap: 2.5rem;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--howto .c-section--participate .step--1 .step__items {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--participate .step--1 .step__item:nth-child(3n) .step__image::after {
    display: none;
  }
}

.c-page--howto .c-section--participate .step--1 .step__item:last-child .step__image::after {
  display: none;
}

.c-page--howto .c-section--participate .step--1 .step__image {
  position: relative;
  top: 0;
  left: 0;
}

.c-page--howto .c-section--participate .step--1 .step__image::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2em;
  height: 2em;
  background-image: url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/COMMON/icon_arrow_3.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  margin-right: -2.5em;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step--1 .step__image::after {
    top: 100%;
    left: 50%;
    width: 1.4em;
    height: 1.4em;
    transform: translateX(-50%) translateY(0) rotate(90deg);
    margin-right: 0;
    margin-top: 0.4em;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .c-page--howto .c-section--participate .step--1 .step__image::after {
    width: 0.75em;
    height: 0.75em;
    margin-top: 0.3em;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step--1 .step__image {
    width: 36.4372469636%;
  }

  .c-page--howto .c-section--participate .step--1 .step__text {
    width: 63.5627530364%;
    padding-left: 5.6680161943%;
  }
}

.c-page--howto .c-section--participate .step--2 {
  margin-top: 3.5714285714rem;
  width: 110.1754385965%;
  margin-right: -5.0877192982%;
  margin-left: -5.0877192982%;
  padding-top: 5.2631578947%;
  padding-right: 8.1578947368%;
  padding-bottom: 7.0175438596%;
  padding-left: 8.1578947368%;
  background: #FFFFFF;
  border-radius: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step--2 {
    margin-top: 2.5rem;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-top: 12.1457489879%;
    padding-right: 8.0971659919%;
    padding-bottom: 12.1457489879%;
    padding-left: 8.0971659919%;
    border-radius: 1.6666666667rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--howto .c-section--participate .step--2 .step__items {
    display: flex;
    gap: 2.5rem;
    justify-content: center;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step--2 .step__items {
    flex-direction: column;
  }
}

.c-page--howto .c-section--participate .step--2 .step__item {
  display: inline-block;
  vertical-align: top;
  width: 17.3913043478%;
}

@media screen and (max-width: 1023px) {
  .c-page--howto .c-section--participate .step--2 .step__item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .c-page--howto .c-section--participate .step--2 .step__image {
    width: 33.8164251208%;
  }

  .c-page--howto .c-section--participate .step--2 .step__text {
    width: 66.1835748792%;
    padding-left: 6.7632850242%;
  }
}

.c-page--howto .c-section--participate .step-link {
  margin-top: 1.7857142857rem;
}

@keyframes slide3_1 {
  0% {
    opacity: 0;
  }

  33.33% {
    opacity: 1;
  }

  66.66% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slide3_2 {
  0% {
    opacity: 0;
  }

  33.33% {
    opacity: 0;
  }

  66.66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slide3_3 {
  0% {
    opacity: 1;
  }

  33.33% {
    opacity: 0;
  }

  66.66% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slide4_1 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slide4_2 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slide4_3 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slide4_4 {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.c-page--4type .type__image .image__item {
  opacity: 0;
  animation-fill-mode: forwards;
}

.c-page--4type .type__image .image__item:nth-child(1) {
  animation: slide3_1 4.2s infinite;
}

.c-page--4type .type__image .image__item:nth-child(2) {
  animation: slide3_2 4.2s infinite;
}

.c-page--4type .type__image .image__item:nth-child(3) {
  animation: slide3_3 4.2s infinite;
}

.c-page--4type .type__image .image__item img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-page--4type .c-section__inner {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section__inner {
    padding-right: 4.9780380673%;
    padding-left: 4.9780380673%;
  }
}

.c-page--4type .c-section--hero .c-section__inner {
  padding-bottom: 15.3846153846%;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .c-section__inner {
    padding-top: 11.859443631%;
    padding-bottom: 8.78477306%;
  }
}

.c-page--4type .c-section--hero .sub-title {
  margin-bottom: 0.8333333333rem;
  font-size: 4.1025641026vw;
  letter-spacing: 0.02em;
  color: #8C8C8F;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .sub-title {
    font-size: 2.196193265vw;
  }
}

.c-page--4type .c-section--hero .title--h1 {
  font-size: 6.6666666667vw;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .title--h1 {
    font-size: 3.5897435897vw;
  }
}

.c-page--4type .c-section--hero .title--h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .title--h2 {
    margin-bottom: 1.4166666667rem;
    text-align: center;
  }
}

.c-page--4type .c-section--hero .title--h2 .title__inner {
  display: block;
  line-height: 1;
}

.c-page--4type .c-section--hero .title--h2 span {
  font-size: 6.9230769231vw;
  line-height: 1.5925925926;
  letter-spacing: 0.03em;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .title--h2 span {
    font-size: 2.5622254758vw;
    letter-spacing: 0.1em;
  }
}

.c-page--4type .c-section--hero .text {
  display: block;
}

.c-page--4type .c-section--hero .text--2 {
  font-size: 3.3333333333vw;
  line-height: 2;
  margin-top: 1.25rem;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .text--2 {
    font-size: 1.0248901903vw;
    margin-top: 2.1428571429rem;
  }
}

.c-page--4type .c-section--hero .lead {
  font-size: 3.3333333333vw;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .lead {
    margin-right: -4em;
    font-size: 0.9516837482vw;
    line-height: 2;
  }

  .c-page--4type .c-section--hero .hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 2.4390243902%;
    padding-left: 2.4390243902%;
  }
}

.c-page--4type .c-section--hero .hero__content {
  position: relative;
}

.c-page--4type .c-section--hero .hero__content--head {
  position: relative;
  z-index: 1;
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--hero .hero__content--head {
    width: 50%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--hero .hero__content--head {
    text-align: center;
  }
}

.c-page--4type .c-section--hero .hero__image {
  width: 74%;
  margin-right: -15%;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--hero .hero__image {
    position: static;
    width: 142.2580645161%;
    margin-left: -20.9677419355%;
    transform: translateY(0);
  }
}

.c-page--4type .c-section--types:nth-child(2n+1) .type__content {
  justify-content: flex-end;
}

.c-page--4type .c-section--types .c-section__inner {
  padding-top: 15.3846153846%;
  padding-bottom: 15.3846153846%;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--types .c-section__inner {
    padding-top: 7.3206442167%;
    padding-bottom: 7.3206442167%;
  }
}

.c-page--4type .c-section--types:nth-child(4n+1) .c-section__inner {
  padding-bottom: 0;
}

.c-page--4type .c-section--types .type .title {
  color: #8C8C8F;
}

.c-page--4type .c-section--types .type .title--en {
  font-size: 9.3704245974vw;
  letter-spacing: 0.02em;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type .title--en {
    font-size: 11.2820512821vw;
  }
}

.c-page--4type .c-section--types .type .title--ja {
  font-size: 2.2693997072vw;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-top: 4.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type .title--ja {
    margin-top: 1.5rem;
    font-size: 3.0769230769vw;
  }
}

.c-page--4type .c-section--types .type__container {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin-top: 7.7142857143rem;
  padding-top: 48.7804878049%;
  border-radius: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type__container {
    margin-top: 4.1666666667rem;
    padding-top: 184.5161290323%;
    border-radius: 1.6666666667rem;
  }
}

.c-page--4type .c-section--types .type__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.c-page--4type .c-section--types .type__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 7.1742313324%;
  padding-left: 7.1742313324%;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type__content {
    align-items: flex-end;
    padding-right: 7.6923076923%;
    padding-bottom: 7.6923076923%;
    padding-left: 7.6923076923%;
  }
}

.c-page--4type .c-section--types .type__inner {
  width: 38.4615384615%;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type__inner {
    width: 100%;
  }
}

.c-page--4type .c-section--types .type__type-name {
  margin-bottom: 1.4285714286rem;
  font-size: 2.2693997072vw;
  line-height: 1.3548387097;
  margin-right: -2.5em;
}

.c-page--4type .c-section--types .type__type-name span {
  display: inline-block;
  position: relative;
}

.c-page--4type .c-section--types .type__type-name span:first-child {
  padding-right: 0.7em;
  margin-right: 0.7em;
}

.c-page--4type .c-section--types .type__type-name span:first-child::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type__type-name {
    margin-bottom: 0.8333333333rem;
    font-size: 5.1282051282vw;
    letter-spacing: 0em;
    line-height: 1.35;
  }
}

.c-page--4type .c-section--types .type__title {
  font-size: 2.196193265vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-right: -2.5em;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type__title {
    font-size: 4.1025641026vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
}

.c-page--4type .c-section--types .type__description {
  margin-top: 3rem;
  font-size: 1.0980966325vw;
  letter-spacing: 0.05em;
  line-height: 1.7333333333;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--types .type__description {
    margin-top: 2.5rem;
    font-size: 2.8205128205vw;
    line-height: 2;
  }
}

.c-page--4type .c-section--types .image__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-page--4type .c-section--attention .c-section__inner {
  padding-top: 12.8205128205%;
  padding-bottom: 20.5128205128%;
}

@media screen and (min-width: 1024px) {
  .c-page--4type .c-section--attention .c-section__inner {
    padding-top: 5.8565153734%;
    padding-bottom: 5.8565153734%;
  }
}

.c-page--4type .c-section--attention .c-attention {
  width: 82.905982906%;
  margin-inline: auto;
}

@media screen and (max-width: 1023px) {
  .c-page--4type .c-section--attention .c-attention {
    width: 100%;
  }

  .c-page--4type .c-section--attention .c-attention__description {
    text-align: left;
  }
}

:root {
  --width: 100%;
  --height: 100vh;
  --header-height: 62px;
  --scrollbar-width: 0;
}

::-moz-selection {
  background: #363637;
  color: #D7D7DB;
}

::selection {
  background: #363637;
  color: #D7D7DB;
}

html,
body {
  overscroll-behavior-y: none;
  font-size: 14px;
  font-size: 1.0248901903vw;
}

@media screen and (max-width: 1023px) {
  html,
  body {
    font-size: 3.0769230769vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  html,
  body {
    font-size: 1.953125vw;
  }
}

html {
  background: #282829;
}

body {
  transition-property: background, color;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  background: #282829;
}

body main {
  overflow-x: hidden;
  width: 100%;
}

body .c-section--statement .title path,
body .c-section--statement .title rect {
  fill: #FFFFFF;
  transition-property: fill;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

body .c-main {
  background: #F5F5F7;
  color: #282829;
}

body.is-theme-dark .c-main {
  background: #000;
  color: #FFFFFF;
}

body.is-theme-light .c-main {
  background: #F5F5F7;
  color: #555557;
}

body.is-theme-light .c-main path,
body.is-theme-light .c-main rect {
  fill: #555557;
}

body.is-theme-light .c-section--splash {
  opacity: 0;
}

body img,
body svg {
  width: 100%;
  height: auto;
}

.is-mouse a,
.is-mouse button {
  opacity: 1;
  transition: opacity 0.15s ease-out;
}

.is-mouse a:hover,
.is-mouse button:hover {
  opacity: 0.5;
}

.is-mouse .c-button:hover {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .c-section__inner {
    padding-top: 7.27%;
    padding-bottom: 4.56463679%;
    padding-right: 4.9780380673%;
    padding-left: 4.9780380673%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--hero .c-section__inner {
    padding-top: 20.5128205128%;
    padding-bottom: 11.28205128%;
    padding-right: 5.1282051282%;
    padding-left: 5.1282051282%;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 2.4390243902%;
    padding-left: 2.4390243902%;
  }
}

.c-page--latest-information .c-section--hero .hero__content--head {
  position: relative;
  z-index: 1;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .hero__content--head {
    width: 38.2051282051%;
    margin-bottom: 0;
    text-align: left;
  }

  .c-page--latest-information .c-section--hero .hero__content--toc {
    width: 48.7179487179%;
  }
}

.c-page--latest-information .c-section--hero .sub-title {
  font-size: 4.6153846154vw;
  margin-bottom: 1.8333333333rem;
  letter-spacing: 0.02em;
  color: #ffffff;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .sub-title {
    font-size: 1.6105417277vw;
    margin-bottom: 2.7142857142195164rem;
  }
}

.c-page--latest-information .c-section--hero .title--h1 {
  font-size: 6.153846154vw;
  letter-spacing: 0.02em;
  margin-bottom: 1.8333333333rem;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .title--h1 {
    font-size: 3.147877013vw;
    letter-spacing: 0.1em;
    margin-bottom: 0.7142857143rem;
  }
}

.c-page--latest-information .c-section--hero .last-update {
  font-size: 2.5641025641vw;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .last-update {
    font-size: 1.6105417277vw;
  }
}

.c-page--latest-information .c-section--hero .date {
  font-size: 5.1282051282vw;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .date {
    font-size: 1.9765739385vw;
  }
}

.c-page--latest-information .c-section--hero .text--2 {
  font-size: 3.3333333333vw;
  line-height: 2;
  margin-top: 2.5rem;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .text--2 {
    font-size: 1.0248901903vw;
    margin-top: 2.7857142856463418rem;
  }
}

.c-page--latest-information .c-section--hero .toc__item {
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 1px solid #FFFFFF;
}

.c-page--latest-information .c-section--hero .toc__item:first-child {
  border-top: 1px solid #FFFFFF;
}

.c-page--latest-information .c-section--hero .toc__link {
  display: block;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .toc__link {
    padding-top: 1.4285714286rem;
    padding-right: 1.4285714286rem;
    padding-bottom: 1.4285714286rem;
    padding-left: 1.4285714286rem;
  }
}

.c-page--latest-information .c-section--hero .toc__inner {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-page--latest-information .c-section--hero .toc__text {
  width: 100%;
  font-size: 3.5897435897vw;
  line-height: 1.6;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .toc__text {
    font-size: 1.0980966325vw;
    line-height: 2;
  }
}

.c-page--latest-information .c-section--hero .toc__icon {
  font-size: 5.1282051282vw;
  line-height: 1.05;
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--hero .toc__icon {
    font-size: 1.4641288433vw;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--latest-information .c-section--information-list .c-section__inner {
    padding-top: 2.8571428571rem;
    padding-bottom: 3.7142857143rem;
    padding-right: 4.9780380673%;
    padding-left: 4.9780380673%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .c-section__inner {
    padding-top: 2.6666666667rem;
    padding-bottom: 3.3333333333rem;
    padding-right: 5.1282051282%;
    padding-left: 5.1282051282%;
  }
}

.c-page--latest-information .c-section--information-list .title {
  font-size: 1.7569555351vw;
  font-weight: 600;
  margin-bottom: 2.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .title {
    font-size: 5.1282051282vw;
    margin-bottom: 2rem;
  }
}

.c-page--latest-information .c-section--information-list .title .title-small {
  font-size: 1.1713030747vw;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .title .title-small {
    font-size: 3.5897435897vw;
  }
}

.c-page--latest-information .c-section--information-list .link-panel-container {
  display: flex;
  gap: 2.1428571429rem;
  flex-wrap: wrap;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .link-panel-container {
    flex-direction: column;
    gap: 1.3333333333rem;
  }
}

.c-page--latest-information .c-section--information-list .link-panel-wrap {
  width: calc(50% - 1.0714285714rem);
  height: 12.857142857rem;
  border-radius: 1.1428571429rem;
  overflow: hidden;
  background-color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .link-panel-wrap {
    width: 100%;
    height: 13.3333333333rem;
  }
}

.c-page--latest-information .c-section--information-list .link-panel {
  display: flex;
  gap: 1.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .link-panel {
    gap: 1.1666666667rem;
  }
}

.c-page--latest-information .c-section--information-list .link-panel .left {
  width: 12.5rem;
  flex-shrink: 0;
}

.c-page--latest-information .c-section--information-list .link-panel .right {
  display: flex;
  align-items: center;
  gap: 1.4285714286rem;
  padding-top: 1.2857142857rem;
  padding-bottom: 1.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .link-panel .right {
    gap: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.c-page--latest-information .icon-red,
.c-page--lp .card__table .card__table-list .table-head .icon-red {
  width: 5.857142857rem;
  height: 1.5714285714rem;
  border-radius: 1.5714285714rem;
  background-color: #C3002F;
  color: #FFFFFF;
  display: grid;
  place-content: center;
  font-size: 0.7320644217vw;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .icon-red,
  .c-page--lp .card__table .card__table-list .table-head .icon-red {
    width: 6.8333333333rem;
    height: 1.8333333333rem;
    font-size: 2.5641025641vw;
  }
}

.c-page--latest-information .contents-title {
  font-size: 1.317715959vw;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .contents-title {
    font-size: 3.5897435897vw;
  }
}

.c-page--latest-information .c-section--information-list .link-panel .contents-title {
  margin-top: 0.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .link-panel .contents-title {
    margin-top: 0.6666666667rem;
  }
}

.c-page--latest-information .contents-text {
  font-size: 0.9516837482vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .contents-text {
    font-size: 2.5641025641vw;
  }
}

.c-page--latest-information .c-section--information-list .link-panel .contents-text {
  margin-top: 0.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .link-panel .contents-text {
    margin-top: 0.6666666667rem;
  }
}

.c-page--latest-information .c-section--information-list .flex-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .flex-bottom {
    align-items: center;
    margin-top: 0.6666666667rem;
  }
}

.c-page--latest-information .c-section--information-list .token-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9516837482vw;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .token-wrap {
    font-size: 2.5641025641vw;
  }
}

.c-page--latest-information .c-section--information-list .token-wrap img {
  width: 0.9551071429rem;
  height: 1.2142857143rem;
}

.c-page--latest-information .c-section--information-list .token-score {
  font-size: 1.7569555351vw;
  font-weight: 700;
  letter-spacing: 0;
  font-family: 'Inter', sans-serif !important;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .c-section--information-list .token-score {
    font-size: 4.1025641026vw;
  }
}

.c-page--latest-information .c-section--information-list .link-panel .arrow .c-button__icon {
  display: block;
  position: relative;
  top: 0;
  transform: translateY(0);
  padding-right: 0;
}

.c-page--latest-information .icon-white {
  width: 5.857142857rem;
  height: 1.5714285714rem;
  border-radius: 1.5714285714rem;
  color: #C3002F;
  border: 1px #C3002F solid;
  display: grid;
  place-content: center;
  font-size: 0.7320644217vw;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .icon-white {
    width: 6.8333333333rem;
    height: 1.8333333333rem;
    font-size: 2.5641025641vw;
  }
}

.c-page--latest-information .more-link-wrap {
  text-align: center;
  margin-top: 2.8571428571em;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .more-link-wrap {
    margin-top: 2.6666666667rem;
  }
}

.c-page--latest-information .more-link-wrap .c-link__text {
  font-size: 1.1713030747vw;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .more-link-wrap .c-link__text {
    font-size: 3.5897435897vw;
  }
}

.c-page--latest-information .event-container {
  display: flex;
  row-gap: 1.7142857143rem;
  column-gap: 4.2142857143rem;
  flex-wrap: wrap;
  padding: 0 1.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .event-container {
    flex-direction: column;
    gap: 1.3333333333rem;
    padding: 0 1.25rem;
  }
}


.c-page--latest-information .event-container .event {
  width: calc(50% - 2.1071428571rem);
  display: flex;
  align-items: center;
  gap: 1.7142857143rem;
  padding-bottom: 1.7142857143rem;
  border-bottom: 1px #E9E5E5 solid;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .event-container .event {
    width: 100%;
    gap: 1.3333333333rem;
    padding-bottom: 1.3333333333rem;
  }
}

.c-page--latest-information .event-container .event .left {
  border-radius: 0.7142857143rem;
  overflow: hidden;
  width: 10rem;
  height: 10rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .event-container .event .left {
    border-radius: 0.8333333333rem;
    width: 8.3333333333rem;
    height: 8.3333333333rem;
    flex-shrink: 0;
  }
}

.c-page--latest-information .event-container .event .left img {
  width: 100%;
  height: 100%;
}

.c-page--latest-information .event-container .event .contents-text {
  margin-top: 0.5714285714rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .event-container .event .contents-text {
    margin-top: 0.6666666667rem;
  }
}

.c-page--latest-information .button-area {
  padding-top: 2.8571428571rem;
  padding-bottom: 7.1428571429rem;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .button-area {
    padding-top: 3.3333333333rem;
    padding-bottom: 5rem;
  }
}

.c-page--latest-information .button-area .button-area-text {
  font-size: 0.9516837482vw;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .button-area .button-area-text {
    font-size: 3.0769230769vw;
  }
}

.c-page--latest-information .button-area .button-container {
  display: flex;
  justify-content: center;
  gap: 1.1428571429rem;
  margin-top: 1.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .button-area .button-container {
    flex-direction: column;
    gap: 1.3333333333rem;
    align-items: center;
    margin-top: 2rem;
  }
}

.c-page--latest-information .button-area .button-container .button {
  width: 21.428571428048784rem;
}

@media screen and (max-width: 1023px) {
  .c-page--latest-information .button-area .button-container .button {
    width: 25rem;
  }
}

.c-page--portable .c-section--portable {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)),
    url(/ASSETS/HTMLS/TOP/ASSETS/IMAGES/CHALLENGE/REWARD/PORTABLE-BATTERY/bg_1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.85);
  color: #FFFFFF;
}

@media screen and (min-width: 1024px) {
    .c-page--portable .c-section--portable .c-section__inner {
      padding-top: 7.27%;
      padding-right: 14.3118594436%;
      padding-bottom: 4.56463679%;
      padding-left: 14.3118594436%;
    }
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-section--portable .c-section__inner {
    padding-top: 20.5128205128%;
    padding-bottom: 11.28205128%;
    padding-right: 5.1282051282%;
    padding-left: 5.1282051282%;
  }
}

.c-page--portable .c-text-15 {
  font-size: 1.0980966325vw;
  font-weight: 100;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-text-15 {
    font-size: 3.8461538462vw;
  }
}

.c-page--portable .head {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  margin-top: 2.2857142857rem;;
  margin-bottom: 4.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .head {
    margin-bottom: 0.8333333333rem;
  }
}

.c-page--portable .head__button {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2.2857142857rem;
  height: 2.2857142857rem;
  border-radius: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .head__button {
    width: 2.6666666667rem;
    height: 2.6666666667rem;
  }
}

.c-page--portable .head__button .button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 1.317715959vw;
  color: #000000;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .head__button .button {
    font-size: 4.6153846154vw;
  }
}

.c-page--portable .head__button::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

.c-page--portable .head__title {
  padding-left: 2.2857142857rem;
  padding-right: 2.2857142857rem;
  font-size: 1.9033674963vw;
  letter-spacing: 0.2em;
  line-height: 1.4545454545;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .head__title {
    padding-left: 4rem;
    padding-right: 0;
    font-size: 4.358974359vw;
    line-height: 1.7777777778;
    letter-spacing: 0.05em;
  }
}

.c-page--portable h1 {
  font-size: 1.9033674963vw;
  text-align: center;
  font-weight: 600;
}

.c-page--portable .application-period {
  font-size: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .application-period {
    font-size: 3.3333333333vw;
  }
}

.c-page--portable .bold {
  font-size: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .bold {
    font-size: 4.1025641026vw;
  }
}

.c-page--portable .l-container {
  width: 100%;
  max-width: 55rem;
  margin: 0 auto;
}

.c-page--portable .margin-top-pc24-sp32 {
  margin-top: 1.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-page--portable .margin-top-pc24-sp32 {
    margin-top: 2.6666666667rem;
  }
}

.c-page--portable .img-wrap {
  height: 27.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.1428571429rem;
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .img-wrap {
    height: 22.08333333rem;
    overflow: visible;
  }
}

.c-page--portable .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .img-wrap img {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: none;
  }
}

.c-page--portable .c-text-15-bold {
  font-size: 1.0980966325vw;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-text-15-bold {
    font-size: 3.8461538462vw;
    font-weight: 600;
  }
}

.c-page--portable .content-wrap {
  margin-top: 2.8571428571em;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .content-wrap {
    margin-top: 2.6666666667rem;
  }
}

.c-page--portable .description {
  font-size: 0.9516837482vw;
  line-height: 180%;
  margin-top: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .description {
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
    margin-top: 2rem;
  }
}

.c-page--portable .detail__link {
  margin-top: 1.4285714286rem;
  font-size: 0.878477306vw;
  letter-spacing: 0.05em;
  line-height: 1.6333333333;
  text-align: right;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .detail__link {
    margin-top: 1.6666666667rem;
    font-size: 3.0769230769vw;
  }
}

.c-page--portable .c-section--event-information .c-section__inner {
  padding-top: 2.8571428571em;
  padding-bottom: 7.1428571429rem;
  padding-right: 5.1282051282%;
  padding-left: 5.1282051282%;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-section--event-information .c-section__inner {
    padding-top: 3.3333333333rem;
    padding-bottom: 8.3333333333rem;
    padding-right: 5.1282051282%;
    padding-left: 5.1282051282%;
  }
}

.c-page--portable .content + .content {
  margin-top: 3.714285714195123rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .content + .content {
    margin-top: 4.3333333333rem;
  }
}

.c-page--portable .title {
  font-size: 1.1713030747vw;
  font-weight: 600;
  margin-bottom: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .title {
    margin-bottom: 1.6666666667rem;
    font-size: 4.1025641026vw;
  }
}

.c-page--portable .discord-container {
  position: relative;
  background-color: #4E48EA;
  border-radius: 1.1428571429rem;
  padding: 2.285714285658536rem 2.1428571429rem 2.714285714195512rem 3.7142857143rem;
  color: #ffffff;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container {
    border-radius: 1.3333333333rem;
    padding: 2.6666666667rem 1.6666666667rem;
    gap: 1.8333333333rem;
  }
}

.c-page--portable .discord-container__inner {
  display: flex;
  gap: 1.9999999999040596rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container__inner {
    border-radius: 1.1428571429rem;
    gap: 1.5rem;
  }
}

.c-page--portable .discord-container .left,
.c-page--portable .discord-container .right {
    position: relative;
    z-index: 1;
}

.c-page--portable .discord-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.5714285714rem;
  z-index: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-icon-wrap {
    right: 4.8691666667rem;
  }
}

.c-page--portable .discord-icon-wrap .discord-icon {
  width: 12.7625rem;
  filter: brightness(0) saturate(100%) invert(52%) sepia(80%) saturate(2000%) hue-rotate(215deg) brightness(87%) contrast(120%);
}

.c-page--portable .discord-container .left .icon_wrap {
  width: 5.928571428446829rem;
  height: 5.928571428446829rem;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0.7142857142682928rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container .left .icon_wrap {
    width: 6rem;
    height: 6rem;
    margin-bottom: 0.6666666667rem;
  }
}

.c-page--portable .discord-container .c-text-10,
.c-page--lp .c-text-10 {
  font-size: 0.7320644217vw;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container .c-text-10,
  .c-page--lp .c-text-10 {
    font-size: 2.5641025641vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container .c-text-10 {
    white-space: nowrap;
  }
}

.c-page--portable .discord-container .title {
  margin-bottom: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container .title {
    text-align: center;
    margin-bottom: 3.3333333333rem;
  }
}

.c-page--portable .discord-container .date {
  font-size: 1.0248901903vw;
  font-weight: 600;
  margin-bottom: 1.1428571429rem;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container .date {
    font-size: 4.1025641026vw;
    margin-bottom: 1rem;
  }
}

.c-text-13 {
  font-size: 0.9516837482vw;
}

@media screen and (max-width: 1023px) {
  .c-text-13 {
    font-size: 3.3333333333vw;
  }
}

.c-page--portable .discord-container .button {
  width: 21.428571428048784rem;
  margin-top: 1.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .discord-container .button {
    margin: 2.1666666667rem auto 0 auto;
    width: 25rem;
  }
}

.c-page--portable .discord-container .c-button {
  color: #4E48EA;
  border: none;
}

.c-page--portable .table {
  border-radius: 0.8571428571rem;
  background-color: #FFFFFF;
  padding: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table {
    border-radius: 1rem;
    padding: 2rem 1.3333333333rem;
  }
}

.c-page--portable .table .table-row {
  display: flex;
  align-items: center;
  padding-bottom: 1.4285714286rem;
  border-bottom: 1px #BFBFD4 solid;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table .table-row {
    flex-direction: column;
    padding-bottom: 2rem;
  }

  .c-page--portable .table .table-row:last-of-type {
    gap: 1.3333333333rem;
  }
}

.c-page--portable .table .table-row:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.c-page--portable .table .table-row + .table-row {
  margin-top: 1.4285714286rem;
}

.c-page--portable .table-row .table-head {
  width: 14.999999999834147rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table-row .table-head {
    width: 100%;
  }
}

.c-page--portable .table-row .table-body {
  width: 37.14285714231121rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table-row .table-body {
    width: 100%;
  }
}

.c-page--portable .c-text-14 {
  font-size: 1.0248901903vw;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-text-14 {
    font-size: 3.5897435897vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table .c-text-14 {
    margin-top: 1.3333333333rem;
  }
}

.c-page--portable .c-text-14-bold {
  font-size: 1.0248901903vw;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-text-14-bold {
    font-size: 3.5897435897vw;
  }
}

.c-page--portable .table-row .table-body .c-text-14-bold {
  margin-bottom: 0.5714285714rem;
}

.c-page--portable .c-text-bold {
  font-size: 1.0248901903vw;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .c-text-bold {
    font-size: 4.6153846154vw;
    margin-top: 0.6666666667rem;
  }
}

.c-page--portable .table-row .table-body .flex {
  display: flex;
  align-items: center;
  gap: 1.1428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table-row .table-body .flex {
    gap: 1.3333333333rem;
  }
}

.c-page--portable .table-row .table-body .flex .icon-wrap {
  width: 2.8571428571em;
  height: 2.8571428571em;
  border-radius: 50%;
  background-color: #282829;
  display: grid;
  place-content: center;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table-row .table-body .flex .icon-wrap {
    width: 3.3333333333rem;
    height: 3.3333333333rem;
  }
}

.c-page--portable .table-row .table-body .toc__icon {
  display: block;
  width: fit-content;
  text-align: center;
  font-size: 1.4641288433vw;
  margin: 0.5714285714rem 0 0.5714285714rem 0.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .table-row .table-body .toc__icon {
    font-size: 5.1282051282vw;
    margin: 0.6666666667rem;
  }
}

.c-page--portable .c-section--event-information ul li .c-text-14 {
  line-height: 180%;
}

.c-page--portable .content:last-of-type {
  text-align: center;
}

.c-page--portable .content:last-of-type .button {
  width: 21.428571428048784rem;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .c-page--portable .content:last-of-type .button {
    width: 25rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  html,
  .c-page--lp {
    font-size: 3.0769230769vw;
  }
}

@media screen and (min-width: 1024px) {
  .c-page--lp .c-section__inner {
    padding-top: 7.3206442167%;
    padding-right: 14.3118594436%;
    padding-bottom: 7.3206442167%;
    padding-left: 14.3118594436%;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-section__inner {
    padding-top: 20.5128205128%;
    padding-bottom: 20.5128205128%;
    padding-right: 5.1282051282%;
    padding-left: 5.1282051282%;
  }
}

.c-page--lp .head {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  margin-bottom: 4.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .head {
    margin-bottom: 1.7142857143rem;
  }
}

.c-page--lp .head__button {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2.2857142857rem;
  height: 2.2857142857rem;
  border-radius: 100%;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .head__button {
    width: 2.6666666667rem;
    height: 2.6666666667rem;
  }
}

.c-page--lp .head__button .button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 1.317715959vw;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .head__button .button {
    font-size: 4.6153846154vw;
  }
}

.c-page--lp .head__button::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

.c-page--lp .head__title {
  padding-left: 2.2857142857rem;
  padding-right: 2.2857142857rem;
  font-size: 1.9033674963vw;
  letter-spacing: 0.2em;
  line-height: 1.4545454545;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .head__title {
    padding-left: 2.6666666667rem;
    padding-right: 2.6666666667rem;
    font-size: 4.6153846154vw;
    line-height: 1.7777777778;
  }
}

.c-page--lp h1 {
  font-size: 1.9033674963vw;
  text-align: center;
  font-weight: 600;
}

.c-page--lp .c-lp-content-wpap {
  display: flex;
  justify-content: center;
  gap: 4.2857142857rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-wpap {
    flex-direction: column;
    gap: 3.3333333333rem;
  }
}

.c-page--lp .c-lp-content-wpap .c-lp-content-left {
  width: 100%;
  max-width: 26.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-wpap .c-lp-content-left {
    max-width: 100%;
  }
}

.c-page--lp .c-lp-content-wpap .card {
  background-color: #FFFFFF;
  border-radius: 1.1428571429rem;
  overflow: hidden;
}

.c-page--lp .c-lp-content-wpap .card .img-wrap {
  width: 26.4285714286rem;
  height: 26.4285714286rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-wpap .card .img-wrap {
    width: 29.1666666667rem;
    height: 29.1666666667rem;
  }
}

.c-page--lp .c-lp-content-wpap .card .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-page--lp .c-lp-content-left .card__table {
  padding: 1.4285714286rem 1.2142857143rem 1.7142857143rem 1.2142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-left .card__table {
    padding: 1.6666666667rem 1.4166666667rem 2rem 1.4166666667rem;
  }
}

.c-page--lp .card__table .card__table-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-right .card__table .card__table-list {
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-page--lp .c-lp-content-left .card__table .card__table-list .table-body {
  width: 100%;
  max-width: 10rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-left .card__table .card__table-list .table-body {
    max-width: 10.5rem;
  }
}

.c-page--lp .card__table .card__table-list .table-body .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.6428571429rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .card__table .card__table-list .table-body .flex {
    gap: 2rem;
  }
}

.c-page--lp .c-text-11 {
  font-size: 0.8052708642vw;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-text-11 {
    font-size: 2.8205128205vw;
  }
}

.c-page--lp .card__table .card__table-list .table-body .flex .token-count {
  font-size: 1.6105417277vw;
  font-weight: 700;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .card__table .card__table-list .table-body .flex .token-count {
    font-size: 5.641025641vw;
  }
}

.c-page--lp .card__table hr {
  margin: 1.4285714286rem 0;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .card__table hr {
    margin: 1.6666666667rem 0;
  }
}

.c-page--lp .card__table .card__table-list .icon-clock {
  display: inline;
  width: 0.7142857143rem;
  height: 0.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .card__table .card__table-list .icon-clock {
    width: 0.8333333333rem;
    height:  0.8333333333rem;
  }
}

.c-page--lp .card__table .card__table-list .icon-ticket {
  display: inline;
  width: 0.5714285714rem;
  height: 0.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .card__table .card__table-list .icon-ticket {
    width: 0.6666666667rem;
    height:  0.8333333333rem;
  }
}

.c-page--lp .c-lp-content-left .card__table .card__table-list .bold {
  font-size: 1.0980966325vw;
  font-weight: 600;
  letter-spacing: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-left .card__table .card__table-list .bold {
    font-size: 3.8461538462vw;
  }
}

.c-page--lp .c-lp-content-wpap .c-lp-content-right {
  width: 100%;
  max-width: 38.571428571rem;
}

.c-page--lp .c-lp-content-wpap .c-lp-content-right .contents + .contents {
  margin-top: 3.7142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-wpap .c-lp-content-right .contents + .contents {
    margin-top: 4.3333333333rem;
  }
}

.c-page--lp .title {
  font-size: 1.1713030747vw;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .title {
    font-size: 4.1025641026vw;
  }
}

.c-page--lp .c-lp-content-wpap .c-lp-content-right .contents .title {
  margin-bottom: 1.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-wpap .c-lp-content-right .contents .title {
    margin-bottom: 1.6666666667rem;
  }
}

.c-page--lp .c-lp-content-right .card__table {
  padding: 1.4285714286rem 1.2142857143rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-right .card__table {
    padding: 1.6666666667rem 1.4166666667rem;
  }
}

.c-page--lp .c-lp-content-right .card__table .card__table-list .bold {
  font-size: 1.0248901903vw;
  font-weight: 600;
  letter-spacing: 0;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-right .card__table .card__table-list .bold {
    font-size: 3.5897435897vw;
  }
}

.c-page--lp .c-lp-content-wpap .c-lp-content-right .table-body {
  width: 100%;
  max-width: 25.857142857rem;
}

.c-page--lp .c-text-12 {
  font-size: 0.8571428571rem;
  line-height: 180%;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-text-12 {
    font-size: 3.0769230769vw;;
  }
}

.c-page--lp .exchange-area {
  width: 100%;
  height: 5.428571429rem;
  background-color: #FFFFFF;
  display: grid;
  place-content: center;
}

.c-page--lp .exchange-area .exchange-area__inner {
  max-width: 40.857142857rem;
  display: flex;
  align-items: center;
  gap: 3.4285714286rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .exchange-area .exchange-area__inner {
    gap: 1.1666666667rem;
  }
}

.c-page--lp .exchange-area .exchange-area__inner .exchange-text {
  font-size: 1.1713030747vw;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .exchange-area .exchange-area__inner .exchange-text {
    font-size: 1.1666666667rem;
  }
}

.c-page--lp .button .c-button {
  width: 22.8571428571rem;
  padding-top: 0.8571428571rem;
  padding-bottom: 0.8571428571rem;
}

.c-page--lp .button .c-button__label {
  font-size: 0.9516837482vw;
  line-height: 1.3846153846;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .button .c-button {
    width: 10.5833333333rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .c-page--lp .button .c-button__label {
    font-size: 3.3333333333vw;
    line-height: 1.3846153846;
    padding: 0;
  }
}

.c-page--lp .head__title-irregular {
  padding-left: 2.2857142857rem;
  padding-right: 2.2857142857rem;
  font-size: 1.9033674963vw;
  letter-spacing: 0.2em;
  line-height: 1.4545454545;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .head__title-irregular {
    padding-left: 2.6666666667rem;
    padding-right: 0;
    font-size: 4.6153846154vw;
    line-height: 1.7777777778;
  }
}

.c-page--lp .card__table .card__table-list .table-head .icon-colorless {
  width: 7.142857142682928rem;
  height: 1.5714285714rem;
  border-radius: 1.5714285714rem;
  color: #282829;
  display: grid;
  place-content: center;
  font-size: 0.7320644217vw;
  border: 1px #282829 solid;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .card__table .card__table-list .table-head .icon-colorless {
    width: 8.3333333333;
    height: 1.8333333333rem;
    font-size: 2.5641025641vw;
  }
}

.c-page--lp .c-lp-content-left .card__table .card__table-list .table-body-irregular {
  width: 100%;
  max-width: 15.4rem;
}

@media screen and (max-width: 1023px) {
  .c-page--lp .c-lp-content-left .card__table .card__table-list .table-body-irregular {
    max-width: 18.1rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-page--lp .button .c-button--theme-background-7 {
    width: 25rem;
  }
}