@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap");
/*========================================
*	common
========================================*/
::selection {
  color: #000;
  background: #000;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html,
body {
  font-size: 62.5%;
  height: 100%;
  color: #000;
  background-color: #000;
  font-family: "Noto Sans JP", "Noto Sans Thai", sans-serif;
}

body {
  width: 100%;
  overflow-x: hidden;
}

a {
  color: #000;
  text-decoration: none;
}

h1,
h2,
h3 {
  line-height: 1;
}

ul,
li {
  list-style: none;
}

tr,
th,
td {
  font-weight: normal;
  text-align: left;
}

img,
picture {
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  vertical-align: bottom;
}

main {
  width: 100%;
  overflow-x: hidden;
}

.header {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  transition: 100ms;
  pointer-events: none;
}
@media only screen and (max-width: 769px) {
  .header.js-open .header-btn > span:nth-child(1) {
    transform: rotate(45deg) translateY(3.6458333333vw);
  }
  .header.js-open .header-btn > span:nth-child(2) {
    opacity: 0;
  }
  .header.js-open .header-btn > span:nth-child(3) {
    transform: rotate(-45deg) translateY(-3.6458333333vw);
  }
  .header.js-open .header-nav {
    opacity: 1;
    pointer-events: auto;
  }
}
.header-top {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.header-top__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14.3229166667vw;
  background-image: url(../img/header/top.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .header-top__bg {
    background-image: url(../img/header/top_pc.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 7.9166666667vw;
    filter: drop-shadow(0 0 3.3333333333vw rgba(255, 255, 255, 0.5));
  }
}
@media only screen and (min-width: 1200px) {
  .header-top__bg {
    height: 95px;
    filter: drop-shadow(0 0 40px rgba(255, 255, 255, 0.5));
  }
}
.header-top__inner {
  display: flex;
  padding: 0 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .header-top__inner {
    width: 100%;
    max-width: 1000px;
    padding: 0 2.0833333333vw;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .header-top__inner {
    padding: 0 25px;
  }
}
.header-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.header-bottom__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 19.53125vw;
  background-image: url(../img/header/bottom.png);
  background-size: contain;
}
@media only screen and (min-width: 769px) {
  .header-bottom__bg {
    background-image: url(../img/header/bottom_pc.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 5vw;
    filter: drop-shadow(0 0 3.3333333333vw rgba(255, 255, 255, 0.5));
  }
}
@media only screen and (min-width: 1200px) {
  .header-bottom__bg {
    height: 60px;
    filter: drop-shadow(0 0 40px rgba(255, 255, 255, 0.5));
  }
}
@media only screen and (min-width: 769px) {
  .header-bottom__inner {
    width: 100%;
    max-width: 1000px;
    padding: 0 2.0833333333vw;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .header-bottom__inner {
    padding: 0 25px;
  }
}
.header-language__btn {
  position: absolute;
  left: 2.6041666667vw;
  top: 3.90625vw;
  display: block;
  width: 10.4166666667vw;
  pointer-events: auto;
  z-index: 11;
}
@media only screen and (min-width: 769px) {
  .header-language__btn {
    width: 3.3333333333vw;
    top: 1.25vw;
    left: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-language__btn {
    width: 40px;
    top: 15px;
    left: 25px;
  }
}
@media only screen and (max-width: 769px) {
  .header-language__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    transition: 300ms;
  }
  .header-language__list.js-open {
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (min-width: 769px) {
  .header-language__list {
    position: absolute;
    top: 5.4166666667vw;
    width: 13.75vw;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0.4166666667vw 0 1.25vw;
    opacity: 0;
    transition: opacity 300ms;
  }
  .header-language__list.js-open {
    opacity: 1;
    pointer-events: auto;
  }
  .header-language__list:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 1.6666666667vw 13.75vw;
    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
    transform: translateY(-100%);
  }
}
@media only screen and (min-width: 1200px) {
  .header-language__list {
    top: 65px;
    width: 165px;
    padding: 5px 0 15px;
  }
  .header-language__list:before {
    border-width: 0 0 22px 165px;
  }
}
@media only screen and (max-width: 769px) {
  .header-language__item {
    width: 100%;
  }
}
.header-language__item:not(:first-child) {
  margin-top: 9.1145833333vw;
}
@media only screen and (min-width: 769px) {
  .header-language__item:not(:first-child) {
    margin-top: 0;
    margin-top: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-language__item:not(:first-child) {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 769px) {
  .header-language__link {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 9.1145833333vw;
    background-color: #fff;
    font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
    color: #000;
    font-size: 6.5104166667vw;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-bottom: 1.3020833333vw;
  }
}
@media only screen and (min-width: 769px) {
  .header-language__link {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-language__link {
    font-size: 14px;
  }
}
.header-date {
  position: absolute;
  top: 4.5572916667vw;
  left: 50%;
  font-size: 5.9895833333vw;
  font-weight: bold;
  color: #fff;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .header-date {
    font-size: 1.9166666667vw;
    top: 1vw;
    left: auto;
    right: 2.0833333333vw;
    transform: none;
  }
}
@media only screen and (min-width: 1200px) {
  .header-date {
    font-size: 23px;
    top: 12px;
    right: 25px;
  }
}
.header-date > span {
  margin-left: 2.6041666667vw;
  font-size: 3.6458333333vw;
  font-weight: normal;
}
@media only screen and (min-width: 769px) {
  .header-date > span {
    font-size: 1.1666666667vw;
    margin-left: 0.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-date > span {
    font-size: 14px;
    margin-left: 8px;
  }
}
.header-btn {
  position: absolute;
  top: 3.90625vw;
  right: 2.6041666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 7.8125vw;
  height: 6.25vw;
  pointer-events: auto;
  z-index: 11;
}
.header-btn > span {
  display: block;
  width: 100%;
  height: 1.0416666667vw;
  background-color: #fff;
  transition: all 300ms;
}
@media only screen and (min-width: 769px) {
  .header-btn {
    display: none;
  }
}
.header-tw {
  position: absolute;
  right: -5.2083333333vw;
  bottom: 0;
}
@media only screen and (min-width: 769px) {
  .header-tw {
    right: -6.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-tw {
    right: -80px;
  }
}
.header-tw__chara {
  width: 52.0833333333vw;
}
@media only screen and (min-width: 769px) {
  .header-tw__chara {
    width: 16.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-tw__chara {
    width: 200px;
  }
}
.header-tw__btn {
  pointer-events: auto;
  display: block;
  width: 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .header-tw__btn {
    width: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-tw__btn {
    width: 50px;
  }
}
.header-tw__btn:not(:first-child) {
  margin-left: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .header-tw__btn:not(:first-child) {
    margin-left: 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-tw__btn:not(:first-child) {
    margin-left: 5px;
  }
}
.header-tw__inner {
  display: flex;
  position: absolute;
  right: 26.0416666667vw;
  bottom: 6.5104166667vw;
}
@media only screen and (min-width: 769px) {
  .header-tw__inner {
    right: 8.3333333333vw;
    bottom: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-tw__inner {
    right: 100px;
    bottom: 25px;
  }
}
.header-tw__inner.en, .header-tw__inner.es, .header-tw__inner.de, .header-tw__inner.fr {
  right: 11.71875vw;
  bottom: 6.5104166667vw;
}
@media only screen and (min-width: 769px) {
  .header-tw__inner.en, .header-tw__inner.es, .header-tw__inner.de, .header-tw__inner.fr {
    right: 5.4166666667vw;
    bottom: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-tw__inner.en, .header-tw__inner.es, .header-tw__inner.de, .header-tw__inner.fr {
    right: 65px;
    bottom: 25px;
  }
}
@media only screen and (max-width: 769px) {
  .header-nav {
    display: block;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: 300ms;
  }
}
@media only screen and (min-width: 769px) {
  .header-nav {
    pointer-events: auto;
    position: absolute;
    left: 50%;
    top: 2.0833333333vw;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  .header-nav {
    top: 25px;
  }
}
@media only screen and (max-width: 769px) {
  .header-nav__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .header-nav__list {
    display: flex;
  }
}
@media only screen and (max-width: 769px) {
  .header-nav__item {
    width: 100%;
  }
}
.header-nav__item:not(:first-child) {
  margin-top: 9.1145833333vw;
}
@media only screen and (min-width: 769px) {
  .header-nav__item:not(:first-child) {
    margin-top: 0;
    margin-left: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .header-nav__item:not(:first-child) {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 769px) {
  .header-nav__item:after {
    display: block;
    content: " ";
    width: 2.0833333333vw;
    height: 2.5vw;
    margin: 0 auto;
    background-image: url(../img/header/icon.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1200px) {
  .header-nav__item:after {
    width: 25px;
    height: 30px;
  }
}
@media only screen and (min-width: 769px) {
  .header-nav__item.js-off .header-nav__link {
    opacity: 0.7;
    pointer-events: none;
  }
  .header-nav__item.js-off:after {
    background-image: url(../img/header/icon_off.png);
  }
}
@media only screen and (max-width: 769px) {
  .header-nav__link {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 9.1145833333vw;
    background-color: #fff;
    font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
    color: #000;
    font-size: 7.2916666667vw;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
}
@media only screen and (min-width: 769px) {
  .header-nav__link {
    font-size: 1.25vw;
    font-weight: bold;
    color: #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .header-nav__link {
    font-size: 15px;
  }
}

.footer {
  position: relative;
  z-index: 10;
  background-color: #222222;
  border-top: 0.2604166667vw solid #646464;
}
@media only screen and (min-width: 769px) {
  .footer {
    border-width: 1px;
  }
}
.footer-text {
  padding: 5.859375vw 2.6041666667vw;
  font-size: 3.125vw;
  color: #fff;
  text-align: center;
  line-height: 1.6666666667;
}
@media only screen and (min-width: 769px) {
  .footer-text {
    font-size: 0.8333333333vw;
    padding: 1.25vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-text {
    font-size: 10px;
    padding: 15px 0;
  }
}
.footer-rating {
  display: block;
  width: 45px;
  margin: 0 auto 0;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {
  display: none;
}

.mv {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .mv {
    height: var(--vh);
  }
}
.mv-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mv-ticker {
  display: flex;
  width: 100%;
  height: 10.4166666667vw;
}
@media only screen and (min-width: 769px) {
  .mv-ticker {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-ticker {
    height: 25px;
  }
}
.mv-ticker__head {
  width: 19.53125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.1666666667vw;
  font-weight: bold;
  background-color: #646464;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .mv-ticker__head {
    width: 10.4166666667vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-ticker__head {
    width: 125px;
    font-size: 14px;
  }
}
.mv-ticker__list {
  width: 100%;
  flex: 1;
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
}
.mv-ticker__list--inner {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}
@media only screen and (min-width: 769px) {
  .mv-ticker__list--inner {
    display: block;
    padding-top: 0.25vw;
    padding-left: 600px;
    width: 1500px;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-ticker__list--inner {
    padding-top: 3px;
  }
}
.mv-ticker__list--move {
  display: flex;
  height: 100%;
  align-items: center;
}
.mv-ticker__list--item {
  display: flex;
  align-items: center;
  font-size: 4.1666666667vw;
  font-weight: bold;
  padding: 0 2.6041666667vw;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .mv-ticker__list--item {
    display: inline-flex;
    font-size: 1.1666666667vw;
    padding: 0 1.6666666667vw;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-ticker__list--item {
    font-size: 14px;
    padding: 0 20px;
  }
}
.mv-ticker__list--text {
  font-weight: normal;
  margin-left: 2.6041666667vw;
}
.mv-ticker__list--text > a {
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .mv-ticker__list--text {
    margin-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-ticker__list--text {
    margin-left: 10px;
  }
}
.mv-ticker__btn {
  width: 19.53125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.1666666667vw;
  font-weight: bold;
  background-color: #000000;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .mv-ticker__btn {
    width: 10.4166666667vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-ticker__btn {
    width: 125px;
    font-size: 14px;
  }
}
.mv-ticker__btn:after {
  display: block;
  content: "";
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  background-image: url(../img/mv/plus.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0.390625vw 0 0 1.0416666667vw;
}
@media only screen and (min-width: 769px) {
  .mv-ticker__btn:after {
    width: 0.6666666667vw;
    height: 0.6666666667vw;
    margin-top: 0.25vw;
    margin-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .mv-ticker__btn:after {
    width: 8px;
    height: 8px;
    margin-top: 3px;
    margin-left: 10px;
  }
}
.mv-anniv {
  position: absolute;
  top: 23.4375vw;
  left: 3.90625vw;
  width: 26.0416666667vw;
}
@media only screen and (min-width: 769px) {
  .mv-anniv {
    width: 10.5vw;
    top: -2.5vw;
    left: 50%;
    transform: translateX(-250%);
  }
}
.mv-tw {
  position: absolute;
  right: -3.90625vw;
  top: 16.9270833333vw;
}
@media only screen and (min-width: 769px) {
  .mv-tw {
    display: none;
  }
}
.mv-tw__chara {
  width: 41.9270833333vw;
}
.mv-tw__btn {
  pointer-events: auto;
  display: block;
  width: 10.4166666667vw;
}
.mv-tw__btn:not(:first-child) {
  margin-left: 1.3020833333vw;
}
.mv-tw__inner {
  display: flex;
  position: absolute;
  right: 22.1354166667vw;
  bottom: 4.5572916667vw;
}
.mv-tw__inner.en, .mv-tw__inner.es, .mv-tw__inner.de, .mv-tw__inner.fr {
  right: 11.71875vw;
  bottom: 4.5572916667vw;
}
.mv-inner {
  padding: 48.1770833333vw 0 22.1354166667vw;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .mv-inner {
    padding: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.mv-read {
  font-size: 6.5104166667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .mv-read {
    font-size: 1.6666666667vw;
  }
}
.mv-logo {
  width: 67.0572916667vw;
  margin: 2.6041666667vw auto 0;
}
@media only screen and (min-width: 769px) {
  .mv-logo {
    width: 29.5833333333vw;
    margin-top: 0.8333333333vw;
  }
}
.mv-copy {
  font-size: 7.8125vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-align: center;
  line-height: 1;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .mv-copy {
    font-size: 2.0833333333vw;
    margin-top: 1.25vw;
  }
}
@media only screen and (max-width: 769px) {
  .mv-copy__sp {
    display: inline-block;
    background-color: #000;
  }
  .mv-copy__sp:not(:first-child) {
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (min-width: 769px) {
  .mv-copy__pc {
    display: inline-block;
    background-color: #000;
  }
  .mv-copy__pc:not(:first-child) {
    margin-top: 0.4166666667vw;
  }
}
.mv-bnr {
  display: block;
  width: 94.7916666667vw;
  margin: 7.8125vw auto 0;
}
@media only screen and (min-width: 769px) {
  .mv-bnr {
    position: absolute;
    top: 0vw;
    right: 50%;
    width: 22.5vw;
    margin-top: 0;
    transform: translateX(calc(50% + 27vw));
  }
}
@media only screen and (min-width: 769px) {
  .mv-box {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
  }
}
.mv-app {
  margin-top: 10.4166666667vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .mv-app {
    margin-top: 2.5vw;
  }
}
.mv-app__head {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  font-size: 5.9895833333vw;
  color: #fff;
  width: auto;
  max-width: 65.1041666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  line-height: 1.3;
}
@media only screen and (min-width: 769px) {
  .mv-app__head {
    font-size: 2.5vw;
    max-width: inherit;
  }
}
.mv-app__head::after, .mv-app__head::before {
  position: absolute;
  top: 50%;
  display: block;
  content: "";
  width: 7.8125vw;
  height: 0.2604166667vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .mv-app__head::after, .mv-app__head::before {
    width: 2.5vw;
    height: 0.0833333333vw;
  }
}
.mv-app__head::before {
  left: 0;
  transform: translateX(calc(-100% - 20px));
}
.mv-app__head::after {
  right: 0;
  transform: translateX(calc(100% + 20px));
}
.mv-app__btn {
  display: flex;
  justify-content: center;
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .mv-app__btn {
    margin-top: 1.6666666667vw;
  }
}
.mv-app__btn--link {
  display: block;
  width: auto;
  height: 14.3229166667vw;
}
@media only screen and (min-width: 769px) {
  .mv-app__btn--link {
    height: 5vw;
  }
}
.mv-app__btn--link > img {
  width: auto;
  max-width: inherit;
  height: 100%;
}
.mv-app__btn--link:not(:first-child) {
  margin-left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .mv-app__btn--link:not(:first-child) {
    margin-left: 0.8333333333vw;
  }
}

.movie {
  width: 100%;
  background-image: url(../img/movie/bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 20.8333333333vw 0;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .movie {
    padding: 5vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .movie {
    padding: 60px 0;
  }
}
.movie-head {
  width: 58.3333333333vw;
  margin-left: -2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .movie-head {
    width: 37.0833333333vw;
    margin-left: -1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-head {
    width: 445px;
    margin-left: -20px;
  }
}
.movie-list {
  width: 100%;
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .movie-list {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list {
    margin-top: 30px;
  }
}
.movie-list__wrapper {
  position: relative;
  z-index: 1;
}
.movie-list__item {
  width: 100%;
  background-position: center;
  background-size: cover;
  padding: 0 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .movie-list__item {
    width: 51.6666666667vw;
    padding: 0 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list__item {
    width: 620px;
    padding: 0 10px;
  }
}
.movie-list__item.swiper-slide-active .movie-list__title {
  opacity: 1;
}
.movie-list__item.swiper-slide-active .movie-list__link:after {
  opacity: 1;
}
.movie-list__item.swiper-slide-active .movie-list__link:before {
  opacity: 0;
}
.movie-list__title {
  position: absolute;
  display: block;
  left: 0.6510416667vw;
  bottom: 0.6510416667vw;
  font-size: 2.8645833333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  line-height: 1.5;
  opacity: 0;
  transition: opacity 300ms;
  background-color: #000;
  padding: 0.6510416667vw 1.3020833333vw;
  max-width: calc(100% - 1.30208vw);
}
@media only screen and (min-width: 769px) {
  .movie-list__title {
    font-size: 1.3333333333vw;
    line-height: 1.3125;
    left: 0.4166666667vw;
    bottom: 0.4166666667vw;
    padding: 0.25vw 0.8333333333vw 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list__title {
    font-size: 16px;
    left: 5px;
    bottom: 5px;
    padding: 3px 10px 5px;
  }
}
.movie-list__link {
  display: block;
  position: relative;
  cursor: pointer;
}
.movie-list__link::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 18.2291666667vw;
  height: 18.2291666667vw;
  background-image: url(../img/movie/play.png);
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 3.90625vw rgba(0, 0, 0, 0.8));
  opacity: 0;
  transition: opacity 300ms;
}
@media only screen and (min-width: 769px) {
  .movie-list__link::after {
    width: 7.5vw;
    height: 7.5vw;
    filter: drop-shadow(0 0 1.25vw rgba(0, 0, 0, 0.8));
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list__link::after {
    width: 90px;
    height: 90px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.8));
  }
}
.movie-list__link:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 1;
  opacity: 0.7;
  transition: opacity 300ms;
}
.movie-list__arrow {
  z-index: 100;
  width: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .movie-list__arrow {
    width: 3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list__arrow {
    width: 45px;
  }
}
.movie-list__arrow:after {
  display: none;
}
.movie-list__arrow.swiper-button-prev {
  left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .movie-list__arrow.swiper-button-prev {
    left: 10.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list__arrow.swiper-button-prev {
    left: 125px;
  }
}
.movie-list__arrow.swiper-button-prev > img {
  transform: scale(-1, 1);
}
.movie-list__arrow.swiper-button-next {
  right: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .movie-list__arrow.swiper-button-next {
    right: 10.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list__arrow.swiper-button-next {
    right: 125px;
  }
}
.movie-list .swiper-pagination {
  bottom: -7.8125vw;
  z-index: 100;
}
@media only screen and (min-width: 769px) {
  .movie-list .swiper-pagination {
    bottom: -3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list .swiper-pagination {
    bottom: -45px;
  }
}
.movie-list .swiper-pagination .swiper-pagination-bullet {
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  border-radius: 0;
  background-color: transparent;
  padding: 0.2604166667vw;
  transform: rotate(45deg);
  opacity: 1;
  margin: 0 1.3020833333vw;
  transition: border 300ms;
  border: 0.2604166667vw solid transparent;
}
@media only screen and (min-width: 769px) {
  .movie-list .swiper-pagination .swiper-pagination-bullet {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    padding: 0.0833333333vw;
    margin: 0 0.4166666667vw;
    border: 0.0833333333vw solid transparent;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    padding: 1px;
    margin: 0 5px;
    border: 1px solid transparent;
  }
}
.movie-list .swiper-pagination .swiper-pagination-bullet:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.movie-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 0.2604166667vw solid #fff;
}
@media only screen and (min-width: 769px) {
  .movie-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0.0833333333vw solid #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .movie-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #fff;
  }
}
.movie-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.world {
  width: 100%;
  padding: 13.0208333333vw 0;
  position: relative;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .world {
    padding: 4.1666666667vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .world {
    padding: 50px 0;
  }
}
.world-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.world-chara {
  position: absolute;
  top: -30.078125vw;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .world-chara {
    width: 92.75vw;
    left: auto;
    right: -32.9166666667vw;
    top: -15.6666666667vw;
    z-index: 3;
  }
}
@media only screen and (min-width: 1200px) {
  .world-chara {
    width: 1113px;
    right: -395px;
    top: -188px;
  }
}
.world-head {
  position: relative;
  z-index: 2;
  width: 66.5364583333vw;
  margin-left: -1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .world-head {
    width: 43.3333333333vw;
    margin-left: -1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .world-head {
    width: 520px;
    margin-left: -20px;
  }
}
.world-catch {
  position: relative;
  z-index: 2;
  width: 94.7916666667vw;
  margin: 18.2291666667vw auto 0;
  font-size: 7.2916666667vw;
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .world-catch {
    width: 81.25vw;
    margin-top: 3.3333333333vw;
    font-size: 2.3333333333vw;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .world-catch {
    width: 975px;
    margin-top: 40px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 769px) {
  .world-catch__sp {
    display: inline-block;
  }
  .world-catch__sp:not(:first-child) {
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (min-width: 769px) {
  .world-catch__pc {
    display: block;
    padding: 0.25vw 1.6666666667vw 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .world-catch__pc {
    padding: 3px 20px 5px;
  }
}
.world-text {
  position: relative;
  z-index: 2;
  width: 84.375vw;
  margin: 9.1145833333vw auto 0;
  font-size: 3.6458333333vw;
  color: #fff;
  line-height: 1.5714285714;
}
@media only screen and (min-width: 769px) {
  .world-text {
    z-index: 3;
    width: 81.25vw;
    margin-top: 2.9166666667vw;
    font-size: 1.3333333333vw;
    line-height: 1.875;
  }
}
@media only screen and (min-width: 1200px) {
  .world-text {
    width: 975px;
    margin-top: 35px;
    font-size: 16px;
  }
}

.chara {
  width: 100%;
  background-image: url(../img/chara/bg.jpg);
  background-color: #000;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 13.0208333333vw 0 7.8125vw;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .chara {
    padding: 3.3333333333vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .chara {
    padding: 40px 0;
  }
}
.chara-head {
  width: 97.265625vw;
  margin-left: -1.3020833333vw;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .chara-head {
    width: 73.3333333333vw;
    margin-left: -0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-head {
    width: 880px;
    margin-left: -20px;
  }
}
.chara-bg {
  position: absolute;
  width: 229.6875vw;
  top: -31.25vw;
  left: -49.4791666667vw;
}
@media only screen and (min-width: 769px) {
  .chara-bg {
    width: 131.25vw;
    top: -10.4166666667vw;
    left: 17.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-bg {
    width: 1575px;
    top: -125px;
    left: 210px;
  }
}
.chara-bg__item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 1000ms;
}
.chara-bg__item.js-current {
  opacity: 1;
}
.chara-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.chara-main {
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .chara-main {
    width: 79.1666666667vw;
    margin: -4.5833333333vw auto 0;
    position: relative;
    z-index: 10;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main {
    width: 950px;
    margin-top: -55px;
  }
}
.chara-main__arrow {
  z-index: 100;
  width: 7.8125vw;
  top: 22%;
}
@media only screen and (min-width: 769px) {
  .chara-main__arrow {
    width: 3.75vw;
    top: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__arrow {
    width: 45px;
  }
}
.chara-main__arrow:after {
  display: none;
}
.chara-main__arrow.swiper-button-prev {
  left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .chara-main__arrow.swiper-button-prev {
    left: -7.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__arrow.swiper-button-prev {
    left: -90px;
  }
}
.chara-main__arrow.swiper-button-prev > img {
  transform: scale(-1, 1);
}
.chara-main__arrow.swiper-button-next {
  right: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .chara-main__arrow.swiper-button-next {
    right: -7.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__arrow.swiper-button-next {
    right: -90px;
  }
}
@media only screen and (min-width: 769px) {
  .chara-main__inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
}
.chara-main__img {
  width: 144.7916666667vw;
  margin-left: -19.53125vw;
}
@media only screen and (min-width: 769px) {
  .chara-main__img {
    min-width: 58.75vw;
    width: 58.75vw;
    margin-left: -8.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__img {
    min-width: 705px;
    width: 705px;
    margin-left: -105px;
  }
}
.chara-main__card {
  position: relative;
  display: block;
  width: 92.4479166667vw;
  margin-top: -4.5572916667vw;
  margin-left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .chara-main__card {
    width: 31.6666666667vw;
    min-width: 31.6666666667vw;
    margin-top: 10.8333333333vw;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__card {
    width: 380px;
    min-width: 380px;
    margin-top: 130px;
  }
}
.chara-main__card--item {
  display: block;
  width: 100%;
  position: relative;
  z-index: 10;
  border: 1px solid #000;
}
@keyframes opacity {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
.chara-main__card--item.js-anim {
  animation: opacity 200ms ease-in-out 0ms 1;
}
.chara-main__card--item:last-child {
  z-index: 1;
  position: absolute;
  bottom: -2.6041666667vw;
  right: -2.6041666667vw;
  transition: 200ms;
}
@media only screen and (min-width: 769px) {
  .chara-main__card--item:last-child {
    bottom: -0.8333333333vw;
    right: -0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__card--item:last-child {
    bottom: -10px;
    right: -10px;
  }
}
.chara-main__card--item:last-child.js-show {
  z-index: 100;
}
.chara-main__card--item::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  transition: 300ms;
}
.chara-main__card--item:first-child {
  transform-origin: left;
  transition: 200ms;
}
.chara-main__card--item.js-show {
  border: 1px solid #fff;
}
.chara-main__card--item.js-show::before {
  opacity: 0;
}
.chara-main__card--item.js-show::after {
  position: absolute;
  bottom: 3.90625vw;
  left: 3.90625vw;
  display: block;
  content: "";
  width: 16.9270833333vw;
  height: 16.9270833333vw;
  background-image: url(../img/chara/btn_movie.png);
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 2.6041666667vw 4.5572916667vw rgba(0, 0, 0, 0.8));
}
@media only screen and (min-width: 769px) {
  .chara-main__card--item.js-show::after {
    width: 5.4166666667vw;
    height: 5.4166666667vw;
    bottom: 1.25vw;
    left: 1.25vw;
    filter: drop-shadow(0px 0.8333333333vw 1.6666666667vw rgba(0, 0, 0, 0.8));
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__card--item.js-show::after {
    width: 65px;
    height: 65px;
    bottom: 15px;
    left: 15px;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.8));
  }
}
.chara-main__movie {
  position: relative;
  display: block;
  width: 92.4479166667vw;
  margin-top: -4.5572916667vw;
  margin-left: 2.6041666667vw;
  border: 1px solid #fff;
  box-shadow: 2.6041666667vw 2.6041666667vw 0 #fff;
}
@media only screen and (min-width: 769px) {
  .chara-main__movie {
    width: 31.6666666667vw;
    min-width: 31.6666666667vw;
    box-shadow: 0.8333333333vw 0.8333333333vw 0 #fff;
    margin-top: 10.8333333333vw;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__movie {
    width: 380px;
    min-width: 380px;
    box-shadow: 10px 10px 0 #fff;
    margin-top: 130px;
  }
}
.chara-main__movie::after {
  position: absolute;
  bottom: 3.90625vw;
  left: 3.90625vw;
  display: block;
  content: "";
  width: 16.9270833333vw;
  height: 16.9270833333vw;
  background-image: url(../img/chara/btn_movie.png);
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 2.6041666667vw 4.5572916667vw rgba(0, 0, 0, 0.8));
}
@media only screen and (min-width: 769px) {
  .chara-main__movie::after {
    width: 5.4166666667vw;
    height: 5.4166666667vw;
    bottom: 1.25vw;
    left: 1.25vw;
    filter: drop-shadow(0px 0.8333333333vw 1.6666666667vw rgba(0, 0, 0, 0.8));
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__movie::after {
    width: 65px;
    height: 65px;
    bottom: 15px;
    left: 15px;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.8));
  }
}
.chara-main__name {
  margin: 7.8125vw auto 0;
  background-color: #fff;
  width: 74.21875vw;
  text-align: center;
  line-height: 1;
  padding: 2.6041666667vw 0 1.953125vw;
  transform: skew(-20deg);
}
@media only screen and (min-width: 769px) {
  .chara-main__name {
    width: 19.1666666667vw;
    padding: 1.25vw 0 0.8333333333vw;
    margin-top: -2.0833333333vw;
  }
  .chara-main__name.js-add {
    margin-top: 0;
    margin: -5.8333333333vw 11.6666666667vw 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__name {
    width: 230px;
    padding: 12px 0 10px;
    margin-top: -25px;
  }
  .chara-main__name.js-add {
    margin-top: 0;
    margin: -70px 140px 0 auto;
  }
}
.chara-main__name--inner {
  transform: skew(20deg);
}
.chara-main__name--main {
  font-size: 6.5104166667vw;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .chara-main__name--main {
    font-size: 2.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__name--main {
    font-size: 28px;
  }
}
.chara-main__name--cv {
  font-size: 4.1666666667vw;
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .chara-main__name--cv {
    font-size: 1.1666666667vw;
    margin-top: 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-main__name--cv {
    font-size: 14px;
    margin-top: 5px;
  }
}
.chara-card {
  width: 94.7916666667vw;
  margin: 7.8125vw auto 0;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .chara-card {
    width: 32.5vw;
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-card {
    width: 390px;
    margin-top: 30px;
  }
}
.chara-card__item {
  position: relative;
  display: block;
  width: 46.09375vw;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 769px) {
  .chara-card__item {
    width: 15.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-card__item {
    width: 190px;
  }
}
.chara-card__item::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  transition: 300ms;
}
.chara-card__item.js-show {
  border: 1px solid #fff;
}
.chara-card__item.js-show::before {
  opacity: 0;
}
.chara-card__head {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0.6510416667vw;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  font-size: 3.125vw;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .chara-card__head {
    padding: 0.25vw;
    font-size: 1.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-card__head {
    padding: 3px;
    font-size: 13px;
  }
}
.chara-list {
  position: relative;
  width: 95.0520833333vw;
  margin: 7.8125vw auto 0;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 769px) {
  .chara-list {
    width: 79.1666666667vw;
    margin-top: 2.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-list {
    width: 950px;
    margin-top: 35px;
  }
}
.chara-list__img {
  transition: 300ms;
}
.chara-list__item {
  width: 29.9479166667vw;
  border: 1px solid #fff;
  background-color: #000;
  position: relative;
  cursor: pointer;
}
.chara-list__item:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  transition: 300ms;
}
.chara-list__item.js-off {
  pointer-events: none;
}
.chara-list__item.js-current:after {
  border: 0.78125vw solid #fff;
}
@media only screen and (min-width: 769px) {
  .chara-list__item.js-current:after {
    border: 0.25vw solid #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-list__item.js-current:after {
    border: 3px solid #fff;
  }
}
.chara-list__item.js-current .chara-list__img {
  opacity: 0.5;
}
@media only screen and (max-width: 769px) {
  .chara-list__item:nth-child(n+4) {
    margin-top: 2.6041666667vw;
  }
  .chara-list__item:not(:nth-child(3n+1)) {
    margin-left: 2.6041666667vw;
  }
}
@media only screen and (min-width: 769px) {
  .chara-list__item {
    width: 12.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-list__item {
    width: 150px;
  }
}
@media only screen and (min-width: 769px) {
  .chara-list__item:not(:first-child) {
    margin-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .chara-list__item:not(:first-child) {
    margin-left: 10px;
  }
}

.info {
  padding: 10.4166666667vw 0 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .info {
    display: flex;
    padding: 2.75vw 0;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) {
  .info {
    padding: 33px 0;
  }
}
.info-logo {
  width: 82.9427083333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .info-logo {
    width: 29vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .info-logo {
    width: 348px;
  }
}
.info-list {
  margin-top: 7.8125vw;
  padding: 0 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .info-list {
    margin-top: 0;
    margin-left: 7.9166666667vw;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .info-list {
    margin-left: 95px;
  }
}
.info-list__item {
  display: flex;
  align-items: center;
  font-size: 2.8645833333vw;
  color: #fff;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .info-list__item {
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .info-list__item {
    font-size: 14px;
  }
}
.info-list__item:not(:first-child) {
  margin-top: 7.1614583333vw;
}
@media only screen and (min-width: 769px) {
  .info-list__item:not(:first-child) {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .info-list__item:not(:first-child) {
    margin-top: 25px;
  }
}
.info-list__head {
  width: 31.25vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .info-list__head {
    width: 12.5vw;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .info-list__head {
    width: 150px;
  }
}
.info-list__text {
  margin-left: 5.2083333333vw;
  flex: 1;
}
@media only screen and (min-width: 769px) {
  .info-list__text {
    margin-left: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .info-list__text {
    margin-left: 20px;
  }
}

.modal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.modal.js-show {
  display: flex;
}
.modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}
.modal-news {
  position: relative;
  width: 94.7916666667vw;
  display: none;
}
.modal-news.js-show {
  display: block;
}
@media only screen and (min-width: 769px) {
  .modal-news {
    width: 59.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-news {
    width: 710px;
  }
}
.modal-news__inner {
  background-color: #edede4;
  clip-path: polygon(9.1145833333vw 0, 100% 0, 100% calc(100% - 9.11458vw), calc(100% - 9.11458vw) 100%, 0 100%, 0 9.1145833333vw);
  padding-top: 11.71875vw;
  padding-bottom: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .modal-news__inner {
    padding-top: 2.9166666667vw;
    padding-bottom: 4.1666666667vw;
    clip-path: polygon(2.9166666667vw 0, 100% 0, 100% calc(100% - 2.91667vw), calc(100% - 2.91667vw) 100%, 0 100%, 0 2.9166666667vw);
  }
}
@media only screen and (min-width: 1200px) {
  .modal-news__inner {
    padding-top: 35px;
    padding-bottom: 50px;
    clip-path: polygon(35px 0, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 35px);
  }
}
.modal-news__head {
  display: block;
  font-size: 5vw;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .modal-news__head {
    font-size: 3.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-news__head {
    font-size: 42px;
  }
}
.modal-news__head > span {
  position: relative;
  z-index: 1;
}
.modal-news__head:before {
  position: absolute;
  top: 1.953125vw;
  display: block;
  content: "";
  width: 100%;
  height: 8.4635416667vw;
  background-color: #9d9d9d;
}
@media only screen and (min-width: 769px) {
  .modal-news__head:before {
    top: 1.6666666667vw;
    height: 2.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-news__head:before {
    top: 20px;
    height: 33px;
  }
}
.modal-news__list {
  margin-top: 11.71875vw;
  margin-left: auto;
  margin-right: 0;
  width: 89.84375vw;
  font-size: 3.6458333333vw;
  max-height: 50vh;
  overflow: scroll;
}
@media only screen and (min-width: 769px) {
  .modal-news__list {
    margin: 0 auto;
    margin-top: 3.75vw;
    width: 47.5vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-news__list {
    margin-top: 45px;
    width: 570px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 769px) {
  .modal-news__list--item {
    display: flex;
  }
}
.modal-news__list--item:not(:first-child) {
  padding-top: 3.90625vw;
  margin-top: 3.90625vw;
  border-top: 1px solid #000;
}
@media only screen and (min-width: 769px) {
  .modal-news__list--item:not(:first-child) {
    padding-top: 1.6666666667vw;
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-news__list--item:not(:first-child) {
    padding-top: 20px;
    margin-top: 20px;
  }
}
.modal-news__list--date {
  font-weight: bold;
}
.modal-news__list--text {
  margin-top: 1.953125vw;
}
.modal-news__list--text > a {
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .modal-news__list--text {
    margin-top: 0;
    margin-left: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-news__list--text {
    margin-left: 20px;
  }
}
.modal-yt {
  position: relative;
  display: none;
}
.modal-yt.js-show {
  display: block;
}
.modal-yt iframe {
  width: 84.375vw;
  height: 47.5260416667vw;
}
@media only screen and (min-width: 769px) {
  .modal-yt iframe {
    width: 59.5vw;
    height: 33.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-yt iframe {
    width: 714px;
    height: 402px;
  }
}
@media only screen and (max-width: 769px) {
  .modal-yt .modal-close {
    right: 0;
  }
}
.modal-info {
  position: relative;
  display: none;
}
.modal-info.js-show {
  display: block;
}
.modal-info__box {
  width: 91.1458333333vw;
  height: 130.2083333333vw;
  border: 1px solid #fff;
  background-image: url(../img/cbt/bg_about.png);
  background-size: 0.2604166667vw;
  padding: 9.1145833333vw 6.5104166667vw;
  color: #fff;
  overflow-y: scroll;
  font-feature-settings: "palt";
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .modal-info__box {
    border: 0.2604166667vw solid #fff;
    padding: 3.3333333333vw 4.1666666667vw;
    background-size: 0.0833333333vw;
    width: 66.6666666667vw;
    height: 39.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-info__box {
    width: 800px;
    height: 475px;
    border-width: 2px;
    padding: 40px 50px;
    background-size: 1px;
  }
}
.modal-info__head {
  font-size: 4.6875vw;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .modal-info__head {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-info__head {
    font-size: 30px;
  }
}
.modal-info__head > span {
  color: #ff0000;
}
.modal-info__text {
  font-size: 4.1666666667vw;
  margin-top: 6.5104166667vw;
  padding-top: 6.5104166667vw;
  border-top: 0.5208333333vw solid #fff;
  line-height: 1.875;
}
@media only screen and (min-width: 769px) {
  .modal-info__text {
    font-size: 1.3333333333vw;
    margin-top: 2.5vw;
    padding-top: 2.5vw;
    border-top: 0.1666666667vw solid #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-info__text {
    font-size: 16px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #fff;
  }
}
@media only screen and (max-width: 769px) {
  .modal-info .modal-close {
    right: 0;
  }
}
.modal-date {
  position: relative;
  display: none;
}
.modal-date.js-show {
  display: block;
}
.modal-date__box {
  width: 91.1458333333vw;
  height: 130.2083333333vw;
  border: 1px solid #fff;
  background-image: url(../img/cbt/bg_about.png);
  background-size: 0.2604166667vw;
  padding: 9.1145833333vw 6.5104166667vw;
  color: #fff;
  overflow-y: scroll;
  font-feature-settings: "palt";
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .modal-date__box {
    border: 0.2604166667vw solid #fff;
    padding: 3.3333333333vw 4.1666666667vw;
    background-size: 0.0833333333vw;
    width: 66.6666666667vw;
    height: 39.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-date__box {
    width: 800px;
    height: 475px;
    border-width: 2px;
    padding: 40px 50px;
    background-size: 1px;
  }
}
.modal-date__head {
  font-size: 4.6875vw;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .modal-date__head {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-date__head {
    font-size: 30px;
  }
}
.modal-date__head > span {
  color: #ff0000;
}
.modal-date__text {
  font-size: 4.1666666667vw;
  margin-top: 6.5104166667vw;
  padding-top: 6.5104166667vw;
  border-top: 0.5208333333vw solid #fff;
  line-height: 1.875;
}
@media only screen and (min-width: 769px) {
  .modal-date__text {
    font-size: 1.3333333333vw;
    margin-top: 2.5vw;
    padding-top: 2.5vw;
    border-top: 0.1666666667vw solid #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-date__text {
    font-size: 16px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #fff;
  }
}
.modal-date__text > a {
  color: #ff0000;
}
.modal-date__text > .ml10 {
  display: block;
  margin-left: 17.60417vw;
}
@media only screen and (min-width: 769px) {
  .modal-date__text > .ml10 {
    margin-left: 5.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-date__text > .ml10 {
    margin-left: 63px;
  }
}
.modal-date__text > .ml20 {
  display: block;
  margin-left: 23.60417vw;
}
@media only screen and (min-width: 769px) {
  .modal-date__text > .ml20 {
    margin-left: 7.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-date__text > .ml20 {
    margin-left: 89px;
  }
}
@media only screen and (max-width: 769px) {
  .modal-date .modal-close {
    right: 0;
  }
}
.modal-close {
  position: absolute;
  right: 5.2083333333vw;
  top: -2.6041666667vw;
  transform: translateY(-100%);
  width: 10.4166666667vw;
}
@media only screen and (min-width: 769px) {
  .modal-close {
    width: 4.5vw;
    right: -0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .modal-close {
    width: 54px;
    top: 0;
    right: -10px;
    transform: translateX(100%);
  }
}

.pre-top {
  position: relative;
  padding: 2.6041666667vw 0 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .pre-top {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1200px;
  }
}
.pre-top__app {
  display: flex;
  justify-content: center;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__app {
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__app {
    margin-top: 10px;
  }
}
.pre-top__app--link {
  display: block;
  width: auto;
  height: 14.9739583333vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__app--link {
    height: 6.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__app--link {
    height: 75px;
  }
}
.pre-top__app--link.kr {
  height: 13.671875vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__app--link.kr {
    height: 6.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__app--link.kr {
    height: 75px;
  }
}
.pre-top__app--link.es {
  height: 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__app--link.es {
    height: 6.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__app--link.es {
    height: 75px;
  }
}
.pre-top__app--link > img {
  width: auto;
  max-width: inherit;
  height: 100%;
}
.pre-top__app--link:not(:first-child) {
  margin-left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__app--link:not(:first-child) {
    margin-left: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__app--link:not(:first-child) {
    margin-left: 20px;
  }
}
.pre-top__character {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .pre-top__character {
    width: 119.5833333333vw;
    margin-left: -19.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__character {
    width: 1435px;
    margin-left: -230px;
  }
}
.pre-top__character--light {
  position: absolute;
  top: 56.640625vw;
  left: -33.0729166667vw;
  display: block;
  width: 207.8125vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__character--light {
    width: 113.3333333333vw;
    top: 1.3333333333vw;
    left: 6vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__character--light {
    width: 1360px;
    top: 16px;
    left: 72px;
  }
}
.pre-top__logo {
  position: relative;
  width: 57.1614583333vw;
  margin: -71.6145833333vw 0 0 auto;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .pre-top__logo {
    position: absolute;
    top: 27.0833333333vw;
    right: 10.4166666667vw;
    margin: 0;
    width: 24.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__logo {
    width: 290px;
    top: 325px;
    right: 125px;
  }
}
.pre-top__btn {
  position: relative;
  margin-top: 7.8125vw;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn {
    position: absolute;
    top: 40.8333333333vw;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn {
    top: 490px;
  }
}
.pre-top__btn--wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 94.7916666667vw;
  height: 11.71875vw;
  background-image: url(../img/pre/pre_btn_wrapper.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 9.1145833333vw;
  color: #fff;
  padding-bottom: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn--wrapper {
    width: 37vw;
    height: 4.5833333333vw;
    font-size: 3.75vw;
    padding-bottom: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn--wrapper {
    width: 444px;
    height: 55px;
    font-size: 45px;
    padding-bottom: 10px;
  }
}
.pre-top__btn--wrapper.w2 {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn--wrapper.w2 {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn--wrapper.w2 {
    margin-top: 30px;
  }
}
.pre-top__btn--wrapper.fr, .pre-top__btn--wrapper.es {
  font-size: 3.947917vw;
  padding-bottom: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn--wrapper.fr, .pre-top__btn--wrapper.es {
    font-size: 2vw;
    padding-top: 0.8333333333vw;
    width: 49.1666666667vw;
    height: 7.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn--wrapper.fr, .pre-top__btn--wrapper.es {
    font-size: 24px;
    padding-top: 10px;
    width: 590px;
    height: 90px;
  }
}
.pre-top__btn--wrapper.en, .pre-top__btn--wrapper.de {
  font-size: 5.859375vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn--wrapper.en, .pre-top__btn--wrapper.de {
    font-size: 2.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn--wrapper.en, .pre-top__btn--wrapper.de {
    font-size: 26px;
  }
}
.pre-top__btn--inner {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn--inner {
    display: flex;
    justify-content: center;
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn--inner {
    margin-top: 10px;
  }
}
.pre-top__btn--link {
  display: block;
  width: 94.7916666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn--link {
    width: 25.4166666667vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn--link {
    width: 305px;
  }
}
.pre-top__btn--link:not(:first-child) {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .pre-top__btn--link:not(:first-child) {
    margin-top: 0;
    margin-left: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__btn--link:not(:first-child) {
    margin-left: 20px;
  }
}
.pre-top__text {
  font-size: 5.2083333333vw;
  width: 94.7916666667vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  margin: 7.8125vw auto 0;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .pre-top__text {
    width: auto;
    font-size: 2.0833333333vw;
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-top__text {
    font-size: 25px;
    margin-top: 30px;
  }
}
.pre-middle {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 13.0208333333vw 0;
  background-image: url(../img/pre/bg_middle.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .pre-middle {
    background-image: url(../img/pre/bg_middle_pc.png);
    background-size: contain;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    padding-top: 4.1666666667vw;
    padding-bottom: 9.1666666667vw;
    margin-top: -4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-middle {
    padding-top: 50px;
    padding-bottom: 110px;
    margin-top: -50px;
  }
}
.pre-middle__h2 {
  width: 94.7916666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .pre-middle__h2 {
    position: relative;
    z-index: 2;
    width: 47.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-middle__h2 {
    width: 570px;
  }
}
.pre-middle__main {
  width: 100%;
  margin-top: -14.3229166667vw;
}
@media only screen and (min-width: 769px) {
  .pre-middle__main {
    width: 108vw;
    margin-top: -17.5vw;
    margin-left: -7.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-middle__main {
    width: 1296px;
    margin-top: -205px;
    margin-left: -90px;
  }
}
.pre-middle__btn {
  display: block;
  width: 94.7916666667vw;
  margin: -9.1145833333vw auto 0;
}
@media only screen and (min-width: 769px) {
  .pre-middle__btn {
    margin-top: -17.9166666667vw;
    width: 26.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-middle__btn {
    margin-top: -215px;
    width: 320px;
  }
}
.pre-bottom {
  position: relative;
  width: 100%;
  padding: 13.0208333333vw 0 15.625vw;
  background-image: url(../img/pre/bg_bottom.jpg);
  background-size: contain;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .pre-bottom {
    background-image: url(../img/pre/bg_bottom_pc.jpg);
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    padding-top: 4.1666666667vw;
    padding-bottom: 6.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom {
    padding-top: 50px;
    padding-bottom: 75px;
  }
}
.pre-bottom.ja {
  padding-top: 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .pre-bottom.ja {
    margin-top: -10vw;
    padding-top: 15.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom.ja {
    margin-top: -120px;
    padding-top: 190px;
  }
}
@media only screen and (min-width: 769px) {
  .pre-bottom.en, .pre-bottom.es, .pre-bottom.de, .pre-bottom.fr {
    margin-top: 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom.en, .pre-bottom.es, .pre-bottom.de, .pre-bottom.fr {
    margin-top: 100px;
  }
}
.pre-bottom__chara {
  width: 347.9166666667vw;
  position: absolute;
  left: -131.5104166667vw;
  top: 31.25vw;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__chara {
    width: 101.25vw;
    left: -22.5vw;
    top: 23.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__chara {
    width: 1215px;
    left: -270px;
    top: 280px;
  }
}
.pre-bottom__h2 {
  width: 94.7916666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__h2 {
    position: relative;
    z-index: 2;
    width: 40vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__h2 {
    width: 480px;
  }
}
.pre-bottom__text {
  position: relative;
  margin-top: 3.2552083333vw;
  font-size: 5.2083333333vw;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__text {
    margin-top: 1.6666666667vw;
    font-size: 2.0833333333vw;
    padding: 0 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__text {
    margin-top: 20px;
    font-size: 25px;
    padding: 0 10px;
  }
}
.pre-bottom__list {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__list {
    width: 65.25vw;
    margin: 1.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__list {
    width: 783px;
    margin-top: 20px;
  }
}
.pre-bottom__list--item {
  position: relative;
}
.pre-bottom__list--item:nth-child(1) {
  width: 97.265625vw;
  margin: 0 auto;
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__list--item:nth-child(1) {
    width: 65.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__list--item:nth-child(1) {
    width: 783px;
  }
}
.pre-bottom__list--item:nth-child(2) {
  width: 93.869792vw;
  margin: 0 auto 2.6041666667vw;
  margin-bottom: -7.8125vw;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__list--item:nth-child(2) {
    width: 65.25vw;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__list--item:nth-child(2) {
    width: 783px;
  }
}
.pre-bottom__list--item:nth-child(n+3) {
  width: 94.6614583333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__list--item:nth-child(n+3) {
    width: 65.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__list--item:nth-child(n+3) {
    width: 783px;
  }
}
.pre-bottom__list--item:nth-child(n+3) {
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__list--item:nth-child(n+3) {
    margin-top: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__list--item:nth-child(n+3) {
    margin-top: 15px;
  }
}
.pre-bottom__list--item.js-off:first-child::before {
  width: 94.6614583333vw;
  height: 71.8%;
  top: 9.3%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .pre-bottom__list--item.js-off:first-child::before {
    width: 65.25vw;
    height: 71%;
    top: 9.8%;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__list--item.js-off:first-child::before {
    width: 783px;
  }
}
.pre-bottom__list--item.js-off:before {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
}
.pre-bottom__list--item.js-off:after {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 85.6770833333vw;
  height: 40.8854166667vw;
  background-image: url(../img/pre/stamp.png);
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}
@media only screen and (min-width: 769px) {
  .pre-bottom__list--item.js-off:after {
    width: 27.4166666667vw;
    height: 13.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-bottom__list--item.js-off:after {
    width: 329px;
    height: 157px;
  }
}
.pre-footer {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 84.8958333333vw;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .pre-footer {
    height: 26.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-footer {
    height: 320px;
  }
}
.pre-footer__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pre-footer__logo {
  position: absolute;
  width: 75.5208333333vw;
  top: 13.0208333333vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .pre-footer__logo {
    width: 27vw;
    top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-footer__logo {
    width: 324px;
    top: 40px;
  }
}
.pre-footer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 58.59375vw;
  font-size: 4.6875vw;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  padding: 3.90625vw 15.625vw;
  transform: skew(-30deg);
}
@media only screen and (min-width: 769px) {
  .pre-footer__btn {
    top: 19.5833333333vw;
    padding: 1.25vw 5.8333333333vw;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-footer__btn {
    top: 235px;
    padding: 15px 70px;
    font-size: 18px;
  }
}
.pre-footer__btn.fr {
  font-size: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .pre-footer__btn.fr {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-footer__btn.fr {
    font-size: 18px;
  }
}
.pre-footer__btn > span {
  position: relative;
  display: block;
  transform: skew(30deg);
}
.pre-footer__btn > span:after {
  position: absolute;
  top: 50%;
  right: -9.1145833333vw;
  display: block;
  content: "";
  width: 3.125vw;
  height: 5.3385416667vw;
  background-image: url(../img/pre/arrow_right.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
@media only screen and (min-width: 769px) {
  .pre-footer__btn > span:after {
    width: 0.8333333333vw;
    height: 1.5vw;
    right: -2.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-footer__btn > span:after {
    width: 10px;
    height: 18px;
    right: -35px;
  }
}
.pre-language {
  width: 39.0625vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
@media only screen and (min-width: 769px) {
  .pre-language {
    width: 13.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-language {
    width: 165px;
  }
}
.pre-language.js-open .pre-language__btn {
  background-color: #151515;
  color: #fff;
}
.pre-language.js-open .pre-language__btn::after {
  background-image: url(../img/pre/arrow_open.png);
}
.pre-language.js-open .pre-language__list {
  transform: none;
}
.pre-language__btn {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 10.4166666667vw;
  font-size: 3.6458333333vw;
  font-weight: bold;
  background-color: #fff;
  transition: 300ms;
}
@media only screen and (min-width: 769px) {
  .pre-language__btn {
    height: 4.1666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-language__btn {
    height: 50px;
    font-size: 14px;
  }
}
.pre-language__btn:after {
  display: block;
  content: "";
  width: 1.953125vw;
  height: 1.3020833333vw;
  margin-left: 1.3020833333vw;
  background-image: url(../img/pre/arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .pre-language__btn:after {
    width: 0.6666666667vw;
    height: 0.4166666667vw;
    margin-left: 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-language__btn:after {
    width: 8px;
    height: 5px;
    margin-left: 5px;
  }
}
.pre-language__list {
  width: 100%;
  background-color: #272727;
  padding: 3.90625vw 1.953125vw;
  text-align: center;
  transition: 300ms;
  transform: translateY(-100%);
}
@media only screen and (min-width: 769px) {
  .pre-language__list {
    padding: 1.25vw 0.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-language__list {
    padding: 15px 8px;
  }
}
.pre-language__item:not(:first-child) {
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .pre-language__item:not(:first-child) {
    margin-top: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-language__item:not(:first-child) {
    margin-top: 15px;
  }
}
.pre-language__link {
  color: #fff;
  font-size: 3.6458333333vw;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .pre-language__link {
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-language__link {
    font-size: 14px;
  }
}

.terms-inner {
  width: 100%;
  padding: 15.625vw 3.90625vw 31.25vw;
}
@media only screen and (min-width: 769px) {
  .terms-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 6.25vw 10.4166666667vw 10.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-inner {
    padding: 75px 125px 125px;
  }
}
.terms-logo {
  width: 73.5677083333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .terms-logo {
    width: 29.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-logo {
    width: 355px;
  }
}
.terms-title {
  margin-top: 8.4635416667vw;
  font-size: 5.9895833333vw;
  color: #000;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .terms-title {
    font-size: 2.5vw;
    margin: 2.9166666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-title {
    font-size: 30px;
    margin: 35px auto 0;
  }
}
.terms-title__pc {
  display: block;
}
@media only screen and (min-width: 769px) {
  .terms-title__pc {
    background-color: #fff;
    padding: 1.0833333333vw 0;
    width: 68.3333333333vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-title__pc {
    width: 820px;
    padding: 13px;
  }
}
.terms-title__pc:not(:first-child) {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .terms-title__pc:not(:first-child) {
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-title__pc:not(:first-child) {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 769px) {
  .terms-title__sp {
    width: 100%;
    padding: 2.6041666667vw 0;
    background-color: #fff;
    display: block;
  }
  .terms-title__sp:not(:first-child) {
    margin-top: 2.6041666667vw;
  }
}
.terms-wrapper {
  margin-top: 6.5104166667vw;
}
@media only screen and (min-width: 769px) {
  .terms-wrapper {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-wrapper {
    margin-top: 50px;
  }
}
.terms-section {
  font-size: 4.1666666667vw;
}
@media only screen and (min-width: 769px) {
  .terms-section {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-section {
    font-size: 16px;
  }
}
.terms-section:not(:first-child) {
  margin-top: 6.5104166667vw;
}
@media only screen and (min-width: 769px) {
  .terms-section:not(:first-child) {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-section:not(:first-child) {
    margin-top: 50px;
  }
}
.terms-section__head {
  font-weight: bold;
  color: #00d8ff;
  line-height: 1.5625;
}
.terms-section__text {
  color: #fff;
  line-height: 1.5625;
}
.terms-section__text > a {
  color: #ff3131;
}
.terms-footer {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 84.8958333333vw;
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 769px) {
  .terms-footer {
    height: 26.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-footer {
    height: 320px;
  }
}
.terms-footer__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.terms-footer__logo {
  position: absolute;
  width: 75.5208333333vw;
  top: 13.0208333333vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .terms-footer__logo {
    width: 27vw;
    top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-footer__logo {
    width: 324px;
    top: 40px;
  }
}
.terms-footer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 58.59375vw;
  font-size: 4.6875vw;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  padding: 3.90625vw 15.625vw;
  transform: skew(-30deg);
}
@media only screen and (min-width: 769px) {
  .terms-footer__btn {
    top: 19.5833333333vw;
    padding: 1.25vw 5.8333333333vw;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-footer__btn {
    top: 235px;
    padding: 15px 70px;
    font-size: 18px;
  }
}
.terms-footer__btn.fr {
  font-size: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .terms-footer__btn.fr {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-footer__btn.fr {
    font-size: 18px;
  }
}
.terms-footer__btn > span {
  position: relative;
  display: block;
  transform: skew(30deg);
}
.terms-footer__btn > span:after {
  position: absolute;
  top: 50%;
  right: -9.1145833333vw;
  display: block;
  content: "";
  width: 3.125vw;
  height: 5.3385416667vw;
  background-image: url(../img/pre/arrow_right.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
@media only screen and (min-width: 769px) {
  .terms-footer__btn > span:after {
    width: 0.8333333333vw;
    height: 1.5vw;
    right: -2.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms-footer__btn > span:after {
    width: 10px;
    height: 18px;
    right: -35px;
  }
}

@keyframes fire-particle0 {
  0% {
    transform: translate3d(0, 30px, 0) rotateX(17deg) rotateZ(17deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1880px, 0) rotateX(-48deg) rotateZ(-48deg);
  }
}
@keyframes fire-particle1 {
  0% {
    transform: translate3d(0, 39px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1834px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle2 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1702px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle3 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1785px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle4 {
  0% {
    transform: translate3d(0, 31px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1713px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle5 {
  0% {
    transform: translate3d(0, 21px, 0) rotateX(-74deg) rotateZ(-74deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1721px, 0) rotateX(-307deg) rotateZ(-307deg);
  }
}
@keyframes fire-particle6 {
  0% {
    transform: translate3d(0, 23px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1722px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle7 {
  0% {
    transform: translate3d(0, 21px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1823px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle8 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1709px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle9 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1774px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle10 {
  0% {
    transform: translate3d(0, 27px, 0) rotateX(-408deg) rotateZ(-408deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1721px, 0) rotateX(-449deg) rotateZ(-449deg);
  }
}
@keyframes fire-particle11 {
  0% {
    transform: translate3d(0, 21px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1866px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle12 {
  0% {
    transform: translate3d(0, 39px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1822px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle13 {
  0% {
    transform: translate3d(0, 34px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1710px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle14 {
  0% {
    transform: translate3d(0, 21px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1892px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle15 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(-35deg) rotateZ(-35deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1853px, 0) rotateX(-83deg) rotateZ(-83deg);
  }
}
@keyframes fire-particle16 {
  0% {
    transform: translate3d(0, 27px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1820px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle17 {
  0% {
    transform: translate3d(0, 29px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1775px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle18 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1780px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle19 {
  0% {
    transform: translate3d(0, 29px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1895px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle20 {
  0% {
    transform: translate3d(0, 38px, 0) rotateX(146deg) rotateZ(146deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1745px, 0) rotateX(398deg) rotateZ(398deg);
  }
}
@keyframes fire-particle21 {
  0% {
    transform: translate3d(0, 37px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1718px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle22 {
  0% {
    transform: translate3d(0, 30px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1803px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle23 {
  0% {
    transform: translate3d(0, 32px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1741px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle24 {
  0% {
    transform: translate3d(0, 29px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1805px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle25 {
  0% {
    transform: translate3d(0, 26px, 0) rotateX(-46deg) rotateZ(-46deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1735px, 0) rotateX(-110deg) rotateZ(-110deg);
  }
}
@keyframes fire-particle26 {
  0% {
    transform: translate3d(0, 29px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1765px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle27 {
  0% {
    transform: translate3d(0, 27px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1753px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle28 {
  0% {
    transform: translate3d(0, 35px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1865px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle29 {
  0% {
    transform: translate3d(0, 40px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1807px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle30 {
  0% {
    transform: translate3d(0, 35px, 0) rotateX(-139deg) rotateZ(-139deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1725px, 0) rotateX(-165deg) rotateZ(-165deg);
  }
}
@keyframes fire-particle31 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1895px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle32 {
  0% {
    transform: translate3d(0, 26px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1836px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle33 {
  0% {
    transform: translate3d(0, 31px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1869px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle34 {
  0% {
    transform: translate3d(0, 40px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1839px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle35 {
  0% {
    transform: translate3d(0, 26px, 0) rotateX(120deg) rotateZ(120deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1895px, 0) rotateX(86deg) rotateZ(86deg);
  }
}
@keyframes fire-particle36 {
  0% {
    transform: translate3d(0, 27px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1814px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle37 {
  0% {
    transform: translate3d(0, 26px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1745px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle38 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1756px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle39 {
  0% {
    transform: translate3d(0, 39px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1884px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle40 {
  0% {
    transform: translate3d(0, 39px, 0) rotateX(-3deg) rotateZ(-3deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1819px, 0) rotateX(238deg) rotateZ(238deg);
  }
}
@keyframes fire-particle41 {
  0% {
    transform: translate3d(0, 23px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1898px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle42 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1815px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle43 {
  0% {
    transform: translate3d(0, 39px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1719px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle44 {
  0% {
    transform: translate3d(0, 27px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1706px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle45 {
  0% {
    transform: translate3d(0, 23px, 0) rotateX(-324deg) rotateZ(-324deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1883px, 0) rotateX(-328deg) rotateZ(-328deg);
  }
}
@keyframes fire-particle46 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1847px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle47 {
  0% {
    transform: translate3d(0, 34px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1804px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle48 {
  0% {
    transform: translate3d(0, 36px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1832px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle49 {
  0% {
    transform: translate3d(0, 33px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1888px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle50 {
  0% {
    transform: translate3d(0, 23px, 0) rotateX(-222deg) rotateZ(-222deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1754px, 0) rotateX(-312deg) rotateZ(-312deg);
  }
}
@keyframes fire-particle51 {
  0% {
    transform: translate3d(0, 31px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1792px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle52 {
  0% {
    transform: translate3d(0, 35px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1883px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle53 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1835px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle54 {
  0% {
    transform: translate3d(0, 30px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1833px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle55 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(165deg) rotateZ(165deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1886px, 0) rotateX(132deg) rotateZ(132deg);
  }
}
@keyframes fire-particle56 {
  0% {
    transform: translate3d(0, 39px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1775px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle57 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1878px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle58 {
  0% {
    transform: translate3d(0, 33px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1874px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle59 {
  0% {
    transform: translate3d(0, 37px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1862px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle60 {
  0% {
    transform: translate3d(0, 31px, 0) rotateX(-189deg) rotateZ(-189deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1727px, 0) rotateX(-441deg) rotateZ(-441deg);
  }
}
@keyframes fire-particle61 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1803px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle62 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1761px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle63 {
  0% {
    transform: translate3d(0, 29px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1725px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle64 {
  0% {
    transform: translate3d(0, 38px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1770px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle65 {
  0% {
    transform: translate3d(0, 36px, 0) rotateX(-252deg) rotateZ(-252deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1891px, 0) rotateX(-168deg) rotateZ(-168deg);
  }
}
@keyframes fire-particle66 {
  0% {
    transform: translate3d(0, 38px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1807px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle67 {
  0% {
    transform: translate3d(0, 27px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1737px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle68 {
  0% {
    transform: translate3d(0, 34px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1718px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle69 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1770px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle70 {
  0% {
    transform: translate3d(0, 32px, 0) rotateX(363deg) rotateZ(363deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1728px, 0) rotateX(646deg) rotateZ(646deg);
  }
}
@keyframes fire-particle71 {
  0% {
    transform: translate3d(0, 29px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1789px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle72 {
  0% {
    transform: translate3d(0, 32px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1796px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle73 {
  0% {
    transform: translate3d(0, 33px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1821px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle74 {
  0% {
    transform: translate3d(0, 31px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1806px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle75 {
  0% {
    transform: translate3d(0, 33px, 0) rotateX(506deg) rotateZ(506deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1878px, 0) rotateX(239deg) rotateZ(239deg);
  }
}
@keyframes fire-particle76 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1719px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle77 {
  0% {
    transform: translate3d(0, 23px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1871px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle78 {
  0% {
    transform: translate3d(0, 30px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1879px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle79 {
  0% {
    transform: translate3d(0, 40px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1737px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle80 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(-96deg) rotateZ(-96deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1893px, 0) rotateX(-214deg) rotateZ(-214deg);
  }
}
@keyframes fire-particle81 {
  0% {
    transform: translate3d(0, 35px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1861px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle82 {
  0% {
    transform: translate3d(0, 21px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1837px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle83 {
  0% {
    transform: translate3d(0, 31px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1888px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle84 {
  0% {
    transform: translate3d(0, 35px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1900px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle85 {
  0% {
    transform: translate3d(0, 26px, 0) rotateX(-77deg) rotateZ(-77deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1845px, 0) rotateX(-342deg) rotateZ(-342deg);
  }
}
@keyframes fire-particle86 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1859px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle87 {
  0% {
    transform: translate3d(0, 25px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1844px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle88 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1823px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle89 {
  0% {
    transform: translate3d(0, 40px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1820px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle90 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(39deg) rotateZ(39deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1852px, 0) rotateX(-19deg) rotateZ(-19deg);
  }
}
@keyframes fire-particle91 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1799px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle92 {
  0% {
    transform: translate3d(0, 23px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1709px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle93 {
  0% {
    transform: translate3d(0, 34px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1782px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle94 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1853px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle95 {
  0% {
    transform: translate3d(0, 28px, 0) rotateX(-136deg) rotateZ(-136deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1818px, 0) rotateX(-170deg) rotateZ(-170deg);
  }
}
@keyframes fire-particle96 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1845px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle97 {
  0% {
    transform: translate3d(0, 22px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1715px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle98 {
  0% {
    transform: translate3d(0, 26px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1854px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle99 {
  0% {
    transform: translate3d(0, 31px, 0) rotateX(0deg) rotateZ(0deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1805px, 0) rotateX(0deg) rotateZ(0deg);
  }
}
@keyframes fire-particle100 {
  0% {
    transform: translate3d(0, 40px, 0) rotateX(-332deg) rotateZ(-332deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -1747px, 0) rotateX(-319deg) rotateZ(-319deg);
  }
}
.fire-particle-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  z-index: 2;
}
.fire-particle-container .fire-particle {
  opacity: 0;
}
.fire-particle-container .fire-particle:nth-child(0) {
  width: 21.5px !important;
  height: 21.5px !important;
  animation: fire-particle0 10455ms infinite;
  animation-delay: 3159ms;
  left: -50vw;
}
.fire-particle-container .fire-particle:nth-child(1) {
  width: 23.25px !important;
  height: 23.25px !important;
  animation: fire-particle1 10459ms infinite;
  animation-delay: 90ms;
  left: -45vw;
}
.fire-particle-container .fire-particle:nth-child(2) {
  width: 22.5px !important;
  height: 22.5px !important;
  animation: fire-particle2 10473ms infinite;
  animation-delay: 7985ms;
  left: -40vw;
}
.fire-particle-container .fire-particle:nth-child(3) {
  width: 20.5px !important;
  height: 20.5px !important;
  animation: fire-particle3 12662ms infinite;
  animation-delay: 2562ms;
  left: -35vw;
}
.fire-particle-container .fire-particle:nth-child(4) {
  width: 24.75px !important;
  height: 24.75px !important;
  animation: fire-particle4 11914ms infinite;
  animation-delay: 5976ms;
  left: -30vw;
}
.fire-particle-container .fire-particle:nth-child(5) {
  width: 39.15px !important;
  height: 39.15px !important;
  animation: fire-particle5 11857ms infinite;
  animation-delay: 1025ms;
  left: -25vw;
}
.fire-particle-container .fire-particle:nth-child(6) {
  width: 29.7px !important;
  height: 29.7px !important;
  animation: fire-particle6 10327ms infinite;
  animation-delay: 9191ms;
  left: -20vw;
}
.fire-particle-container .fire-particle:nth-child(7) {
  width: 23.5px !important;
  height: 23.5px !important;
  animation: fire-particle7 10313ms infinite;
  animation-delay: 8509ms;
  left: -15vw;
}
.fire-particle-container .fire-particle:nth-child(8) {
  width: 22px !important;
  height: 22px !important;
  animation: fire-particle8 10077ms infinite;
  animation-delay: 4754ms;
  left: -10vw;
}
.fire-particle-container .fire-particle:nth-child(9) {
  width: 23px !important;
  height: 23px !important;
  animation: fire-particle9 11852ms infinite;
  animation-delay: 3491ms;
  left: -5vw;
}
.fire-particle-container .fire-particle:nth-child(10) {
  width: 43.65px !important;
  height: 43.65px !important;
  animation: fire-particle10 10135ms infinite;
  animation-delay: 7078ms;
  left: 0vw;
}
.fire-particle-container .fire-particle:nth-child(11) {
  width: 20.25px !important;
  height: 20.25px !important;
  animation: fire-particle11 12970ms infinite;
  animation-delay: 5025ms;
  left: 5vw;
}
.fire-particle-container .fire-particle:nth-child(12) {
  width: 28.5px !important;
  height: 28.5px !important;
  animation: fire-particle12 12765ms infinite;
  animation-delay: 7767ms;
  left: 10vw;
}
.fire-particle-container .fire-particle:nth-child(13) {
  width: 21.25px !important;
  height: 21.25px !important;
  animation: fire-particle13 11273ms infinite;
  animation-delay: 2641ms;
  left: 15vw;
}
.fire-particle-container .fire-particle:nth-child(14) {
  width: 22.5px !important;
  height: 22.5px !important;
  animation: fire-particle14 10408ms infinite;
  animation-delay: 5660ms;
  left: 20vw;
}
.fire-particle-container .fire-particle:nth-child(15) {
  width: 40.05px !important;
  height: 40.05px !important;
  animation: fire-particle15 11713ms infinite;
  animation-delay: 660ms;
  left: 25vw;
}
.fire-particle-container .fire-particle:nth-child(16) {
  width: 22.25px !important;
  height: 22.25px !important;
  animation: fire-particle16 12542ms infinite;
  animation-delay: 3476ms;
  left: 30vw;
}
.fire-particle-container .fire-particle:nth-child(17) {
  width: 24.5px !important;
  height: 24.5px !important;
  animation: fire-particle17 11206ms infinite;
  animation-delay: 1375ms;
  left: 35vw;
}
.fire-particle-container .fire-particle:nth-child(18) {
  width: 23.75px !important;
  height: 23.75px !important;
  animation: fire-particle18 10954ms infinite;
  animation-delay: 5575ms;
  left: 40vw;
}
.fire-particle-container .fire-particle:nth-child(19) {
  width: 21.5px !important;
  height: 21.5px !important;
  animation: fire-particle19 12993ms infinite;
  animation-delay: 6210ms;
  left: 45vw;
}
.fire-particle-container .fire-particle:nth-child(20) {
  width: 40.05px !important;
  height: 40.05px !important;
  animation: fire-particle0 10916ms infinite;
  animation-delay: 5929ms;
  left: 50vw;
}
.fire-particle-container .fire-particle:nth-child(21) {
  width: 20.5px !important;
  height: 20.5px !important;
  animation: fire-particle1 12667ms infinite;
  animation-delay: 5277ms;
  left: 55vw;
}
.fire-particle-container .fire-particle:nth-child(22) {
  width: 22.25px !important;
  height: 22.25px !important;
  animation: fire-particle2 12267ms infinite;
  animation-delay: 2908ms;
  left: 60vw;
}
.fire-particle-container .fire-particle:nth-child(23) {
  width: 23.25px !important;
  height: 23.25px !important;
  animation: fire-particle3 12840ms infinite;
  animation-delay: 9017ms;
  left: 65vw;
}
.fire-particle-container .fire-particle:nth-child(24) {
  width: 20.75px !important;
  height: 20.75px !important;
  animation: fire-particle4 10269ms infinite;
  animation-delay: 1765ms;
  left: 70vw;
}
.fire-particle-container .fire-particle:nth-child(25) {
  width: 39.6px !important;
  height: 39.6px !important;
  animation: fire-particle5 12805ms infinite;
  animation-delay: 3223ms;
  left: 75vw;
}
.fire-particle-container .fire-particle:nth-child(26) {
  width: 20.25px !important;
  height: 20.25px !important;
  animation: fire-particle6 12300ms infinite;
  animation-delay: 9234ms;
  left: 80vw;
}
.fire-particle-container .fire-particle:nth-child(27) {
  width: 24.75px !important;
  height: 24.75px !important;
  animation: fire-particle7 11639ms infinite;
  animation-delay: 4886ms;
  left: 85vw;
}
.fire-particle-container .fire-particle:nth-child(28) {
  width: 23.25px !important;
  height: 23.25px !important;
  animation: fire-particle8 10557ms infinite;
  animation-delay: 561ms;
  left: 90vw;
}
.fire-particle-container .fire-particle:nth-child(29) {
  width: 21.75px !important;
  height: 21.75px !important;
  animation: fire-particle9 11283ms infinite;
  animation-delay: 4702ms;
  left: 95vw;
}
.fire-particle-container .fire-particle:nth-child(30) {
  width: 25.8px !important;
  height: 25.8px !important;
  animation: fire-particle10 12730ms infinite;
  animation-delay: 4100ms;
  left: 100vw;
}
.fire-particle-container.hide {
  display: none !important;
}
.fire-particle-container.show {
  opacity: 1;
}
.fire-particle-container .fire-particle {
  position: absolute;
  bottom: -40px;
  width: 30px;
  height: 30px;
  background: url("../img/pre/particle01.png") no-repeat center;
  background-size: cover;
  z-index: 15;
  opacity: 0.8;
  filter: drop-shadow(0 0 10px #fff);
}
.fire-particle-container .fire-particle:nth-child(5n) {
  width: 40px;
  height: 40px;
  background-image: url("../img/pre/particle02.png");
}
.fire-particle-container .fire-particle:nth-child(6n) {
  width: 35px;
  height: 35px;
  background-image: url("../img/pre/particle03.png");
}
.fire-particle-container .fire-particle:nth-child(7n) {
  width: 30px;
  height: 30px;
  background-image: url("../img/pre/particle04.png");
}

.cbt-top {
  height: 216.1458333333vw;
  position: relative;
  padding: 132.1614583333vw 0 0;
  background-image: url(../img/cbt/fv.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .cbt-top {
    height: 56.25vw;
    padding: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-image: url(../img/cbt/fv_pc.jpg);
    background-size: cover;
    background-position: top center;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-top {
    height: 675px;
    background-size: 2000px;
  }
}
.cbt-top__logo {
  position: relative;
  width: 92.1875vw;
  margin: 0 auto;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .cbt-top__logo {
    position: absolute;
    width: 40.6666666667vw;
    top: 31.25vw;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-top__logo {
    width: 488px;
    top: 375px;
  }
}
.cbt-about {
  position: relative;
  z-index: 10;
  margin-top: -26.6927083333vw;
  padding: 0 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-about {
    margin: 0 auto 0;
    padding: 0;
    width: 100%;
    max-width: 800px;
  }
}
.cbt-about__head {
  font-size: 7.1614583333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3243243243;
}
@media only screen and (min-width: 769px) {
  .cbt-about__head {
    font-size: 2.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__head {
    font-size: 33px;
  }
}
.cbt-about__border {
  width: 100%;
  height: 0.5208333333vw;
  margin-top: 7.8125vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .cbt-about__border {
    height: 0.1666666667vw;
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__border {
    height: 2px;
    margin-top: 25px;
  }
}
.cbt-about__attention {
  margin-top: 7.1614583333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 4.1666666667vw;
  color: #fff;
  line-height: 1.875;
}
@media only screen and (min-width: 769px) {
  .cbt-about__attention {
    margin-top: 1.6666666667vw;
    font-size: 1.3333333333vw;
    line-height: 1.5625;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__attention {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__attention.en {
    font-size: 14px;
  }
}
.cbt-about__info {
  border: 1px solid #fff;
  background-image: url(../img/cbt/bg_about.png);
  background-size: 0.2604166667vw;
  padding: 10.4166666667vw 3.90625vw;
  margin-top: 12.3697916667vw;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .cbt-about__info {
    border: 0.2604166667vw solid #fff;
    padding: 3.3333333333vw 4.1666666667vw;
    background-size: 0.0833333333vw;
    margin-top: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__info {
    border-width: 2px;
    padding: 40px 50px;
    background-size: 1px;
    margin-top: 60px;
  }
}
.cbt-about__info--head {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 4.9479166667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .cbt-about__info--head {
    font-size: 3.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__info--head {
    font-size: 38px;
  }
}
.cbt-about__info--head.en {
  font-size: 4.1666666667vw;
}
@media only screen and (min-width: 769px) {
  .cbt-about__info--head.en {
    font-size: 2.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__info--head.en {
    font-size: 32px;
  }
}
.cbt-about__info--head:before, .cbt-about__info--head:after {
  display: block;
  content: " ";
  background-image: url(../img/cbt/about_head.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.125vw;
  height: 0.5208333333vh;
}
@media only screen and (min-width: 769px) {
  .cbt-about__info--head:before, .cbt-about__info--head:after {
    background-image: url(../img/cbt/about_head_pc.png);
    width: 4.1666666667vw;
    height: 0.25vh;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__info--head:before, .cbt-about__info--head:after {
    width: 50px;
    height: 3px;
  }
}
.cbt-about__info--head:before {
  transform: scale(-1, 1);
  margin-right: 0.6510416667vw;
}
@media only screen and (min-width: 769px) {
  .cbt-about__info--head:before {
    margin-right: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__info--head:before {
    margin-right: 10px;
  }
}
.cbt-about__info--head:after {
  margin-left: 0.6510416667vw;
}
@media only screen and (min-width: 769px) {
  .cbt-about__info--head:after {
    margin-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__info--head:after {
    margin-left: 10px;
  }
}
.cbt-about__info--text {
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  margin-top: 7.1614583333vw;
  line-height: 1.875;
  font-size: 4.1666666667vw;
}
@media only screen and (min-width: 769px) {
  .cbt-about__info--text {
    margin-top: 2.0833333333vw;
    font-size: 1.3333333333vw;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__info--text {
    margin-top: 25px;
    font-size: 16px;
  }
}
.cbt-about__apology {
  display: block;
  margin: 3.90625vw 0;
}
@media only screen and (min-width: 769px) {
  .cbt-about__apology {
    margin: 2.5vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__apology {
    margin: 30px 0;
  }
}
.cbt-about__textLink {
  display: block;
  margin-bottom: 10.4166666667vw;
  text-align: center;
  font-size: 4.1666666667vw;
  color: #ff3131;
  line-height: 1.875;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .cbt-about__textLink {
    margin-bottom: 2.0833333333vw;
    font-size: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-about__textLink {
    margin-bottom: 25px;
    font-size: 20px;
  }
}
.cbt-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10.4166666667vw;
  background-image: url(../img/cbt/bg_btn.png);
  background-size: cover;
  background-position: top center;
  height: 39.0625vw;
}
@media only screen and (min-width: 769px) {
  .cbt-btn {
    background-image: url(../img/cbt/bg_btn_pc.png);
    height: 17.5vw;
    margin-top: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-btn {
    height: 210px;
    margin-top: 60px;
  }
}
.cbt-btn__link {
  display: block;
  width: 91.1458333333vw;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .cbt-btn__link {
    width: 62.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-btn__link {
    width: 745px;
  }
}
.cbt-tshirts {
  position: relative;
  margin: 10.4166666667vw auto 0;
}
@media only screen and (min-width: 769px) {
  .cbt-tshirts {
    margin-top: 5vw;
  }
  .cbt-tshirts::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 45.8333333333vw;
    top: 3.3333333333vw;
    background-image: url(../img/cbt/bg_about.png);
    background-size: 0.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-tshirts {
    margin-top: 60px;
  }
  .cbt-tshirts::before {
    height: 550px;
    top: 40px;
    background-size: 1px;
  }
}
.cbt-tshirts__img {
  width: 91.1458333333vw;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .cbt-tshirts__img {
    width: 66.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-tshirts__img {
    width: 800px;
  }
}
.cbt-tshirts__btn {
  position: absolute;
  width: 52.0833333333vw;
  left: 50%;
  bottom: 9.1145833333vw;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .cbt-tshirts__btn {
    width: 20.8333333333vw;
    bottom: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-tshirts__btn {
    width: 250px;
    bottom: 60px;
  }
}
.cbt-list {
  margin-top: 11.0677083333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list {
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list {
    margin-top: 40px;
  }
}
.cbt-list__item {
  text-align: center;
}
.cbt-list__item:not(:first-child) {
  margin-top: 10.4166666667vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item:not(:first-child) {
    margin-top: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item:not(:first-child) {
    margin-top: 60px;
  }
}
.cbt-list__item--sub {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.2083333333vw;
  margin: 6.5104166667vw 0 3.2552083333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--sub {
    font-size: 2.5vw;
    margin: 3.3333333333vw 0 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--sub {
    font-size: 30px;
    margin: 40px 0 15px;
  }
}
.cbt-list__item--sub:before, .cbt-list__item--sub:after {
  display: block;
  content: "";
  width: 13.0208333333vw;
  height: 0.1302083333vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--sub:before, .cbt-list__item--sub:after {
    width: 8.3333333333vw;
    height: 0.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--sub:before, .cbt-list__item--sub:after {
    width: 100px;
    height: 1px;
  }
}
.cbt-list__item--sub:before {
  margin-right: 2.6041666667vw;
}
.cbt-list__item--sub:after {
  margin-left: 2.6041666667vw;
}
.cbt-list__item--head {
  position: relative;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80.7291666667vw;
  height: 10.4166666667vw;
  margin: 0 auto;
  background-color: #000;
  border: 0.2604166667vw solid #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.2083333333vw;
  font-weight: 500;
  text-align: center;
  padding: 0 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--head {
    min-width: 27.5vw;
    height: 5vw;
    font-size: 2.3333333333vw;
    border-width: 0.1666666667vw;
    padding: 0 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--head {
    min-width: 330px;
    height: 60px;
    font-size: 28px;
    border-width: 2px;
    padding: 0 20px;
  }
}
.cbt-list__item--head.new:after {
  position: absolute;
  top: -0.2604166667vw;
  left: -0.2604166667vw;
  line-height: 1;
  display: block;
  content: "UPDATE";
  padding: 1.0416666667vw 1.3020833333vw;
  font-size: 3.125vw;
  background-color: #f00;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--head.new:after {
    top: -0.1666666667vw;
    left: -0.1666666667vw;
    padding: 0.3333333333vw 0.4166666667vw;
    font-size: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--head.new:after {
    top: -2px;
    left: -2px;
    padding: 4px 5px;
    font-size: 10px;
  }
}
.cbt-list__item--box {
  position: relative;
  width: 91.1458333333vw;
  margin: -5.2083333333vw auto 0;
  padding: 10.4166666667vw 5.2083333333vw 5.2083333333vw;
  background-color: #212121;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-align: center;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--box {
    width: 66.6666666667vw;
    padding: 5vw 3.3333333333vw 3.3333333333vw;
    margin-top: -2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--box {
    width: 800px;
    padding: 60px 40px 40px;
    margin-top: -30px;
  }
}
.cbt-list__item--date {
  font-size: 3.6458333333vw;
  line-height: 1.4;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--date {
    font-size: 2.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--date {
    font-size: 34px;
  }
}
.cbt-list__item--date.mini {
  line-height: 2;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--date.mini {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--date.mini {
    font-size: 30px;
  }
}
.cbt-list__item--number {
  font-size: 6.5104166667vw;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--number {
    font-size: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--number {
    font-size: 50px;
  }
}
.cbt-list__item--number > span {
  font-size: 4.1666666667vw;
  font-weight: normal;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--number > span {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--number > span {
    font-size: 25px;
  }
}
.cbt-list__item--info {
  font-size: 3.125vw;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--info {
    font-size: 1.3333333333vw;
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--info {
    font-size: 16px;
    margin-top: 10px;
  }
}
.cbt-list__item--info.mt {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--info.mt {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--info.mt {
    margin-top: 25px;
  }
}
.cbt-list__item--schedule {
  font-size: 3.6458333333vw;
  line-height: 1.6071428571;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--schedule {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--schedule {
    font-size: 25px;
  }
}
.cbt-list__item--schedule > span {
  display: block;
}
.cbt-list__item--schedule > span:not(:first-child) {
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--schedule > span:not(:first-child) {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--schedule > span:not(:first-child) {
    margin-top: 30px;
  }
}
.cbt-list__item--inner {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--inner {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--inner {
    margin-top: 25px;
  }
}
.cbt-list__item--attention {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 3.125vw;
  text-align: left;
  font-family: "Noto Sans JP", "Noto Sans Thai", sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--attention {
    font-size: 0.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--attention {
    font-size: 11px;
  }
}
.cbt-list__item--text {
  text-align: left;
  font-size: 4.1666666667vw;
  line-height: 1.875;
}
@media only screen and (min-width: 769px) {
  .cbt-list__item--text {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-list__item--text {
    font-size: 16px;
  }
}
.cbt-list__item--text > a, .cbt-list__item--text > span {
  color: #ff3131;
}
.cbt-play {
  margin-top: 9.1145833333vw;
  padding-bottom: 10.4166666667vw;
}
@media only screen and (min-width: 769px) {
  .cbt-play {
    position: relative;
    margin-top: 9.1666666667vw;
    padding-top: 9.1666666667vw;
    padding-bottom: 9.1666666667vw;
    background-color: #111111;
  }
  .cbt-play::before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    top: -4.5833333333vw;
    border-width: 0 0 4.5833333333vw 100vw;
    border-color: transparent transparent #111111 transparent;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play {
    margin-top: 110px;
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .cbt-play::before {
    top: -55px;
    border-width: 0 0 55px 100vw;
  }
}
.cbt-play__h2 {
  width: 91.1458333333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .cbt-play__h2 {
    width: 63.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__h2 {
    width: 765px;
  }
}
.cbt-play__list {
  width: 91.1458333333vw;
  margin: 5.2083333333vw auto 0;
  background-color: #212121;
  padding: 5.2083333333vw 3.90625vw 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .cbt-play__list {
    width: 66.6666666667vw;
    padding: 3.3333333333vw 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__list {
    width: 800px;
    padding: 40px 25px;
  }
}
.cbt-play__list--item:not(:first-child) {
  margin-top: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .cbt-play__list--item:not(:first-child) {
    margin-top: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__list--item:not(:first-child) {
    margin-top: 60px;
  }
}
.cbt-play__list--h2 {
  width: 83.3333333333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-play__list--h2 {
    width: 61.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__list--h2 {
    width: 735px;
  }
}
.cbt-play__list--text {
  margin-top: 7.8125vw;
  font-size: 4.1666666667vw;
  color: #fff;
  line-height: 1.875;
  font-weight: 500;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .cbt-play__list--text {
    font-size: 1.5833333333vw;
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__list--text {
    font-size: 19px;
    margin-top: 30px;
  }
}
.cbt-play__list--text > span {
  display: block;
  color: #029cff;
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .cbt-play__list--text > span {
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__list--text > span {
    margin-top: 10px;
  }
}
.cbt-play__list--thumb {
  margin-top: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .cbt-play__list--thumb {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__list--thumb {
    margin-top: 30px;
  }
}
.cbt-play__attention {
  margin-top: 3.90625vw;
  font-size: 3.125vw;
  color: #fff;
  line-height: 1.6666666667;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .cbt-play__attention {
    font-size: 1.3333333333vw;
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .cbt-play__attention {
    font-size: 16px;
    margin-top: 30px;
  }
}

.special {
  overflow: hidden;
  background-color: #181818;
  padding: 13.0208333333vw 0 26.0416666667vw;
}
@media only screen and (min-width: 769px) {
  .special {
    padding: 4.1666666667vw 0 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special {
    padding: 50px 0 100px;
  }
}
@media only screen and (min-width: 769px) {
  .special-wrapper {
    width: 100%;
    background-color: #000;
    overflow: hidden;
  }
}
.special-head {
  position: relative;
  z-index: 10;
  margin: 0 auto -5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .special-head {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto -0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-head {
    margin-bottom: -5px;
  }
}
.special-head__text {
  width: 67.96875vw;
  margin-left: -1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .special-head__text {
    width: 45.4166666667vw;
    margin-left: -0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-head__text {
    width: 545px;
    margin-left: -10px;
  }
}
.special-inner {
  position: relative;
  height: 162.2395833333vw;
}
@media only screen and (min-width: 769px) {
  .special-inner {
    width: 100%;
    height: 41.6666666667vw;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .special-inner {
    height: 500px;
  }
}
.special-inner.poh {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url(../img/special/poh/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.poh {
    background-image: url(../img/special/poh/bg_pc.jpg);
  }
}
.special-inner.pohs {
  background-image: url(../img/special/poh_story/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.pohs {
    background-image: url(../img/special/poh_story/bg_pc.jpg);
  }
}
.special-inner.star {
  background-image: url(../img/special/star/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.star {
    background-image: url(../img/special/star/bg_pc.jpg);
  }
}
.special-inner.art {
  background-image: url(../img/special/art/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.art {
    background-image: url(../img/special/art/bg_pc.jpg);
  }
}
.special-inner.sup {
  background-image: url(../img/special/sup/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.sup {
    background-image: url(../img/special/sup/bg_pc.jpg);
  }
}
.special-inner.cnt {
  background-image: url(../img/special/cnt/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.cnt {
    background-image: url(../img/special/cnt/bg_pc.jpg);
  }
}
.special-inner.paper {
  background-image: url(../img/special/paper/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.paper {
    background-image: url(../img/special/paper/bg_pc.jpg);
  }
}
.special-inner.spp {
  background-image: url(../img/special/spp/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media only screen and (min-width: 769px) {
  .special-inner.spp {
    background-image: url(../img/special/spp/bg_pc.jpg);
  }
}
.special-h2 {
  width: 94.7916666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .special-h2 {
    width: 46.6666666667vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .special-h2 {
    width: 560px;
  }
}
.special-box.art {
  padding-top: 11.71875vw;
}
@media only screen and (min-width: 769px) {
  .special-box.art {
    margin-left: 10.4166666667vw;
    width: 46.6666666667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 6.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-box.art {
    margin-left: 125px;
    width: 560px;
    padding-top: 80px;
  }
}
.special-box.sup {
  padding-top: 95.0520833333vw;
}
@media only screen and (min-width: 769px) {
  .special-box.sup {
    margin-left: 10.4166666667vw;
    width: 50vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 11.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-box.sup {
    margin-left: 125px;
    width: 600px;
    padding-top: 140px;
  }
}
.special-sup__text {
  font-size: 6.5104166667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 1.3020833333vw black, 0 0 1.3020833333vw black, 0 0 1.3020833333vw black;
  padding: 0 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .special-sup__text {
    font-size: 3.1666666667vw;
    text-shadow: 0 0 1.3020833333vw black, 0 0 1.3020833333vw black, 0 0 1.3020833333vw black, 0 0 1.3020833333vw black;
    padding: 0 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-sup__text {
    font-size: 38px;
    padding: 0 10px;
  }
}
.special-sup__text.de {
  font-size: 5.7291666667vw;
}
@media only screen and (min-width: 769px) {
  .special-sup__text.de {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-sup__text.de {
    font-size: 30px;
  }
}
.special-sup__btn {
  margin-top: 6.5104166667vw;
}
@media only screen and (min-width: 769px) {
  .special-sup__btn {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-sup__btn {
    margin-top: 25px;
  }
}
.special-sup__btn--link {
  display: block;
  width: 62.5vw;
  height: 13.0208333333vw;
  font-size: 4.6875vw;
  border: 0.6510416667vw solid #0090ff;
  border-radius: 100px;
  padding: 0.6510416667vw;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .special-sup__btn--link {
    width: auto;
    min-width: 20vw;
    height: 4.1666666667vw;
    min-height: 4.1666666667vw;
    font-size: 1.5vw;
    border: 0.1666666667vw solid #0090ff;
    padding: 0.1666666667vw;
    margin: 0;
    transition: 400ms;
    opacity: 1;
  }
  .special-sup__btn--link:hover {
    opacity: 0.5;
  }
}
@media only screen and (min-width: 1200px) {
  .special-sup__btn--link {
    min-width: 240px;
    min-height: 50px;
    height: 50px;
    font-size: 18px;
    border-width: 2px;
    padding: 2px;
  }
}
.special-sup__btn--link:not(:first-child) {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .special-sup__btn--link:not(:first-child) {
    margin-top: 0;
    margin-left: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-sup__btn--link:not(:first-child) {
    margin-left: 20px;
  }
}
.special-sup__btn--link > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #0090ff;
  color: #fff;
  border-radius: 100px;
  padding: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .special-sup__btn--link > span {
    padding: 0 20px;
  }
}
.special-chara {
  width: 95.9635416667vw;
  margin: 7.8125vw auto 0;
}
@media only screen and (min-width: 769px) {
  .special-chara {
    position: absolute;
    margin-top: 0;
    width: 65.4166666667vw;
    top: 0;
    right: -9.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-chara {
    margin-top: 0;
    width: 785px;
    right: -110px;
  }
}
.special-text {
  margin-top: 3.90625vw;
  text-align: center;
  font-size: 5.2083333333vw;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding-left: 0.1em;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-feature-settings: "palt";
}
@media only screen and (min-width: 769px) {
  .special-text {
    display: inline-block;
    margin-top: 1.6666666667vw;
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-text {
    margin-top: 20px;
    font-size: 30px;
  }
}
.special-btn {
  display: block;
  width: 95.0520833333vw;
  margin: 7.8125vw auto 0;
}
@media only screen and (min-width: 769px) {
  .special-btn {
    width: 35vw;
    margin: 0;
    margin-top: 3.3333333333vw;
    transition: opacity 300ms;
  }
  .special-btn:hover {
    opacity: 0.7;
  }
}
@media only screen and (min-width: 1200px) {
  .special-btn {
    width: 420px;
    margin-top: 40px;
  }
}
.special-swiper {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .special-swiper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
.special-swiper__arrow {
  z-index: 100;
  width: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .special-swiper__arrow {
    width: 3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-swiper__arrow {
    width: 45px;
  }
}
.special-swiper__arrow:after {
  display: none;
}
.special-swiper__arrow.swiper-button-prev {
  left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .special-swiper__arrow.swiper-button-prev {
    left: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-swiper__arrow.swiper-button-prev {
    left: 50px;
  }
}
.special-swiper__arrow.swiper-button-prev > img {
  transform: scale(-1, 1);
}
.special-swiper__arrow.swiper-button-next {
  right: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .special-swiper__arrow.swiper-button-next {
    right: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-swiper__arrow.swiper-button-next {
    right: 50px;
  }
}
.special-thumb {
  margin: -7.8125vw auto 0;
}
@media only screen and (min-width: 769px) {
  .special-thumb {
    margin-top: -3.3333333333vw;
    width: 53.3333333333vw;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1200px) {
  .special-thumb {
    margin-top: -40px;
    width: 640px;
  }
}
.special-thumb__box {
  width: 57.2916666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .special-thumb__box {
    width: 18.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-thumb__box {
    width: 220px;
  }
}
.special-thumb__slide {
  position: relative;
  padding: 0 2.6041666667vw;
  cursor: pointer;
}
@media only screen and (min-width: 769px) {
  .special-thumb__slide {
    padding: 0 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-thumb__slide {
    padding: 0 10px;
  }
}
.special-thumb__slide::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  z-index: 100;
  content: "";
  width: calc(100% - 5.2083333334vw);
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateX(-50%);
  opacity: 0;
  transition: 400ms;
}
@media only screen and (min-width: 769px) {
  .special-thumb__slide::before {
    width: calc(100% - 1.6666666666vw);
  }
}
@media only screen and (min-width: 1200px) {
  .special-thumb__slide::before {
    width: calc(100% - 20px);
  }
}
.special-thumb__slide.swiper-slide-active::before {
  opacity: 1;
}
.special-star {
  margin: 93.75vw auto 0;
  width: 89.84375vw;
  height: 53.3854166667vw;
  background-image: url(../img/special/star/base.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 28.6458333333vw;
}
@media only screen and (min-width: 769px) {
  .special-star {
    margin: 0;
    margin-top: 9.1666666667vw;
    margin-left: 57.5vw;
    width: 37.4166666667vw;
    height: 22.5vw;
    background-image: url(../img/special/star/base_pc.png);
    padding-top: 12.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-star {
    margin-top: 110px;
    margin-left: 690px;
    width: 449px;
    height: 270px;
    padding-top: 150px;
  }
}
.special-star__btn {
  display: block;
  width: 65.1041666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .special-star__btn {
    width: 16.6666666667vw;
    transition: 400ms;
  }
  .special-star__btn:hover {
    opacity: 0.7;
  }
}
@media only screen and (min-width: 769px) {
  .special-star__btn {
    width: 200px;
  }
}
.special-poh {
  position: absolute;
  top: 130.2083333333vw;
  left: 50%;
  display: block;
  width: 84.8958333333vw;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .special-poh {
    width: 27.0833333333vw;
    top: 27.0833333333vw;
    left: 18.75vw;
    transform: none;
  }
}
@media only screen and (min-width: 1200px) {
  .special-poh {
    width: 325px;
    top: 325px;
    left: 225px;
  }
}
.special-cnt__btn {
  display: block;
  width: 74.7395833333vw;
  margin: 128.90625vw auto 0;
}
@media only screen and (min-width: 769px) {
  .special-cnt__btn {
    width: 23.9166666667vw;
    margin-top: 29.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-cnt__btn {
    width: 287px;
    margin-top: 350px;
  }
}
.special-paper__btn {
  display: block;
  width: 56.25vw;
  margin: 126.3020833333vw auto 0;
}
@media only screen and (min-width: 769px) {
  .special-paper__btn {
    width: 23.9166666667vw;
    margin-top: 21.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-paper__btn {
    width: 287px;
    margin-top: 260px;
  }
}
.special-spp {
  text-align: center;
  padding-top: 83.3333333333vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .special-spp {
    padding-top: 10.4166666667vw;
    margin-left: 14.1666666667vw;
    width: 45.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-spp {
    padding-top: 125px;
    margin-left: 170px;
    width: 545px;
  }
}
.special-spp__head {
  font-size: 7.8125vw;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .special-spp__head {
    font-size: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-spp__head {
    font-size: 40px;
  }
}
.special-spp__text {
  margin-top: 1.953125vw;
  font-size: 3.90625vw;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .special-spp__text {
    margin-top: 0.8333333333vw;
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-spp__text {
    margin-top: 10px;
    font-size: 16px;
  }
}
.special-spp__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 90.234375vw;
  height: 26.0416666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.2083333333vw;
  font-weight: 900;
  background-image: url(../img/speed/play/btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10.4166666667vw;
}
@media only screen and (min-width: 769px) {
  .special-spp__btn {
    background-image: url(../img/speed/play/btn_pc.png);
    width: 28.3333333333vw;
    height: 9vw;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-spp__btn {
    width: 340px;
    height: 108px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) {
  .special-spp__btn {
    margin-top: 3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-spp__btn {
    margin-top: 45px;
  }
}
.special-pohs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .special-pohs {
    justify-content: center;
  }
}
.special-pohs__sub {
  font-size: 4.6875vw;
  text-align: center;
  margin-bottom: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .special-pohs__sub {
    font-size: 1.6666666667vw;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .special-pohs__sub {
    font-size: 20px;
  }
}
.special-pohs__main {
  margin-bottom: 5.2083333333vw;
  font-size: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .special-pohs__main {
    font-size: 4.1666666667vw;
    margin-bottom: 0;
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-pohs__main {
    font-size: 50px;
    margin-top: 10px;
  }
}
.special-pohs__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  margin-bottom: 16.9270833333vw;
  width: 64.3229166667vw;
  height: 10.4166666667vw;
  font-size: 4.1666666667vw;
  font-family: "Noto Sans JP", "Noto Sans Thai", sans-serif;
  background-image: url(../img/special/poh_story/btn.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .special-pohs__btn {
    width: 18.0833333333vw;
    height: 3.3333333333vw;
    font-size: 1.3333333333vw;
    background-image: url(../img/special/poh_story/btn_pc.png);
    margin-bottom: 0;
    line-height: 1;
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .special-pohs__btn {
    width: 217px;
    height: 40px;
    font-size: 16px;
    margin-top: 25px;
  }
}

.report-top {
  height: 172.5260416667vw;
  position: relative;
  padding: 121.09375vw 0 0;
  background-image: url(../img/report/fv.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .report-top {
    height: 39.4166666667vw;
    padding: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-image: url(../img/report/fv_pc.png);
    background-size: cover;
    background-position: top center;
  }
}
@media only screen and (min-width: 1200px) {
  .report-top {
    height: 473px;
    background-size: 1200px;
  }
}
.report-top__logo {
  position: relative;
  width: 91.1458333333vw;
  margin: 0 auto;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .report-top__logo {
    position: absolute;
    width: 34.1666666667vw;
    top: 20vw;
    left: 50%;
    margin: 0;
    transform: translateX(calc(-50% - 16.66667vw));
  }
}
@media only screen and (min-width: 1200px) {
  .report-top__logo {
    width: 410px;
    top: 240px;
    transform: translateX(calc(-50% - 200px));
  }
}
.report-title {
  width: 89.84375vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .report-title {
    text-align: center;
  }
}
.report-title__main {
  font-size: 4.6875vw;
  text-align: center;
  color: #000;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: 600;
}
@media only screen and (min-width: 769px) {
  .report-title__main {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.6666666667vw;
    padding: 0.4166666667vw 1.5vw 0.5vw;
    background-color: #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .report-title__main {
    font-size: 20px;
    padding: 5px 18px 6px;
  }
}
.report-title__main > span {
  display: block;
  background-color: #fff;
  padding: 0.6510416667vw 0 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .report-title__main > span {
    display: inline;
    background-color: transparent;
  }
}
.report-title__main > span:not(:first-child) {
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .report-title__main > span:not(:first-child) {
    margin-top: 0;
  }
}
.report-title__text {
  text-align: center;
  font-size: 5.9895833333vw;
  margin-top: 3.2552083333vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: 600;
}
@media only screen and (min-width: 769px) {
  .report-title__text {
    font-size: 3.3333333333vw;
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-title__text {
    font-size: 40px;
    margin-top: 10px;
  }
}
.report-main {
  position: relative;
  width: 89.84375vw;
  margin: 16.9270833333vw auto 0;
  padding: 13.0208333333vw 5.2083333333vw 5.2083333333vw;
  background-image: url("../img/report/bg.jpg");
  background-size: auto auto;
  border: 0.2604166667vw solid #fff;
}
.report-main.pt0 {
  padding-top: 6.5104166667vw;
}
@media only screen and (min-width: 769px) {
  .report-main.pt0 {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 769px) {
  .report-main {
    margin-top: 5.8333333333vw;
    width: 66.6666666667vw;
    padding: 5vw 4.1666666667vw 2.5vw;
    border-width: 2px;
  }
}
@media only screen and (min-width: 1200px) {
  .report-main {
    margin-top: 70px;
    width: 800px;
    padding: 60px 50px 30px;
  }
}
.report-main__head {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.report-main__head--inner {
  display: block;
  margin: 0 auto;
  width: 78.125vw;
  padding: 4.5572916667vw 0;
  font-size: 5.2083333333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  text-align: center;
  background-color: #000;
  transform: skew(-20deg);
  border: 0.2604166667vw solid #fff;
}
@media only screen and (min-width: 769px) {
  .report-main__head--inner {
    width: 60vw;
    font-size: 2.3333333333vw;
    padding: 0.8333333333vw 0;
    border-width: 2px;
  }
}
@media only screen and (min-width: 1200px) {
  .report-main__head--inner {
    width: 720px;
    font-size: 28px;
    padding: 10px 0;
  }
}
.report-main__head--inner > span {
  display: block;
  transform: skew(20deg);
}
.report-wait {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 17.96875vw;
  font-size: 6.7708333333vw;
  margin: 13.0208333333vw 0 10.4166666667vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  width: 100%;
  background-image: url("../img/report/bg.jpg");
}
@media only screen and (min-width: 769px) {
  .report-wait {
    height: 8.3333333333vw;
    font-size: 3.3333333333vw;
    margin: 5.8333333333vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .report-wait {
    height: 100px;
    font-size: 40px;
    margin: 70px 0;
  }
}
.report-message {
  font-size: 3.3854166667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .report-message {
    font-size: 1.3333333333vw;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .report-message {
    font-size: 16px;
  }
}
.report-btn {
  display: flex;
  justify-content: center;
  margin-top: 10.4166666667vw;
}
@media only screen and (min-width: 769px) {
  .report-btn {
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-btn {
    margin-top: 40px;
  }
}
.report-btn__link {
  display: flex;
  justify-content: center;
  width: 43.6197916667vw;
  height: 11.71875vw;
  font-size: 3.3854166667vw;
  padding-top: 1.5625vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: bold;
  background-image: url(../img/report/btn_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .report-btn__link {
    width: 16.25vw;
    height: 4.1666666667vw;
    font-size: 1.1666666667vw;
    padding-top: 0.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-btn__link {
    width: 195px;
    height: 50px;
    font-size: 14px;
    padding-top: 8px;
  }
}
.report-btn__link:not(:first-child) {
  margin-left: 2.9947916667vw;
}
@media only screen and (min-width: 769px) {
  .report-btn__link:not(:first-child) {
    margin-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-btn__link:not(:first-child) {
    margin-left: 10px;
  }
}
.report-result {
  padding-bottom: 5.2083333333vw;
  margin-bottom: 5.2083333333vw;
  border-bottom: 0.2604166667vw solid #5a5a5a;
}
@media only screen and (min-width: 769px) {
  .report-result {
    padding-bottom: 2.5vw;
    margin-bottom: 2.5vw;
    border-bottom: 0.1666666667vw solid #5a5a5a;
  }
}
@media only screen and (min-width: 1200px) {
  .report-result {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #5a5a5a;
  }
}
.report-result__inner {
  display: flex;
  align-items: flex-end;
}
@media only screen and (min-width: 769px) {
  .report-result__inner {
    justify-content: center;
  }
}
.report-result__head {
  display: inline-block;
  font-size: 4.6875vw;
  padding: 0.6510416667vw 1.953125vw 1.3020833333vw;
  border: 1px solid #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  background-color: #000;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .report-result__head {
    font-size: 1.6666666667vw;
    padding: 3px 10px 5px;
  }
}
@media only screen and (min-width: 1200px) {
  .report-result__head {
    font-size: 20px;
    padding: 3px 10px 5px;
  }
}
.report-result__number {
  font-size: 5.2083333333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: 600;
  color: #fff;
  margin-left: 1.953125vw;
  margin-bottom: -1.953125vw;
}
@media only screen and (min-width: 769px) {
  .report-result__number {
    font-size: 1.6666666667vw;
    margin-left: 0.8333333333vw;
    margin-bottom: -0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-result__number {
    font-size: 20px;
    margin-left: 10px;
    margin-bottom: -5px;
  }
}
.report-result__number > span {
  font-size: 9.6354166667vw;
  color: #f00;
}
@media only screen and (min-width: 769px) {
  .report-result__number > span {
    font-size: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-result__number > span {
    font-size: 40px;
  }
}
.report-result__thanks {
  text-align: center;
  font-size: 3.3854166667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .report-result__thanks {
    font-size: 1.3333333333vw;
    text-align: center;
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-result__thanks {
    font-size: 16px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 769px) {
  .report-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: -30px;
  }
}
@media only screen and (min-width: 769px) {
  .report-box .report-content {
    width: 27.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-box .report-content {
    width: 335px;
  }
}
@media only screen and (min-width: 769px) {
  .report-box .report-content__head {
    width: 25.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-box .report-content__head {
    width: 310px;
  }
}
.report-content {
  position: relative;
  border: 0.2604166667vw solid #fff;
  background-color: #000;
  padding-top: 16.9270833333vw;
  padding-bottom: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .report-content {
    border-width: 2px;
    padding-top: 5vw;
    padding-bottom: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content {
    border-width: 2px;
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
.report-content__head {
  position: absolute;
  top: 0;
  left: 50%;
  text-align: center;
  width: 74.21875vw;
  font-size: 3.2552083333vw;
  line-height: 1.5;
  padding: 2.6041666667vw 3.2552083333vw 2.6041666667vw;
  color: #fff;
  border: 0.2604166667vw solid #fff;
  background-color: #000;
  margin: 0 auto;
  border-radius: 100px;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 769px) {
  .report-content__head {
    width: 44.5833333333vw;
    font-size: 1.3333333333vw;
    padding: 0.8333333333vw 1.5vw;
    border-width: 2px;
    border-radius: 1000px;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__head {
    width: 535px;
    font-size: 16px;
    padding: 10px 18px;
  }
}
.report-content__list {
  width: 74.21875vw;
  margin: 0 auto;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .report-content__list {
    width: 51.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__list {
    width: 620px;
  }
}
.report-content__list.up .report-content__list--item:not(:nth-child(n+4)) {
  background-image: url("../img/report/bg_red.png");
  padding: 0.6510416667vw 0 1.953125vw;
}
@media only screen and (min-width: 769px) {
  .report-content__list.up .report-content__list--item:not(:nth-child(n+4)) {
    padding: 0.4166666667vw 0.8333333333vw 0.8333333333vw;
    padding-right: 0;
  }
}
@media only screen and (min-width: 769px) {
  .report-content__list.up .report-content__list--item:not(:nth-child(n+4)) {
    padding: 5px 10px 5px;
    padding-right: 0;
  }
}
.report-content__list.up .report-content__list--item:not(:nth-child(n+4)) .report-content__list--text {
  width: 100%;
}
.report-content__list.up .report-content__list--item:not(:nth-child(n+4)) .report-content__list--text > span {
  width: 100%;
  background: linear-gradient(transparent 70%, #ff6e6e 0%);
}
@media only screen and (min-width: 769px) {
  .report-content__list.up .report-content__list--item:not(:nth-child(n+4)) .report-content__list--text {
    display: block;
  }
  .report-content__list.up .report-content__list--item:not(:nth-child(n+4)) .report-content__list--text > span {
    display: block;
    width: 100%;
    background: linear-gradient(transparent 70%, #ff6e6e 0%);
  }
}
.report-content__list.down .report-content__list--head > span {
  color: #8dfff4;
}
.report-content__list--item {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .report-content__list--item {
    background: linear-gradient(transparent calc(100% - 4px), #5a5a5a 4px);
    padding: 0 0.8333333333vw;
  }
}
@media only screen and (min-width: 769px) {
  .report-content__list--item {
    padding: 0 10px;
  }
}
.report-content__list--item:not(:first-child) {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .report-content__list--item:not(:first-child) {
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__list--item:not(:first-child) {
    margin-top: 10px;
  }
}
.report-content__list--head {
  font-size: 3.90625vw;
  font-weight: 700;
  width: 15.625vw;
  margin-right: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .report-content__list--head {
    font-size: 1.3333333333vw;
    width: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__list--head {
    font-size: 16px;
    width: 60px;
  }
}
.report-content__list--head > span {
  font-size: 5.7291666667vw;
  color: #ff6e6e;
  font-weight: 900;
}
@media only screen and (min-width: 769px) {
  .report-content__list--head > span {
    font-size: 1.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__list--head > span {
    font-size: 23px;
  }
}
.report-content__list--text {
  font-size: 3.6458333333vw;
}
@media only screen and (min-width: 769px) {
  .report-content__list--text {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__list--text {
    font-size: 16px;
  }
}
.report-content__list--text > span {
  background: linear-gradient(transparent 70%, #5a5a5a 0%);
  display: inline;
}
@media only screen and (min-width: 769px) {
  .report-content__list--text > span {
    background: none;
  }
}
.report-content__chara {
  width: 74.21875vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .report-content__chara {
    width: 51.6666666667vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__chara {
    width: 620px;
  }
}
@media only screen and (max-width: 769px) {
  .report-content__chara--item:not(:first-child) {
    margin-top: 2.6041666667vw;
  }
}
@media only screen and (min-width: 769px) {
  .report-content__chara--item {
    width: 25vw;
  }
  .report-content__chara--item:nth-child(n+3) {
    margin-top: 0.8333333333vw;
  }
  .report-content__chara--item:nth-child(even) {
    margin-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__chara--item {
    width: 300px;
  }
  .report-content__chara--item:nth-child(n+3) {
    margin-top: 10px;
  }
  .report-content__chara--item:nth-child(even) {
    margin-left: 10px;
  }
}
.report-content__message {
  width: 74.21875vw;
  margin: 0 auto;
  font-size: 3.6458333333vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .report-content__message {
    width: auto;
    font-size: 1.3333333333vw;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__message {
    font-size: 16px;
  }
}
.report-content__rank {
  width: 74.3489583333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .report-content__rank {
    width: 53.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__rank {
    width: 640px;
  }
}
.report-content__rank--item {
  width: 100%;
  height: 30.9895833333vw;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 20.1822916667vw;
  padding-left: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .report-content__rank--item {
    height: 11.75vw;
    padding-top: 7.0833333333vw;
    padding-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__rank--item {
    height: 141px;
    padding-top: 85px;
    padding-left: 10px;
  }
}
.report-content__rank--item:not(:first-child) {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .report-content__rank--item:not(:first-child) {
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__rank--item:not(:first-child) {
    margin-top: 20px;
  }
}
.report-content__rank--item:nth-child(1) {
  background-image: url(../img/report/rank_1.png);
}
@media only screen and (min-width: 769px) {
  .report-content__rank--item:nth-child(1) {
    background-image: url(../img/report/rank_1_pc.png);
  }
}
.report-content__rank--item:nth-child(2) {
  background-image: url(../img/report/rank_2.png);
}
@media only screen and (min-width: 769px) {
  .report-content__rank--item:nth-child(2) {
    background-image: url(../img/report/rank_2_pc.png);
  }
}
.report-content__rank--item:nth-child(3) {
  background-image: url(../img/report/rank_3.png);
}
@media only screen and (min-width: 769px) {
  .report-content__rank--item:nth-child(3) {
    background-image: url(../img/report/rank_3_pc.png);
  }
}
.report-content__rank--name {
  font-size: 4.6875vw;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 10px black, 0 0 10px black, 0 0 10px black;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .report-content__rank--name {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__rank--name {
    font-size: 30px;
  }
}
.report-content__report {
  width: 74.4791666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .report-content__report {
    width: 53.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__report {
    width: 640px;
  }
}
.report-content__report--item:not(:first-child) {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .report-content__report--item:not(:first-child) {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__report--item:not(:first-child) {
    margin-top: 30px;
  }
}
.report-content__attention {
  text-align: center;
  font-size: 2.6041666667vw;
  margin-top: 3.90625vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
}
@media only screen and (min-width: 769px) {
  .report-content__attention {
    font-size: 1.3333333333vw;
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-content__attention {
    font-size: 16px;
    margin-top: 30px;
  }
}
.report-graph__figure {
  position: relative;
  width: 100%;
  height: 58.025vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__figure {
    height: 21.6666666667vw;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__figure {
    height: 260px;
  }
}
.report-graph__item {
  width: 100%;
  height: 100%;
  width: 225.8823529412vw;
  height: 127.0588235294vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 769px) {
  .report-graph__item {
    width: 80vw;
    height: 45vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__item {
    width: 960px;
    height: 540px;
  }
}
.report-graph__item:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: " ";
  width: 35.0260416667vw;
  height: 35.0260416667vw;
  background-image: url(../img/report/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 769px) {
  .report-graph__item:after {
    width: 11.1666666667vw;
    height: 11.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__item:after {
    width: 134px;
    height: 134px;
  }
}
.report-graph__text {
  text-align: center;
  font-size: 4.6875vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__text {
    font-size: 1.6666666667vw;
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__text {
    font-size: 20px;
    margin-top: 10px;
  }
}
.report-graph__text .big {
  font-size: 7.03125vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__text .big {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__text .big {
    font-size: 30px;
  }
}
.report-graph__text .red {
  color: #ff6e6e;
}
.report-graph__list {
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  width: 74.21875vw;
  margin: 5.2083333333vw auto 0;
}
@media only screen and (min-width: 769px) {
  .report-graph__list {
    width: 26.25vw;
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list {
    width: 315px;
    margin-top: 20px;
  }
}
.report-graph__list--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.390625vw 1.953125vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--item {
    padding: 0.4166666667vw 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--item {
    padding: 5px 10px;
  }
}
.report-graph__list--item:not(:first-child) {
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--item:not(:first-child) {
    margin-top: 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--item:not(:first-child) {
    margin-top: 5px;
  }
}
.report-graph__list--item:nth-child(1) {
  background-image: url("../img/report/bg_red.png");
}
.report-graph__list--item:nth-child(1) .report-graph__list--head {
  font-weight: 900;
}
.report-graph__list--item:nth-child(1) .report-graph__list--head:before {
  background-color: rgb(255, 110, 110);
}
.report-graph__list--item:nth-child(1) .report-graph__list--text {
  font-weight: bold;
  font-size: 5.46875vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--item:nth-child(1) .report-graph__list--text {
    font-size: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--item:nth-child(1) .report-graph__list--text {
    font-size: 20px;
  }
}
.report-graph__list--item:nth-child(1) .report-graph__list--text > span {
  font-size: 4.1666666667vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--item:nth-child(1) .report-graph__list--text > span {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--item:nth-child(1) .report-graph__list--text > span {
    font-size: 16px;
  }
}
.report-graph__list--item:nth-child(2) {
  background-image: url("../img/report/bg_yellow.png");
}
.report-graph__list--item:nth-child(2) .report-graph__list--head {
  font-weight: 900;
}
.report-graph__list--item:nth-child(2) .report-graph__list--head:before {
  background-color: rgb(234, 164, 117);
}
.report-graph__list--item:nth-child(2) .report-graph__list--text {
  font-weight: bold;
  font-size: 5.46875vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--item:nth-child(2) .report-graph__list--text {
    font-size: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--item:nth-child(2) .report-graph__list--text {
    font-size: 20px;
  }
}
.report-graph__list--item:nth-child(2) .report-graph__list--text > span {
  font-size: 4.1666666667vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--item:nth-child(2) .report-graph__list--text > span {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--item:nth-child(2) .report-graph__list--text > span {
    font-size: 16px;
  }
}
.report-graph__list--item:nth-child(3) .report-graph__list--head:before {
  background-color: #fffb7b;
}
.report-graph__list--item:nth-child(4) .report-graph__list--head:before {
  background-color: #8dfff4;
}
.report-graph__list--item:nth-child(5) .report-graph__list--head:before {
  background-color: #b3b3b3;
}
.report-graph__list--head {
  display: flex;
  align-items: center;
  font-size: 3.2552083333vw;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--head {
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--head {
    font-size: 14px;
  }
}
.report-graph__list--head:before {
  display: block;
  content: "";
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  margin-top: 0.6510416667vw;
  margin-right: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--head:before {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    margin-top: 0vw;
    margin-right: 0.4166666667vw;
  }
}
.report-graph__list--text {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 15.625vw;
  font-size: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .report-graph__list--text {
    font-size: 1.3333333333vw;
    width: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .report-graph__list--text {
    font-size: 16px;
  }
}
.report-attention {
  margin-top: 5.2083333333vw;
  font-size: 3.125vw;
  margin-right: 2.6041666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-align: right;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .report-attention {
    font-size: 1vw;
    margin-right: 3.3333333333vw;
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .report-attention {
    font-size: 12px;
    margin-right: 40px;
    margin-top: 20px;
  }
}

.sup__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  height: 216.40625vw;
  width: 100%;
  background-image: url(../img/sup/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .sup__bg {
    height: 100%;
    width: 100%;
    background-image: url(../img/sup/bg_pc.jpg);
    background-size: cover;
    background-position: center;
  }
}
.sup__inner {
  position: relative;
  z-index: 10;
}
.sup__top {
  position: relative;
}
.sup__top--chara {
  position: absolute;
  top: 15.625vw;
  left: 0;
}
@media only screen and (min-width: 769px) {
  .sup__top--chara {
    top: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  .sup__top--chara {
    width: 1200px;
  }
}
.sup__top--inner {
  position: relative;
  z-index: 10;
  padding-top: 104.1666666667vw;
}
@media only screen and (min-width: 769px) {
  .sup__top--inner {
    padding-top: 45vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__top--inner {
    padding-top: 540px;
  }
}
.sup__top--logo {
  margin: 0 auto;
  width: 87.7604166667vw;
}
@media only screen and (min-width: 769px) {
  .sup__top--logo {
    position: absolute;
    top: 23.75vw;
    left: calc(50% + 8.33333vw);
    width: 32.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__top--logo {
    top: 285px;
    left: calc(50% + 100px);
    width: 392px;
  }
}
.sup__top--catch {
  font-size: 7.1614583333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 1.3020833333vw black, 0 0 1.3020833333vw black, 0 0 1.3020833333vw black;
  margin-top: 3.90625vw;
  padding: 0 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .sup__top--catch {
    font-size: 3.3333333333vw;
    margin-top: 0;
    text-shadow: 0 0 1.3020833333vw black, 0 0 1.3020833333vw black, 0 0 1.3020833333vw black, 0 0 1.3020833333vw black;
    padding: 0 16.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__top--catch {
    font-size: 40px;
    padding: 0 200px;
  }
}
.sup__wrapper {
  width: 94.7916666667vw;
  margin: 13.0208333333vw auto 26.0416666667vw;
}
@media only screen and (min-width: 769px) {
  .sup__wrapper {
    width: 66.6666666667vw;
    margin: 4.1666666667vw auto 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__wrapper {
    width: 800px;
    margin: 50px auto 100px;
  }
}
.sup__box {
  width: 100%;
  border: 0.5208333333vw solid #fff;
  background-color: rgba(214, 213, 211, 0.9);
  color: #464646;
}
@media only screen and (min-width: 769px) {
  .sup__box {
    border: 0.1666666667vw solid #fff;
  }
}
@media only screen and (min-width: 769px) {
  .sup__box {
    border: 2px solid #fff;
  }
}
.sup__box:not(:first-child) {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .sup__box:not(:first-child) {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box:not(:first-child) {
    margin-top: 30px;
  }
}
.sup__box.short {
  border: none;
}
.sup__box.short .sup__box--head {
  padding: 0;
  height: 0;
}
.sup__box.short .sup__box--head::after {
  display: none;
}
.sup__box.short .sup__box--text {
  font-size: 4.9479166667vw;
}
@media only screen and (min-width: 769px) {
  .sup__box.short .sup__box--text {
    font-size: 2.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box.short .sup__box--text {
    font-size: 26px;
  }
}
.sup__box--head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16.2760416667vw;
  background-color: #fff;
  font-size: 6.25vw;
  font-weight: bold;
  padding: 0 2.6041666667vw;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sup__box--head {
    height: 6.6666666667vw;
    font-size: 2.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box--head {
    height: 80px;
    font-size: 26px;
  }
}
.sup__box--head::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7.03125vw;
  background-image: url(../img/sup/shadow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(100%);
}
@media only screen and (min-width: 769px) {
  .sup__box--head::after {
    height: 2.25vw;
    background-repeat: repeat-x;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box--head::after {
    height: 27px;
  }
}
.sup__box--foot {
  position: relative;
  display: block;
  height: auto;
  min-height: 5.2083333333vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .sup__box--foot {
    min-height: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box--foot {
    min-height: 20px;
  }
}
.sup__box--foot::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 7.03125vw;
  background-image: url(../img/sup/shadow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-100%) scale(1, -1);
}
@media only screen and (min-width: 769px) {
  .sup__box--foot::after {
    height: 2.25vw;
    background-repeat: repeat-x;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box--foot::after {
    height: 27px;
  }
}
.sup__box--inner {
  padding: 5.2083333333vw 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .sup__box--inner {
    padding: 2.0833333333vw 3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box--inner {
    padding: 25px 45px;
  }
}
.sup__box--text {
  font-size: 4.1666666667vw;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .sup__box--text {
    font-size: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box--text {
    font-size: 20px;
  }
}
.sup__box--attention {
  text-align: center;
  font-size: 3.6458333333vw;
  padding-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .sup__box--attention {
    font-size: 1.3333333333vw;
    padding-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__box--attention {
    font-size: 16px;
    padding-top: 20px;
  }
}
.sup__terms {
  font-size: 4.1666666667vw;
  height: 87.2395833333vw;
  overflow-x: hidden;
  line-height: 1.6875;
  font-weight: bold;
  padding-right: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .sup__terms {
    font-size: 1.1666666667vw;
    height: 29.1666666667vw;
    padding-right: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__terms {
    font-size: 14px;
    height: 350px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 769px) {
  .sup__terms::-webkit-scrollbar {
    width: 1.6666666667vw;
    transform: translateX(20px);
  }
}
@media only screen and (min-width: 1200px) {
  .sup__terms::-webkit-scrollbar {
    width: 20px;
  }
}
@media only screen and (min-width: 769px) {
  .sup__terms::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 100px;
  }
}
@media only screen and (min-width: 769px) {
  .sup__terms::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border-radius: 100px;
    background-color: #fff;
    border: 0.5208333333vw solid transparent;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__terms::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    background-clip: padding-box;
  }
}
.sup__terms--text > a {
  text-decoration: underline;
}
.sup__check {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5.2083333333vw 0;
  font-size: 4.5572916667vw;
}
@media only screen and (min-width: 769px) {
  .sup__check {
    padding: 1.6666666667vw 0;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__check {
    padding: 20px;
    font-size: 18px;
  }
}
.sup__check.es {
  font-size: 3.3854166667vw;
}
@media only screen and (min-width: 769px) {
  .sup__check.es {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__check.es {
    font-size: 18px;
  }
}
.sup__attention {
  font-size: 3.125vw;
}
@media only screen and (min-width: 769px) {
  .sup__attention {
    font-size: 1vw;
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__attention {
    font-size: 12px;
  }
}
.sup__form {
  width: 100%;
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .sup__form {
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__form {
    margin-top: 10px;
  }
}
.sup__form--box:not(:first-child) {
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .sup__form--box:not(:first-child) {
    margin-top: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__form--box:not(:first-child) {
    margin-top: 15px;
  }
}
.sup__form--icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 2.6041666667vw;
  width: 10.4166666667vw;
  transform: translateY(-50%);
}
@media only screen and (min-width: 769px) {
  .sup__form--icon {
    width: 3.3333333333vw;
    left: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__form--icon {
    width: 40px;
    left: 20px;
  }
}
.sup__form--icon.text {
  top: 3.90625vw;
  transform: none;
}
@media only screen and (min-width: 769px) {
  .sup__form--icon.text {
    top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__form--icon.text {
    top: 10px;
  }
}
.sup__form--inner {
  position: relative;
  width: 100%;
}
.sup__form--inner > input {
  width: 100%;
  height: 15.625vw;
  background-color: #fff;
  padding: 0 5.2083333333vw 0 15.625vw;
  font-size: 3.125vw;
}
@media only screen and (min-width: 769px) {
  .sup__form--inner > input {
    height: 5vw;
    padding: 0 3.3333333333vw 0 6.6666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 769px) {
  .sup__form--inner > input {
    height: 60px;
    padding: 0 40px 0 80px;
    font-size: 14px;
  }
}
.sup__form--inner > textarea {
  width: 100%;
  height: 28.6458333333vw;
  background-color: #fff;
  padding: 3.90625vw 5.2083333333vw 0 15.625vw;
  font-size: 3.125vw;
}
@media only screen and (min-width: 769px) {
  .sup__form--inner > textarea {
    height: 9.1666666667vw;
    padding: 1.6666666667vw 3.3333333333vw 0 6.6666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 769px) {
  .sup__form--inner > textarea {
    height: 110px;
    padding: 20px 40px 0 80px;
    font-size: 14px;
  }
}
.sup__error {
  font-size: 3.125vw;
  color: #ff0000;
}
@media only screen and (min-width: 769px) {
  .sup__error {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__error {
    font-size: 12px;
  }
}
.sup__error--item {
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .sup__error--item {
    margin-top: 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__error--item {
    margin-top: 5px;
  }
}
.sup__line {
  position: relative;
  width: 100%;
  border-top: 1.3020833333vw solid #fff;
  margin-top: 3.90625vw;
  margin-bottom: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .sup__line {
    border-top: 0.4166666667vw solid #fff;
    margin-top: 1.25vw;
    margin-bottom: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__line {
    border-top: 5px solid #fff;
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.sup__line:after {
  position: absolute;
  top: -0.2604166667vw;
  left: 50%;
  display: block;
  content: " ";
  width: 5.859375vw;
  height: 7.421875vw;
  background-image: url(../img/sup/arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .sup__line:after {
    top: -1px;
    width: 1.9166666667vw;
    height: 2.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__line:after {
    width: 23px;
    height: 29px;
  }
}
.sup__btn {
  padding: 5.2083333333vw 0;
}
@media only screen and (min-width: 769px) {
  .sup__btn {
    padding: 1.6666666667vw 0;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__btn {
    padding: 20px 0;
  }
}
.sup__btn--link {
  display: block;
  width: 84.6354166667vw;
  min-height: 13.0208333333vw;
  height: auto;
  font-size: 4.6875vw;
  border: 0.6510416667vw solid #0090ff;
  border-radius: 100px;
  padding: 0.6510416667vw;
  overflow: hidden;
  margin: 0 auto;
}
.sup__btn--link.js-off {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .sup__btn--link {
    width: auto;
    min-width: 20vw;
    height: 4.1666666667vw;
    min-height: 4.1666666667vw;
    font-size: 1.5vw;
    border: 0.1666666667vw solid #0090ff;
    padding: 0.1666666667vw;
    margin: 0;
    transition: 400ms;
  }
  .sup__btn--link:hover {
    opacity: 0.5;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__btn--link {
    min-width: 240px;
    min-height: 50px;
    height: 50px;
    font-size: 18px;
    border-width: 2px;
    padding: 2px;
  }
}
.sup__btn--link:not(:first-child) {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .sup__btn--link:not(:first-child) {
    margin-top: 0;
    margin-left: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__btn--link:not(:first-child) {
    margin-left: 20px;
  }
}
.sup__btn--link.red {
  border-color: #f45555;
}
.sup__btn--link.red > span {
  background-color: #f45555;
}
.sup__btn--link.red > span:before {
  background-image: url(../img/sup/close.png);
}
.sup__btn--link > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #0090ff;
  color: #fff;
  border-radius: 100px;
  padding: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .sup__btn--link > span {
    padding: 0 20px;
  }
}
.sup__btn--link > span:before {
  display: block;
  content: " ";
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  background-image: url(../img/sup/circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 2.6041666667vw;
  margin-top: 0.390625vw;
}
@media only screen and (min-width: 769px) {
  .sup__btn--link > span:before {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    margin-right: 0.8333333333vw;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__btn--link > span:before {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
}
.sup__confirm {
  font-size: 4.6875vw;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .sup__confirm {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__confirm {
    font-size: 18px;
  }
}
.sup__confirm--item:not(:first-child) {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .sup__confirm--item:not(:first-child) {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__confirm--item:not(:first-child) {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 769px) {
  .sup__confirm--item {
    display: flex;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 769px) {
  .sup__confirm--head {
    width: 12.5vw;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__confirm--head {
    width: 150px;
  }
}
.sup__confirm--text {
  margin-top: 2.6041666667vw;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 769px) {
  .sup__confirm--text {
    margin-top: 0;
    flex: 1;
  }
}
.sup__thanks {
  font-size: 4.1666666667vw;
  line-height: 1.6875;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .sup__thanks {
    font-size: 2vw;
  }
}
@media only screen and (min-width: 1200px) {
  .sup__thanks {
    font-size: 24px;
  }
}

::placeholder {
  color: #cfcfcf;
  font-size: 0.9em;
}
@media only screen and (min-width: 769px) {
  ::placeholder {
    font-size: 1em;
  }
}

input[type=checkbox] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* チェックボックスデザイン */
input[type=checkbox] {
  cursor: pointer;
  padding-left: 3.90625vw;
  /*label手前にチェックボックス用の余白を開ける*/
  vertical-align: middle;
  position: relative;
}
@media only screen and (min-width: 769px) {
  input[type=checkbox] {
    padding-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  input[type=checkbox] {
    padding-left: 10px;
  }
}

input[type=checkbox]::before,
input[type=checkbox]::after {
  content: "";
  display: block;
  position: absolute;
}

input[type=checkbox]::before {
  background-color: #fff;
  border-radius: 0%;
  border: 0.2604166667vw solid #bfbfbf;
  border-radius: 0.5208333333vw;
  width: 3.90625vw;
  height: 3.90625vw;
  transform: translateY(-50%);
  top: 50%;
  left: -2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  input[type=checkbox]::before {
    border: 1px solid #bfbfbf;
    border-radius: 0.1666666667vw;
    width: 1.25vw;
    height: 1.25vw;
    left: -0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  input[type=checkbox]::before {
    border-radius: 2px;
    width: 15px;
    height: 15px;
    left: -10px;
  }
}

input[type=checkbox]::after {
  display: block;
  content: "";
  top: 50%;
  left: -1.953125vw;
  height: 2.0833333333vw;
  width: 2.6041666667vw;
  background-image: url(../img/sup/check.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  opacity: 0;
}
@media only screen and (min-width: 769px) {
  input[type=checkbox]::after {
    left: -0.5833333333vw;
    height: 0.6666666667vw;
    width: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  input[type=checkbox]::after {
    left: -7px;
    height: 8px;
    width: 10px;
  }
}

input[type=checkbox]:checked::before {
  background-color: #0090ff;
}

input[type=checkbox]:checked::after {
  opacity: 1;
}

.speed-header {
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 769px) {
  .speed-header {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1200px;
  }
}
.speed-header__logo {
  position: absolute;
  left: 4.5572916667vw;
  top: 4.5572916667vw;
  display: block;
  width: 33.7239583333vw;
}
@media only screen and (min-width: 769px) {
  .speed-header__logo {
    left: 8.3333333333vw;
    top: 2.5vw;
    width: 15.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-header__logo {
    left: 100px;
    top: 30px;
    width: 183px;
  }
}
.speed-language {
  width: 39.0625vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
@media only screen and (min-width: 769px) {
  .speed-language {
    width: 13.75vw;
    right: 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-language {
    width: 165px;
    right: 100px;
  }
}
.speed-language.js-open .speed-language__btn {
  background-color: #151515;
  color: #fff;
}
.speed-language.js-open .speed-language__btn::after {
  background-image: url(../img/pre/arrow_open.png);
}
.speed-language.js-open .speed-language__list {
  transform: none;
}
.speed-language__btn {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 10.4166666667vw;
  font-size: 3.6458333333vw;
  font-weight: bold;
  background-color: #fff;
  transition: 300ms;
}
@media only screen and (min-width: 769px) {
  .speed-language__btn {
    height: 4.1666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-language__btn {
    height: 50px;
    font-size: 14px;
  }
}
.speed-language__btn:after {
  display: block;
  content: "";
  width: 1.953125vw;
  height: 1.3020833333vw;
  margin-left: 1.3020833333vw;
  background-image: url(../img/pre/arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .speed-language__btn:after {
    width: 0.6666666667vw;
    height: 0.4166666667vw;
    margin-left: 0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-language__btn:after {
    width: 8px;
    height: 5px;
    margin-left: 5px;
  }
}
.speed-language__list {
  width: 100%;
  background-color: #272727;
  padding: 3.90625vw 1.953125vw;
  text-align: center;
  transition: 300ms;
  transform: translateY(-100%);
}
@media only screen and (min-width: 769px) {
  .speed-language__list {
    padding: 1.25vw 0.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-language__list {
    padding: 15px 8px;
  }
}
.speed-language__item:not(:first-child) {
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .speed-language__item:not(:first-child) {
    margin-top: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-language__item:not(:first-child) {
    margin-top: 15px;
  }
}
.speed-language__link {
  color: #fff;
  font-size: 3.6458333333vw;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .speed-language__link {
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-language__link {
    font-size: 14px;
  }
}
.speed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.speed-bg__main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/speed/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 769px) {
  .speed-bg__main {
    background-image: url(../img/speed/bg_pc.jpg);
  }
}
.speed-bg__particle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.speed-bg__top {
  position: absolute;
  width: 81.3802083333vw;
  height: 82.2916666667vw;
  top: 0;
  left: 0;
  background-image: url(../img/speed/bg_top.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 769px) {
  .speed-bg__top {
    width: 35.4166666667vw;
    height: 44.5vw;
    background-image: url(../img/speed/bg_top_pc.png);
  }
}
@media only screen and (min-width: 1200px) {
  .speed-bg__top {
    width: 425px;
    height: 534px;
  }
}
.speed-bg__bottom {
  position: absolute;
  width: 96.09375vw;
  height: 96.875vw;
  bottom: 0;
  right: 0;
  background-image: url(../img/speed/bg_bottom.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 769px) {
  .speed-bg__bottom {
    width: 61.1666666667vw;
    height: 61.8333333333vw;
    background-image: url(../img/speed/bg_bottom_pc.png);
  }
}
@media only screen and (min-width: 1200px) {
  .speed-bg__bottom {
    width: 734px;
    height: 742px;
  }
}
.speed-top {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.speed-top__inner {
  position: relative;
  z-index: 10;
  padding-top: 102.8645833333vw;
}
@media only screen and (min-width: 769px) {
  .speed-top__inner {
    margin: 0 auto;
    padding-top: 13.75vw;
    width: 100%;
    max-width: 1200px;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__inner {
    padding-top: 165px;
  }
}
.speed-top__box {
  position: relative;
  z-index: 10;
  margin: 11.71875vw auto 13.0208333333vw;
  padding: 5.2083333333vw 3.90625vw;
  width: 91.1458333333vw;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #fff;
}
@media only screen and (min-width: 769px) {
  .speed-top__box {
    margin: 3.3333333333vw auto 6.6666666667vw;
    padding: 4.1666666667vw;
    width: 66.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__box {
    margin: 40px auto 80px;
    padding: 50px;
    width: 800px;
  }
}
.speed-top__box--inner:not(:first-child) {
  margin-top: 5.2083333333vw;
  padding-top: 6.5104166667vw;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width: 769px) {
  .speed-top__box--inner:not(:first-child) {
    margin-top: 2.5vw;
    padding-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__box--inner:not(:first-child) {
    margin-top: 30px;
    padding-top: 40px;
  }
}
.speed-top__box--h2 {
  margin: 0 auto;
  padding-bottom: 1.3020833333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75.5208333333vw;
  height: 10.4166666667vw;
  background-image: url(../img/speed/h2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 5.2083333333vw;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .speed-top__box--h2 {
    padding-bottom: 0.4166666667vw;
    background-image: url(../img/speed/h2_pc.png);
    width: 28.3333333333vw;
    height: 4.5833333333vw;
    font-size: 2vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__box--h2 {
    padding-bottom: 5px;
    width: 340px;
    height: 55px;
    font-size: 24px;
  }
}
.speed-top__box--text {
  margin-top: 4.5572916667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 4.1666666667vw;
  color: #fff;
  line-height: 1.9375;
}
@media only screen and (min-width: 769px) {
  .speed-top__box--text {
    margin-top: 2.0833333333vw;
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__box--text {
    margin-top: 25px;
    font-size: 16px;
  }
}
.speed-top__box--attention {
  margin-top: 3.90625vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 2.6041666667vw;
  color: #fff;
  line-height: 1.7;
}
@media only screen and (min-width: 769px) {
  .speed-top__box--attention {
    margin-top: 2.0833333333vw;
    font-size: 1vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__box--attention {
    margin-top: 25px;
    font-size: 12px;
  }
}
.speed-top__chara {
  position: absolute;
  z-index: 1;
  top: 13.671875vw;
  left: 0;
}
@media only screen and (min-width: 769px) {
  .speed-top__chara {
    width: 149.3333333333vw;
    top: 4.5833333333vw;
    left: -18.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__chara {
    width: 1792px;
    top: 55px;
    left: -225px;
  }
}
.speed-top__main {
  position: relative;
  z-index: 10;
  padding-top: 20.8333333333vw;
  width: 100%;
  height: 97.9166666667vw;
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  background-image: url(../img/speed/bg_main.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .speed-top__main {
    margin-left: 11.6666666667vw;
    padding-top: 7.5vw;
    width: 54.8333333333vw;
    height: 39vw;
    background-image: url(../img/speed/bg_main_pc.png);
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__main {
    margin-left: 140px;
    padding-top: 90px;
    width: 658px;
    height: 468px;
  }
}
.speed-top__main--head {
  font-weight: 900;
  font-size: 9.1145833333vw;
}
@media only screen and (min-width: 769px) {
  .speed-top__main--head {
    font-size: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__main--head {
    font-size: 50px;
  }
}
.speed-top__main--text {
  font-size: 4.4270833333vw;
  margin-top: 3.2552083333vw;
}
@media only screen and (min-width: 769px) {
  .speed-top__main--text {
    font-size: 2.3333333333vw;
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__main--text {
    font-size: 28px;
    margin-top: 25px;
  }
}
.speed-top__main--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.3020833333vw auto 0;
  width: 85.15625vw;
  height: 40.625vw;
  background-image: url(../img/speed/btn.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: 900;
  font-size: 5.2083333333vw;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .speed-top__main--btn {
    margin-top: 2.9166666667vw;
    width: 30.5833333333vw;
    height: 13vw;
    font-size: 1.6666666667vw;
    background-image: url(../img/speed/btn_pc.png);
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__main--btn {
    margin-top: 35px;
    width: 367px;
    height: 156px;
    font-size: 20px;
  }
}
.speed-top__circle--item {
  position: absolute;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate_r {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.speed-top__circle--item:nth-child(1) {
  z-index: 1;
  top: 13.0208333333vw;
  right: -13.0208333333vw;
  width: 66.5364583333vw;
  animation: rotate 20000ms linear infinite;
}
@media only screen and (min-width: 769px) {
  .speed-top__circle--item:nth-child(1) {
    top: 3.3333333333vw;
    right: 26.6666666667vw;
    width: 29.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__circle--item:nth-child(1) {
    top: 40px;
    right: 320px;
    width: 355px;
  }
}
.speed-top__circle--item:nth-child(2) {
  z-index: 1;
  top: 157.5520833333vw;
  right: -19.53125vw;
  width: 70.8333333333vw;
  animation: rotate_r 20000ms linear infinite;
}
@media only screen and (min-width: 769px) {
  .speed-top__circle--item:nth-child(2) {
    top: 0vw;
    right: 25vw;
    width: 14.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__circle--item:nth-child(2) {
    top: 0px;
    right: 300px;
    width: 175px;
  }
}
.speed-top__circle--item:nth-child(3) {
  z-index: 11;
  top: 164.0625vw;
  right: 67.7083333333vw;
  width: 46.875vw;
  animation: rotate 20000ms linear infinite;
}
@media only screen and (min-width: 769px) {
  .speed-top__circle--item:nth-child(3) {
    top: 40.8333333333vw;
    right: 70.8333333333vw;
    width: 17.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__circle--item:nth-child(3) {
    top: 490px;
    right: 850px;
    width: 208px;
  }
}
.speed-top__circle--item:nth-child(4) {
  display: none;
}
@media only screen and (min-width: 769px) {
  .speed-top__circle--item:nth-child(4) {
    display: block;
    top: 25.8333333333vw;
    right: 82.0833333333vw;
    width: 29.5833333333vw;
    animation: rotate_r 20000ms linear infinite;
  }
}
@media only screen and (min-width: 1200px) {
  .speed-top__circle--item:nth-child(4) {
    top: 310px;
    right: 985px;
    width: 355px;
  }
}

.game {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.game__main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.game__start {
  width: 100%;
}
.game__start--text {
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.9895833333vw;
  line-height: 1.5217391304;
}
@media only screen and (min-width: 769px) {
  .game__start--text {
    font-size: 2.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__start--text {
    font-size: 28px;
  }
}
.game__start--text > span {
  font-size: 4.6875vw;
}
@media only screen and (min-width: 769px) {
  .game__start--text > span {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__start--text > span {
    font-size: 18px;
  }
}
.game__start--btn {
  pointer-events: none;
  opacity: 0.5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 90.234375vw;
  height: 26.0416666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.2083333333vw;
  font-weight: 900;
  background-image: url(../img/speed/play/btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2.6041666667vw;
}
.game__start--btn.js-show {
  pointer-events: auto;
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  .game__start--btn {
    background-image: url(../img/speed/play/btn_pc.png);
    width: 28.3333333333vw;
    height: 9vw;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__start--btn {
    width: 340px;
    height: 108px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) {
  .game__start--btn {
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__start--btn {
    margin-top: 40px;
  }
}
.game__count {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 65.1041666667vw;
  height: 65.1041666667vw;
}
@media only screen and (min-width: 769px) {
  .game__count {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
  }
}
@media only screen and (min-width: 769px) {
  .game__count {
    width: 320px;
    height: 320px;
  }
}
.game__count--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/speed/play/count.png);
  background-size: contain;
  background-repeat: no-repeat;
  animation: rotate 2000ms linear infinite;
}
.game__count--text {
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 20.1822916667vw;
  margin-top: -2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .game__count--text {
    font-size: 8.3333333333vw;
    margin-top: -0.8333333333vw;
  }
}
@media only screen and (min-width: 769px) {
  .game__count--text {
    font-size: 100px;
    margin-top: -10px;
  }
}
.game__fast--text {
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.9895833333vw;
  line-height: 1.5217391304;
}
@media only screen and (min-width: 769px) {
  .game__fast--text {
    font-size: 2.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__fast--text {
    font-size: 28px;
  }
}
.game__fast--text > span {
  font-size: 4.6875vw;
}
@media only screen and (min-width: 769px) {
  .game__fast--text > span {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__fast--text > span {
    font-size: 18px;
  }
}
.game__error--text {
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.9895833333vw;
  line-height: 1.5217391304;
}
@media only screen and (min-width: 769px) {
  .game__error--text {
    font-size: 2.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__error--text {
    font-size: 28px;
  }
}
.game__error--text > span {
  font-size: 4.6875vw;
}
@media only screen and (min-width: 769px) {
  .game__error--text > span {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__error--text > span {
    font-size: 18px;
  }
}
.game__error--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 90.234375vw;
  height: 26.0416666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.2083333333vw;
  font-weight: 900;
  background-image: url(../img/speed/play/btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .game__error--btn {
    background-image: url(../img/speed/play/btn_pc.png);
    width: 28.3333333333vw;
    height: 9vw;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__error--btn {
    width: 340px;
    height: 108px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) {
  .game__error--btn {
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__error--btn {
    margin-top: 40px;
  }
}
.game__frame {
  position: relative;
  width: 91.1458333333vw;
  height: 83.59375vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/speed/play/frame.png);
}
@media only screen and (min-width: 769px) {
  .game__frame {
    width: 48.5833333333vw;
    height: 26.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__frame {
    width: 583px;
    height: 321px;
  }
}
@media only screen and (min-width: 769px) {
  .game__frame {
    background-image: url(../img/speed/play/frame_pc.png);
  }
}
.game__frame--text {
  width: 100%;
  position: absolute;
  top: -16.9270833333vw;
  left: 50%;
  font-size: 5.2083333333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-weight: 700;
  text-align: center;
  transform: translateX(-50%);
  line-height: 1.4;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .game__frame--text {
    font-size: 2.5vw;
    top: -5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__frame--text {
    font-size: 30px;
    top: -60px;
  }
}
.game__enemy {
  position: relative;
  width: 91.1458333333vw;
  height: 83.59375vw;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media only screen and (min-width: 769px) {
  .game__enemy {
    width: 48.5833333333vw;
    height: 26.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__enemy {
    width: 583px;
    height: 321px;
  }
}
.game__enemy.e1 {
  background-image: url(../img/speed/play/enemy_1.png);
}
@media only screen and (min-width: 769px) {
  .game__enemy.e1 {
    background-image: url(../img/speed/play/enemy_1_pc.png);
  }
}
.game__enemy.e2 {
  background-image: url(../img/speed/play/enemy_2.png);
}
@media only screen and (min-width: 769px) {
  .game__enemy.e2 {
    background-image: url(../img/speed/play/enemy_2_pc.png);
  }
}
.game__enemy--text {
  position: absolute;
  top: -15.625vw;
  left: 50%;
  font-size: 10.4166666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-weight: 700;
  text-align: center;
  transform: translateX(-50%);
  line-height: 1;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .game__enemy--text {
    font-size: 3.3333333333vw;
    top: -5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__enemy--text {
    font-size: 40px;
    top: -60px;
  }
}
.game__enemy--num {
  position: absolute;
  bottom: -10.4166666667vw;
  left: 50%;
  font-size: 7.2916666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  text-align: center;
  transform: translateX(-50%);
  line-height: 1;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .game__enemy--num {
    font-size: 2.3333333333vw;
    bottom: -3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__enemy--num {
    font-size: 28px;
    bottom: -40px;
  }
}
.game__finish {
  position: relative;
  width: 91.1458333333vw;
  height: 83.59375vw;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url(../img/speed/play/finish.png);
}
@media only screen and (min-width: 769px) {
  .game__finish {
    width: 48.5833333333vw;
    height: 26.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__finish {
    width: 583px;
    height: 321px;
  }
}
@media only screen and (min-width: 769px) {
  .game__finish {
    background-image: url(../img/speed/play/finish_pc.png);
  }
}
.game__finish--text {
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.9895833333vw;
  line-height: 1.5217391304;
}
@media only screen and (min-width: 769px) {
  .game__finish--text {
    font-size: 2.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__finish--text {
    font-size: 28px;
  }
}
.game__finish--text > span {
  font-size: 4.6875vw;
}
@media only screen and (min-width: 769px) {
  .game__finish--text > span {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__finish--text > span {
    font-size: 18px;
  }
}
.game__finish--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 90.234375vw;
  height: 26.0416666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.2083333333vw;
  font-weight: 900;
  background-image: url(../img/speed/play/btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .game__finish--btn {
    background-image: url(../img/speed/play/btn_pc.png);
    width: 28.3333333333vw;
    height: 9vw;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__finish--btn {
    width: 340px;
    height: 108px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) {
  .game__finish--btn {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game__finish--btn {
    margin-top: 30px;
  }
}
.game-result {
  width: 100%;
  padding-top: 138.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .game-result {
    padding-top: 11.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result {
    padding-top: 135px;
  }
}
@media only screen and (min-width: 769px) {
  .game-result__inner {
    position: relative;
    width: 66.6666666667vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__inner {
    width: 800px;
  }
}
.game-result__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background-color: #000;
  height: 217.1875vw;
}
@media only screen and (min-width: 769px) {
  .game-result__bg {
    height: 36.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__bg {
    height: 440px;
  }
}
.game-result__bg--main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/speed/play/bg.png);
  background-size: contain;
  background-repeat: repeat-x;
}
@media only screen and (min-width: 769px) {
  .game-result__bg--main {
    background-image: url(../img/speed/play/bg_pc.png);
    background-size: 137.3333333333vw;
    background-position: top center;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__bg--main {
    background-size: 1648px;
  }
}
.game-result__bg--shape {
  position: absolute;
  bottom: -10.4166666667vw;
  left: 0;
  width: 100%;
  height: 55.078125vw;
  background-image: url(../img/speed/play/bg_shape.png);
  background-size: contain;
}
@media only screen and (min-width: 769px) {
  .game-result__bg--shape {
    bottom: -21.25vw;
    height: 31.6666666667vw;
    background-image: url(../img/speed/play/bg_shape_pc.png);
    background-size: 137.3333333333vw;
    background-position: top center;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__bg--shape {
    background-size: 1648px;
    bottom: -255px;
    height: 380px;
  }
}
.game-result__bg--particle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.game-result__chara {
  position: absolute;
  top: 27.34375vw;
  left: 50%;
  width: 194.140625vw;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  .game-result__chara {
    width: 70.5833333333vw;
    top: -2.0833333333vw;
    left: -21.6666666667vw;
    margin: 0;
    transform: none;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__chara {
    width: 847px;
    top: -25px;
    left: -260px;
  }
}
@media only screen and (min-width: 769px) {
  .game-result__score {
    max-width: 80%;
    margin-left: auto;
    position: relative;
    z-index: 10;
  }
}
.game-result__score--text {
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 5.2083333333vw;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .game-result__score--text {
    font-size: 2.3333333333vw;
    filter: drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 5px black);
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__score--text {
    font-size: 28px;
  }
}
.game-result__score--name {
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 9.1145833333vw;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .game-result__score--name {
    font-size: 4.1666666667vw;
    margin-top: 0.8333333333vw;
    filter: drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 5px black);
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__score--name {
    font-size: 50px;
    margin-top: 10px;
  }
}
.game-result__score--num {
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 5.2083333333vw;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .game-result__score--num {
    font-size: 2.5vw;
    margin-top: 1.6666666667vw;
    line-height: 1;
    filter: drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 5px black);
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__score--num {
    font-size: 30px;
    margin-top: 20px;
  }
}
.game-result__score--num > span {
  font-size: 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .game-result__score--num > span {
    font-size: 6.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__score--num > span {
    font-size: 80px;
  }
}
.game-result__score--share {
  display: flex;
  margin: 3.90625vw auto 0;
  justify-content: center;
  align-items: center;
  width: 70.703125vw;
  height: 12.2395833333vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 5.2083333333vw;
  font-weight: 900;
  color: #fff;
  text-align: center;
  background-image: url(../img/speed/play/tweet.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .game-result__score--share {
    margin-top: 1.25vw;
    width: 22.6666666667vw;
    height: 3.9166666667vw;
    font-size: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__score--share {
    margin-top: 15px;
    width: 272px;
    height: 47px;
    font-size: 20px;
  }
}
.game-result__star {
  width: 98.9583333333vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .game-result__star {
    width: 36.6666666667vw;
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__star {
    width: 440px;
    margin-top: 20px;
  }
}
.game-result__star--item {
  position: relative;
  width: 16.796875vw;
}
@media only screen and (min-width: 769px) {
  .game-result__star--item {
    width: 6vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__star--item {
    width: 72px;
  }
}
.game-result__star--item:not(:first-child) {
  margin-left: -5.2083333333vw;
}
.game-result__star--item .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.game-result__star--item .on.js-on {
  opacity: 1;
}
.game-result__retry {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.6041666667vw auto 0;
  width: 91.015625vw;
  height: 41.015625vw;
  background-image: url(../img/speed/play/bg_retry.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .game-result__retry {
    background-image: url(../img/speed/play/bg_retry_pc.png);
    margin-top: 1.6666666667vw;
    width: 83.3333333333vw;
    height: 15.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__retry {
    margin-top: 20px;
    width: 1000px;
    height: 184px;
  }
}
.game-result__retry--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 90.234375vw;
  height: 26.0416666667vw;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-size: 5.2083333333vw;
  font-weight: 900;
  background-image: url(../img/speed/play/btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 769px) {
  .game-result__retry--btn {
    background-image: url(../img/speed/play/btn_pc.png);
    width: 28.3333333333vw;
    height: 9vw;
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__retry--btn {
    width: 340px;
    height: 108px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) {
  .game-result__retry--btn {
    margin-top: -1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__retry--btn {
    margin-top: -15px;
  }
}
.game-result__list {
  margin: 0 auto;
  width: 91.1458333333vw;
  border: 0.5208333333vw solid #2a2a2a;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
  font-weight: 900;
  font-size: 3.90625vw;
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .game-result__list {
    width: 66.6666666667vw;
    font-size: 1.6666666667vw;
    border-width: 0.1666666667vw;
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__list {
    width: 800px;
    font-size: 20px;
    border-width: 2px;
    margin-top: 10px;
  }
}
.game-result__list--item {
  position: relative;
  display: flex;
  box-sizing: content-box;
  height: 15.625vw;
}
@media only screen and (min-width: 769px) {
  .game-result__list--item {
    height: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__list--item {
    height: 60px;
  }
}
.game-result__list--item:nth-child(even) {
  background-color: #646464;
}
.game-result__list--item:nth-child(odd) {
  background-color: #424242;
}
.game-result__list--item:not(:first-child) {
  border-top: 0.5208333333vw solid #2a2a2a;
}
@media only screen and (min-width: 769px) {
  .game-result__list--item:not(:first-child) {
    border-top: 0.1666666667vw solid #2a2a2a;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__list--item:not(:first-child) {
    border-top: 2px solid #2a2a2a;
  }
}
.game-result__list--item.js-current:after {
  position: absolute;
  left: -0.5208333333vw;
  display: block;
  content: "";
  width: 91.1458333333vw;
  height: 15.625vw;
  background-image: url(../img/speed/play/current.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .game-result__list--item.js-current:after {
    background-image: url(../img/speed/play/current_pc.png);
    width: 66.3333333333vw;
    height: 5vw;
    left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__list--item.js-current:after {
    width: 796px;
    height: 60px;
  }
}
.game-result__list--head {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 49.4791666667vw;
  border-right: 0.5208333333vw solid #2a2a2a;
}
@media only screen and (min-width: 769px) {
  .game-result__list--head {
    width: 24.75vw;
    border-right: 0.1666666667vw solid #2a2a2a;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__list--head {
    width: 297px;
    border-right: 2px solid #2a2a2a;
  }
}
.game-result__list--time {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
}
.game-result__app {
  margin-top: 10.4166666667vw;
  padding: 10.4166666667vw 0;
  width: 100%;
  background-color: #131313;
}
@media only screen and (min-width: 769px) {
  .game-result__app {
    margin-top: 4.1666666667vw;
    padding: 4.1666666667vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__app {
    margin-top: 50px;
    padding: 50px 0;
  }
}
.game-result__app--head {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5.9895833333vw;
  color: #fff;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .game-result__app--head {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__app--head {
    font-size: 30px;
  }
}
.game-result__app--head::before, .game-result__app--head::after {
  display: block;
  content: "";
  width: 7.8125vw;
  height: 0.2604166667vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .game-result__app--head::before, .game-result__app--head::after {
    width: 2.5vw;
    height: 1px;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__app--head::before, .game-result__app--head::after {
    width: 30px;
  }
}
.game-result__app--head > span {
  margin: 0 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .game-result__app--head > span {
    margin: 0 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__app--head > span {
    margin: 0 10px;
  }
}
.game-result__app--inner {
  display: flex;
  justify-content: center;
}
.game-result__app--btn {
  display: block;
  margin-top: 3.90625vw;
  height: 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .game-result__app--btn {
    margin-top: 1.6666666667vw;
    height: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__app--btn {
    margin-top: 20px;
    height: 60px;
  }
}
.game-result__app--btn > img {
  height: 100%;
  width: auto;
  max-width: none;
}
.game-result__app--btn:not(:first-child) {
  margin-left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .game-result__app--btn:not(:first-child) {
    margin-left: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .game-result__app--btn:not(:first-child) {
    margin-left: 10px;
  }
}

.paper {
  background-color: #fff;
  background-image: url(../img/paper/bg.jpg);
  background-size: 1.0416666667vw;
}
@media only screen and (min-width: 769px) {
  .paper {
    background-size: 4px;
  }
}
.paper__inner {
  padding: 4.5572916667vw 4.5572916667vw 15.625vw;
}
@media only screen and (min-width: 769px) {
  .paper__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5vw 6.25vw 5.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__inner {
    padding: 30px 75px 70px;
  }
}
.paper__logo {
  width: 33.7239583333vw;
}
@media only screen and (min-width: 769px) {
  .paper__logo {
    width: 15.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__logo {
    width: 183px;
  }
}
.paper__h1 {
  margin-top: 3.90625vw;
  padding: 2.6041666667vw 0 1.953125vw;
  background-color: #383735;
  color: #fff;
  text-align: center;
  font-size: 4.1666666667vw;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .paper__h1 {
    margin: 0 auto 0;
    width: 58.3333333333vw;
    padding: 0.8333333333vw 0 get(7, 1200);
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__h1 {
    width: 700px;
    padding: 10px 0 7px;
    font-size: 18px;
  }
}
.paper__h1 > span {
  display: block;
  font-size: 6.7708333333vw;
  margin-top: 1.953125vw;
  line-height: 1.2;
}
@media only screen and (min-width: 769px) {
  .paper__h1 > span {
    margin-top: 0.8333333333vw;
    font-size: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__h1 > span {
    margin-top: 10px;
    font-size: 40px;
  }
}
.paper__attention {
  font-size: 3.125vw;
  color: #383735;
  text-align: center;
  line-height: 1;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .paper__attention {
    margin-top: 0.8333333333vw;
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__attention {
    margin-top: 10px;
    font-size: 16px;
  }
}
.paper__date {
  font-size: 4.1666666667vw;
  color: #383735;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .paper__date {
    margin-top: 2.5vw;
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__date {
    margin-top: 30px;
    font-size: 25px;
  }
}
.paper__main {
  width: 91.1458333333vw;
  margin: 2.6041666667vw auto 0;
}
@media only screen and (min-width: 769px) {
  .paper__main {
    width: 87.5vw;
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__main {
    width: 1050px;
    margin-top: 30px;
  }
}
.paper__main--item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120.9635416667vw;
  background-image: url(../img/paper/border.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .paper__main--item {
    height: 116.25vw;
    background-image: url(../img/paper/border_pc.png);
  }
}
@media only screen and (min-width: 1200px) {
  .paper__main--item {
    height: 1395px;
  }
}
.paper__main--item > span {
  display: block;
  width: 85.9375vw;
}
@media only screen and (min-width: 769px) {
  .paper__main--item > span {
    width: 85vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__main--item > span {
    width: 1020px;
  }
}
.paper__main--item:not(:first-child) {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .paper__main--item:not(:first-child) {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .paper__main--item:not(:first-child) {
    margin-top: 50px;
  }
}

.poh__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 217.1875vw;
  z-index: 1;
  background-image: url(../img/poh/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .poh__bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/poh/bg_pc.jpg);
    background-size: cover;
    background-position: center top;
  }
}
.poh__top {
  position: fixed;
  z-index: 99;
  right: 4.5572916667vw;
  bottom: 4.5572916667vw;
  width: 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .poh__top {
    right: 12.5vw;
    bottom: 4.1666666667vw;
    width: 4.1666666667vw;
  }
}
@media only screen and (min-width: 769px) {
  .poh__top {
    right: 150px;
    bottom: 50px;
    width: 50px;
  }
}
.poh__inner {
  position: relative;
  z-index: 10;
  padding-top: 4.5572916667vw;
  padding-bottom: 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .poh__inner {
    padding-top: 2.5vw;
    padding-bottom: 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__inner {
    padding-top: 30px;
    padding-bottom: 100px;
  }
}
.poh__logo {
  width: 33.7239583333vw;
  margin-left: 4.5572916667vw;
}
@media only screen and (min-width: 769px) {
  .poh__logo {
    width: 15.25vw;
    margin-left: 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__logo {
    width: 183px;
    margin-left: 100px;
  }
}
.poh__h1 {
  color: #fff;
  font-weight: bold;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-align: center;
  line-height: 1;
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .poh__h1 {
    margin-top: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__h1 {
    margin-top: 15px;
  }
}
.poh__h1--sub {
  font-size: 4.1666666667vw;
}
@media only screen and (min-width: 769px) {
  .poh__h1--sub {
    font-size: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__h1--sub {
    font-size: 20px;
  }
}
.poh__h1--main {
  font-size: 6.7708333333vw;
  margin-top: 1.3020833333vw;
}
@media only screen and (min-width: 769px) {
  .poh__h1--main {
    font-size: 4.1666666667vw;
    margin-top: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__h1--main {
    font-size: 50px;
    margin-top: 10px;
  }
}
.poh__link {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 769px) {
  .poh__link {
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__link {
    margin-top: 20px;
  }
}
.poh__link--item {
  position: relative;
  display: block;
  font-weight: bold;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  text-align: center;
  font-size: 5.2083333333vw;
  color: #a10000;
  padding-bottom: 1.3020833333vw;
  border-bottom: 0.2604166667vw solid #fff;
}
@media only screen and (min-width: 769px) {
  .poh__link--item {
    font-size: 2.0833333333vw;
    padding-bottom: 0.4166666667vw;
    border-bottom: 0.0833333333vw solid #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__link--item {
    font-size: 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
  }
}
.poh__link--item:not(:first-child) {
  margin-left: 2.6041666667vw;
}
@media only screen and (min-width: 769px) {
  .poh__link--item:not(:first-child) {
    margin-left: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__link--item:not(:first-child) {
    margin-left: 30px;
  }
}
.poh__link--item::after {
  position: absolute;
  left: 50%;
  bottom: -0.2604166667vw;
  display: block;
  content: "";
  width: 2.6041666667vw;
  height: 1.171875vw;
  background-image: url(../img/poh/icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, 100%);
}
@media only screen and (min-width: 769px) {
  .poh__link--item::after {
    width: 0.75vw;
    height: 0.4166666667vw;
    bottom: -0.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__link--item::after {
    width: 9px;
    height: 5px;
    bottom: -1px;
  }
}
.poh__main {
  margin-top: 20.8333333333vw;
}
@media only screen and (min-width: 769px) {
  .poh__main {
    margin-top: 10.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__main {
    margin-top: 130px;
  }
}
.poh__main--item {
  position: relative;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 15.625vw 4.5572916667vw 13.0208333333vw;
}
@media only screen and (min-width: 769px) {
  .poh__main--item {
    padding: 7.9166666667vw 0 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__main--item {
    padding: 95px 0 50px;
  }
}
.poh__main--item:not(:first-child) {
  margin-top: 20.8333333333vw;
}
@media only screen and (min-width: 769px) {
  .poh__main--item:not(:first-child) {
    margin-top: 15vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__main--item:not(:first-child) {
    margin-top: 180px;
  }
}
.poh__main--text {
  font-size: 3.6458333333vw;
  line-height: 1.6428571429;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .poh__main--text {
    font-size: 1.1666666667vw;
    width: 66.6666666667vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__main--text {
    font-size: 14px;
    width: 800px;
  }
}
@media only screen and (min-width: 769px) {
  .poh__main--text > span {
    display: block;
    text-align: right;
  }
}
.poh__h2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-weight: bold;
  transform: translateY(-50%);
}
@media only screen and (min-width: 769px) {
  .poh__h2 {
    transform: translateY(-100%);
    top: -0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__h2 {
    top: -10px;
  }
}
.poh__h2--main {
  position: relative;
  z-index: 11;
  font-size: 7.8125vw;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .poh__h2--main {
    font-size: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__h2--main {
    font-size: 40px;
  }
}
.poh__h2--sub {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(0, 0, 0, 0);
  font-size: 15.625vw;
  -webkit-text-stroke: 0.2604166667vw #a10000;
  transform: translate(-50%, -60%);
  opacity: 0.6;
}
@media only screen and (min-width: 769px) {
  .poh__h2--sub {
    font-size: 10vw;
    -webkit-text-stroke: 0.1666666667vw #a10000;
  }
}
@media only screen and (min-width: 1200px) {
  .poh__h2--sub {
    font-size: 120px;
    -webkit-text-stroke: 2px #a10000;
  }
}

.name {
  position: relative;
  margin: 0 auto;
  background-image: url(../img/name/bg_sub.png);
  background-size: 100vw;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .name {
    background-image: none;
  }
}
.name__inner {
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding-top: 55.9895833333vw;
  padding-bottom: 13.0208333333vw;
  max-width: 1000px;
}
@media only screen and (min-width: 769px) {
  .name__inner {
    padding-top: 5vw;
    padding-bottom: 5.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__inner {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
.name__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/name/bg.png);
  background-size: 100vw;
  background-position: center top;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .name__bg {
    background-image: url(../img/name/bg_pc.png);
    background-size: 134.1666666667vw;
    background-position: center -8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__bg {
    background-size: 1610px;
    background-position: center -100px;
  }
}
.name__logo {
  margin: 0 auto;
  width: 53.7760416667vw;
}
@media only screen and (min-width: 769px) {
  .name__logo {
    width: 22.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__logo {
    width: 267px;
  }
}
.name__h2 {
  margin-top: 1.3020833333vw;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 5.2083333333vw #00e4ff;
}
@media only screen and (min-width: 769px) {
  .name__h2 {
    text-shadow: 0 0 1.6666666667vw #00e4ff, 0 0 0.8333333333vw #000;
  }
}
@media only screen and (min-width: 1200px) {
  .name__h2 {
    text-shadow: 0 0 20px #00e4ff, 0 0 10px #000;
  }
}
.name__h2--main {
  font-size: 10.4166666667vw;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .name__h2--main {
    font-size: 5.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__h2--main {
    font-size: 65px;
  }
}
.name__h2--sub {
  margin-top: 2.6041666667vw;
  font-size: 6.5104166667vw;
}
@media only screen and (min-width: 769px) {
  .name__h2--sub {
    margin-top: 0.8333333333vw;
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__h2--sub {
    margin-top: 10px;
    font-size: 25px;
  }
}
.name__input {
  width: 91.1458333333vw;
  margin: 6.5104166667vw auto 0;
}
@media only screen and (min-width: 769px) {
  .name__input {
    margin-right: 0;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__input {
    margin-top: 20px;
  }
}
.name__input--inner {
  position: relative;
  display: block;
  width: 100%;
  height: 7.8125vw;
}
@media only screen and (min-width: 769px) {
  .name__input--inner {
    width: 22.5vw;
    height: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__input--inner {
    width: 270px;
    height: 30px;
  }
}
.name__input--inner::after {
  position: absolute;
  top: 50%;
  right: 2.6041666667vw;
  display: block;
  content: "";
  width: 4.6875vw;
  height: 4.6875vw;
  background-image: url(../img/name/icon_search.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
@media only screen and (min-width: 769px) {
  .name__input--inner::after {
    right: 0.8333333333vw;
    width: 1.5vw;
    height: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__input--inner::after {
    right: 10px;
    width: 18px;
    height: 18px;
  }
}
.name__input--main {
  display: block;
  width: 100%;
  height: 100%;
  border: 0.2604166667vw solid #818181;
  border-radius: 1.3020833333vw;
  background-color: #000;
  padding: 1.953125vw;
  padding-right: 9.765625vw;
  font-size: 3.90625vw;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .name__input--main {
    border: 1px solid #818181;
    border-radius: 0.4166666667vw;
    padding: 0.8333333333vw;
    padding-right: 2.5vw;
    font-size: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__input--main {
    border-radius: 5px;
    padding: 10px;
    padding-right: 30px;
    font-size: 15px;
  }
}
.name__input--main::placeholder {
  color: #818181;
}
.name__input--main:placeholder-shown {
  background-color: #000;
}
.name__input--attention {
  margin-top: 2.6041666667vw;
  font-size: 3.125vw;
  color: #fff;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .name__input--attention {
    margin-top: 0.5vw;
    font-size: 1vw;
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) {
  .name__input--attention {
    margin-top: 6px;
    font-size: 12px;
  }
}
.name__main {
  position: relative;
  margin: 7.8125vw auto 0;
  width: 91.1458333333vw;
  height: 152.0833333333vw;
  background-image: url(../img/name/bg_box.png);
  background-size: cover;
  padding: 6.5104166667vw 0;
  box-shadow: 0 0 5.2083333333vw #000;
}
@media only screen and (min-width: 769px) {
  .name__main {
    margin-top: 1.6666666667vw;
    background-image: url(../img/name/bg_box_pc.png);
    width: 83.3333333333vw;
    height: 40.8333333333vw;
    padding: 2.5vw 0;
    box-shadow: 0 0 1.6666666667vw #000;
  }
}
@media only screen and (min-width: 1200px) {
  .name__main {
    margin-top: 20px;
    width: 1000px;
    height: 490px;
    padding: 30px 0;
    box-shadow: 0 0 20px #000;
  }
}
.name__main--inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: scroll;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  opacity: 0.85;
}
.name__main--inner::-webkit-scrollbar {
  display: none;
}
.name__main--head {
  margin: 0 auto;
  width: 75.5208333333vw;
  padding-bottom: 5.2083333333vw;
  text-align: center;
  font-family: "Noto Serif JP", "Noto Serif KR", "Noto Serif Thai", serif;
  font-size: 4.9479166667vw;
  color: #fff;
  border-bottom: 0.2604166667vw solid #fff;
  line-height: 1;
  text-shadow: 0px 0px 0px rgb(255, 255, 255), 1px 1px 1px rgba(0, 0, 0, 0.5);
  filter: drop-shadow(0 0 1.3020833333vw #00e4ff) drop-shadow(0 0 1.3020833333vw #000);
}
@media only screen and (min-width: 769px) {
  .name__main--head {
    width: 80vw;
    padding-bottom: 1.25vw;
    font-size: 1.5vw;
    border-bottom: 1px solid #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .name__main--head {
    width: 960px;
    padding-bottom: 15px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) {
  .name__main--head {
    filter: drop-shadow(0 0 0.8333333333vw #00e4ff) drop-shadow(0 0 0.8333333333vw #000);
  }
}
@media only screen and (min-width: 1200px) {
  .name__main--head {
    filter: drop-shadow(0 0 10px #00e4ff) drop-shadow(0 0 10px #000);
  }
}
.name__main--head:not(:first-child) {
  margin-top: 19.53125vw;
}
@media only screen and (min-width: 769px) {
  .name__main--head:not(:first-child) {
    margin-top: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__main--head:not(:first-child) {
    margin-top: 60px;
  }
}
.name__list {
  margin: 5.2083333333vw auto 0;
  width: 75.5208333333vw;
  text-align: center;
  font-size: 5.9895833333vw;
  color: #fff;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .name__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.8333333333vw;
    width: 80vw;
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__list {
    margin-top: 10px;
    width: 960px;
    font-size: 14px;
  }
}
.name__list--item {
  width: 75.5208333333vw;
  min-height: 9.1145833333vw;
  border-radius: 1.3020833333vw;
  padding: 0.6510416667vw;
  text-shadow: 0px 0px 0px rgb(255, 255, 255), 1px 1px 1px rgba(0, 0, 0, 0.5);
  color: transparent;
  filter: drop-shadow(0 0 1.3020833333vw #00e4ff) drop-shadow(0 0 1.3020833333vw #000);
}
@media only screen and (min-width: 769px) {
  .name__list--item {
    display: flex;
    align-items: center;
    width: 15vw;
    height: auto;
    min-height: auto;
    padding: 0.4166666667vw;
    border-radius: 0.4166666667vw;
    filter: drop-shadow(0 0 0.8333333333vw #00e4ff) drop-shadow(0 0 0.8333333333vw #000);
  }
}
@media only screen and (min-width: 1200px) {
  .name__list--item {
    width: 180px;
    padding: 5px;
    border-radius: 5px;
    filter: drop-shadow(0 0 10px #00e4ff) drop-shadow(0 0 10px #000);
  }
}
@media only screen and (min-width: 769px) {
  .name__list--item:not(:nth-child(5n+1)) {
    margin-left: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__list--item:not(:nth-child(5n+1)) {
    margin-left: 15px;
  }
}
.name__list--item:not(:first-child) {
  margin-top: 3.90625vw;
}
@media only screen and (min-width: 769px) {
  .name__list--item:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 769px) {
  .name__list--item:nth-child(n+6) {
    margin-top: 0vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__list--item:nth-child(n+6) {
    margin-top: 0px;
  }
}
.name__list--item.js-show {
  box-shadow: 0 0 10px #00c0ff;
}
.name__attention {
  width: 91.1458333333vw;
  text-align: right;
  margin: 5.2083333333vw auto 0;
  font-size: 3.125vw;
  color: #fff;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .name__attention {
    width: auto;
    margin: 0;
    margin-top: 2.5vw;
    font-size: 1vw;
  }
}
@media only screen and (min-width: 1200px) {
  .name__attention {
    margin-top: 30px;
    font-size: 12px;
  }
}

#video.js-off {
  opacity: 0;
}

.world-catch {
  position: relative;
  overflow: hidden;
}
.world-catch.js-show > span:before {
  transform: scale(1, 1);
  transform-origin: left center;
}
.world-catch.js-show > span > span {
  opacity: 1;
}
.world-catch > span {
  position: relative;
}
.world-catch > span:before {
  display: block;
  content: "";
  width: 100%;
  height: 105%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  transform: scale(0, 1);
  transition: transform 300ms;
  transform-origin: right center;
}
.world-catch > span > span {
  opacity: 0;
  position: relative;
}
.world-catch > span > span:nth-child(1) {
  transition-delay: 330ms;
}
.world-catch > span > span:nth-child(2) {
  transition-delay: 345ms;
}
.world-catch > span > span:nth-child(3) {
  transition-delay: 360ms;
}
.world-catch > span > span:nth-child(4) {
  transition-delay: 375ms;
}
.world-catch > span > span:nth-child(5) {
  transition-delay: 390ms;
}
.world-catch > span > span:nth-child(6) {
  transition-delay: 405ms;
}
.world-catch > span > span:nth-child(7) {
  transition-delay: 420ms;
}
.world-catch > span > span:nth-child(8) {
  transition-delay: 435ms;
}
.world-catch > span > span:nth-child(9) {
  transition-delay: 450ms;
}
.world-catch > span > span:nth-child(10) {
  transition-delay: 465ms;
}
.world-catch > span > span:nth-child(11) {
  transition-delay: 480ms;
}
.world-catch > span > span:nth-child(12) {
  transition-delay: 495ms;
}
.world-catch > span > span:nth-child(13) {
  transition-delay: 510ms;
}
.world-catch > span > span:nth-child(14) {
  transition-delay: 525ms;
}
.world-catch > span > span:nth-child(15) {
  transition-delay: 540ms;
}
.world-catch > span > span:nth-child(16) {
  transition-delay: 555ms;
}
.world-catch > span > span:nth-child(17) {
  transition-delay: 570ms;
}
.world-catch > span > span:nth-child(18) {
  transition-delay: 585ms;
}
.world-catch > span > span:nth-child(19) {
  transition-delay: 600ms;
}
.world-catch > span > span:nth-child(20) {
  transition-delay: 615ms;
}
.world-catch > span > span:nth-child(21) {
  transition-delay: 630ms;
}
.world-catch > span > span:nth-child(22) {
  transition-delay: 645ms;
}
.world-catch > span > span:nth-child(23) {
  transition-delay: 660ms;
}
.world-catch > span > span:nth-child(24) {
  transition-delay: 675ms;
}
.world-catch > span > span:nth-child(25) {
  transition-delay: 690ms;
}
.world-catch > span > span:nth-child(26) {
  transition-delay: 705ms;
}
.world-catch > span > span:nth-child(27) {
  transition-delay: 720ms;
}
.world-catch > span > span:nth-child(28) {
  transition-delay: 735ms;
}
.world-catch > span > span:nth-child(29) {
  transition-delay: 750ms;
}
.world-catch > span > span:nth-child(30) {
  transition-delay: 765ms;
}
.world-catch > span > span:nth-child(31) {
  transition-delay: 780ms;
}
.world-catch > span > span:nth-child(32) {
  transition-delay: 795ms;
}
.world-catch > span > span:nth-child(33) {
  transition-delay: 810ms;
}
.world-catch > span > span:nth-child(34) {
  transition-delay: 825ms;
}
.world-catch > span > span:nth-child(35) {
  transition-delay: 840ms;
}
.world-catch > span > span:nth-child(36) {
  transition-delay: 855ms;
}
.world-catch > span > span:nth-child(37) {
  transition-delay: 870ms;
}
.world-catch > span > span:nth-child(38) {
  transition-delay: 885ms;
}
.world-catch > span > span:nth-child(39) {
  transition-delay: 900ms;
}
.world-catch > span > span:nth-child(40) {
  transition-delay: 915ms;
}
.world-catch > span > span:nth-child(41) {
  transition-delay: 930ms;
}
.world-catch > span > span:nth-child(42) {
  transition-delay: 945ms;
}
.world-catch > span > span:nth-child(43) {
  transition-delay: 960ms;
}
.world-catch > span > span:nth-child(44) {
  transition-delay: 975ms;
}
.world-catch > span > span:nth-child(45) {
  transition-delay: 990ms;
}
.world-catch > span > span:nth-child(46) {
  transition-delay: 1005ms;
}
.world-catch > span > span:nth-child(47) {
  transition-delay: 1020ms;
}
.world-catch > span > span:nth-child(48) {
  transition-delay: 1035ms;
}
.world-catch > span > span:nth-child(49) {
  transition-delay: 1050ms;
}
.world-catch > span > span:nth-child(50) {
  transition-delay: 1065ms;
}
.world-catch > span > span:nth-child(51) {
  transition-delay: 1080ms;
}
.world-catch > span > span:nth-child(52) {
  transition-delay: 1095ms;
}
.world-catch > span > span:nth-child(53) {
  transition-delay: 1110ms;
}
.world-catch > span > span:nth-child(54) {
  transition-delay: 1125ms;
}
.world-catch > span > span:nth-child(55) {
  transition-delay: 1140ms;
}
.world-catch > span > span:nth-child(56) {
  transition-delay: 1155ms;
}
.world-catch > span > span:nth-child(57) {
  transition-delay: 1170ms;
}
.world-catch > span > span:nth-child(58) {
  transition-delay: 1185ms;
}
.world-catch > span > span:nth-child(59) {
  transition-delay: 1200ms;
}
.world-catch > span > span:nth-child(60) {
  transition-delay: 1215ms;
}
.world-catch > span > span:nth-child(61) {
  transition-delay: 1230ms;
}
.world-catch > span > span:nth-child(62) {
  transition-delay: 1245ms;
}
.world-catch > span > span:nth-child(63) {
  transition-delay: 1260ms;
}
.world-catch > span > span:nth-child(64) {
  transition-delay: 1275ms;
}
.world-catch > span > span:nth-child(65) {
  transition-delay: 1290ms;
}
.world-catch > span > span:nth-child(66) {
  transition-delay: 1305ms;
}
.world-catch > span > span:nth-child(67) {
  transition-delay: 1320ms;
}
.world-catch > span > span:nth-child(68) {
  transition-delay: 1335ms;
}
.world-catch > span > span:nth-child(69) {
  transition-delay: 1350ms;
}
.world-catch > span > span:nth-child(70) {
  transition-delay: 1365ms;
}
.world-catch > span > span:nth-child(71) {
  transition-delay: 1380ms;
}
.world-catch > span > span:nth-child(72) {
  transition-delay: 1395ms;
}
.world-catch > span > span:nth-child(73) {
  transition-delay: 1410ms;
}
.world-catch > span > span:nth-child(74) {
  transition-delay: 1425ms;
}
.world-catch > span > span:nth-child(75) {
  transition-delay: 1440ms;
}
.world-catch > span > span:nth-child(76) {
  transition-delay: 1455ms;
}
.world-catch > span > span:nth-child(77) {
  transition-delay: 1470ms;
}
.world-catch > span > span:nth-child(78) {
  transition-delay: 1485ms;
}
.world-catch > span > span:nth-child(79) {
  transition-delay: 1500ms;
}
.world-catch > span > span:nth-child(80) {
  transition-delay: 1515ms;
}
.world-catch > span > span:nth-child(81) {
  transition-delay: 1530ms;
}
.world-catch > span > span:nth-child(82) {
  transition-delay: 1545ms;
}
.world-catch > span > span:nth-child(83) {
  transition-delay: 1560ms;
}
.world-catch > span > span:nth-child(84) {
  transition-delay: 1575ms;
}
.world-catch > span > span:nth-child(85) {
  transition-delay: 1590ms;
}
.world-catch > span > span:nth-child(86) {
  transition-delay: 1605ms;
}
.world-catch > span > span:nth-child(87) {
  transition-delay: 1620ms;
}
.world-catch > span > span:nth-child(88) {
  transition-delay: 1635ms;
}
.world-catch > span > span:nth-child(89) {
  transition-delay: 1650ms;
}
.world-catch > span > span:nth-child(90) {
  transition-delay: 1665ms;
}
.world-catch > span > span:nth-child(91) {
  transition-delay: 1680ms;
}
.world-catch > span > span:nth-child(92) {
  transition-delay: 1695ms;
}
.world-catch > span > span:nth-child(93) {
  transition-delay: 1710ms;
}
.world-catch > span > span:nth-child(94) {
  transition-delay: 1725ms;
}
.world-catch > span > span:nth-child(95) {
  transition-delay: 1740ms;
}
.world-catch > span > span:nth-child(96) {
  transition-delay: 1755ms;
}
.world-catch > span > span:nth-child(97) {
  transition-delay: 1770ms;
}
.world-catch > span > span:nth-child(98) {
  transition-delay: 1785ms;
}
.world-catch > span > span:nth-child(99) {
  transition-delay: 1800ms;
}
.world-catch > span > span:nth-child(100) {
  transition-delay: 1815ms;
}
.world-text {
  opacity: 0;
  transform: translateY(3%);
  transition: 300ms;
  transition-delay: 100ms;
}
.world-text.js-show {
  opacity: 1;
  transform: none;
}

.pre-top__character--light {
  opacity: 0.8;
  animation: light 3000ms linear infinite;
}
@keyframes light {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}

body {
  margin: 0;
  font: normal 75% Arial, Helvetica, sans-serif;
}

canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/* ---- stats.js ---- */
.js-fade {
  opacity: 0;
  transform: translateY(10px);
  transition: 400ms;
}
.js-fade.js-show {
  opacity: 1;
  transform: none;
}

.pc-none {
  display: none;
}
@media only screen and (max-width: 769px) {
  .pc-none {
    display: block;
  }
}

@media only screen and (max-width: 769px) {
  .sp-none {
    display: none;
  }
}

#detect-video {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}
/*# sourceMappingURL=../maps/share.css.map */