@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

div,
p,
img,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
a,
header,
article,
section,
aside,
nav,
footer {
  font-size: 100%;
  font-weight: normal;
  border: 0;
}

ul {
  list-style-type: none;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: auto;
  font-size: 62.5%;
}

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

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

small {
  font-family: Verdana, Arial, Geneva, Tahoma, sans-serif;
}

.alt {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

/*
@include layout( sp ){

}
@include layout( pc ){

}
*/

.alt {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
}

* {
  -webkit-tap-highlight-color: transparent;
}

.hidden {
  display: none;
}

*::-webkit-scrollbar {
  display: none;
}

._dummy {
  height: auto;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  pointer-events: none;
  opacity: 0.3;
  z-index: 100;
}

body {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
  background-color: rgb(102, 102, 102);
}

body[data-is-locked] {
  overflow: hidden;
}

.main-contents {
  width: 100%;
  overflow: hidden;
}

.layoutChecker {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  pointer-events: none;
}

::-webkit-scrollbar {
  width: 0px;
}

.button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  color: #E21C4B;
  border: solid #E21C4B;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.fukidashi {
  position: relative;
  display: inline-block;
  border: solid #E21C4B;
  background-color: #FFF;
  text-align: left;
}

.fukidashi .fukidashi-text {
  font-weight: 700;
  color: #E21C4B;
  white-space: pre;
  text-align: center;
}

.fukidashi::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-color: #E21C4B transparent transparent;
  translate: -50% 100%;
}

.fukidashi::after {
  content: "";
  position: absolute;
  left: 50%;
  border-style: solid;
  border-color: #FFF transparent transparent;
  translate: -50% 100%;
}

.wrap-info-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.wrap-info-block .info-block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFF;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrap-info-block .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrap-info-block .title {
  font-weight: 700;
  text-align: center;
  color: #E21C4B;
}

.wrap-info-block .headline {
  font-weight: 700;
  text-align: left;
  color: #E21C4B;
}

.wrap-info-block .text {
  font-weight: 500;
  text-align: justify;
  color: #E21C4B;
}

.wrap-info-block .simpleList::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}

.wrap-info-block .simpleList::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}

.wrap-info-block .simpleList li {
  font-weight: 500;
  text-align: justify;
  color: #E21C4B;
}

.wrap-info-block .simpleList li:nth-of-type(1) {
  margin-top: 0;
}

.wrap-info-block .wrap-x-thread {
  overflow: auto;
  border: solid #BFBFBF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header.sec-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header.sec-header .wrap-header {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

header.sec-header .wrap-header .bg {
  position: absolute;
}

header.sec-header .wrap-header .site_title {
  position: absolute;
  margin: auto;
}

header.sec-header .wrap-header .btn_x {
  position: absolute;
  cursor: pointer;
  display: block;
}

header.sec-header .wrap-header .btn_x .btn_x_default,
header.sec-header .wrap-header .btn_x .btn_x_hover {
  position: absolute;
  left: 0;
  top: 0;
}

header.sec-header .wrap-header .btn_x .btn_x_hover {
  opacity: 0;
}

header.sec-header .wrap-header .btn_x:hover .btn_x_default {
  opacity: 0;
}

header.sec-header .wrap-header .btn_x:hover .btn_x_hover {
  opacity: 1;
}

header.sec-header .wrap-header .btn_menu {
  position: absolute;
  cursor: pointer;
}

header.sec-header .wrap-header .btn_menu .btn_menu_open,
header.sec-header .wrap-header .btn_menu .btn_menu_open_hover {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
}

header.sec-header .wrap-header .btn_menu .btn_menu_close,
header.sec-header .wrap-header .btn_menu .btn_menu_close_hover {
  position: absolute;
  cursor: pointer;
  display: none;
  left: 0;
  top: 0;
}

header.sec-header .wrap-header .btn_menu .btn_menu_open_hover,
header.sec-header .wrap-header .btn_menu .btn_menu_close_hover {
  opacity: 0;
}

header.sec-header .wrap-header .btn_menu:hover .btn_menu_open,
header.sec-header .wrap-header .btn_menu:hover .btn_menu_close {
  opacity: 0;
}

header.sec-header .wrap-header .btn_menu:hover .btn_menu_open_hover,
header.sec-header .wrap-header .btn_menu:hover .btn_menu_close_hover {
  opacity: 1;
}

body[data-is-menu-opened] header.sec-header .wrap-header .btn_menu .btn_menu_open,
body[data-is-menu-opened] header.sec-header .wrap-header .btn_menu .btn_menu_open_hover {
  display: none;
}

body[data-is-menu-opened] header.sec-header .wrap-header .btn_menu .btn_menu_close,
body[data-is-menu-opened] header.sec-header .wrap-header .btn_menu .btn_menu_close_hover {
  display: block;
}

body[data-is-menu-opened] .wrap-menu {
  display: block;
}

.wrap-menu {
  position: fixed;
  height: 100%;
  background-color: #E21C4B;
  top: 0;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  display: none;
}

.wrap-menu .wrap-button-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrap-menu a.button-menu {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  color: #E21C4B;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: #E21C4B;
  border-style: solid;
  box-sizing: border-box;
}

.wrap-menu a.button-menu:hover {
  background-color: #E21C4B;
  border-color: #FFF;
  color: #FFF;
}

.wrap-menu .deco_1 {
  position: absolute;
}

.wrap-menu .deco_2 {
  position: absolute;
}

.wrap-menu .deco_3_1 {
  position: absolute;
}

.wrap-menu .deco_3_2 {
  position: absolute;
}

.wrap-menu .deco_4 {
  position: absolute;
}

.wrap-menu .deco_5 {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.wrap-menu .deco_6_1,
.wrap-menu .deco_6_2 {
  position: absolute;
}

.wrap-menu .deco_6_1 {
  position: absolute;
}

.wrap-menu .deco_6_2 {
  position: absolute;
}

.wrap-menu .logo {
  display: block;
  margin: 0 auto 0;
}

.wrap-menu .copyright {
  text-align: center;
  line-height: 1;
  color: #FFF;
  display: block;
}

footer.sec-footer::before {
  content: " ";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  margin-bottom: -1px;
  border-top: transparent solid 1px;
}

footer.sec-footer {
  width: 100%;
  position: relative;
  z-index: 2;
}

footer.sec-footer .wrap-content {
  position: relative;
}

footer.sec-footer .bg {
  position: relative;
}

footer.sec-footer .logo {
  position: absolute;
}

footer.sec-footer .panel {
  position: absolute;
}

footer.sec-footer .wrap-panel {
  position: absolute;
}

footer.sec-footer .wrap-panel .logo_bandainamco {
  display: block;
  position: absolute;
}

footer.sec-footer .wrap-panel .logo_bandainamco:hover {
  opacity: 0.6;
}

footer.sec-footer .wrap-panel .logo_banpresto {
  display: block;
  position: absolute;
}

footer.sec-footer .wrap-panel .logo_banpresto:hover {
  opacity: 0.6;
}

footer.sec-footer .wrap-panel .logo_bandai {
  display: block;
  position: absolute;
}

footer.sec-footer .wrap-panel .logo_bandai:hover {
  opacity: 0.6;
}

footer.sec-footer .wrap-exit {
  position: absolute;
  overflow: hidden;
}

footer.sec-footer .wrap-exit .exit {
  position: absolute;
}

footer.sec-footer .wrap-exit .wrap-footer-char {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

footer.sec-footer .wrap-exit .footer-char {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  margin: auto;
}

[data-season=xmas] footer.sec-footer .wrap-exit .footer-char {
  -webkit-filter: contrast(0) brightness(0);
  filter: contrast(0) brightness(0);
}

footer.sec-footer .wrap-exit .footer-char-filter {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  margin: auto;
  mix-blend-mode: multiply;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: none;
  background-size: cover;
}

footer.sec-footer .wrap-fukidashi {
  margin: 0 auto 0;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
}

footer.sec-footer .wrap-fukidashi .fukidashi {
  text-align: center;
}

footer.sec-footer .button {
  background-color: #FFF;
  position: absolute;
  margin: 0 auto;
}

footer.sec-footer .button:hover {
  background-color: #E21C4B;
  border-color: #FFF;
}

footer.sec-footer .wrap-fukidashi {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

footer.sec-footer .wrap-footer-char {
  -webkit-transform: translate(0%, -110%);
  transform: translate(0%, -110%);
}

footer.sec-footer .btn_share {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

footer.sec-footer[data-is-char-appear] .wrap-fukidashi {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: wrap-fukidashi 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s 1 forwards;
  animation: wrap-fukidashi 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s 1 forwards;
}

footer.sec-footer[data-is-char-appear] .wrap-footer-char {
  -webkit-transform: translate(0%, -110%);
  transform: translate(0%, -110%);
  animation: footer-char-1 0.2s linear 0s 1 forwards, footer-char-2 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s 1 forwards, footer-char-2 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.35s 1 reverse forwards;
}

@-webkit-keyframes footer-char-1 {
  0% {
    -webkit-transform: translate(0%, -110%);
    transform: translate(0%, -110%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

@keyframes footer-char-1 {
  0% {
    -webkit-transform: translate(0%, -110%);
    transform: translate(0%, -110%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

@-webkit-keyframes footer-char-2 {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, -10%);
    transform: translate(0%, -10%);
  }
}

@keyframes footer-char-2 {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, -10%);
    transform: translate(0%, -10%);
  }
}

footer.sec-footer[data-is-char-appear] .btn_share {
  -webkit-transform: translate(0%, 20%);
  transform: translate(0%, 20%);
  opacity: 0;
  -webkit-animation: fotter-btn_share 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s 1 forwards;
  animation: fotter-btn_share 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s 1 forwards;
}

@-webkit-keyframes fotter-btn_share {
  0% {
    -webkit-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes fotter-btn_share {
  0% {
    -webkit-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
  }
}

footer.sec-footer .wrap-official-footer-content {
  position: relative;
}

footer.sec-footer .wrap-official-footer-content small.copyright {
  display: block;
  font-weight: 400;
  line-height: 1;
  color: #333;
  text-align: center;
}

footer.sec-footer .wrap-official-footer-content ul.linkList {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

footer.sec-footer .wrap-official-footer-content ul.linkList a {
  font-weight: 400;
  line-height: 1;
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

footer.sec-footer .wrap-official-footer-content ul.linkList a:hover {
  opacity: 0.6;
}

footer.sec-footer .wrap-official-footer-content .note {
  font-weight: 400;
  color: #333;
}

body[data-is-loading] {
  overflow: hidden;
}

body[data-is-loading] .sec-loading {
  display: block;
}

section.sec-loading {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #323232;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

section.sec-loading .wrap-content {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  overflow: hidden;
}

section.sec-loading .wrap-curtail {
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
}

section.sec-loading .curtain_l {
  position: absolute;
}

section.sec-loading .curtain_r {
  position: absolute;
}

section.sec-loading .hole {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .wrap-light {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .light_1 {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .light_2 {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .light_3 {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .light_4 {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .light_5 {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .light_6 {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-loading .logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

section.sec-loading::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #FFF;
  z-index: 1;
  opacity: 0;
}

section.sec-loading .curtain_l {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

section.sec-loading .curtain_r {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

section.sec-loading .hole {
  opacity: 0;
}

section.sec-loading .light_1 {
  opacity: 0;
}

section.sec-loading .light_2 {
  opacity: 0;
}

section.sec-loading .light_3 {
  opacity: 0;
}

section.sec-loading .light_4 {
  opacity: 0;
}

section.sec-loading .light_5 {
  opacity: 0;
}

section.sec-loading .light_6 {
  opacity: 0;
}

section.sec-loading .logo {
  opacity: 1;
}

section.sec-loading[data-phase="1"] {
  opacity: 1;
  -webkit-animation: fade-out 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s 1 forwards;
  animation: fade-out 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s 1 forwards;
}

section.sec-loading[data-phase="1"]::after {
  -webkit-animation: fade-in 0s linear 1.2s 1 forwards;
  animation: fade-in 0s linear 1.2s 1 forwards;
}

section.sec-loading[data-phase="1"] .curtain_l {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-animation: loading-curtain_l 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: loading-curtain_l 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

section.sec-loading[data-phase="1"] .curtain_r {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-animation: loading-curtain_r 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: loading-curtain_r 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

section.sec-loading[data-phase="1"] .hole {
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 0.1s 1 forwards;
  animation: fade-in 0.5s linear 0.1s 1 forwards;
}

section.sec-loading[data-phase="1"] .light_1 {
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 0s 1 forwards;
  animation: fade-in 0.5s linear 0s 1 forwards;
}

section.sec-loading[data-phase="1"] .light_2 {
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 0.2s 1 forwards;
  animation: fade-in 0.5s linear 0.2s 1 forwards;
}

section.sec-loading[data-phase="1"] .light_3 {
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 0.4s 1 forwards;
  animation: fade-in 0.5s linear 0.4s 1 forwards;
}

section.sec-loading[data-phase="1"] .light_4 {
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 0.6s 1 forwards;
  animation: fade-in 0.5s linear 0.6s 1 forwards;
}

section.sec-loading[data-phase="1"] .light_5 {
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 0.8s 1 forwards;
  animation: fade-in 0.5s linear 0.8s 1 forwards;
}

section.sec-loading[data-phase="1"] .light_6 {
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 1s 1 forwards;
  animation: fade-in 0.5s linear 1s 1 forwards;
}

section.sec-loading[data-phase="1"] .logo {
  opacity: 1;
  -webkit-animation: fade-out 1s linear 0s 1 forwards;
  animation: fade-out 1s linear 0s 1 forwards;
}

@-webkit-keyframes loading-curtain_l {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
  }
}

@keyframes loading-curtain_l {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
  }
}

@-webkit-keyframes loading-curtain_r {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
  }
}

@keyframes loading-curtain_r {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

section.sec-intro .wrap-content {
  position: relative;
  background-color: #EDEDED;
}

section.sec-intro .wrap-stage {
  position: relative;
}

section.sec-intro .wrap-bg_stage {
  pointer-events: none;
}

section.sec-intro .bg_logo {
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
}

section.sec-intro .wrap-chair {
  pointer-events: none;
}

section.sec-intro .wrap-chair .chair_1,
section.sec-intro .wrap-chair .rank_1 {
  position: absolute;
}

section.sec-intro .wrap-chair .chair_1 .char,
section.sec-intro .wrap-chair .rank_1 .char {
  position: absolute;
}

section.sec-intro .wrap-chair .chair_2,
section.sec-intro .wrap-chair .rank_2,
section.sec-intro .wrap-chair .chair_3,
section.sec-intro .wrap-chair .rank_3 {
  position: absolute;
}

section.sec-intro .wrap-chair .chair_2 .char,
section.sec-intro .wrap-chair .rank_2 .char,
section.sec-intro .wrap-chair .chair_3 .char,
section.sec-intro .wrap-chair .rank_3 .char {
  position: absolute;
}

section.sec-intro .wrap-chair .chair_4,
section.sec-intro .wrap-chair .rank_4,
section.sec-intro .wrap-chair .chair_5,
section.sec-intro .wrap-chair .rank_5,
section.sec-intro .wrap-chair .chair_6,
section.sec-intro .wrap-chair .rank_6,
section.sec-intro .wrap-chair .chair_7,
section.sec-intro .wrap-chair .rank_7,
section.sec-intro .wrap-chair .chair_8,
section.sec-intro .wrap-chair .rank_8,
section.sec-intro .wrap-chair .chair_9,
section.sec-intro .wrap-chair .rank_9,
section.sec-intro .wrap-chair .chair_10,
section.sec-intro .wrap-chair .rank_10,
section.sec-intro .wrap-chair .chair_11,
section.sec-intro .wrap-chair .rank_11,
section.sec-intro .wrap-chair .chair_12,
section.sec-intro .wrap-chair .rank_12,
section.sec-intro .wrap-chair .chair_13,
section.sec-intro .wrap-chair .rank_13,
section.sec-intro .wrap-chair .chair_14,
section.sec-intro .wrap-chair .rank_14,
section.sec-intro .wrap-chair .chair_15,
section.sec-intro .wrap-chair .rank_15,
section.sec-intro .wrap-chair .chair_16,
section.sec-intro .wrap-chair .rank_16,
section.sec-intro .wrap-chair .chair_17,
section.sec-intro .wrap-chair .rank_17,
section.sec-intro .wrap-chair .chair_18,
section.sec-intro .wrap-chair .rank_18 {
  position: absolute;
}

section.sec-intro .wrap-chair .chair_4 .char,
section.sec-intro .wrap-chair .rank_4 .char,
section.sec-intro .wrap-chair .chair_5 .char,
section.sec-intro .wrap-chair .rank_5 .char,
section.sec-intro .wrap-chair .chair_6 .char,
section.sec-intro .wrap-chair .rank_6 .char,
section.sec-intro .wrap-chair .chair_7 .char,
section.sec-intro .wrap-chair .rank_7 .char,
section.sec-intro .wrap-chair .chair_8 .char,
section.sec-intro .wrap-chair .rank_8 .char,
section.sec-intro .wrap-chair .chair_9 .char,
section.sec-intro .wrap-chair .rank_9 .char,
section.sec-intro .wrap-chair .chair_10 .char,
section.sec-intro .wrap-chair .rank_10 .char,
section.sec-intro .wrap-chair .chair_11 .char,
section.sec-intro .wrap-chair .rank_11 .char,
section.sec-intro .wrap-chair .chair_12 .char,
section.sec-intro .wrap-chair .rank_12 .char,
section.sec-intro .wrap-chair .chair_13 .char,
section.sec-intro .wrap-chair .rank_13 .char,
section.sec-intro .wrap-chair .chair_14 .char,
section.sec-intro .wrap-chair .rank_14 .char,
section.sec-intro .wrap-chair .chair_15 .char,
section.sec-intro .wrap-chair .rank_15 .char,
section.sec-intro .wrap-chair .chair_16 .char,
section.sec-intro .wrap-chair .rank_16 .char,
section.sec-intro .wrap-chair .chair_17 .char,
section.sec-intro .wrap-chair .rank_17 .char,
section.sec-intro .wrap-chair .chair_18 .char,
section.sec-intro .wrap-chair .rank_18 .char {
  position: absolute;
}

section.sec-intro .wrap-chair .char {
  position: absolute;
  outline: none;
  pointer-events: none;
}

section.sec-intro .wrap-chair .clickable {
  border-radius: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  pointer-events: auto;
}

section.sec-intro .wrap-chair .rank_1 .wrap-fukidashi {
  bottom: 85%;
}

section.sec-intro .wrap-chair .rank_2 .wrap-fukidashi,
section.sec-intro .wrap-chair .rank_3 .wrap-fukidashi {
  bottom: 110%;
}

section.sec-intro .wrap-chair .wrap-fukidashi {
  position: absolute;
  left: 50%;
  bottom: 120%;
  pointer-events: none;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: translate(-50%, 0%) scale(0);
  transform: translate(-50%, 0%) scale(0);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: -webkit-transform 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: transform 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: transform 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s, -webkit-transform 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  text-align: center;
}

section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid #E21C4B;
  background-color: #FFF;
  color: #E21C4B;
  font-weight: 700;
  pointer-events: auto;
}

section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail .arrow {
  display: block;
}

section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi {
  border-color: #E21C4B;
  background-color: #FFFF1A;
}

section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi::before {
  border-color: #E21C4B transparent transparent;
}

section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi::after {
  border-color: #FFFF1A transparent transparent;
}

section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text {
  text-align: center;
  white-space: nowrap;
  color: #E21C4B;
}

section.sec-intro .wrap-chair .chair-all {
  position: absolute;
}

section.sec-intro .curtain_l {
  position: absolute;
  left: 0;
  pointer-events: none;
}

section.sec-intro .curtain_r {
  position: absolute;
  right: 0;
  pointer-events: none;
}

section.sec-intro .wrap-bg_stage_hole {
  pointer-events: none;
  position: absolute;
  margin: auto;
  overflow: hidden;
}

section.sec-intro .bg_stage_hole {
  position: absolute;
}

section.sec-intro .wrap-bg_stage_hole_cover {
  position: absolute;
  margin: auto;
  overflow: hidden;
  pointer-events: none;
}

section.sec-intro .bg_stage_hole_cover {
  position: absolute;
}

section.sec-intro .wrap-crane {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  pointer-events: none;
}

section.sec-intro .crane {
  position: absolute;
}

section.sec-intro .crane .wrap-crane_arm_l {
  position: absolute;
}

section.sec-intro .crane .wrap-crane_arm_r {
  position: absolute;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

section.sec-intro .crane .crane_arm {
  -webkit-transform-origin: 15% 5%;
  transform-origin: 15% 5%;
  position: absolute;
}

section.sec-intro .crane .crane_body {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro .crane .crane_snow {
  position: absolute;
  display: none;
}

[data-season=xmas] section.sec-intro .crane .crane_snow {
  display: block;
}

section.sec-intro .vote-char {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  margin: auto;
  display: none;
}

section.sec-intro .wrap-ui-left {
  border-style: solid;
  background-color: #FFF;
  border-color: #40CCF8;
  overflow: hidden;
}

section.sec-intro .wrap-ui-left .btn_about,
section.sec-intro .wrap-ui-left .btn_about_hover_1,
section.sec-intro .wrap-ui-left .btn_about_hover_2,
section.sec-intro .wrap-ui-left .btn_about_hover_3 {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro .wrap-ui-left .btn_about_hover_1,
section.sec-intro .wrap-ui-left .btn_about_hover_2,
section.sec-intro .wrap-ui-left .btn_about_hover_3 {
  opacity: 0;
}

section.sec-intro .wrap-ui-left .btn_character,
section.sec-intro .wrap-ui-left .btn_character_hover_1,
section.sec-intro .wrap-ui-left .btn_character_hover_2,
section.sec-intro .wrap-ui-left .btn_character_hover_3 {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro .wrap-ui-left .btn_character_hover_1,
section.sec-intro .wrap-ui-left .btn_character_hover_2,
section.sec-intro .wrap-ui-left .btn_character_hover_3 {
  opacity: 0;
}

section.sec-intro .wrap-ui-left .wrap-btn_about:hover .btn_about_hover_1 {
  opacity: 1;
}

section.sec-intro .wrap-ui-left .wrap-btn_about:hover .btn_about_hover_2 {
  -webkit-animation: ui-left-btn_hover 0.9s steps(3, start) -0.3s infinite;
  animation: ui-left-btn_hover 0.9s steps(3, start) -0.3s infinite;
}

section.sec-intro .wrap-ui-left .wrap-btn_about:hover .btn_about_hover_3 {
  -webkit-animation: ui-left-btn_hover 0.9s steps(3, start) 0s infinite;
  animation: ui-left-btn_hover 0.9s steps(3, start) 0s infinite;
}

section.sec-intro .wrap-ui-left .wrap-btn_character:hover .btn_character_hover_1 {
  opacity: 1;
}

section.sec-intro .wrap-ui-left .wrap-btn_character:hover .btn_character_hover_2 {
  -webkit-animation: ui-left-btn_hover 0.9s steps(3, start) -0.3s infinite;
  animation: ui-left-btn_hover 0.9s steps(3, start) -0.3s infinite;
}

section.sec-intro .wrap-ui-left .wrap-btn_character:hover .btn_character_hover_3 {
  -webkit-animation: ui-left-btn_hover 0.9s steps(3, start) 0s infinite;
  animation: ui-left-btn_hover 0.9s steps(3, start) 0s infinite;
}

@-webkit-keyframes ui-left-btn_hover {
  0% {
    opacity: 0;
  }

  66.65% {
    opacity: 0;
  }

  66.66% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ui-left-btn_hover {
  0% {
    opacity: 0;
  }

  66.65% {
    opacity: 0;
  }

  66.66% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

section.sec-intro .wrap-ui-right .attention {
  position: absolute;
  margin: auto;
  pointer-events: none;
}

section.sec-intro .wrap-ui-right .btn_vote {
  position: absolute;
  cursor: pointer;
}

section.sec-intro .wrap-ui-right .btn_vote_enabled,
section.sec-intro .wrap-ui-right .btn_vote_hover_1,
section.sec-intro .wrap-ui-right .btn_vote_hover_2 {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro .wrap-ui-right .btn_vote_complete {
  position: absolute;
}

section.sec-intro .wrap-ui-right .btn_vote_hover_1,
section.sec-intro .wrap-ui-right .btn_vote_hover_2 {
  opacity: 0;
}

.crane[data-position] {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.crane[data-position] .crane_arm {
  -webkit-transform-origin: 55% 5% !important;
  transform-origin: 55% 5% !important;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-name: crane_arm-standby;
  animation-name: crane_arm-standby;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes crane_arm-standby {
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
  }
}

@keyframes crane_arm-standby {
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
  }
}

section.sec-intro[data-is-selection-disabled] .wrap-char {
  pointer-events: none !important;
}

section.sec-intro[data-is-selection-disabled] .clickable {
  pointer-events: none !important;
}

section.sec-intro[data-phase="1"] .crane_arm {
  -webkit-transform-origin: 55% 5%;
  transform-origin: 55% 5%;
  -webkit-transform: rotate(16deg);
  transform: rotate(16deg);
  -webkit-animation: crane_arm 1s linear 1s 1 forwards;
  animation: crane_arm 1s linear 1s 1 forwards;
}

@-webkit-keyframes crane_arm {
  0% {
    -webkit-transform: rotate(16deg);
    transform: rotate(16deg);
  }

  100% {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
  }
}

@keyframes crane_arm {
  0% {
    -webkit-transform: rotate(16deg);
    transform: rotate(16deg);
  }

  100% {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
  }
}

section.sec-intro[data-phase="1"] .vote-char {
  display: block;
  -webkit-transform: translate(0%, 0%) rotate(0deg);
  transform: translate(0%, 0%) rotate(0deg);
  -webkit-animation: vote-char 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2s 1 forwards;
  animation: vote-char 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2s 1 forwards;
}

@-webkit-keyframes vote-char {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(0%, 130%) rotate(0deg);
    transform: translate(0%, 130%) rotate(0deg);
  }
}

@keyframes vote-char {
  0% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(0%, 130%) rotate(0deg);
    transform: translate(0%, 130%) rotate(0deg);
  }
}

section.sec-intro[data-phase="2"] .crane_arm {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

section.sec-intro[data-phase="2"] .vote-char {
  display: block;
  -webkit-transform: translate(0%, 130%) rotate(0deg);
  transform: translate(0%, 130%) rotate(0deg);
}

section.sec-intro .char[data-is-selected] {
  animation: char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards, char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s 1 reverse forwards, char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s 1 forwards, char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s 1 reverse forwards, char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s 1 forwards, char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s 1 reverse forwards;
}

@-webkit-keyframes char-selected {
  0% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  100% {
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
}

@keyframes char-selected {
  0% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  100% {
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
}

section.sec-intro .wrap-fukidashi[data-is-show],
section.sec-intro .char[data-is-selected] + .wrap-fukidashi,
section.sec-intro .extra_char[data-is-selected] + .wrap-fukidashi {
  -webkit-transform: translate(-50%, 0%) scale(1);
  transform: translate(-50%, 0%) scale(1);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

section.sec-intro .char[data-is-selected] + .wrap-fukidashi .to-char-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

section.sec-intro .extra_char[data-is-selected] {
  animation: extra-char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards, extra-char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s 1 reverse forwards, extra-char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s 1 forwards, extra-char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s 1 reverse forwards, extra-char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s 1 forwards, extra-char-selected 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s 1 reverse forwards;
}

@-webkit-keyframes extra-char-selected {
  0% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  100% {
    -webkit-transform: translate(0, -3%);
    transform: translate(0, -3%);
  }
}

@keyframes extra-char-selected {
  0% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  100% {
    -webkit-transform: translate(0, -3%);
    transform: translate(0, -3%);
  }
}

section.sec-intro .attention {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

section.sec-intro .btn_vote_enabled {
  -webkit-filter: saturate(0);
  filter: saturate(0);
}

section.sec-intro .btn_vote_complete {
  display: none;
}

section.sec-intro .btn_vote[data-is-attention] .attention {
  animation: attention-jump 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards, attention-jump 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s 1 reverse forwards, attention-jump 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s 1 forwards, attention-jump 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s 1 reverse forwards;
}

@-webkit-keyframes attention-jump {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, -12%);
    transform: translate(0%, -12%);
  }
}

@keyframes attention-jump {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, -12%);
    transform: translate(0%, -12%);
  }
}

section.sec-intro[data-vote-button-state=standby] .attention {
  -webkit-animation: attention-hide 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s 1 forwards;
  animation: attention-hide 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s 1 forwards;
}

@-webkit-keyframes attention-hide {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, -10%);
    transform: translate(0%, -10%);
    opacity: 0;
  }
}

@keyframes attention-hide {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0%, -10%);
    transform: translate(0%, -10%);
    opacity: 0;
  }
}

section.sec-intro[data-vote-button-state=standby] .btn_vote_enabled {
  -webkit-filter: none;
  filter: none;
}

section.sec-intro[data-vote-button-state=standby] .btn_vote_hover_1 {
  opacity: 1;
}

section.sec-intro[data-vote-button-state=standby] .btn_vote_hover_2 {
  -webkit-animation: btn_vote_hover 0.6s steps(2, start) 0.3s infinite;
  animation: btn_vote_hover 0.6s steps(2, start) 0.3s infinite;
}

@-webkit-keyframes btn_vote_hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

section.sec-intro[data-vote-button-state=standby] .prize_badge {
  opacity: 0;
}

section.sec-intro[data-vote-button-state=progress] .attention {
  -webkit-transform: scale(0);
  transform: scale(0);
}

section.sec-intro[data-vote-button-state=progress] .btn_vote {
  pointer-events: none;
}

section.sec-intro[data-vote-button-state=progress] .prize_badge {
  opacity: 0;
}

section.sec-intro[data-vote-button-state=complete] .attention {
  -webkit-transform: scale(0);
  transform: scale(0);
}

section.sec-intro[data-vote-button-state=complete] .wrap-char {
  pointer-events: none;
}

section.sec-intro[data-vote-button-state=complete] .wrap-char .wrap-fukidashi {
  -webkit-transform: translate(-50%, 0%) scale(0);
  transform: translate(-50%, 0%) scale(0);
  -webkit-transition: -webkit-transform 0.001s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: -webkit-transform 0.001s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: transform 0.001s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: transform 0.001s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.001s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

section.sec-intro[data-vote-button-state=complete] .btn_vote {
  pointer-events: none;
}

section.sec-intro[data-vote-button-state=complete] .btn_vote_enabled {
  display: none;
}

section.sec-intro[data-vote-button-state=complete] .btn_vote_complete {
  display: block;
}

section.sec-intro[data-vote-button-state=complete] .prize_badge {
  opacity: 0;
}

section.sec-intro[data-vote-button-state=complete-standby] .attention {
  -webkit-transform: scale(0);
  transform: scale(0);
}

section.sec-intro[data-vote-button-state=complete-standby] .btn_vote {
  pointer-events: none;
}

section.sec-intro[data-vote-button-state=complete-standby] .btn_vote_enabled {
  display: none;
}

section.sec-intro[data-vote-button-state=complete-standby] .btn_vote_complete {
  display: block;
}

section.sec-intro[data-vote-button-state=complete-standby] .clickable {
  pointer-events: none !important;
}

section.sec-intro[data-vote-button-state=complete-standby] .prize_badge {
  opacity: 0;
}

section.sec-intro .wrap-extra_pra .extra_char[data-is-return],
section.sec-intro .wrap-extra_izu .extra_char[data-is-return] {
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  -webkit-animation: wrap-extra_char 2s linear 0s normal forwards;
  animation: wrap-extra_char 2s linear 0s normal forwards;
}

@-webkit-keyframes wrap-extra_char {
  0% {
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

@keyframes wrap-extra_char {
  0% {
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
  }

  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

section.sec-intro .wrap-extra {
  height: 100%;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

section.sec-intro .extra_char {
  width: 100%;
  height: 100%;
}

section.sec-intro .wrap-extra_pra {
  position: absolute;
}

section.sec-intro .wrap-extra_pra .extra_pra {
  position: absolute;
  left: 0;
  bottom: 0;
}

section.sec-intro .wrap-extra_izu {
  position: absolute;
}

section.sec-intro .wrap-extra_izu .extra_izu {
  position: absolute;
  left: 0;
  bottom: 0;
}

section.sec-intro .wrap-extra_pra .extra_praizu_rope,
section.sec-intro .wrap-extra_izu .extra_praizu_rope {
  position: absolute;
  right: 0;
  margin: auto;
}

section.sec-intro .wrap-extra_pra .wrap-fukidashi,
section.sec-intro .wrap-extra_izu .wrap-fukidashi {
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(0);
  transform: translate(-50%, 0%) scale(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  position: absolute;
}

section.sec-intro .wrap-extra_pra .fukidashi,
section.sec-intro .wrap-extra_izu .fukidashi {
  border-color: #E21C4B;
  background-color: #FFFF1A;
}

section.sec-intro .wrap-extra_pra .fukidashi::before,
section.sec-intro .wrap-extra_izu .fukidashi::before {
  border-color: #E21C4B transparent transparent;
}

section.sec-intro .wrap-extra_pra .fukidashi::after,
section.sec-intro .wrap-extra_izu .fukidashi::after {
  border-color: #FFFF1A transparent transparent;
}

section.sec-intro .wrap-extra_pra .fukidashi-text,
section.sec-intro .wrap-extra_izu .fukidashi-text {
  text-align: center;
  white-space: nowrap;
  color: #E21C4B;
}

section.sec-intro .wrap-extra_pra .clickable,
section.sec-intro .wrap-extra_izu .clickable {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  background-color: transparent;
  pointer-events: auto;
  cursor: pointer;
}

section.sec-intro .wrap_deco_back {
  position: absolute;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
}

section.sec-intro img.deco_back {
  position: absolute;
  margin: 0 auto;
}

section.sec-intro .wrap-kusudama {
  margin: auto;
  position: absolute;
  pointer-events: none;
}

section.sec-intro .wrap-kusudama .scale {
  width: 100%;
  height: 100%;
}

section.sec-intro .wrap-kusudama .kusudama_1 {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_1 img.line {
  position: absolute;
  margin: 0 auto;
}

section.sec-intro .wrap-kusudama .kusudama_1 img.hirahira {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_1 .wrap-taremaku {
  position: absolute;
  overflow: hidden;
}

section.sec-intro .wrap-kusudama .kusudama_1 img.taremaku {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_1 img.tama_l {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_1 img.tama_r {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_2 {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_2 img.line {
  position: absolute;
  margin: 0 auto;
}

section.sec-intro .wrap-kusudama .kusudama_2 img.hirahira {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_2 .wrap-taremaku {
  position: absolute;
  overflow: hidden;
}

section.sec-intro .wrap-kusudama .kusudama_2 img.taremaku {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_2 img.tama_l {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_2 img.tama_r {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_3 {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_3 img.line {
  position: absolute;
  margin: 0 auto;
}

section.sec-intro .wrap-kusudama .kusudama_3 img.hirahira {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_3 .wrap-taremaku {
  position: absolute;
  overflow: hidden;
}

section.sec-intro .wrap-kusudama .kusudama_3 img.taremaku {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_3 img.tama_l {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_3 img.tama_r {
  position: absolute;
}

section.sec-intro .wrap-kusudama .kusudama_1 img.line {
  -webkit-transform: translate(0%, -26%);
  transform: translate(0%, -26%);
}

section.sec-intro .wrap-kusudama .kusudama_1 img.hirahira {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

section.sec-intro .wrap-kusudama .kusudama_1 img.taremaku {
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}

section.sec-intro .wrap-kusudama .kusudama_1 img.tama_l {
  -webkit-transform-origin: 100% 20%;
  transform-origin: 100% 20%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

section.sec-intro .wrap-kusudama .kusudama_1 img.tama_r {
  -webkit-transform-origin: 0% 20%;
  transform-origin: 0% 20%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

section.sec-intro .wrap-kusudama .kusudama_2 img.line {
  -webkit-transform: translate(0%, -19%);
  transform: translate(0%, -19%);
}

section.sec-intro .wrap-kusudama .kusudama_2 img.hirahira {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

section.sec-intro .wrap-kusudama .kusudama_2 img.taremaku {
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}

section.sec-intro .wrap-kusudama .kusudama_2 img.tama_l {
  -webkit-transform-origin: 100% 20%;
  transform-origin: 100% 20%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

section.sec-intro .wrap-kusudama .kusudama_2 img.tama_r {
  -webkit-transform-origin: 0% 20%;
  transform-origin: 0% 20%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

section.sec-intro .wrap-kusudama .kusudama_3 {
  z-index: 1;
}

section.sec-intro .wrap-kusudama .kusudama_3 img.line {
  -webkit-transform: translate(0%, -23%);
  transform: translate(0%, -23%);
}

section.sec-intro .wrap-kusudama .kusudama_3 img.hirahira {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

section.sec-intro .wrap-kusudama .kusudama_3 img.taremaku {
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}

section.sec-intro .wrap-kusudama .kusudama_3 img.tama_l {
  -webkit-transform-origin: 100% 20%;
  transform-origin: 100% 20%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

section.sec-intro .wrap-kusudama .kusudama_3 img.tama_r {
  -webkit-transform-origin: 0% 20%;
  transform-origin: 0% 20%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@-webkit-keyframes kusudama {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 2%);
    transform: translate(0%, 2%);
  }
}

@keyframes kusudama {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 2%);
    transform: translate(0%, 2%);
  }
}

[data-intro-phase=complete] section.sec-intro .kusudama_1 {
  -webkit-animation: kusudama 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s 2 alternate;
  animation: kusudama 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s 2 alternate;
}

[data-intro-phase=complete] section.sec-intro .kusudama_1 img.line {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s;
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_1 img.hirahira {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.8s;
  transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.8s;
  transition: transform 0.7s cubic-bezier(1, 0, 0, 1) 0.8s;
  transition: transform 0.7s cubic-bezier(1, 0, 0, 1) 0.8s, -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.8s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_1 img.taremaku {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_1 img.tama_l {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_1 img.tama_r {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_2 {
  -webkit-animation: kusudama 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s 2 alternate;
  animation: kusudama 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s 2 alternate;
}

[data-intro-phase=complete] section.sec-intro .kusudama_2 img.line {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_2 img.hirahira {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.6s;
  transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.6s;
  transition: transform 0.7s cubic-bezier(1, 0, 0, 1) 0.6s;
  transition: transform 0.7s cubic-bezier(1, 0, 0, 1) 0.6s, -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.6s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_2 img.taremaku {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_2 img.tama_l {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_2 img.tama_r {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_3 {
  -webkit-animation: kusudama 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s 2 alternate;
  animation: kusudama 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s 2 alternate;
}

[data-intro-phase=complete] section.sec-intro .kusudama_3 img.line {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_3 img.hirahira {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: transform 0.7s cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: transform 0.7s cubic-bezier(1, 0, 0, 1) 0.4s, -webkit-transform 0.7s cubic-bezier(1, 0, 0, 1) 0.4s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_3 img.taremaku {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_3 img.tama_l {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

[data-intro-phase=complete] section.sec-intro .kusudama_3 img.tama_r {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

section.sec-intro img.deco_front {
  margin: auto;
  position: absolute;
  pointer-events: none;
}

section.sec-intro img.notice {
  left: 50%;
  position: absolute;
}

section.sec-intro .wrap-signage {
  width: 100%;
  border-style: solid;
  border-color: #E21C4B;
  background-color: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

section.sec-intro .signage_scroll {
  display: inline-block;
  -webkit-animation: signage_scroll 100s linear 0s normal infinite;
  animation: signage_scroll 100s linear 0s normal infinite;
  position: relative;
  left: 0;
  top: 0;
  white-space: nowrap;
}

@-webkit-keyframes signage_scroll {
  0% {
    -webkit-transform: translate3d(0%, 0%);
    transform: translate3d(0%, 0%);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }
}

@keyframes signage_scroll {
  0% {
    -webkit-transform: translate3d(0%, 0%);
    transform: translate3d(0%, 0%);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }
}

section.sec-intro .wrap-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  left: 0;
  top: 0;
  white-space: nowrap;
}

section.sec-intro .wrap-item:nth-of-type(2) {
  position: absolute;
  left: 100%;
}

section.sec-intro .wrap-item .wrap-count {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: nowrap;
}

section.sec-intro .wrap-item img.char {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro .wrap-item .name {
  white-space: nowrap;
  color: #E21C4B;
}

section.sec-intro .wrap-item .point {
  line-height: 0.9;
  font-weight: 700;
  color: #E21C4B;
  position: relative;
}

section.sec-intro .wrap-item .point.praizu {
  margin: 0;
}

section.sec-intro .wrap-item .point .infinity {
  position: relative;
}

section.sec-intro .wrap-item .point span {
  font-weight: 900;
  color: #E21C4B;
  text-shadow: 1px 1px 1px #FF0, -1px -1px 1px #FF0, 1px -1px 1px #FF0, -1px 1px 1px #FF0;
}

section.sec-intro .stop-signage {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FFF;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear 0s, visibility 0.01s linear 0.3s;
  transition: opacity 0.3s linear 0s, visibility 0.01s linear 0.3s;
}

section.sec-intro .stop-signage[data-is-visible] {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}

section.sec-intro .stop-signage[data-is-change] .wrap-item {
  -webkit-animation: wrap-item 0.3s linear 0s 1 normal;
  animation: wrap-item 0.3s linear 0s 1 normal;
}

@-webkit-keyframes wrap-item {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes wrap-item {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

section.sec-intro .latest-news {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid var(--pink-pink-1, #E21C4B);
  background: #FFF;
  overflow: hidden;
  z-index: 1;
}

section.sec-intro .blockTitle {
  color: var(--pink-pink-1, #E21C4B);
  font-weight: 700;
  line-height: 1;
}

section.sec-intro .news_thumb {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
}

section.sec-intro .newsTitle_ticker {
  white-space: nowrap;
  line-height: 1;
  position: relative;
  display: inline-block;
  -webkit-animation: newsTitle_ticker 10s linear 0s normal infinite;
  animation: newsTitle_ticker 10s linear 0s normal infinite;
  -webkit-transform: translate3d(-100%, 0%, 0);
  transform: translate3d(-100%, 0%, 0);
}

@-webkit-keyframes newsTitle_ticker {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }
}

@keyframes newsTitle_ticker {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }
}

section.sec-intro .newsTitle_ticker .newsTitle {
  display: inline-block;
  color: var(--pink-pink-1, #E21C4B);
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

section.sec-intro .newsTitle_ticker .newsTitle br {
  display: none;
}

section.sec-intro .newsTitle_ticker .newsTitle:nth-of-type(1) {
  position: relative;
}

section.sec-intro .newsTitle_ticker .newsTitle:nth-of-type(2) {
  position: absolute;
  left: 100%;
  top: 0;
}

section.sec-intro .newsTitle_ticker .newsTitle:nth-of-type(3) {
  position: absolute;
  left: 200%;
  top: 0;
}

section.sec-intro .rank_1 .char,
section.sec-intro .rank_1 .chair {
  z-index: 5;
}

section.sec-intro .rank_1 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_2 .char,
section.sec-intro .rank_2 .chair {
  z-index: 5;
}

section.sec-intro .rank_2 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_3 .char,
section.sec-intro .rank_3 .chair {
  z-index: 5;
}

section.sec-intro .rank_3 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_4 .char,
section.sec-intro .rank_4 .chair {
  z-index: 5;
}

section.sec-intro .rank_4 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_5 .char,
section.sec-intro .rank_5 .chair {
  z-index: 5;
}

section.sec-intro .rank_5 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_6 .char,
section.sec-intro .rank_6 .chair {
  z-index: 5;
}

section.sec-intro .rank_6 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_7 .char,
section.sec-intro .rank_7 .chair {
  z-index: 5;
}

section.sec-intro .rank_7 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_8 .char,
section.sec-intro .rank_8 .chair {
  z-index: 5;
}

section.sec-intro .rank_8 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_9 .char,
section.sec-intro .rank_9 .chair {
  z-index: 5;
}

section.sec-intro .rank_9 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_10 .char,
section.sec-intro .rank_10 .chair {
  z-index: 5;
}

section.sec-intro .rank_10 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_11 .char,
section.sec-intro .rank_11 .chair {
  z-index: 5;
}

section.sec-intro .rank_11 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_12 .char,
section.sec-intro .rank_12 .chair {
  z-index: 5;
}

section.sec-intro .rank_12 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_13 .char,
section.sec-intro .rank_13 .chair {
  z-index: 5;
}

section.sec-intro .rank_13 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_14 .char,
section.sec-intro .rank_14 .chair {
  z-index: 5;
}

section.sec-intro .rank_14 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_15 .char,
section.sec-intro .rank_15 .chair {
  z-index: 5;
}

section.sec-intro .rank_15 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_16 .char,
section.sec-intro .rank_16 .chair {
  z-index: 5;
}

section.sec-intro .rank_16 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_17 .char,
section.sec-intro .rank_17 .chair {
  z-index: 5;
}

section.sec-intro .rank_17 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro .rank_18 .char,
section.sec-intro .rank_18 .chair {
  z-index: 5;
}

section.sec-intro .rank_18 .wrap-fukidashi {
  z-index: 7;
}

section.sec-intro img.deco_front {
  z-index: 4;
}

section.sec-intro img.notice {
  z-index: 10;
}

section.sec-intro .bg_stage_hole_cover {
  z-index: 8;
}

section.sec-intro .wrap-kusudama {
  z-index: 5;
}

section.sec-intro .latest-news {
  z-index: 5;
}

section.sec-intro .crane {
  z-index: 6;
}

section.sec-intro .vote-char {
  z-index: 8;
}

section.sec-intro .wrap-ui-left {
  z-index: 11;
}

section.sec-intro .wrap-ui-right {
  z-index: 11;
}

section.sec-intro .wrap-extra {
  z-index: 6;
}

section.sec-intro-catch {
  background-color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

section.sec-intro-catch[data-rank="1"] .chair_1 {
  display: block;
}

section.sec-intro-catch[data-rank="2"] .chair_2 {
  display: block;
}

section.sec-intro-catch[data-rank="3"] .chair_3 {
  display: block;
}

section.sec-intro-catch .wrap-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  overflow: hidden;
}

section.sec-intro-catch .wrap-stage {
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFDEE7;
}

section.sec-intro-catch .logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

section.sec-intro-catch .kamifubuki {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto;
}

section.sec-intro-catch .spotlight {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

section.sec-intro-catch .wrap-chair {
  position: absolute;
  width: 100%;
  height: 100%;
}

section.sec-intro-catch .chair_1 {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  position: absolute;
  display: none;
}

section.sec-intro-catch .chair_2 {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  position: absolute;
  display: none;
}

section.sec-intro-catch .chair_3 {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  position: absolute;
  display: none;
}

section.sec-intro-catch .wrap-arm_l {
  bottom: 0;
  margin: auto;
  position: absolute;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

section.sec-intro-catch .arm_l {
  position: absolute;
}

section.sec-intro-catch .wrap-arm_r {
  bottom: 0;
  margin: auto;
  position: absolute;
}

section.sec-intro-catch .arm_r {
  position: absolute;
}

section.sec-intro-catch .wrap-btn_skip {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

section.sec-intro-catch .wrap-btn_skip:hover .btn_skip {
  opacity: 0;
}

section.sec-intro-catch .wrap-btn_skip:hover .btn_skip_hover {
  opacity: 1;
}

section.sec-intro-catch .btn_skip,
section.sec-intro-catch .btn_skip_hover {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro-catch .btn_skip_hover {
  opacity: 0;
}

section.sec-intro-catch .wrap-char {
  position: absolute;
  width: 100%;
  height: 100%;
}

section.sec-intro-catch .char {
  bottom: 0;
  margin: auto;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

section.sec-intro-catch .wrap-wrap-fukidashi {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro-catch .wrap-fukidashi {
  left: 50%;
  position: absolute;
}

section.sec-intro-catch .fukidashi {
  background-color: #FFFF1A;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

section.sec-intro-catch .fukidashi::after {
  border-color: #FFFF1A transparent transparent;
}

section.sec-intro-catch {
  display: none;
}

section.sec-intro-catch[data-phase="1"] {
  display: block;
}

section.sec-intro-catch[data-phase="1"] .wrap-stage {
  -webkit-animation: zoom-in 2s linear 1s 1 forwards, zoom-out 2s linear 7.5s 1 forwards;
  animation: zoom-in 2s linear 1s 1 forwards, zoom-out 2s linear 7.5s 1 forwards;
}

section.sec-intro-catch[data-phase="1"] .wrap-char {
  -webkit-animation: zoom-in 2s linear 1s 1 forwards, catch-char 0.3s linear 6.2s 1 forwards;
  animation: zoom-in 2s linear 1s 1 forwards, catch-char 0.3s linear 6.2s 1 forwards;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoom-out {
  0% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes catch-char {
  0% {
    -webkit-transform: rotate(0deg) scale(2.5);
    transform: rotate(0deg) scale(2.5);
  }

  70% {
    -webkit-transform: rotate(-4.5deg) scale(2.5);
    transform: rotate(-4.5deg) scale(2.5);
  }

  100% {
    -webkit-transform: rotate(-4deg) scale(2.5);
    transform: rotate(-4deg) scale(2.5);
  }
}

@keyframes catch-char {
  0% {
    -webkit-transform: rotate(0deg) scale(2.5);
    transform: rotate(0deg) scale(2.5);
  }

  70% {
    -webkit-transform: rotate(-4.5deg) scale(2.5);
    transform: rotate(-4.5deg) scale(2.5);
  }

  100% {
    -webkit-transform: rotate(-4deg) scale(2.5);
    transform: rotate(-4deg) scale(2.5);
  }
}

section.sec-intro-catch[data-phase="1"] .arm_l,
section.sec-intro-catch[data-phase="1"] .arm_r {
  -webkit-animation: arm-1 0.3s linear 3.5s 1 forwards, arm-2 2s linear 4.5s 1 forwards;
  animation: arm-1 0.3s linear 3.5s 1 forwards, arm-2 2s linear 4.5s 1 forwards;
}

@-webkit-keyframes arm-1 {
  0% {
    -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0);
  }

  100% {
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }
}

@keyframes arm-1 {
  0% {
    -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0);
  }

  100% {
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }
}

@-webkit-keyframes arm-2 {
  0% {
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }

  100% {
    -webkit-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
  }
}

@keyframes arm-2 {
  0% {
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }

  100% {
    -webkit-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
  }
}

section.sec-intro-catch[data-phase="1"] .wrap-fukidashi {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-animation: wrap-fukidashi 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s 1 forwards;
  animation: wrap-fukidashi 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s 1 forwards;
}

@-webkit-keyframes wrap-fukidashi {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes wrap-fukidashi {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

section.sec-intro-vote {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

section.sec-intro-vote .wrap-filter {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

section.sec-intro-vote .wrap-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  overflow: hidden;
  background-color: #E84B78;
}

section.sec-intro-vote .bg {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

section.sec-intro-vote .bg_logo {
  position: absolute;
  margin: auto;
}

section.sec-intro-vote .light {
  position: absolute;
  right: 0;
  margin: auto;
}

section.sec-intro-vote .crane_arm {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

section.sec-intro-vote .wrap-hanabi .hanabi_1 {
  position: absolute;
}

section.sec-intro-vote .wrap-hanabi .hanabi_2 {
  position: absolute;
}

section.sec-intro-vote .wrap-hanabi .hanabi_3 {
  position: absolute;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

section.sec-intro-vote .wrap-hanabi .hanabi_4 {
  position: absolute;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

section.sec-intro-vote .hole {
  position: absolute;
  right: 0;
  margin: auto;
}

section.sec-intro-vote .kamifubuki {
  position: absolute;
  right: 0;
  margin: auto;
}

section.sec-intro-vote .char_focus {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

section.sec-intro-vote .wrap-fukidashi {
  position: absolute;
  left: 50%;
}

section.sec-intro-vote .wrap-fukidashi .fukidashi {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

section.sec-intro-vote .vote-text {
  position: absolute;
  color: #FFF;
  font-weight: 700;
}

section.sec-intro-vote .wrap-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

section.sec-intro-vote .wrap-buttons .button {
  background-color: #FFF;
}

section.sec-intro-vote .wrap-buttons .button:hover {
  background-color: #E21C4B;
  border-color: #FFF;
  color: #FFF;
}

section.sec-intro-vote .btn_to_x {
  text-align: center;
}

section.sec-intro-vote {
  display: none;
}

section.sec-intro-vote[data-phase="1"],
section.sec-intro-vote[data-phase="2"] {
  display: block;
}

section.sec-intro-vote[data-phase="1"] .wrap-filter,
section.sec-intro-vote[data-phase="2"] .wrap-filter {
  visibility: hidden;
  -webkit-filter: contrast(0.5) brightness(3);
  filter: contrast(0.5) brightness(3);
  -webkit-animation: sec-intro-vote 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s 1 forwards, sec-intro-vote-visible 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.55s 1 forwards;
  animation: sec-intro-vote 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s 1 forwards, sec-intro-vote-visible 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.55s 1 forwards;
}

@-webkit-keyframes sec-intro-vote {
  0% {
    -webkit-filter: contrast(0.5) brightness(3);
    filter: contrast(0.5) brightness(3);
  }

  100% {
    -webkit-filter: none;
    filter: none;
  }
}

@keyframes sec-intro-vote {
  0% {
    -webkit-filter: contrast(0.5) brightness(3);
    filter: contrast(0.5) brightness(3);
  }

  100% {
    -webkit-filter: none;
    filter: none;
  }
}

@-webkit-keyframes sec-intro-vote-visible {
  0% {
    visibility: visible;
  }

  100% {
    visibility: visible;
  }
}

@keyframes sec-intro-vote-visible {
  0% {
    visibility: visible;
  }

  100% {
    visibility: visible;
  }
}

section.sec-intro-vote[data-phase="1"] .wrap-content,
section.sec-intro-vote[data-phase="2"] .wrap-content {
  -webkit-box-shadow: inset 15px 25px 50px rgb(255, 255, 255), inset -15px -25px 50px rgb(255, 255, 255);
  box-shadow: inset 15px 25px 50px rgb(255, 255, 255), inset -15px -25px 50px rgb(255, 255, 255);
  -webkit-animation: wrap-content 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s 1 forwards;
  animation: wrap-content 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s 1 forwards;
}

@-webkit-keyframes wrap-content {
  0% {
    -webkit-box-shadow: inset 15px 25px 50px rgb(255, 255, 255), inset -15px -25px 50px rgb(255, 255, 255);
    box-shadow: inset 15px 25px 50px rgb(255, 255, 255), inset -15px -25px 50px rgb(255, 255, 255);
  }

  100% {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@keyframes wrap-content {
  0% {
    -webkit-box-shadow: inset 15px 25px 50px rgb(255, 255, 255), inset -15px -25px 50px rgb(255, 255, 255);
    box-shadow: inset 15px 25px 50px rgb(255, 255, 255), inset -15px -25px 50px rgb(255, 255, 255);
  }

  100% {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

section.sec-intro-vote[data-phase="1"] .hole,
section.sec-intro-vote[data-phase="2"] .hole {
  -webkit-filter: contrast(0);
  filter: contrast(0);
  -webkit-animation: hole 1s cubic-bezier(0.77, 0, 0.175, 1) 1.65s 1 forwards;
  animation: hole 1s cubic-bezier(0.77, 0, 0.175, 1) 1.65s 1 forwards;
}

@-webkit-keyframes hole {
  0% {
    -webkit-filter: contrast(0.5);
    filter: contrast(0.5);
  }

  100% {
    -webkit-filter: none;
    filter: none;
  }
}

@keyframes hole {
  0% {
    -webkit-filter: contrast(0.5);
    filter: contrast(0.5);
  }

  100% {
    -webkit-filter: none;
    filter: none;
  }
}

section.sec-intro-vote[data-phase="1"] .char_focus,
section.sec-intro-vote[data-phase="2"] .char_focus {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: char_focus 10s cubic-bezier(0.19, 1, 0.22, 1) 1.65s 1 forwards;
  animation: char_focus 10s cubic-bezier(0.19, 1, 0.22, 1) 1.65s 1 forwards;
}

@-webkit-keyframes char_focus {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 10%);
    transform: translate(0%, 10%);
  }
}

@keyframes char_focus {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 10%);
    transform: translate(0%, 10%);
  }
}

section.sec-intro-vote[data-phase="1"] .wrap-fukidashi,
section.sec-intro-vote[data-phase="2"] .wrap-fukidashi {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: wrap-fukidashi 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.35s 1 forwards;
  animation: wrap-fukidashi 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.35s 1 forwards;
}

@keyframes wrap-fukidashi {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes btn_to_return-poyon {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  40% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  60% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }

  80% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes btn_to_return-poyon {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  40% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  60% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }

  80% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

section.sec-intro-vote[data-phase="2"] {
  display: block;
  visibility: visible;
  pointer-events: none;
  animation: intro-vote-wipe 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 reverse forwards;
}

@-webkit-keyframes intro-vote-wipe {
  0% {
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
  }

  100% {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

@keyframes intro-vote-wipe {
  0% {
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
  }

  100% {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

section.sec-info {
  position: relative;
  z-index: 10;
}

section.sec-about {
  position: relative;
}

section.sec-about .title {
  height: 1em;
  position: relative;
}

section.sec-about .title img {
  vertical-align: top;
}

section.sec-about .title img[src*=char_pura] {
  position: relative;
}

section.sec-about .title img[src*=char_izu] {
  position: relative;
}

section.sec-commercialize {
  position: relative;
}

section.sec-commercialize .title {
  height: 1em;
  position: relative;
}

section.sec-commercialize .crane {
  position: absolute;
}

section.sec-commercialize .wrap-img {
  background-color: #C4C4C4;
}

section.sec-commercialize .praizu_comment {
  margin: 0 auto 0;
  display: block;
}

section.sec-commercialize .praizu {
  display: block;
}

section.sec-howto {
  position: relative;
}

section.sec-howto .title {
  height: 1em;
  position: relative;
}

section.sec-howto .crane {
  position: absolute;
}

section.sec-howto .schedule {
  margin: 0 auto;
  display: block;
}

section.sec-howto .wrap-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

section.sec-sns {
  position: relative;
}

section.sec-sns .ornament_l {
  position: absolute;
}

section.sec-sns .ornament_r {
  position: absolute;
}

section.sec-sns .title {
  height: 1em;
  position: relative;
}

section.sec-sns .wrap-x-thread {
  margin: 0 auto;
  overflow: auto;
  border: 3px solid #BFBFBF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.sec-sns .twitter-tweet {
  border-top: solid 1px rgb(207, 217, 222);
}

section.sec-sns .twitter-tweet:nth-of-type(1) {
  border-top: none;
}

section.sec-sns .twitter-tweet iframe {
  -webkit-clip-path: polygon(1% 1%, 99% 1%, 99% 99%, 1% 99%);
  clip-path: polygon(1% 1%, 99% 1%, 99% 99%, 1% 99%);
}

section.sec-event {
  position: relative;
}

section.sec-event .kamifubuki {
  position: absolute;
}

section.sec-event .title {
  height: 1em;
  position: relative;
}

section.sec-event .event_banner {
  height: auto;
  display: block;
}

body[data-is-mid-point-report-opened] {
  overflow: hidden;
}

body[data-is-mid-point-report-opened] section.sec-mid-point-report {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
}

body[data-is-mid-point-report-opened] section.sec-mid-point-report .wrap-content {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0.1s, -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.2s linear 0.1s, -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.2s linear 0.1s, transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.2s linear 0.1s, transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

section.sec-mid-point-report {
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 1100;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0.2s, visibility 0.001s linear 0.3s;
  transition: opacity 0.1s linear 0.2s, visibility 0.001s linear 0.3s;
}

section.sec-mid-point-report .wrap-content {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #E84B78;
  position: fixed;
  scrollbar-width: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;
  -webkit-transition: opacity 0.2s linear 0s, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: opacity 0.2s linear 0s, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: opacity 0.2s linear 0s, transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: opacity 0.2s linear 0s, transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
}

section.sec-mid-point-report .wrap-content .scroll {
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

section.sec-mid-point-report .wrap_btn_close {
  position: absolute;
  z-index: 100;
  pointer-events: auto;
  cursor: pointer;
}

section.sec-mid-point-report .wrap_btn_close img.btn_close,
section.sec-mid-point-report .wrap_btn_close img.btn_close_hover {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .wrap_btn_close img.btn_close_hover {
  opacity: 0;
}

section.sec-mid-point-report .wrap_btn_close:hover img.btn_close_hover {
  opacity: 1;
}

section.sec-mid-point-report .sec-1,
section.sec-mid-point-report .sec-2,
section.sec-mid-point-report .sec-3,
section.sec-mid-point-report .sec-4,
section.sec-mid-point-report .sec-5,
section.sec-mid-point-report .sec-6,
section.sec-mid-point-report .sec-7,
section.sec-mid-point-report .sec-8,
section.sec-mid-point-report .sec-9,
section.sec-mid-point-report .sec-10,
section.sec-mid-point-report .sec-11,
section.sec-mid-point-report .sec-12 {
  width: 100%;
  height: 100%;
  position: relative;
}

section.sec-mid-point-report .bg {
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .btn_next {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

section.sec-mid-point-report .btn_next .btn_next_text {
  font-weight: 700;
  color: #FFF;
}

section.sec-mid-point-report .btn_next img.arrow {
  position: relative;
}

section.sec-mid-point-report .sec-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.sec-mid-point-report .sec-1 img.logo_charasai {
  display: block;
  position: relative;
}

section.sec-mid-point-report .sec-1 img.title {
  display: block;
  position: relative;
}

section.sec-mid-point-report .sec-1 img.char {
  display: block;
  position: relative;
}

section.sec-mid-point-report .sec-1 img.pra_text {
  position: relative;
}

section.sec-mid-point-report .sec-1 img.izu_text {
  position: relative;
}

section.sec-mid-point-report .sec-1 .attention-scroll {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
}

section.sec-mid-point-report .sec-1 .attention-scroll p {
  font-weight: 700;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

section.sec-mid-point-report .sec-1 .attention-scroll img.arrow {
  display: block;
  -webkit-animation: scroll_arrow 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s alternate infinite;
  animation: scroll_arrow 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s alternate infinite;
}

@-webkit-keyframes scroll_arrow {
  0% {
    -webkit-transform: translate(0%, -10%);
    transform: translate(0%, -10%);
  }

  100% {
    -webkit-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
  }
}

@keyframes scroll_arrow {
  0% {
    -webkit-transform: translate(0%, -10%);
    transform: translate(0%, -10%);
  }

  100% {
    -webkit-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
  }
}

section.sec-mid-point-report .sec-2,
section.sec-mid-point-report .sec-4,
section.sec-mid-point-report .sec-6,
section.sec-mid-point-report .sec-8,
section.sec-mid-point-report .sec-10,
section.sec-mid-point-report .sec-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.sec-mid-point-report .sec-2 img.bg_pattern,
section.sec-mid-point-report .sec-4 img.bg_pattern,
section.sec-mid-point-report .sec-6 img.bg_pattern,
section.sec-mid-point-report .sec-8 img.bg_pattern,
section.sec-mid-point-report .sec-10 img.bg_pattern,
section.sec-mid-point-report .sec-12 img.bg_pattern {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

section.sec-mid-point-report .sec-2 img.kamifubuki,
section.sec-mid-point-report .sec-4 img.kamifubuki,
section.sec-mid-point-report .sec-6 img.kamifubuki,
section.sec-mid-point-report .sec-8 img.kamifubuki,
section.sec-mid-point-report .sec-10 img.kamifubuki,
section.sec-mid-point-report .sec-12 img.kamifubuki {
  position: absolute;
}

section.sec-mid-point-report .sec-2 img.light,
section.sec-mid-point-report .sec-4 img.light,
section.sec-mid-point-report .sec-6 img.light,
section.sec-mid-point-report .sec-8 img.light,
section.sec-mid-point-report .sec-10 img.light,
section.sec-mid-point-report .sec-12 img.light {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-mid-point-report .sec-2 .comment,
section.sec-mid-point-report .sec-4 .comment,
section.sec-mid-point-report .sec-6 .comment,
section.sec-mid-point-report .sec-8 .comment,
section.sec-mid-point-report .sec-10 .comment,
section.sec-mid-point-report .sec-12 .comment {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-mid-point-report .sec-2 img.pra,
section.sec-mid-point-report .sec-4 img.pra,
section.sec-mid-point-report .sec-6 img.pra,
section.sec-mid-point-report .sec-8 img.pra,
section.sec-mid-point-report .sec-10 img.pra,
section.sec-mid-point-report .sec-12 img.pra {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-mid-point-report .sec-2 img.izu,
section.sec-mid-point-report .sec-4 img.izu,
section.sec-mid-point-report .sec-6 img.izu,
section.sec-mid-point-report .sec-8 img.izu,
section.sec-mid-point-report .sec-10 img.izu,
section.sec-mid-point-report .sec-12 img.izu {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-mid-point-report .sec-2 img.step,
section.sec-mid-point-report .sec-4 img.step,
section.sec-mid-point-report .sec-6 img.step,
section.sec-mid-point-report .sec-8 img.step,
section.sec-mid-point-report .sec-10 img.step,
section.sec-mid-point-report .sec-12 img.step {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-mid-point-report .sec-3 .wrap-cards,
section.sec-mid-point-report .sec-5 .wrap-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

section.sec-mid-point-report .sec-3 .card .card-content,
section.sec-mid-point-report .sec-5 .card .card-content {
  overflow: hidden;
  position: relative;
}

section.sec-mid-point-report .sec-3 .card .front,
section.sec-mid-point-report .sec-5 .card .front {
  background-color: #FFFF1A;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .sec-3 .card .rank,
section.sec-mid-point-report .sec-5 .card .rank {
  font-weight: 700;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #AC2727;
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
}

section.sec-mid-point-report .sec-3 .card .wrap-img,
section.sec-mid-point-report .sec-5 .card .wrap-img {
  border-color: #AC2727;
  border-style: solid;
  position: relative;
  background-color: #FFF;
  overflow: hidden;
}

section.sec-mid-point-report .sec-3 .card .wrap-img[data-hover-sp] img.img-1,
section.sec-mid-point-report .sec-5 .card .wrap-img[data-hover-sp] img.img-1 {
  visibility: hidden;
}

section.sec-mid-point-report .sec-3 .card .wrap-img[data-hover-sp] img.img-2,
section.sec-mid-point-report .sec-5 .card .wrap-img[data-hover-sp] img.img-2 {
  visibility: visible;
  -webkit-animation: thumb-hover 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 2 alternate;
  animation: thumb-hover 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 2 alternate;
}

@-webkit-keyframes thumb-hover {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 3%);
    transform: translate(0%, 3%);
  }
}

@keyframes thumb-hover {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 3%);
    transform: translate(0%, 3%);
  }
}

section.sec-mid-point-report .sec-3 .card img.img-1,
section.sec-mid-point-report .sec-5 .card img.img-1 {
  position: absolute;
  left: 0;
  top: 0;
  visibility: visible;
}

section.sec-mid-point-report .sec-3 .card img.img-2,
section.sec-mid-point-report .sec-5 .card img.img-2 {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .sec-3 .card .creator,
section.sec-mid-point-report .sec-5 .card .creator {
  color: #AC2727;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

section.sec-mid-point-report .sec-3 .card[data-char-index="3"] .name,
section.sec-mid-point-report .sec-3 .card[data-char-index="12"] .name,
section.sec-mid-point-report .sec-5 .card[data-char-index="3"] .name,
section.sec-mid-point-report .sec-5 .card[data-char-index="12"] .name {
  letter-spacing: -0.03em;
}

section.sec-mid-point-report .sec-3 .card .name,
section.sec-mid-point-report .sec-5 .card .name {
  color: #AC2727;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

section.sec-mid-point-report .sec-3 .card .point,
section.sec-mid-point-report .sec-5 .card .point {
  font-weight: 700;
  background-color: #AC2727;
  color: #FFF;
  border-radius: 100%;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: bottom;
}

section.sec-mid-point-report .sec-3 .card .point span,
section.sec-mid-point-report .sec-5 .card .point span {
  vertical-align: bottom;
  position: relative;
}

section.sec-mid-point-report .sec-3 .card .speech,
section.sec-mid-point-report .sec-5 .card .speech {
  color: #AC2727;
  font-weight: 600;
  line-height: 140%;
  white-space: pre-line;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

section.sec-mid-point-report .sec-3 .card .back,
section.sec-mid-point-report .sec-5 .card .back {
  width: 100%;
  height: 100%;
  background-color: #AC2727;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .sec-3 .card img.card_design,
section.sec-mid-point-report .sec-5 .card img.card_design {
  height: auto;
  margin: auto;
  display: block;
}

section.sec-mid-point-report .sec-7,
section.sec-mid-point-report .sec-9,
section.sec-mid-point-report .sec-11 {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.sec-mid-point-report .sec-7 .bg_deco,
section.sec-mid-point-report .sec-9 .bg_deco,
section.sec-mid-point-report .sec-11 .bg_deco {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .sec-7 .card,
section.sec-mid-point-report .sec-9 .card,
section.sec-mid-point-report .sec-11 .card {
  position: relative;
}

section.sec-mid-point-report .sec-7 .card .card-content,
section.sec-mid-point-report .sec-9 .card .card-content,
section.sec-mid-point-report .sec-11 .card .card-content {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

section.sec-mid-point-report .sec-7 .card .front,
section.sec-mid-point-report .sec-9 .card .front,
section.sec-mid-point-report .sec-11 .card .front {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .sec-7 .card .card_top3,
section.sec-mid-point-report .sec-9 .card .card_top3,
section.sec-mid-point-report .sec-11 .card .card_top3 {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

section.sec-mid-point-report .sec-7 .card .rank,
section.sec-mid-point-report .sec-9 .card .rank,
section.sec-mid-point-report .sec-11 .card .rank {
  line-height: 1;
  font-weight: 700;
  position: absolute;
  color: #B0B045;
  text-align: center;
}

section.sec-mid-point-report .sec-7 .card .creator,
section.sec-mid-point-report .sec-9 .card .creator,
section.sec-mid-point-report .sec-11 .card .creator {
  line-height: 1;
  font-weight: 500;
  position: relative;
  color: #B0B045;
}

section.sec-mid-point-report .sec-7 .card .name,
section.sec-mid-point-report .sec-9 .card .name,
section.sec-mid-point-report .sec-11 .card .name {
  line-height: 1;
  font-weight: 700;
  position: relative;
  color: #B0B045;
}

section.sec-mid-point-report .sec-7 .card .wrap-img,
section.sec-mid-point-report .sec-9 .card .wrap-img,
section.sec-mid-point-report .sec-11 .card .wrap-img {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

section.sec-mid-point-report .sec-7 .card .wrap-img img.img-1,
section.sec-mid-point-report .sec-7 .card .wrap-img img.img-2,
section.sec-mid-point-report .sec-9 .card .wrap-img img.img-1,
section.sec-mid-point-report .sec-9 .card .wrap-img img.img-2,
section.sec-mid-point-report .sec-11 .card .wrap-img img.img-1,
section.sec-mid-point-report .sec-11 .card .wrap-img img.img-2 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .sec-7 .card .wrap-img img.img-1,
section.sec-mid-point-report .sec-9 .card .wrap-img img.img-1,
section.sec-mid-point-report .sec-11 .card .wrap-img img.img-1 {
  visibility: hidden;
}

section.sec-mid-point-report .sec-7 .card .back,
section.sec-mid-point-report .sec-9 .card .back,
section.sec-mid-point-report .sec-11 .card .back {
  width: 100%;
  height: 100%;
  background-color: #AC2727;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
}

section.sec-mid-point-report .sec-7 .card img.card_design,
section.sec-mid-point-report .sec-9 .card img.card_design,
section.sec-mid-point-report .sec-11 .card img.card_design {
  height: auto;
  margin: auto;
  display: block;
}

section.sec-mid-point-report .sec-7 .data,
section.sec-mid-point-report .sec-9 .data,
section.sec-mid-point-report .sec-11 .data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

section.sec-mid-point-report .sec-7 .data .creator,
section.sec-mid-point-report .sec-9 .data .creator,
section.sec-mid-point-report .sec-11 .data .creator {
  line-height: 1;
  color: #FFF;
  font-weight: 500;
}

section.sec-mid-point-report .sec-7 .data .name,
section.sec-mid-point-report .sec-9 .data .name,
section.sec-mid-point-report .sec-11 .data .name {
  line-height: 1;
  color: #FFF;
  font-weight: 700;
}

section.sec-mid-point-report .sec-7 .data .speech,
section.sec-mid-point-report .sec-9 .data .speech,
section.sec-mid-point-report .sec-11 .data .speech {
  color: #FFF;
  font-weight: 500;
  text-align: center;
  white-space: pre-line;
}

section.sec-mid-point-report .sec-7 .data .point,
section.sec-mid-point-report .sec-9 .data .point,
section.sec-mid-point-report .sec-11 .data .point {
  line-height: 1;
  color: #FFF;
  font-weight: 700;
}

section.sec-mid-point-report .sec-7 .data .point span,
section.sec-mid-point-report .sec-9 .data .point span,
section.sec-mid-point-report .sec-11 .data .point span {
  font-weight: 700;
}

section.sec-mid-point-report .sec-12 img.pra {
  margin: 0;
}

section.sec-mid-point-report .sec-12 img.izu {
  margin: 0;
  left: auto;
}

section.sec-mid-point-report .sec-12 img.step {
  margin: 0;
}

section.sec-mid-point-report .sec-12 img.step-izu {
  left: auto;
}

section.sec-mid-point-report .sec-12 .btn_close_end {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
}

section.sec-mid-point-report .sec-12 .btn_close_end p {
  font-weight: 700;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

section.sec-mid-point-report .sec-12 .btn_close_end img.arrow {
  display: block;
}

section.sec-mid-point-report .card .card-content::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(1) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.45s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.45s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.85s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(1) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.85s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(1) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 0.83s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 0.83s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(2) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.7s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.7s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(2) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(2) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 1.08s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 1.08s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(3) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.95s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.35s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.95s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.35s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(3) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.35s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.35s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(3) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 1.33s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 1.33s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(4) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(4) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(4) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 1.58s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 1.58s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(5) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.45s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.85s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.45s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.85s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(5) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.85s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.85s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(5) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 1.83s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 1.83s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(6) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.7s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.1s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.7s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.1s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(6) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.1s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.1s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(6) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 2.08s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 2.08s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(7) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.95s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.35s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.95s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.35s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(7) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.35s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.35s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(7) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 2.33s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 2.33s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(8) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.6s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.6s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(8) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.6s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.6s 1 normal forwards;
}

section.sec-mid-point-report [data-is-entered] .card:nth-of-type(8) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 2.58s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 2.58s 1 normal forwards;
}

@-webkit-keyframes cardRotate-1 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(89deg);
    transform: rotateY(89deg);
  }
}

@keyframes cardRotate-1 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(89deg);
    transform: rotateY(89deg);
  }
}

@-webkit-keyframes cardRotate-2 {
  0% {
    -webkit-transform: rotateY(-89deg);
    transform: rotateY(-89deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes cardRotate-2 {
  0% {
    -webkit-transform: rotateY(-89deg);
    transform: rotateY(-89deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@-webkit-keyframes cardRotate-visibility {
  0% {
    visibility: visible;
  }

  100% {
    visibility: hidden;
  }
}

@keyframes cardRotate-visibility {
  0% {
    visibility: visible;
  }

  100% {
    visibility: hidden;
  }
}

@-webkit-keyframes cardRotate-flash {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes cardRotate-flash {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

section.sec-intro .wrap-calendar {
  border-top-style: solid;
  border-top-color: #E84B78;
  position: relative;
}

section.sec-intro .wrap-calendar .calendar {
  position: relative;
}

section.sec-intro .wrap-calendar .calendar_line {
  position: absolute;
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/21"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="28"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 16.6%, 0% 16.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 16.6%, 0% 16.6%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/22"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="27"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%, 0% 0%, 84.37% 0%, 84.37% 16.6%, 0% 16.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%, 0% 0%, 84.37% 0%, 84.37% 16.6%, 0% 16.6%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/23"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="26"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%, 0% 0%, 100.1% 0%, 100.1% 16.6%, 0% 16.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%, 0% 0%, 100.1% 0%, 100.1% 16.6%, 0% 16.6%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/24"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="25"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 15.73% 16.6%, 15.73% 33.2%, 0% 33.2%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 15.73% 16.6%, 15.73% 33.2%, 0% 33.2%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/25"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="24"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 29.315% 16.6%, 29.315% 33.2%, 0% 33.2%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 29.315% 16.6%, 29.315% 33.2%, 0% 33.2%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/26"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="23"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 42.9% 16.6%, 42.9% 33.2%, 0% 33.2%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 42.9% 16.6%, 42.9% 33.2%, 0% 33.2%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/27"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="22"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 57.2% 16.6%, 57.2% 33.2%, 0% 33.2%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 57.2% 16.6%, 57.2% 33.2%, 0% 33.2%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="2/28"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="21"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 70.785% 16.6%, 70.785% 33.2%, 0% 33.2%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 70.785% 16.6%, 70.785% 33.2%, 0% 33.2%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/1"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="20"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 87.23% 16.6%, 87.23% 33.2%, 0% 33.2%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 16.6%, 0% 16.6%, 0% 16.6%, 87.23% 16.6%, 87.23% 33.2%, 0% 33.2%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/2"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="19"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 33.2%, 0% 33.2%, 0% 33.2%, 100.1% 33.2%, 100.1% 49.8%, 0% 49.8%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 33.2%, 0% 33.2%, 0% 33.2%, 100.1% 33.2%, 100.1% 49.8%, 0% 49.8%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/3"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="18"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 15.73% 49.8%, 15.73% 66.4%, 0% 66.4%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 15.73% 49.8%, 15.73% 66.4%, 0% 66.4%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/4"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="17"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 29.315% 49.8%, 29.315% 66.4%, 0% 66.4%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 29.315% 49.8%, 29.315% 66.4%, 0% 66.4%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/5"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="16"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 42.9% 49.8%, 42.9% 66.4%, 0% 66.4%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 42.9% 49.8%, 42.9% 66.4%, 0% 66.4%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/6"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="15"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 57.2% 49.8%, 57.2% 66.4%, 0% 66.4%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 57.2% 49.8%, 57.2% 66.4%, 0% 66.4%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/7"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="14"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 70.785% 49.8%, 70.785% 66.4%, 0% 66.4%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 70.785% 49.8%, 70.785% 66.4%, 0% 66.4%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/8"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="13"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 84.37% 49.8%, 84.37% 66.4%, 0% 66.4%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 84.37% 49.8%, 84.37% 66.4%, 0% 66.4%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/9"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="12"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 100.1% 49.8%, 100.1% 66.4%, 0% 66.4%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 49.8%, 0% 49.8%, 0% 49.8%, 100.1% 49.8%, 100.1% 66.4%, 0% 66.4%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/10"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="11"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 15.73% 66.4%, 15.73% 83%, 0% 83%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 15.73% 66.4%, 15.73% 83%, 0% 83%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/11"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="10"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 29.315% 66.4%, 29.315% 83%, 0% 83%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 29.315% 66.4%, 29.315% 83%, 0% 83%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/12"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="9"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 42.9% 66.4%, 42.9% 83%, 0% 83%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 42.9% 66.4%, 42.9% 83%, 0% 83%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/13"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="8"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 57.2% 66.4%, 57.2% 83%, 0% 83%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 57.2% 66.4%, 57.2% 83%, 0% 83%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/14"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="7"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 70.785% 66.4%, 70.785% 83%, 0% 83%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 70.785% 66.4%, 70.785% 83%, 0% 83%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/15"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="6"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 84.37% 66.4%, 84.37% 83%, 0% 83%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 84.37% 66.4%, 84.37% 83%, 0% 83%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/16"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="5"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 100.1% 66.4%, 100.1% 83%, 0% 83%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 66.4%, 0% 66.4%, 0% 66.4%, 100.1% 66.4%, 100.1% 83%, 0% 83%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/17"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="4"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 15.73% 83%, 15.73% 99.6%, 0% 99.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 15.73% 83%, 15.73% 99.6%, 0% 99.6%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/18"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="3"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 29.315% 83%, 29.315% 99.6%, 0% 99.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 29.315% 83%, 29.315% 99.6%, 0% 99.6%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/19"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="2"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 42.9% 83%, 42.9% 99.6%, 0% 99.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 42.9% 83%, 42.9% 99.6%, 0% 99.6%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/20"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="1"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 57.2% 83%, 57.2% 99.6%, 0% 99.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 57.2% 83%, 57.2% 99.6%, 0% 99.6%);
}

section.sec-intro .wrap-calendar .calendar_line[data-date="3/21"],
section.sec-intro .wrap-calendar .calendar_line[data-date-count="0"] {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 70.785% 83%, 70.785% 99.6%, 0% 99.6%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 83%, 0% 83%, 0% 83%, 70.785% 83%, 70.785% 99.6%, 0% 99.6%);
}

section.sec-intro .signage_bg {
  width: 100%;
  position: absolute;
  background-repeat: repeat-x;
  background-position: center top;
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_bg.svg);
}

section.sec-intro .signage_bg .wrap_signage_content {
  left: 0;
  position: absolute;
  width: 100%;
  overflow: hidden;
}

section.sec-intro .signage_bg .content_slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

@-webkit-keyframes content_slider {
  0% {
    -webkit-transform: translate3d(0%, 100%, 0%);
    transform: translate3d(0%, 100%, 0%);
  }

  100% {
    -webkit-transform: translate3d(0%, 0%, 0%);
    transform: translate3d(0%, 0%, 0%);
  }
}

@keyframes content_slider {
  0% {
    -webkit-transform: translate3d(0%, 100%, 0%);
    transform: translate3d(0%, 100%, 0%);
  }

  100% {
    -webkit-transform: translate3d(0%, 0%, 0%);
    transform: translate3d(0%, 0%, 0%);
  }
}

@-webkit-keyframes content_slider-2 {
  0% {
    -webkit-transform: translate3d(0%, 100%, 0%);
    transform: translate3d(0%, 100%, 0%);
  }

  100% {
    -webkit-transform: translate3d(0%, 0%, 0%);
    transform: translate3d(0%, 0%, 0%);
  }
}

@keyframes content_slider-2 {
  0% {
    -webkit-transform: translate3d(0%, 100%, 0%);
    transform: translate3d(0%, 100%, 0%);
  }

  100% {
    -webkit-transform: translate3d(0%, 0%, 0%);
    transform: translate3d(0%, 0%, 0%);
  }
}

section.sec-intro .signage_bg .content_slider .wrap_countdown,
section.sec-intro .signage_bg .content_slider .wrap_logo {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-intro .signage_bg .content_slider .countdown {
  top: 0;
}

section.sec-intro .signage_bg .content_slider .logo {
  top: 0;
}

section.sec-intro .signage_bg .content_slider[data-focus=countdown] {
  -webkit-animation: content_slider 1s linear 0s normal 1;
  animation: content_slider 1s linear 0s normal 1;
}

section.sec-intro .signage_bg .content_slider[data-focus=countdown] .logo {
  top: -100%;
}

section.sec-intro .signage_bg .content_slider[data-focus=logo] {
  -webkit-animation: content_slider-2 1s linear 0s normal 1;
  animation: content_slider-2 1s linear 0s normal 1;
}

section.sec-intro .signage_bg .content_slider[data-focus=logo] .wrap_countdown {
  top: -100%;
}

section.sec-intro .signage_bg .countdown {
  position: relative;
  height: 100%;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  -webkit-animation: loop-simple 10s linear 0s normal infinite;
  animation: loop-simple 10s linear 0s normal infinite;
}

section.sec-intro .signage_bg .countdown[data-h100="0"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="0"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="0"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="0"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="0"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="0"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="0"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/0.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="1"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="1"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="1"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="1"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="1"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="1"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="1"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/1.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="2"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="2"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="2"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="2"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="2"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="2"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="2"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/2.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="3"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="3"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="3"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="3"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="3"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="3"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="3"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/3.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="4"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="4"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="4"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="4"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="4"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="4"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="4"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/4.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="5"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="5"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="5"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="5"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="5"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="5"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="5"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/5.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="6"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="6"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="6"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="6"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="6"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="6"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="6"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/6.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="7"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="7"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="7"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="7"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="7"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="7"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="7"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/7.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="8"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="8"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="8"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="8"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="8"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="8"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="8"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/8.svg);
}

section.sec-intro .signage_bg .countdown[data-h100="9"] .cd .h100,
section.sec-intro .signage_bg .countdown[data-h010="9"] .cd .h010,
section.sec-intro .signage_bg .countdown[data-h001="9"] .cd .h001,
section.sec-intro .signage_bg .countdown[data-m10="9"] .cd .m10,
section.sec-intro .signage_bg .countdown[data-m01="9"] .cd .m01,
section.sec-intro .signage_bg .countdown[data-s10="9"] .cd .s10,
section.sec-intro .signage_bg .countdown[data-s01="9"] .cd .s01 {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/9.svg);
}

section.sec-intro .signage_bg .countdown .cd {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.sec-intro .signage_bg .countdown .cd .signage_count_text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

section.sec-intro .signage_bg .countdown .cd .num {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/0.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

section.sec-intro .signage_bg .countdown .cd .colon {
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_num/colon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

section.sec-intro .signage_bg .logo {
  background-repeat: repeat-x;
  background-position: left center;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_logo.svg);
  -webkit-animation: loop-simple 30s linear 0s normal infinite;
  animation: loop-simple 30s linear 0s normal infinite;
}

section.sec-intro .signage_bg .logo::before {
  background-repeat: repeat-x;
  background-position: left center;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background-image: url(/chara-sai/assets/index/img/pc/ending_period/signage_logo.svg);
  content: "";
}

@-webkit-keyframes loop-simple {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }
}

@keyframes loop-simple {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }
}

section.sec-intro .people_near {
  width: 100%;
  position: absolute;
}

section.sec-intro .people_near::before {
  left: 0;
  width: 100%;
  height: 110%;
  background-color: #FB84A6;
  content: "";
  display: block;
  position: absolute;
}

section.sec-intro .people_near .people {
  width: 100%;
  background-repeat: repeat-x;
  background-position: center top;
  position: relative;
}

section.sec-intro .people_far {
  width: 100%;
  position: absolute;
}

section.sec-intro .people_far::before {
  left: 0;
  width: 100%;
  background-color: #FB84A6;
  content: "";
  display: block;
  position: absolute;
}

section.sec-intro .people_far .people {
  position: relative;
}

section.sec-intro .people_far .people {
  width: 100%;
  background-repeat: repeat-x;
  background-position: center top;
  position: relative;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_far .people:nth-of-type(1) {
  -webkit-animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_far .people:nth-of-type(2) {
  -webkit-animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_far .people:nth-of-type(3) {
  -webkit-animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_far .people:nth-of-type(4) {
  -webkit-animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_far .people:nth-of-type(5) {
  -webkit-animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_far .people:nth-of-type(6) {
  -webkit-animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_far .people:nth-of-type(7) {
  -webkit-animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby-far 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

@-webkit-keyframes standby-far {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--standby-far), 0);
    transform: translate3d(0%, var(--standby-far), 0);
  }
}

@keyframes standby-far {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--standby-far), 0);
    transform: translate3d(0%, var(--standby-far), 0);
  }
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(1) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(2) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(3) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(4) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(5) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(6) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(7) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(8) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(9) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(10) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(11) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(12) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(13) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(14) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

section.sec-intro .wrap-bg_stage[data-people-style=standby] .people_near .people:nth-of-type(15) {
  -webkit-animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
  animation: standby 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate 32;
}

@-webkit-keyframes standby {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--standby), 0);
    transform: translate3d(0%, var(--standby), 0);
  }
}

@keyframes standby {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--standby), 0);
    transform: translate3d(0%, var(--standby), 0);
  }
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_far .people:nth-of-type(1) {
  -webkit-animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.22s alternate 6;
  animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.22s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_far .people:nth-of-type(2) {
  -webkit-animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.1s alternate 6;
  animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.1s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_far .people:nth-of-type(3) {
  -webkit-animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.98s alternate 6;
  animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.98s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_far .people:nth-of-type(4) {
  -webkit-animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.86s alternate 6;
  animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.86s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_far .people:nth-of-type(5) {
  -webkit-animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.74s alternate 6;
  animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.74s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_far .people:nth-of-type(6) {
  -webkit-animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.62s alternate 6;
  animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.62s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_far .people:nth-of-type(7) {
  -webkit-animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s alternate 6;
  animation: jump-wave-far 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s alternate 6;
}

@-webkit-keyframes jump-wave-far {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--jump-wave-far), 0);
    transform: translate3d(0%, var(--jump-wave-far), 0);
  }
}

@keyframes jump-wave-far {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--jump-wave-far), 0);
    transform: translate3d(0%, var(--jump-wave-far), 0);
  }
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(1) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(2) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.78s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.78s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(3) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.66s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.66s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(4) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.54s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.54s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(5) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(6) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(7) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.18s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.18s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(8) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.06s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.06s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(9) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.06s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.06s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(10) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.18s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.18s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(11) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.3s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.3s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(12) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.42s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.42s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(13) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.54s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.54s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(14) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.66s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.66s alternate 6;
}

section.sec-intro .wrap-bg_stage[data-people-style=wave] .people_near .people:nth-of-type(15) {
  -webkit-animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.78s alternate 6;
  animation: jump-wave 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.78s alternate 6;
}

@-webkit-keyframes jump-wave {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--jump-wave), 0);
    transform: translate3d(0%, var(--jump-wave), 0);
  }
}

@keyframes jump-wave {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }

  100% {
    -webkit-transform: translate3d(0%, var(--jump-wave), 0);
    transform: translate3d(0%, var(--jump-wave), 0);
  }
}

section.sec-intro .bg_stage {
  left: 0;
  top: 0;
  position: absolute;
}

section.sec-intro .wrap-wrap_ball {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

section.sec-intro .wrap_ball {
  position: absolute;
  pointer-events: none;
}

section.sec-intro .wrap_ball.small {
  z-index: auto;
}

section.sec-intro .wrap_ball.small .ball-pos {
  -webkit-animation: ball-pos 23s cubic-bezier(0.455, 0.03, 0.515, 0.955) -23s alternate infinite;
  animation: ball-pos 23s cubic-bezier(0.455, 0.03, 0.515, 0.955) -23s alternate infinite;
}

section.sec-intro .wrap_ball.small .ball {
  -webkit-animation-delay: -0.65s;
  animation-delay: -0.65s;
}

section.sec-intro .wrap_ball.small img.ball_char {
  -webkit-animation: ball_char 23s cubic-bezier(0.455, 0.03, 0.515, 0.955) -23s alternate infinite;
  animation: ball_char 23s cubic-bezier(0.455, 0.03, 0.515, 0.955) -23s alternate infinite;
}

section.sec-intro .wrap_ball.small.i-2 .ball-pos {
  -webkit-animation-delay: -42s;
  animation-delay: -42s;
}

section.sec-intro .wrap_ball.small.i-2 .ball {
  -webkit-animation-delay: -1.8s;
  animation-delay: -1.8s;
}

section.sec-intro .wrap_ball.small.i-2 img.ball_char {
  -webkit-animation: ball_char2 23s cubic-bezier(0.455, 0.03, 0.515, 0.955) -42s alternate infinite;
  animation: ball_char2 23s cubic-bezier(0.455, 0.03, 0.515, 0.955) -42s alternate infinite;
}

@-webkit-keyframes ball_char2 {
  0% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  100% {
    -webkit-transform: rotate(-1010deg);
    transform: rotate(-1010deg);
  }
}

@keyframes ball_char2 {
  0% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }

  100% {
    -webkit-transform: rotate(-1010deg);
    transform: rotate(-1010deg);
  }
}

section.sec-intro .wrap_ball .ball-pos,
section.sec-intro .wrap_ball .ball,
section.sec-intro .wrap_ball img.ball_char,
section.sec-intro .wrap_ball img.ball_shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section.sec-intro .wrap_ball .ball-pos {
  -webkit-animation: ball-pos 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
  animation: ball-pos 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
}

@-webkit-keyframes ball-pos {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(var(--ball-pos), 0, 0);
    transform: translate3d(var(--ball-pos), 0, 0);
  }
}

@keyframes ball-pos {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(var(--ball-pos), 0, 0);
    transform: translate3d(var(--ball-pos), 0, 0);
  }
}

section.sec-intro .wrap_ball .ball {
  -webkit-animation: ball-jump 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate infinite;
  animation: ball-jump 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate infinite;
}

@-webkit-keyframes ball-jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, var(--ball-jump), 0);
    transform: translate3d(0, var(--ball-jump), 0);
  }
}

@keyframes ball-jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, var(--ball-jump), 0);
    transform: translate3d(0, var(--ball-jump), 0);
  }
}

section.sec-intro .wrap_ball img.ball_char {
  -webkit-animation: ball_char 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
  animation: ball_char 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
}

@-webkit-keyframes ball_char {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-1080deg);
    transform: rotate(-1080deg);
  }
}

@keyframes ball_char {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-1080deg);
    transform: rotate(-1080deg);
  }
}

body[data-is-final-report-opened] {
  overflow: hidden;
}

body[data-is-final-report-opened] section.sec-final-report {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
}

body[data-is-final-report-opened] section.sec-final-report .wrap-content {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0.1s, -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.2s linear 0.1s, -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.2s linear 0.1s, transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.2s linear 0.1s, transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

section.sec-final-report {
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 1100;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0.2s, visibility 0.001s linear 0.3s;
  transition: opacity 0.1s linear 0.2s, visibility 0.001s linear 0.3s;
}

section.sec-final-report .wrap-content {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #E84B78;
  position: fixed;
  scrollbar-width: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;
  -webkit-transition: opacity 0.2s linear 0s, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: opacity 0.2s linear 0s, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: opacity 0.2s linear 0s, transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  transition: opacity 0.2s linear 0s, transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
}

section.sec-final-report .wrap-content .scroll {
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

section.sec-final-report .wrap_btn_close {
  position: absolute;
  z-index: 100;
  pointer-events: auto;
  cursor: pointer;
}

section.sec-final-report .wrap_btn_close img.btn_close,
section.sec-final-report .wrap_btn_close img.btn_close_hover {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-final-report .wrap_btn_close img.btn_close_hover {
  opacity: 0;
}

section.sec-final-report .wrap_btn_close:hover img.btn_close_hover {
  opacity: 1;
}

section.sec-final-report .sec-1,
section.sec-final-report .sec-2,
section.sec-final-report .sec-3,
section.sec-final-report .sec-4,
section.sec-final-report .sec-5,
section.sec-final-report .sec-6,
section.sec-final-report .sec-7,
section.sec-final-report .sec-8,
section.sec-final-report .sec-9,
section.sec-final-report .sec-10,
section.sec-final-report .sec-11,
section.sec-final-report .sec-12 {
  width: 100%;
  height: 100%;
  position: relative;
}

section.sec-final-report .bg {
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-final-report .btn_next {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

section.sec-final-report .btn_next .btn_next_text {
  font-weight: 700;
  color: #FFF;
}

section.sec-final-report .btn_next img.arrow {
  position: relative;
}

section.sec-final-report .sec-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.sec-final-report .sec-1 img.logo_charasai {
  display: block;
  position: relative;
}

section.sec-final-report .sec-1 img.title {
  display: block;
  position: relative;
}

section.sec-final-report .sec-1 img.char {
  display: block;
  position: relative;
}

section.sec-final-report .sec-1 img.pra_text {
  position: relative;
}

section.sec-final-report .sec-1 img.izu_text {
  position: relative;
}

section.sec-final-report .sec-1 .attention-scroll {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
}

section.sec-final-report .sec-1 .attention-scroll p {
  font-weight: 700;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

section.sec-final-report .sec-1 .attention-scroll img.arrow {
  display: block;
  -webkit-animation: scroll_arrow 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s alternate infinite;
  animation: scroll_arrow 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s alternate infinite;
}

@keyframes scroll_arrow {
  0% {
    -webkit-transform: translate(0%, -10%);
    transform: translate(0%, -10%);
  }

  100% {
    -webkit-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
  }
}

section.sec-final-report .sec-2,
section.sec-final-report .sec-4,
section.sec-final-report .sec-6,
section.sec-final-report .sec-8,
section.sec-final-report .sec-10,
section.sec-final-report .sec-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.sec-final-report .sec-2 img.bg_pattern,
section.sec-final-report .sec-4 img.bg_pattern,
section.sec-final-report .sec-6 img.bg_pattern,
section.sec-final-report .sec-8 img.bg_pattern,
section.sec-final-report .sec-10 img.bg_pattern,
section.sec-final-report .sec-12 img.bg_pattern {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

section.sec-final-report .sec-2 img.kamifubuki,
section.sec-final-report .sec-4 img.kamifubuki,
section.sec-final-report .sec-6 img.kamifubuki,
section.sec-final-report .sec-8 img.kamifubuki,
section.sec-final-report .sec-10 img.kamifubuki,
section.sec-final-report .sec-12 img.kamifubuki {
  position: absolute;
}

section.sec-final-report .sec-2 img.light,
section.sec-final-report .sec-4 img.light,
section.sec-final-report .sec-6 img.light,
section.sec-final-report .sec-8 img.light,
section.sec-final-report .sec-10 img.light,
section.sec-final-report .sec-12 img.light {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-final-report .sec-2 .comment,
section.sec-final-report .sec-4 .comment,
section.sec-final-report .sec-6 .comment,
section.sec-final-report .sec-8 .comment,
section.sec-final-report .sec-10 .comment,
section.sec-final-report .sec-12 .comment {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-final-report .sec-2 img.pra,
section.sec-final-report .sec-4 img.pra,
section.sec-final-report .sec-6 img.pra,
section.sec-final-report .sec-8 img.pra,
section.sec-final-report .sec-10 img.pra,
section.sec-final-report .sec-12 img.pra {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-final-report .sec-2 img.izu,
section.sec-final-report .sec-4 img.izu,
section.sec-final-report .sec-6 img.izu,
section.sec-final-report .sec-8 img.izu,
section.sec-final-report .sec-10 img.izu,
section.sec-final-report .sec-12 img.izu {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-final-report .sec-2 img.step,
section.sec-final-report .sec-4 img.step,
section.sec-final-report .sec-6 img.step,
section.sec-final-report .sec-8 img.step,
section.sec-final-report .sec-10 img.step,
section.sec-final-report .sec-12 img.step {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

section.sec-final-report .sec-3 .wrap-cards,
section.sec-final-report .sec-5 .wrap-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

section.sec-final-report .sec-3 .card .card-content,
section.sec-final-report .sec-5 .card .card-content {
  overflow: hidden;
  position: relative;
}

section.sec-final-report .sec-3 .card .front,
section.sec-final-report .sec-5 .card .front {
  background-color: #FFFF1A;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
}

section.sec-final-report .sec-3 .card .card_bg,
section.sec-final-report .sec-5 .card .card_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

section.sec-final-report .sec-3 .card .wrap-rank,
section.sec-final-report .sec-5 .card .wrap-rank {
  border-radius: 100%;
  font-weight: 700;
  background-color: #AC2727;
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.sec-final-report .sec-3 .card .wrap-rank .rank,
section.sec-final-report .sec-5 .card .wrap-rank .rank {
  position: relative;
  line-height: 1;
  font-weight: 900;
}

section.sec-final-report .sec-3 .card .point,
section.sec-final-report .sec-5 .card .point {
  font-weight: 700;
  color: #FFF;
  border-radius: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: bottom;
}

section.sec-final-report .sec-3 .card .point span,
section.sec-final-report .sec-5 .card .point span {
  vertical-align: bottom;
  position: relative;
}

section.sec-final-report .sec-3 .card .wrap-img,
section.sec-final-report .sec-5 .card .wrap-img {
  border-color: #AC2727;
  border-style: solid;
  position: relative;
  background-color: #FFF;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.sec-final-report .sec-3 .card .wrap-img[data-hover-sp] img.img-1,
section.sec-final-report .sec-5 .card .wrap-img[data-hover-sp] img.img-1 {
  visibility: hidden;
}

section.sec-final-report .sec-3 .card .wrap-img[data-hover-sp] img.img-2,
section.sec-final-report .sec-5 .card .wrap-img[data-hover-sp] img.img-2 {
  visibility: visible;
  -webkit-animation: thumb-hover 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 2 alternate;
  animation: thumb-hover 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 2 alternate;
}

@keyframes thumb-hover {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  100% {
    -webkit-transform: translate(0%, 3%);
    transform: translate(0%, 3%);
  }
}

section.sec-final-report .sec-3 .card img.img-1,
section.sec-final-report .sec-5 .card img.img-1 {
  position: absolute;
  left: 0;
  top: 0;
  visibility: visible;
}

section.sec-final-report .sec-3 .card img.img-2,
section.sec-final-report .sec-5 .card img.img-2 {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-final-report .sec-3 .card .creator,
section.sec-final-report .sec-5 .card .creator {
  color: #E21C4B;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  position: absolute;
  text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF;
}

section.sec-final-report .sec-3 .card .name,
section.sec-final-report .sec-5 .card .name {
  color: #E21C4B;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  position: absolute;
  text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF;
  letter-spacing: -0.03em;
}

section.sec-final-report .sec-3 .card .speech,
section.sec-final-report .sec-5 .card .speech {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #E21C4B;
  font-weight: 600;
  line-height: 140%;
  white-space: pre-line;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: relative;
  text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF;
}

section.sec-final-report .sec-3 .card .back,
section.sec-final-report .sec-5 .card .back {
  width: 100%;
  height: 100%;
  background-color: #AC2727;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
}

section.sec-final-report .sec-3 .card img.card_design,
section.sec-final-report .sec-5 .card img.card_design {
  height: auto;
  margin: auto;
  display: block;
}

section.sec-final-report .sec-7,
section.sec-final-report .sec-9,
section.sec-final-report .sec-11 {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.sec-final-report .sec-7 .wrap-wrap_ball,
section.sec-final-report .sec-9 .wrap-wrap_ball,
section.sec-final-report .sec-11 .wrap-wrap_ball {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

section.sec-final-report .sec-7 .wrap_ball,
section.sec-final-report .sec-9 .wrap_ball,
section.sec-final-report .sec-11 .wrap_ball {
  position: absolute;
  pointer-events: none;
}

section.sec-final-report .sec-7 .wrap_ball .ball-pos,
section.sec-final-report .sec-7 .wrap_ball .ball,
section.sec-final-report .sec-7 .wrap_ball img.ball_char,
section.sec-final-report .sec-7 .wrap_ball img.ball_shadow,
section.sec-final-report .sec-9 .wrap_ball .ball-pos,
section.sec-final-report .sec-9 .wrap_ball .ball,
section.sec-final-report .sec-9 .wrap_ball img.ball_char,
section.sec-final-report .sec-9 .wrap_ball img.ball_shadow,
section.sec-final-report .sec-11 .wrap_ball .ball-pos,
section.sec-final-report .sec-11 .wrap_ball .ball,
section.sec-final-report .sec-11 .wrap_ball img.ball_char,
section.sec-final-report .sec-11 .wrap_ball img.ball_shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

section.sec-final-report .sec-7 .wrap_ball .ball-pos,
section.sec-final-report .sec-9 .wrap_ball .ball-pos,
section.sec-final-report .sec-11 .wrap_ball .ball-pos {
  -webkit-animation: ball-pos-final 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
  animation: ball-pos-final 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
}

@-webkit-keyframes ball-pos-final {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(var(--ball-pos), 0, 0);
    transform: translate3d(var(--ball-pos), 0, 0);
  }
}

@keyframes ball-pos-final {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(var(--ball-pos), 0, 0);
    transform: translate3d(var(--ball-pos), 0, 0);
  }
}

section.sec-final-report .sec-7 .wrap_ball .ball,
section.sec-final-report .sec-9 .wrap_ball .ball,
section.sec-final-report .sec-11 .wrap_ball .ball {
  -webkit-animation: ball-jump 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate infinite;
  animation: ball-jump 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s alternate infinite;
}

@keyframes ball-jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, var(--ball-jump), 0);
    transform: translate3d(0, var(--ball-jump), 0);
  }
}

section.sec-final-report .sec-7 .wrap_ball img.ball_char,
section.sec-final-report .sec-9 .wrap_ball img.ball_char,
section.sec-final-report .sec-11 .wrap_ball img.ball_char {
  -webkit-animation: ball_char 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
  animation: ball_char 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s alternate infinite;
}

@keyframes ball_char {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-1080deg);
    transform: rotate(-1080deg);
  }
}

section.sec-final-report .sec-7 .bg_deco,
section.sec-final-report .sec-9 .bg_deco,
section.sec-final-report .sec-11 .bg_deco {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-final-report .sec-7 .card,
section.sec-final-report .sec-9 .card,
section.sec-final-report .sec-11 .card {
  position: relative;
}

section.sec-final-report .sec-7 .card .card-content,
section.sec-final-report .sec-9 .card .card-content,
section.sec-final-report .sec-11 .card .card-content {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

section.sec-final-report .sec-7 .card .front,
section.sec-final-report .sec-9 .card .front,
section.sec-final-report .sec-11 .card .front {
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-final-report .sec-7 .card .card_top3,
section.sec-final-report .sec-9 .card .card_top3,
section.sec-final-report .sec-11 .card .card_top3 {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

section.sec-final-report .sec-7 .card .rank,
section.sec-final-report .sec-9 .card .rank,
section.sec-final-report .sec-11 .card .rank {
  line-height: 1;
  font-weight: 700;
  position: absolute;
  color: #B0B045;
  text-align: center;
  z-index: 1;
}

section.sec-final-report .sec-7 .card .rank .rank_3,
section.sec-final-report .sec-7 .card .rank .rank_2,
section.sec-final-report .sec-7 .card .rank .rank_1,
section.sec-final-report .sec-9 .card .rank .rank_3,
section.sec-final-report .sec-9 .card .rank .rank_2,
section.sec-final-report .sec-9 .card .rank .rank_1,
section.sec-final-report .sec-11 .card .rank .rank_3,
section.sec-final-report .sec-11 .card .rank .rank_2,
section.sec-final-report .sec-11 .card .rank .rank_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top center;
  object-position: top center;
}

section.sec-final-report .sec-7 .card .point,
section.sec-final-report .sec-9 .card .point,
section.sec-final-report .sec-11 .card .point {
  width: 100%;
  line-height: 1;
  color: #B0B045;
  font-weight: 700;
  position: absolute;
  text-align: center;
}

section.sec-final-report .sec-7 .card .point span,
section.sec-final-report .sec-9 .card .point span,
section.sec-final-report .sec-11 .card .point span {
  font-weight: 700;
}

section.sec-final-report .sec-7 .card .creator,
section.sec-final-report .sec-9 .card .creator,
section.sec-final-report .sec-11 .card .creator {
  line-height: 1;
  font-weight: 500;
  position: absolute;
  color: #B0B045;
}

section.sec-final-report .sec-7 .card .name,
section.sec-final-report .sec-9 .card .name,
section.sec-final-report .sec-11 .card .name {
  line-height: 1;
  font-weight: 700;
  position: absolute;
  color: #B0B045;
}

section.sec-final-report .sec-7 .card .wrap-img,
section.sec-final-report .sec-9 .card .wrap-img,
section.sec-final-report .sec-11 .card .wrap-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

section.sec-final-report .sec-7 .card .wrap-img img.img-1,
section.sec-final-report .sec-7 .card .wrap-img img.img-2,
section.sec-final-report .sec-9 .card .wrap-img img.img-1,
section.sec-final-report .sec-9 .card .wrap-img img.img-2,
section.sec-final-report .sec-11 .card .wrap-img img.img-1,
section.sec-final-report .sec-11 .card .wrap-img img.img-2 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

section.sec-final-report .sec-7 .card .wrap-img img.img-2,
section.sec-final-report .sec-9 .card .wrap-img img.img-2,
section.sec-final-report .sec-11 .card .wrap-img img.img-2 {
  visibility: hidden;
}

section.sec-final-report .sec-7 .card .speech,
section.sec-final-report .sec-9 .card .speech,
section.sec-final-report .sec-11 .card .speech {
  line-height: 140%;
  color: #B0B045;
  font-weight: 500;
  text-align: center;
  white-space: pre-line;
  position: absolute;
  left: 0;
  width: 100%;
  text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF;
}

section.sec-final-report .sec-7 .card .back,
section.sec-final-report .sec-9 .card .back,
section.sec-final-report .sec-11 .card .back {
  width: 100%;
  height: 100%;
  background-color: #AC2727;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1;
}

section.sec-final-report .sec-7 .card img.card_design,
section.sec-final-report .sec-9 .card img.card_design,
section.sec-final-report .sec-11 .card img.card_design {
  height: auto;
  margin: auto;
  display: block;
}

section.sec-final-report .wrap-danmaku {
  left: 0;
  width: 100%;
  overflow: hidden;
  position: absolute;
}

section.sec-final-report .wrap-danmaku .scroll-danmaku {
  height: 100%;
  display: inline-block;
  position: relative;
}

section.sec-final-report .wrap-danmaku .block-danmaku {
  height: 100%;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  white-space: nowrap;
}

section.sec-final-report .wrap-danmaku .block-danmaku:nth-of-type(2) {
  position: absolute;
  left: 100%;
  top: 0;
}

section.sec-final-report .wrap-danmaku .danmaku:nth-of-type(3),
section.sec-final-report .wrap-danmaku .danmaku:nth-of-type(5),
section.sec-final-report .wrap-danmaku .danmaku:nth-of-type(7),
section.sec-final-report .wrap-danmaku .danmaku:nth-of-type(10) {
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

section.sec-final-report .wrap-danmaku .danmaku:nth-of-type(2),
section.sec-final-report .wrap-danmaku .danmaku:nth-of-type(6),
section.sec-final-report .wrap-danmaku .danmaku:nth-of-type(9) {
  top: 100%;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}

section.sec-final-report .wrap-danmaku .danmaku {
  border-style: solid;
  font-weight: 700;
  line-height: 140%;
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #FFF;
  color: #E21C4B;
  border-color: #E21C4B;
  position: relative;
  text-align: center;
}

section.sec-final-report .sec-7 .scroll-danmaku,
section.sec-final-report .sec-9 .scroll-danmaku,
section.sec-final-report .sec-11 .scroll-danmaku {
  opacity: 0;
}

section.sec-final-report .sec-7[data-is-entered] .scroll-danmaku,
section.sec-final-report .sec-9[data-is-entered] .scroll-danmaku,
section.sec-final-report .sec-11[data-is-entered] .scroll-danmaku {
  -webkit-animation: scroll-danmaku 20s linear 0s normal infinite;
  animation: scroll-danmaku 20s linear 0s normal infinite;
  -webkit-transition: opacity 0.6s linear 1.2s;
  transition: opacity 0.6s linear 1.2s;
  opacity: 1;
}

@-webkit-keyframes scroll-danmaku {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes scroll-danmaku {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

section.sec-final-report .sec-12 img.pra {
  margin: 0;
}

section.sec-final-report .sec-12 img.izu {
  margin: 0;
  left: auto;
}

section.sec-final-report .sec-12 img.step {
  margin: 0;
}

section.sec-final-report .sec-12 img.step-izu {
  left: auto;
}

section.sec-final-report .sec-12 .btn_close_end {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
}

section.sec-final-report .sec-12 .btn_close_end p {
  font-weight: 700;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

section.sec-final-report .sec-12 .btn_close_end img.arrow {
  display: block;
}

section.sec-final-report .card .card-content::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
}

section.sec-final-report .ball {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear 1.5s;
  transition: opacity 0.3s linear 1.5s;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(1) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 1.48s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 1.48s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(1) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.1s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.1s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(1) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(2) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 2.38s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 2.38s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(2) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.4s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 2.4s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(2) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(3) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 3.28s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 3.28s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(3) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.9s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 3.3s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.9s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 3.3s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(3) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 3.3s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 3.3s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(4) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 4.18s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 4.18s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(4) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 3.8s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 4.2s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 3.8s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 4.2s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(4) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 4.2s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 4.2s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(5) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 5.08s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 5.08s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(5) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 4.7s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 5.1s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 4.7s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 5.1s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(5) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 5.1s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 5.1s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(6) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 5.98s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 5.98s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(6) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 5.6s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 6s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 5.6s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 6s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(6) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 6s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 6s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(7) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 6.88s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 6.88s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(7) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 6.5s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 6.9s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 6.5s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 6.9s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(7) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 6.9s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 6.9s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(8) .back {
  -webkit-animation: cardRotate-visibility 0.02s steps(1) 7.78s 1 normal forwards;
  animation: cardRotate-visibility 0.02s steps(1) 7.78s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(8) .card-content {
  -webkit-animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 7.4s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 7.8s 1 normal forwards;
  animation: cardRotate-1 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 7.4s 1 normal forwards, cardRotate-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 7.8s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .card:nth-of-type(8) .card-content::after {
  -webkit-animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 7.8s 1 normal forwards;
  animation: cardRotate-flash 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 7.8s 1 normal forwards;
}

section.sec-final-report [data-is-entered] .ball {
  opacity: 1;
}

@keyframes cardRotate-visibility {
  0% {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

  100% {
    visibility: hidden;
  }
}

@keyframes cardRotate-1 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(89deg);
    transform: rotateY(89deg);
  }
}

@keyframes cardRotate-2 {
  0% {
    -webkit-transform: rotateY(-89deg);
    transform: rotateY(-89deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes cardRotate-flash {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.bg-news {
  background-position: center top;
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
}

section.sec-newsList {
  position: relative;
}

section.sec-newsList.top .button {
  background-color: #FFF;
}

section.sec-newsList .pageTitle {
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #E21C4B;
  position: relative;
}

section.sec-newsList ul.newsList {
  position: relative;
}

section.sec-newsList li.newsItem {
  -webkit-animation: newsItem 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite alternate;
  animation: newsItem 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite alternate;
}

@-webkit-keyframes newsItem {
  0% {
    -webkit-transform: translate3d(0%, var(--pukapuka), 0);
    transform: translate3d(0%, var(--pukapuka), 0);
  }

  100% {
    -webkit-transform: translate3d(0%, calc(var(--pukapuka) * -1), 0);
    transform: translate3d(0%, calc(var(--pukapuka) * -1), 0);
  }
}

@keyframes newsItem {
  0% {
    -webkit-transform: translate3d(0%, var(--pukapuka), 0);
    transform: translate3d(0%, var(--pukapuka), 0);
  }

  100% {
    -webkit-transform: translate3d(0%, calc(var(--pukapuka) * -1), 0);
    transform: translate3d(0%, calc(var(--pukapuka) * -1), 0);
  }
}

section.sec-newsList li.newsItem:nth-of-type(4n) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

section.sec-newsList li.newsItem:nth-of-type(4n+1) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

section.sec-newsList li.newsItem:nth-of-type(4n+2) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

section.sec-newsList li.newsItem:nth-of-type(4n+3) {
  -webkit-animation-delay: -1.7s;
  animation-delay: -1.7s;
}

section.sec-newsList li.newsItem:nth-of-type(2n+1) {
  margin-right: auto;
}

section.sec-newsList li.newsItem:nth-of-type(2n) {
  margin-left: auto;
}

section.sec-newsList li.newsItem:nth-last-of-type(1) {
  height: auto;
  top: 0;
}

section.sec-newsList li.newsItem {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

section.sec-newsList li.newsItem a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.sec-newsList li.newsItem .wrap-thumb {
  overflow: hidden;
  height: auto;
  display: block;
  position: relative;
  border-radius: 100%;
}

section.sec-newsList li.newsItem .wrap-thumb img.newsThumb {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

section.sec-newsList li.newsItem .wrap-thumb .ball_shadow {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

section.sec-newsList li.newsItem .rope {
  height: auto;
  display: block;
}

section.sec-newsList li.newsItem .newsTitle {
  position: relative;
  background-color: #FFFF1A;
  border: solid #E21C4B;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #E21C4B;
  white-space: nowrap;
  top: 0;
}

.wrap-info-block section.sec-newsList {
  padding-left: 0;
  padding-right: 0;
}

.wrap-info-block section.sec-newsList ul.newsList {
  margin: 0 auto 0 !important;
  padding-bottom: 0 !important;
}

body {
  background-color: #000;
}

#news,
#about,
#commercialization {
  position: absolute;
  top: 0;
}

.mainContents {
  overflow: hidden;
  position: relative;
  background-color: #000;
}

@media screen and (min-width: 737px) {
  .sp {
    display: none !important;
  }

  ._dummy {
    width: 100vw;
  }

  .layoutChecker {
    width: 1px;
  }

  .button {
    width: 34.375vw;
    height: 4.6875vw;
    border-width: 0.234375vw;
    font-size: 1.25vw;
    margin: 0vw auto 0vw;
    border-radius: 4.6875vw;
    line-height: 1;
  }

  .button:hover {
    color: #FFF;
    background-color: #E21C4B;
  }

  .fukidashi {
    border-width: 0.234375vw;
    border-radius: 0.78125vw;
    padding: 0.9375vw 1.40625vw 1.25vw;
  }

  .fukidashi .fukidashi-text {
    font-size: 1.40625vw;
    line-height: 1.3888888889;
  }

  .fukidashi .fukidashi-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3888888889) * 0.5em);
    content: "";
  }

  .fukidashi .fukidashi-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3888888889) * 0.5em);
    content: "";
  }

  .fukidashi::before {
    border-width: 1.09375vw 0.78125vw 0vw 0.78125vw;
  }

  .fukidashi::after {
    border-width: 0.9375vw 0.625vw 0vw 0.625vw;
    bottom: 0.15625vw;
  }

  .wrap-info-block {
    gap: 9.375vw;
  }

  .wrap-info-block .info-block {
    padding: 6.25vw 14.0625vw;
    width: 75vw;
    border-radius: 1.171875vw;
    gap: 4.6875vw;
  }

  .wrap-info-block .box {
    gap: 2.34375vw;
  }

  .wrap-info-block .title {
    font-size: 2.1875vw;
    line-height: 1.4;
  }

  .wrap-info-block .title::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }

  .wrap-info-block .title::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }

  .wrap-info-block .headline {
    font-size: 1.71875vw;
    line-height: 1.8181818182;
  }

  .wrap-info-block .headline::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8181818182) * 0.5em);
    content: "";
  }

  .wrap-info-block .headline::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8181818182) * 0.5em);
    content: "";
  }

  .wrap-info-block .text {
    font-size: 1.25vw;
    line-height: 1.8;
  }

  .wrap-info-block .text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }

  .wrap-info-block .text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }

  .wrap-info-block .simpleList li {
    font-size: 1.25vw;
    margin-top: 2.25vw;
    line-height: 1.8;
  }

  .wrap-info-block .wrap-x-thread {
    width: 46.875vw;
    height: 46.875vw;
    border-radius: 0.78125vw;
    border-width: 0.234375vw;
  }

  header.sec-header .wrap-header {
    width: 84.375vw;
    height: 10vw;
    top: 3.046875vw;
  }

  header.sec-header .wrap-header .bg {
    width: 84.375vw;
    height: 10vw;
  }

  header.sec-header .wrap-header .site_title {
    width: 25.493828125vw;
    height: 5.9375vw;
    left: 0.390625vw;
    right: 0vw;
    top: 2.03125vw;
  }

  header.sec-header .wrap-header .btn_x {
    width: 7.03125vw;
    height: 7.03125vw;
    left: 1.40625vw;
    top: 1.5625vw;
  }

  header.sec-header .wrap-header .btn_x[src*=event] {
    width: 12.734375vw;
  }

  header.sec-header .wrap-header .btn_x .btn_x_default,
  header.sec-header .wrap-header .btn_x .btn_x_hover {
    width: 7.03125vw;
    height: 7.03125vw;
  }

  header.sec-header .wrap-header .btn_menu {
    width: 7.03125vw;
    height: 7.03125vw;
    right: 1.40625vw;
    top: 1.5625vw;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_open,
  header.sec-header .wrap-header .btn_menu .btn_menu_open_hover {
    width: 7.03125vw;
    height: 7.03125vw;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_close,
  header.sec-header .wrap-header .btn_menu .btn_menu_close_hover {
    width: 7.03125vw;
    height: 7.03125vw;
  }

  .wrap-menu {
    width: 36.71875vw;
    right: 0;
  }

  .wrap-menu .wrap-menu-content {
    padding-bottom: 4.6875vw;
  }

  .wrap-menu .wrap-button-menu {
    width: 27.34375vw;
    gap: 1.5625vw;
    margin: 18.984375vw auto 4.6875vw;
  }

  .wrap-menu a.button-menu {
    font-size: 1.71875vw;
    width: 27.34375vw;
    height: 4.296875vw;
    padding: 0vw 0vw;
    border-radius: 1.171875vw;
    border-width: 0.234375vw;
  }

  .wrap-menu .deco_1 {
    width: 2.96875vw;
    height: 3.0078125vw;
    left: 2.03125vw;
    top: 0.625vw;
  }

  .wrap-menu .deco_2 {
    width: 2.1484375vw;
    height: 3.7109375vw;
    right: 3.203125vw;
    top: 0vw;
  }

  .wrap-menu .deco_3_1 {
    width: 2.03125vw;
    height: 3.0078125vw;
    left: 1.875vw;
    top: 0vw;
  }

  .wrap-menu .deco_3_2 {
    width: 1.953125vw;
    height: 2.890625vw;
    right: 2.03125vw;
    top: 0vw;
  }

  .wrap-menu .deco_4 {
    width: 4.21875vw;
    height: 2.7734375vw;
    left: 1.25vw;
    top: 0.625vw;
  }

  .wrap-menu .deco_5 {
    width: 24.296875vw;
    height: 3.359375vw;
  }

  .wrap-menu .deco_6_1,
  .wrap-menu .deco_6_2 {
    width: 1.2890625vw;
    height: 3.1453125vw;
  }

  .wrap-menu .deco_6_1 {
    left: 2.34375vw;
    top: -0.078125vw;
  }

  .wrap-menu .deco_6_2 {
    right: 2.34375vw;
    top: -0.078125vw;
  }

  .wrap-menu .logo {
    width: 17.007109375vw;
    height: 15.546875vw;
  }

  .wrap-menu .copyright {
    margin-top: 3.125vw;
    font-size: 0.9375vw;
    letter-spacing: 0.01875vw;
  }

  footer.sec-footer {
    height: 59.140625vw;
    margin: -0.078125vw auto 0vw;
    border-image-width: 11.640625vw 20vw;
    border-image-source: url(/chara-sai/assets/index/img/pc/footer/bg.svg);
    border-image-slice: 25% 20% fill;
  }

  footer.sec-footer .wrap-content {
    width: 100vw;
    margin: 0vw auto;
  }

  footer.sec-footer .bg {
    width: 100vw;
    height: 46.5625vw;
    left: 0vw;
    top: 0vw;
  }

  footer.sec-footer .logo {
    width: 25.078125vw;
    height: 22.96875vw;
    left: 3.125vw;
    top: 12.65625vw;
  }

  footer.sec-footer .panel {
    width: 22.65625vw;
    height: 29.6875vw;
  }

  footer.sec-footer .wrap-panel {
    width: 22.65625vw;
    height: 29.6875vw;
    right: 4.375vw;
    top: 9.296875vw;
  }

  footer.sec-footer .wrap-panel .logo_bandainamco {
    width: 16.640625vw;
    height: 4.375vw;
    right: 2.5vw;
    top: 2.8125vw;
  }

  footer.sec-footer .wrap-panel .logo_banpresto {
    width: 6.953125vw;
    height: 3.203125vw;
    right: 2.5vw;
    top: 7.65625vw;
  }

  footer.sec-footer .wrap-panel .logo_bandai {
    width: 6.484375vw;
    height: 6.328125vw;
    right: 2.5vw;
    top: 20.859375vw;
  }

  footer.sec-footer .wrap-exit {
    width: 38.28125vw;
    height: 29.53125vw;
    left: 0vw;
    right: 0vw;
    top: 9.375vw;
    margin: 0vw auto 0vw;
  }

  footer.sec-footer .wrap-exit .exit {
    width: 38.28125vw;
    height: 29.53125vw;
    left: 0vw;
    top: 0vw;
  }

  footer.sec-footer .wrap-exit .footer-char {
    width: 34.53125vw;
    height: 26.5625vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
    bottom: 0vw;
  }

  footer.sec-footer .wrap-exit .footer-char-filter {
    width: 34.53125vw;
    height: 26.5625vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
    bottom: 0vw;
  }

  footer.sec-footer .wrap-fukidashi {
    width: 46.875vw;
    top: 3.59375vw;
  }

  footer.sec-footer .button {
    width: 22.65625vw;
    height: 3.90625vw;
    left: 0vw;
    right: 0vw;
    top: 33.4375vw;
  }

  footer.sec-footer .wrap-official-footer-content {
    width: 100vw;
    margin: 42.34375vw auto 0vw;
  }

  footer.sec-footer .wrap-official-footer-content small.copyright {
    margin: 0vw auto 0vw;
    font-size: 1.09375vw;
    letter-spacing: 0.021875vw;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList {
    width: 82.8125vw;
    margin: 3.203125vw auto 2.109375vw;
    padding: 0.859375vw 0vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList li:nth-of-type(1) a {
    border-left: none;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList a {
    font-size: 0.859375vw;
    height: 1.328125vw;
    width: 20.703125vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: solid 1px #DDD;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList img {
    display: none;
  }

  footer.sec-footer .wrap-official-footer-content .note {
    font-size: 0.9375vw;
    width: 82.8125vw;
    margin: 0vw auto;
    text-align: center;
    line-height: 1;
  }

  section.sec-loading .wrap-curtail {
    height: 100svh;
    max-height: 98vw;
  }

  section.sec-loading .curtain_l {
    bottom: 2.265625vw;
    width: 59.84375vw;
    height: 97.421875vw;
    right: 45%;
  }

  section.sec-loading .curtain_r {
    bottom: 2.890625vw;
    width: 51.40625vw;
    height: 96.796875vw;
    left: 50%;
  }

  section.sec-loading .hole {
    top: 58.046875vw;
    width: 22.421875vw;
    height: 5.234375vw;
  }

  section.sec-loading .wrap-light {
    top: 10.78125vw;
    width: 52.8125vw;
  }

  section.sec-loading .light_1 {
    top: 16.71875vw;
    width: 17.34375vw;
    height: 13.828125vw;
  }

  section.sec-loading .light_2 {
    top: 15.625vw;
    width: 19.609375vw;
    height: 17.734375vw;
  }

  section.sec-loading .light_3 {
    top: 13.671875vw;
    width: 23.515625vw;
    height: 19.765625vw;
  }

  section.sec-loading .light_4 {
    top: 11.09375vw;
    width: 29.0625vw;
    height: 25.625vw;
  }

  section.sec-loading .light_5 {
    top: 6.953125vw;
    width: 38.28125vw;
    height: 33.75vw;
  }

  section.sec-loading .light_6 {
    top: 0vw;
    width: 52.8125vw;
    height: 40.234375vw;
  }

  section.sec-loading .logo {
    width: 36.015625vw;
    height: 32.5vw;
  }

  section.sec-intro .wrap-content {
    min-height: 63.125vw;
    max-height: 70.3125vw;
    margin: 0vw auto 0vw;
    height: 100vh;
    width: 100%;
  }

  section.sec-intro .wrap-stage {
    min-height: 63.125vw;
    max-height: 70.3125vw;
    margin: 0vw auto 0vw;
    background-size: 100vw 65.46875vw;
    height: 100vh;
    width: 100%;
  }

  section.sec-intro .wrap-stage::before {
    height: 65.078125vw;
    margin: 0vw auto 0vw;
    background-size: auto 61.328125vw;
    height: 100%;
    width: 100%;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(#FB84A6), color-stop(50%, #FFF));
    background: -webkit-linear-gradient(#FB84A6, #FFF 50%);
    background: linear-gradient(#FB84A6, #FFF 50%);
    background-position: top center;
    background-repeat: repeat-x;
    content: "";
    display: block;
    top: 0;
  }

  [data-season=new_year] section.sec-intro .wrap-stage::before {
    background-image: url(/chara-sai/assets/index/img/pc/intro_new_year/bg_stage_wide.svg);
  }

  [data-season=xmas] section.sec-intro .wrap-stage::before {
    background-size: auto 65.46875vw;
  }

  [data-season=new_year] section.sec-intro .wrap-stage::before {
    background-size: auto 70.3125vw;
  }

  section.sec-intro .wrap-stage .ceiling {
    height: 3.125vw;
    width: 100%;
    position: absolute;
    content: "";
    display: block;
    top: 0;
    background-color: #AC2727;
  }

  section.sec-intro .wrap-bg_stage {
    min-height: 66.40625vw;
    max-height: 70.3125vw;
    margin: 0vw auto 0vw;
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow: hidden;
  }

  section.sec-intro .bg_logo {
    width: 67.5vw;
    height: 15.703125vw;
    top: 9.296875vw;
  }

  section.sec-intro .wrap-stage-inner {
    width: 100vw;
    min-height: 66.40625vw;
    max-height: 70.3125vw;
    margin: 0vw auto 0vw;
    height: 100vh;
    position: relative;
  }

  section.sec-intro .wrap-chair {
    min-height: 65.46875vw;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
  }

  section.sec-intro .wrap-chair .chair_1,
  section.sec-intro .wrap-chair .rank_1 {
    width: 12.6953125vw;
    height: 15.625vw;
  }

  section.sec-intro .wrap-chair .chair_1 .char,
  section.sec-intro .wrap-chair .rank_1 .char {
    left: -0.46875vw;
    top: 1.09375vw;
    width: 13.6661328125vw;
    height: 14.734375vw;
  }

  section.sec-intro .wrap-chair .chair_1 .clickable,
  section.sec-intro .wrap-chair .rank_1 .clickable {
    width: 8.59375vw;
    height: 8.59375vw;
    top: 3.515625vw;
  }

  section.sec-intro .wrap-chair .chair_2,
  section.sec-intro .wrap-chair .rank_2,
  section.sec-intro .wrap-chair .chair_3,
  section.sec-intro .wrap-chair .rank_3 {
    width: 9.1796875vw;
    height: 10.15625vw;
  }

  section.sec-intro .wrap-chair .chair_2 .char,
  section.sec-intro .wrap-chair .rank_2 .char,
  section.sec-intro .wrap-chair .chair_3 .char,
  section.sec-intro .wrap-chair .rank_3 .char {
    left: -1.09375vw;
    top: -1.71875vw;
  }

  section.sec-intro .wrap-chair .chair_4,
  section.sec-intro .wrap-chair .rank_4,
  section.sec-intro .wrap-chair .chair_5,
  section.sec-intro .wrap-chair .rank_5,
  section.sec-intro .wrap-chair .chair_6,
  section.sec-intro .wrap-chair .rank_6,
  section.sec-intro .wrap-chair .chair_7,
  section.sec-intro .wrap-chair .rank_7,
  section.sec-intro .wrap-chair .chair_8,
  section.sec-intro .wrap-chair .rank_8,
  section.sec-intro .wrap-chair .chair_9,
  section.sec-intro .wrap-chair .rank_9,
  section.sec-intro .wrap-chair .chair_10,
  section.sec-intro .wrap-chair .rank_10,
  section.sec-intro .wrap-chair .chair_11,
  section.sec-intro .wrap-chair .rank_11,
  section.sec-intro .wrap-chair .chair_12,
  section.sec-intro .wrap-chair .rank_12,
  section.sec-intro .wrap-chair .chair_13,
  section.sec-intro .wrap-chair .rank_13,
  section.sec-intro .wrap-chair .chair_14,
  section.sec-intro .wrap-chair .rank_14,
  section.sec-intro .wrap-chair .chair_15,
  section.sec-intro .wrap-chair .rank_15,
  section.sec-intro .wrap-chair .chair_16,
  section.sec-intro .wrap-chair .rank_16,
  section.sec-intro .wrap-chair .chair_17,
  section.sec-intro .wrap-chair .rank_17,
  section.sec-intro .wrap-chair .chair_18,
  section.sec-intro .wrap-chair .rank_18 {
    width: 7.03125vw;
    height: 8.9453125vw;
  }

  section.sec-intro .wrap-chair .chair_4 .char,
  section.sec-intro .wrap-chair .rank_4 .char,
  section.sec-intro .wrap-chair .chair_5 .char,
  section.sec-intro .wrap-chair .rank_5 .char,
  section.sec-intro .wrap-chair .chair_6 .char,
  section.sec-intro .wrap-chair .rank_6 .char,
  section.sec-intro .wrap-chair .chair_7 .char,
  section.sec-intro .wrap-chair .rank_7 .char,
  section.sec-intro .wrap-chair .chair_8 .char,
  section.sec-intro .wrap-chair .rank_8 .char,
  section.sec-intro .wrap-chair .chair_9 .char,
  section.sec-intro .wrap-chair .rank_9 .char,
  section.sec-intro .wrap-chair .chair_10 .char,
  section.sec-intro .wrap-chair .rank_10 .char,
  section.sec-intro .wrap-chair .chair_11 .char,
  section.sec-intro .wrap-chair .rank_11 .char,
  section.sec-intro .wrap-chair .chair_12 .char,
  section.sec-intro .wrap-chair .rank_12 .char,
  section.sec-intro .wrap-chair .chair_13 .char,
  section.sec-intro .wrap-chair .rank_13 .char,
  section.sec-intro .wrap-chair .chair_14 .char,
  section.sec-intro .wrap-chair .rank_14 .char,
  section.sec-intro .wrap-chair .chair_15 .char,
  section.sec-intro .wrap-chair .rank_15 .char,
  section.sec-intro .wrap-chair .chair_16 .char,
  section.sec-intro .wrap-chair .rank_16 .char,
  section.sec-intro .wrap-chair .chair_17 .char,
  section.sec-intro .wrap-chair .rank_17 .char,
  section.sec-intro .wrap-chair .chair_18 .char,
  section.sec-intro .wrap-chair .rank_18 .char {
    left: -2.1875vw;
    top: -3.046875vw;
  }

  section.sec-intro .wrap-chair .char {
    width: 11.30390625vw;
    height: 12.1875vw;
  }

  section.sec-intro .wrap-chair .clickable {
    width: 7.8125vw;
    height: 7.8125vw;
    top: -0.78125vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail {
    width: 7.2109375vw;
    height: 2.234375vw;
    border-radius: 3.046875vw;
    border-width: 0.203125vw;
    font-size: 0.8125vw;
    gap: 0.40625vw;
    margin: 0vw auto 0.3125vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail .arrow {
    width: 0.5078125vw;
    height: 0.76171875vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi {
    border-width: 0.15625vw;
    padding: 0.625vw 0.78125vw 0.625vw;
    border-radius: 0.390625vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi::after {
    bottom: 0.078125vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text {
    font-size: 1.09375vw;
    line-height: 1.2;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-chair .chair-all {
    left: 25.46875vw;
    top: 16.5625vw;
    width: 49.21875vw;
    height: 40.625vw;
  }

  section.sec-intro .wrap-chair .rank_1 {
    left: 43.75vw;
    top: 16.5625vw;
  }

  section.sec-intro .wrap-chair .rank_2 {
    left: 40.234375vw;
    top: 28.28125vw;
  }

  section.sec-intro .wrap-chair .rank_3 {
    left: 50.546875vw;
    top: 28.28125vw;
  }

  section.sec-intro .wrap-chair .rank_4 {
    left: 33.90625vw;
    top: 35.46875vw;
  }

  section.sec-intro .wrap-chair .rank_5 {
    left: 42.34375vw;
    top: 35.46875vw;
  }

  section.sec-intro .wrap-chair .rank_6 {
    left: 50.78125vw;
    top: 35.46875vw;
  }

  section.sec-intro .wrap-chair .rank_7 {
    left: 59.140625vw;
    top: 35.46875vw;
  }

  section.sec-intro .wrap-chair .rank_8 {
    left: 29.765625vw;
    top: 41.71875vw;
  }

  section.sec-intro .wrap-chair .rank_9 {
    left: 38.203125vw;
    top: 41.71875vw;
  }

  section.sec-intro .wrap-chair .rank_10 {
    left: 46.640625vw;
    top: 41.71875vw;
  }

  section.sec-intro .wrap-chair .rank_11 {
    left: 55vw;
    top: 41.71875vw;
  }

  section.sec-intro .wrap-chair .rank_12 {
    left: 63.4375vw;
    top: 41.71875vw;
  }

  section.sec-intro .wrap-chair .rank_13 {
    left: 25.46875vw;
    top: 47.96875vw;
  }

  section.sec-intro .wrap-chair .rank_14 {
    left: 33.90625vw;
    top: 47.96875vw;
  }

  section.sec-intro .wrap-chair .rank_15 {
    left: 42.34375vw;
    top: 47.96875vw;
  }

  section.sec-intro .wrap-chair .rank_16 {
    left: 50.78125vw;
    top: 47.96875vw;
  }

  section.sec-intro .wrap-chair .rank_17 {
    left: 59.21875vw;
    top: 47.96875vw;
  }

  section.sec-intro .wrap-chair .rank_18 {
    left: 67.65625vw;
    top: 47.96875vw;
  }

  section.sec-intro .curtain_l {
    width: 15.390625vw;
    height: 70.3125vw;
    bottom: 0vw;
  }

  section.sec-intro .curtain_r {
    width: 15.390625vw;
    height: 70.3125vw;
    bottom: 0vw;
  }

  section.sec-intro .wrap-bg_stage_hole {
    width: 80.625vw;
    min-height: 65.46875vw;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
  }

  section.sec-intro .bg_stage_hole {
    width: 80.625vw;
    height: 19.21875vw;
    top: 51.09375vw;
  }

  section.sec-intro .wrap-bg_stage_hole_cover {
    width: 80.625vw;
    min-height: 65.46875vw;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
  }

  section.sec-intro .bg_stage_hole_cover {
    width: 80.625vw;
    height: 9.296875vw;
    top: 61.015625vw;
  }

  section.sec-intro .crane {
    width: 8.046875vw;
    height: 14.6875vw;
    left: 18.359375vw;
    top: 12.96875vw;
    -webkit-transform-origin: 50% 15%;
    transform-origin: 50% 15%;
  }

  section.sec-intro .crane .wrap-crane_arm_l {
    width: 3.984375vw;
    height: 6.40625vw;
    left: 0vw;
    top: 8.359375vw;
  }

  section.sec-intro .crane .wrap-crane_arm_r {
    width: 3.984375vw;
    height: 6.40625vw;
    right: 0vw;
    top: 8.359375vw;
  }

  section.sec-intro .crane .crane_arm {
    width: 3.984375vw;
    height: 6.40625vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .crane .crane_body {
    width: 8.046875vw;
    height: 14.6875vw;
  }

  section.sec-intro .crane .crane_snow {
    width: 5.15625vw;
    height: 2.34375vw;
    left: 1.40625vw;
    top: 3.671875vw;
  }

  section.sec-intro .vote-char {
    width: 18.28125vw;
    height: 14.0625vw;
    left: 0vw;
    right: 0vw;
    top: 30.15625vw;
  }

  section.sec-intro .wrap-ui-left {
    width: 13.359375vw;
    height: 25.546875vw;
    left: 0vw;
    bottom: 0vw;
    border-width: 0.78125vw 0.78125vw 0vw 0vw;
    border-radius: 0vw 3.125vw 0vw 0vw;
    position: fixed;
  }

  section.sec-intro .wrap-ui-left .btn_about,
  section.sec-intro .wrap-ui-left .btn_about_hover_1,
  section.sec-intro .wrap-ui-left .btn_about_hover_2,
  section.sec-intro .wrap-ui-left .btn_about_hover_3 {
    width: 10.46875vw;
    height: 10.46875vw;
    left: 1.484375vw;
    top: 1.484375vw;
  }

  section.sec-intro .wrap-ui-left .btn_character,
  section.sec-intro .wrap-ui-left .btn_character_hover_1,
  section.sec-intro .wrap-ui-left .btn_character_hover_2,
  section.sec-intro .wrap-ui-left .btn_character_hover_3 {
    width: 10.46875vw;
    height: 10.46875vw;
    left: 1.484375vw;
    top: 13.515625vw;
  }

  section.sec-intro .wrap-ui-right {
    width: 18.984375vw;
    height: 18.515625vw;
    right: 0vw;
    bottom: 0vw;
    border-width: 0.78125vw 0vw 0vw 0.78125vw;
    border-radius: 3.125vw 0vw 0vw 0vw;
    position: fixed;
    border-color: #40CCF8;
    border-style: solid;
    background-color: #FFF;
  }

  section.sec-intro .wrap-ui-right .attention {
    width: 12.96875vw;
    height: 8.984375vw;
    left: 0vw;
    right: 0vw;
    top: -6.328125vw;
  }

  section.sec-intro .wrap-ui-right .btn_vote {
    width: 14.609375vw;
    height: 14.609375vw;
    left: 2.109375vw;
    top: 1.484375vw;
  }

  section.sec-intro .wrap-ui-right .btn_vote_enabled,
  section.sec-intro .wrap-ui-right .btn_vote_hover_1,
  section.sec-intro .wrap-ui-right .btn_vote_hover_2 {
    width: 14.609375vw;
    height: 14.609375vw;
  }

  section.sec-intro .wrap-ui-right .btn_vote_complete {
    width: 14.53125vw;
    height: 14.53125vw;
  }

  .crane[data-position=center],
  .crane[data-position="1"],
  .crane[data-position="10"] {
    -webkit-transform: translate(345%, 0%);
    transform: translate(345%, 0%);
    -webkit-transition-duration: 2.76s;
    transition-duration: 2.76s;
  }

  .crane[data-position=center] .crane_arm,
  .crane[data-position="1"] .crane_arm,
  .crane[data-position="10"] .crane_arm {
    -webkit-animation-delay: 2.76s;
    animation-delay: 2.76s;
  }

  .crane[data-position="2"] {
    -webkit-transform: translate(279%, 0%);
    transform: translate(279%, 0%);
    -webkit-transition-duration: 2.232s;
    transition-duration: 2.232s;
  }

  .crane[data-position="2"] .crane_arm {
    -webkit-animation-delay: 2.232s;
    animation-delay: 2.232s;
  }

  .crane[data-position="3"] {
    -webkit-transform: translate(408%, 0%);
    transform: translate(408%, 0%);
    -webkit-transition-duration: 3.264s;
    transition-duration: 3.264s;
  }

  .crane[data-position="3"] .crane_arm {
    -webkit-animation-delay: 3.264s;
    animation-delay: 3.264s;
  }

  .crane[data-position="13"] {
    -webkit-transform: translate(82%, 0%);
    transform: translate(82%, 0%);
    -webkit-transition-duration: 0.656s;
    transition-duration: 0.656s;
  }

  .crane[data-position="13"] .crane_arm {
    -webkit-animation-delay: 0.656s;
    animation-delay: 0.656s;
  }

  .crane[data-position="4"],
  .crane[data-position="14"] {
    -webkit-transform: translate(187%, 0%);
    transform: translate(187%, 0%);
    -webkit-transition-duration: 1.496s;
    transition-duration: 1.496s;
  }

  .crane[data-position="4"] .crane_arm,
  .crane[data-position="14"] .crane_arm {
    -webkit-animation-delay: 1.496s;
    animation-delay: 1.496s;
  }

  .crane[data-position="5"],
  .crane[data-position="15"] {
    -webkit-transform: translate(293%, 0%);
    transform: translate(293%, 0%);
    -webkit-transition-duration: 2.344s;
    transition-duration: 2.344s;
  }

  .crane[data-position="5"] .crane_arm,
  .crane[data-position="15"] .crane_arm {
    -webkit-animation-delay: 2.344s;
    animation-delay: 2.344s;
  }

  .crane[data-position="6"],
  .crane[data-position="16"] {
    -webkit-transform: translate(397%, 0%);
    transform: translate(397%, 0%);
    -webkit-transition-duration: 3.176s;
    transition-duration: 3.176s;
  }

  .crane[data-position="6"] .crane_arm,
  .crane[data-position="16"] .crane_arm {
    -webkit-animation-delay: 3.176s;
    animation-delay: 3.176s;
  }

  .crane[data-position="7"],
  .crane[data-position="17"] {
    -webkit-transform: translate(502%, 0%);
    transform: translate(502%, 0%);
    -webkit-transition-duration: 4.016s;
    transition-duration: 4.016s;
  }

  .crane[data-position="7"] .crane_arm,
  .crane[data-position="17"] .crane_arm {
    -webkit-animation-delay: 4.016s;
    animation-delay: 4.016s;
  }

  .crane[data-position="18"] {
    -webkit-transform: translate(607%, 0%);
    transform: translate(607%, 0%);
    -webkit-transition-duration: 4.856s;
    transition-duration: 4.856s;
  }

  .crane[data-position="18"] .crane_arm {
    -webkit-animation-delay: 4.856s;
    animation-delay: 4.856s;
  }

  .crane[data-position="8"] {
    -webkit-transform: translate(136%, 0%);
    transform: translate(136%, 0%);
    -webkit-transition-duration: 1.088s;
    transition-duration: 1.088s;
  }

  .crane[data-position="8"] .crane_arm {
    -webkit-animation-delay: 1.088s;
    animation-delay: 1.088s;
  }

  .crane[data-position="9"] {
    -webkit-transform: translate(240%, 0%);
    transform: translate(240%, 0%);
    -webkit-transition-duration: 1.92s;
    transition-duration: 1.92s;
  }

  .crane[data-position="9"] .crane_arm {
    -webkit-animation-delay: 1.92s;
    animation-delay: 1.92s;
  }

  .crane[data-position="11"] {
    -webkit-transform: translate(449%, 0%);
    transform: translate(449%, 0%);
    -webkit-transition-duration: 3.592s;
    transition-duration: 3.592s;
  }

  .crane[data-position="11"] .crane_arm {
    -webkit-animation-delay: 3.592s;
    animation-delay: 3.592s;
  }

  .crane[data-position="12"] {
    -webkit-transform: translate(554%, 0%);
    transform: translate(554%, 0%);
    -webkit-transition-duration: 4.432s;
    transition-duration: 4.432s;
  }

  .crane[data-position="12"] .crane_arm {
    -webkit-animation-delay: 4.432s;
    animation-delay: 4.432s;
  }

  .crane[data-position="19"] {
    -webkit-transform: translate(55%, 0%);
    transform: translate(55%, 0%);
    -webkit-transition-duration: 0.44s;
    transition-duration: 0.44s;
  }

  .crane[data-position="19"] .crane_arm {
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
  }

  .crane[data-position="20"] {
    -webkit-transform: translate(646%, 0%);
    transform: translate(646%, 0%);
    -webkit-transition-duration: 5.168s;
    transition-duration: 5.168s;
  }

  .crane[data-position="20"] .crane_arm {
    -webkit-animation-delay: 5.168s;
    animation-delay: 5.168s;
  }

  section.sec-intro[data-phase="1"] .crane {
    -webkit-transform: translate(344%, 0%) scale(1.8);
    transform: translate(344%, 0%) scale(1.8);
  }

  section.sec-intro[data-phase="2"] .crane {
    -webkit-transform: translate(344%, 0%) scale(1);
    transform: translate(344%, 0%) scale(1);
    -webkit-animation: crane-return-pc 2.752s linear 0.5s 1 forwards;
    animation: crane-return-pc 2.752s linear 0.5s 1 forwards;
  }

@-webkit-keyframes crane-return-pc {
    0% {
      -webkit-transform: translate(344%, 0%) scale(1);
      transform: translate(344%, 0%) scale(1);
    }

    100% {
      -webkit-transform: translate(0%, 0%) scale(1);
      transform: translate(0%, 0%) scale(1);
    }
}

@keyframes crane-return-pc {
    0% {
      -webkit-transform: translate(344%, 0%) scale(1);
      transform: translate(344%, 0%) scale(1);
    }

    100% {
      -webkit-transform: translate(0%, 0%) scale(1);
      transform: translate(0%, 0%) scale(1);
    }
}

  section.sec-intro[data-phase="2"] .vote-char {
    -webkit-animation: vote-char-2-pc 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s 1 forwards;
    animation: vote-char-2-pc 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s 1 forwards;
  }

@-webkit-keyframes vote-char-2-pc {
    0% {
      -webkit-transform: translate(0%, 130%) rotate(0deg);
      transform: translate(0%, 130%) rotate(0deg);
    }

    100% {
      -webkit-transform: translate(0%, 2500%) rotate(-380deg);
      transform: translate(0%, 2500%) rotate(-380deg);
    }
}

@keyframes vote-char-2-pc {
    0% {
      -webkit-transform: translate(0%, 130%) rotate(0deg);
      transform: translate(0%, 130%) rotate(0deg);
    }

    100% {
      -webkit-transform: translate(0%, 2500%) rotate(-380deg);
      transform: translate(0%, 2500%) rotate(-380deg);
    }
}

  [data-ui-state=visible] section.sec-intro .wrap-ui-left {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }

  [data-ui-state=visible] section.sec-intro .wrap-ui-right {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }

  [data-ui-state=hidden] section.sec-intro .wrap-ui-left {
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
    transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
    transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
    transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  }

  [data-ui-state=hidden] section.sec-intro .wrap-ui-right {
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
    transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
    transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
    transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s, -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;
  }

  section.sec-intro .wrap-extra {
    width: 100vw;
  }

  section.sec-intro .wrap-extra_pra {
    width: 13.9125vw;
    height: 39.609375vw;
    left: 7.5vw;
    top: 0vw;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope {
    left: 0.78125vw;
  }

  section.sec-intro .wrap-extra_pra .wrap-fukidashi {
    top: 24.6875vw;
  }

  section.sec-intro .wrap-extra_pra .extra_pra {
    width: 13.9125vw;
    height: 15vw;
  }

  section.sec-intro .wrap-extra_izu {
    width: 12.753125vw;
    height: 37.03125vw;
    left: 81.484375vw;
    top: 0vw;
  }

  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    left: 0.78125vw;
  }

  section.sec-intro .wrap-extra_izu .wrap-fukidashi {
    top: 21.953125vw;
  }

  section.sec-intro .wrap-extra_izu .extra_izu {
    width: 12.753125vw;
    height: 13.75vw;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope,
  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    width: 9.0625vw;
    height: 29.53125vw;
  }

  section.sec-intro .wrap-extra_pra .fukidashi,
  section.sec-intro .wrap-extra_izu .fukidashi {
    border-width: 0.15625vw;
    padding: 0.625vw 0.78125vw 0.625vw;
    border-radius: 0.390625vw;
  }

  section.sec-intro .wrap-extra_pra .fukidashi::after,
  section.sec-intro .wrap-extra_izu .fukidashi::after {
    bottom: 0.078125vw;
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text,
  section.sec-intro .wrap-extra_izu .fukidashi-text {
    font-size: 1.09375vw;
    line-height: 1.2;
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text::before,
  section.sec-intro .wrap-extra_izu .fukidashi-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text::after,
  section.sec-intro .wrap-extra_izu .fukidashi-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-extra_pra .clickable,
  section.sec-intro .wrap-extra_izu .clickable {
    width: 7.65625vw;
    height: 7.8125vw;
    bottom: 3.125vw;
  }

  section.sec-intro .wrap_deco_back {
    width: 140.625vw;
    min-height: 65.46875vw;
    max-height: 70.3125vw;
    height: 100%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  section.sec-intro img.deco_back {
    width: 140.625vw;
    height: 70.3125vw;
    left: 0;
    top: 0;
  }

  section.sec-intro .wrap-kusudama {
    width: 61.796875vw;
    height: 35.3515625vw;
    left: 9.6875vw;
    right: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama {
    width: 61.796875vw;
    height: 35.3515625vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 {
    width: 17.34375vw;
    height: 35.390625vw;
    left: 39.21875vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.line {
    width: 1.328125vw;
    height: 35.390625vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.hirahira {
    width: 17.34375vw;
    height: 15.15625vw;
    left: 0.546875vw;
    top: 17.421875vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 .wrap-taremaku {
    width: 5.234375vw;
    height: 15.859375vw;
    left: 6.09375vw;
    top: 16.796875vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.taremaku {
    width: 5.234375vw;
    height: 15.859375vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_l {
    width: 5.703125vw;
    height: 5.703125vw;
    left: 3.125vw;
    top: 15.859375vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_r {
    width: 5.625vw;
    height: 5.703125vw;
    left: 8.515625vw;
    top: 15.859375vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 {
    width: 11.953125vw;
    height: 35.390625vw;
    left: 0.390625vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.line {
    width: 1.328125vw;
    height: 35.390625vw;
    left: 0vw;
    right: 0vw;
    top: -5.703125vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.hirahira {
    width: 11.953125vw;
    height: 10.703125vw;
    left: -0.390625vw;
    top: 15.390625vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 .wrap-taremaku {
    width: 4.53125vw;
    height: 12.109375vw;
    left: 3.59375vw;
    top: 14.765625vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.taremaku {
    width: 4.53125vw;
    height: 12.109375vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_l {
    width: 4.453125vw;
    height: 4.453125vw;
    left: 1.640625vw;
    top: 14.0625vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_r {
    width: 4.453125vw;
    height: 4.453125vw;
    left: 5.78125vw;
    top: 14.0625vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 {
    width: 8.671875vw;
    height: 35.390625vw;
    left: 53.046875vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.line {
    width: 1.328125vw;
    height: 35.390625vw;
    left: 0vw;
    right: 0vw;
    top: -3.4375vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.hirahira {
    width: 8.671875vw;
    height: 4.0625vw;
    left: 0.546875vw;
    top: 17.421875vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 .wrap-taremaku {
    width: 3.75vw;
    height: 12.96875vw;
    left: 2.34375vw;
    top: 16.171875vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.taremaku {
    width: 3.75vw;
    height: 12.96875vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_l {
    width: 4.0625vw;
    height: 4.140625vw;
    left: 0.3125vw;
    top: 15.546875vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_r {
    width: 4.0625vw;
    height: 4.140625vw;
    left: 4.140625vw;
    top: 15.546875vw;
  }

  section.sec-intro img.deco_front {
    width: 80.6640625vw;
    height: 23.7109375vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
  }

  section.sec-intro img.notice {
    width: 23.203125vw;
    height: 1.171875vw;
    margin-left: 6.25vw;
    bottom: 0.625vw;
  }

  section.sec-intro .wrap-signage {
    height: 12.5vw;
    top: 28.90625vw;
    border-width: 0.5859375vw 0vw 0.5859375vw 0vw;
  }

  section.sec-intro .wrap-item {
    gap: 4.6875vw;
    padding-right: 4.6875vw;
  }

  section.sec-intro .wrap-item .wrap-count {
    padding-left: 10.9375vw;
    height: 10.9375vw;
  }

  section.sec-intro .wrap-item img.char {
    width: 10.9375vw;
    height: 10.9375vw;
  }

  section.sec-intro .wrap-item .name {
    font-size: 1.71875vw;
  }

  section.sec-intro .wrap-item .point {
    font-size: 2.109375vw;
    margin: -1.40625vw 0.390625vw -0.390625vw 0vw;
  }

  section.sec-intro .wrap-item .point .infinity {
    width: 7.03125vw;
    height: 3.59375vw;
    top: 0.3125vw;
  }

  section.sec-intro .wrap-item .point span {
    font-size: 4.6875vw;
    margin-right: 0.390625vw;
  }

  section.sec-intro .latest-news {
    width: 13.28125vw;
    padding: 1.5625vw;
    gap: 0.78125vw;
    border-radius: 0.78125vw;
    border-width: 0.234375vw;
    margin-left: 33.203125vw;
    top: 14.453125vw;
    left: 50%;
  }

  section.sec-intro .blockTitle {
    font-size: 1.25vw;
    margin: -0.234375vw 0vw -0.15625vw;
  }

  section.sec-intro .news_thumb {
    width: 10.15625vw;
    height: 10.15625vw;
  }

  section.sec-intro .newsTitle_ticker {
    margin: -0.15625vw 0vw -0.3125vw;
  }

  section.sec-intro .newsTitle_ticker .newsTitle {
    font-size: 1.09375vw;
  }

  section.sec-intro .ceiling {
    z-index: 0;
  }

  section.sec-intro .extra_char[data-is-selected] + .wrap-fukidashi {
    z-index: 1;
  }

  section.sec-intro-catch .wrap-content {
    width: 100%;
    height: 100%;
  }

  section.sec-intro-catch .logo {
    width: 100vw;
    height: 23.359375vw;
  }

  section.sec-intro-catch .kamifubuki {
    width: 95.078125vw;
    height: 61.875vw;
    left: -0.9375vw;
    top: -3.90625vw;
  }

  section.sec-intro-catch .spotlight {
    width: 59.53125vw;
    height: 59.53125vw;
  }

  section.sec-intro-catch .chair_1 {
    width: 40.3003125vw;
    height: 33.1340625vw;
    top: -12.109375vw;
  }

  section.sec-intro-catch .chair_2 {
    width: 35.6146875vw;
    height: 28.8815625vw;
    top: -7.5vw;
  }

  section.sec-intro-catch .chair_3 {
    width: 20.6325vw;
    height: 21.65625vw;
    top: 0vw;
  }

  section.sec-intro-catch .wrap-arm_l {
    width: 27.421875vw;
    height: 10.625vw;
    top: 1.5625vw;
    left: -12.109375vw;
  }

  section.sec-intro-catch .arm_l {
    width: 27.421875vw;
    height: 10.625vw;
  }

  section.sec-intro-catch .wrap-arm_r {
    width: 27.421875vw;
    height: 10.625vw;
    top: 1.5625vw;
    right: -12.109375vw;
  }

  section.sec-intro-catch .arm_r {
    width: 27.421875vw;
    height: 10.625vw;
  }

  section.sec-intro-catch .wrap-btn_skip {
    width: 7.65625vw;
    height: 7.65625vw;
    right: 3.125vw;
    top: 3.125vw;
  }

  section.sec-intro-catch .btn_skip,
  section.sec-intro-catch .btn_skip_hover {
    width: 7.65625vw;
    height: 7.65625vw;
  }

  section.sec-intro-catch .char {
    width: 33.1203125vw;
    height: 33.1203125vw;
    top: 30.078125vw;
  }

  section.sec-intro-catch .wrap-wrap-fukidashi {
    height: 65.625vw;
    max-height: 100vh;
    width: 100%;
    bottom: 0;
    margin: auto;
  }

  section.sec-intro-catch .wrap-fukidashi {
    top: 7.8125vw;
  }

  section.sec-intro-catch .fukidashi {
    padding: 0.234375vw 0.390625vw 0.390625vw;
    border-radius: 0.390625vw;
    border-width: 0.15625vw;
  }

  section.sec-intro-catch .fukidashi::after {
    bottom: 0.078125vw;
  }

  section.sec-intro-vote .wrap-filter {
    background-color: rgba(255, 255, 255, 0.8);
  }

  section.sec-intro-vote .wrap-content {
    width: 91.09375vw;
    height: 42.1875vw;
  }

  section.sec-intro-vote .bg {
    width: 91.09375vw;
    height: 42.1875vw;
  }

  section.sec-intro-vote .light {
    width: 55.859375vw;
    height: 38.046875vw;
    left: 0.390625vw;
  }

  section.sec-intro-vote .crane_arm {
    width: 34.609375vw;
    height: 9.375vw;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_1 {
    width: 17.8125vw;
    height: 17.8125vw;
    left: -10.78125vw;
    top: 0.3125vw;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_2 {
    width: 11.328125vw;
    height: 11.328125vw;
    left: 2.734375vw;
    top: 27.109375vw;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_3 {
    width: 17.8125vw;
    height: 17.8125vw;
    right: -9.53125vw;
    top: 20.625vw;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_4 {
    width: 11.328125vw;
    height: 11.328125vw;
    right: 8.59375vw;
    top: 14.375vw;
  }

  section.sec-intro-vote .hole {
    width: 34.140625vw;
    height: 7.96875vw;
    bottom: 8.4375vw;
    left: 0;
  }

  section.sec-intro-vote .kamifubuki {
    width: 90vw;
    height: 25vw;
    left: -1.328125vw;
    top: 5.15625vw;
  }

  section.sec-intro-vote .char_focus {
    width: 25.390625vw;
    height: 19.53125vw;
    top: 11.171875vw;
  }

  section.sec-intro-vote .wrap-fukidashi {
    bottom: 24.21875vw;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi {
    padding: 1.015625vw 1.171875vw 1.171875vw;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi-text {
    font-size: 1.25vw;
  }

  section.sec-intro-vote .vote-text {
    font-size: 1.71875vw;
    left: 5.46875vw;
    top: 17.96875vw;
    line-height: 1.4928571429;
  }

  section.sec-intro-vote .vote-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4928571429) * 0.5em);
    content: "";
  }

  section.sec-intro-vote .vote-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4928571429) * 0.5em);
    content: "";
  }

  section.sec-intro-vote .vote-text .vote-charName {
    font-size: 2.96875vw;
  }

  section.sec-intro-vote .wrap-buttons {
    gap: 0.78125vw;
    width: 47.65625vw;
    bottom: 3.125vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  section.sec-intro-vote .btn_to_return {
    width: 7.03125vw;
    height: 7.03125vw;
    right: 1.5625vw;
    top: 1.5625vw;
    position: absolute;
    cursor: pointer;
  }

  section.sec-intro-vote .btn_to_return .btn_close,
  section.sec-intro-vote .btn_to_return .btn_close_hover {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  section.sec-intro-vote .btn_to_return .btn_close_hover {
    visibility: hidden;
  }

  section.sec-intro-vote .btn_to_return:hover .btn_close {
    visibility: hidden;
  }

  section.sec-intro-vote .btn_to_return:hover .btn_close_hover {
    visibility: visible;
  }

  section.sec-intro-vote[data-phase="1"] .btn_to_return,
  section.sec-intro-vote[data-phase="2"] .btn_to_return {
    -webkit-animation: btn_to_return-poyon 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 2.2s 1 forwards;
    animation: btn_to_return-poyon 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 2.2s 1 forwards;
  }

  section.sec-info {
    padding: 9.375vw 0vw;
  }

  section.sec-about .title {
    margin: -0.15625vw auto -0.625vw;
  }

  section.sec-about .title img[src*=char_pura] {
    width: 4.6875vw;
    height: 4.6875vw;
    bottom: 2.421875vw;
    margin-right: 2.5vw;
  }

  section.sec-about .title img[src*=char_izu] {
    width: 4.84375vw;
    height: 4.6875vw;
    bottom: 2.421875vw;
    margin-left: 2.5vw;
  }

  section.sec-commercialize.info-block {
    padding-left: 0;
    padding-right: 0;
  }

  section.sec-commercialize .title {
    margin: -0.3125vw auto -0.625vw;
  }

  section.sec-commercialize .crane {
    width: 5.078125vw;
    height: 9.0625vw;
    right: 12.1875vw;
    top: 0vw;
  }

  section.sec-commercialize .wrap-img {
    width: 46.875vw;
    height: 46.875vw;
    border-radius: 0.78125vw;
  }

  section.sec-commercialize .praizu_comment {
    width: 52.1875vw;
    height: 22.578125vw;
  }

  section.sec-commercialize .praizu {
    width: 27.96875vw;
    height: 11.484375vw;
    margin: -3.90625vw auto 0vw;
  }

  section.sec-howto .title {
    margin: -0.3125vw auto -0.625vw;
  }

  section.sec-howto .simpleList {
    margin: -0.546875vw 0vw -0.546875vw;
  }

  section.sec-howto .crane {
    width: 5.078125vw;
    height: 9.0625vw;
    right: 12.1875vw;
    top: 0vw;
  }

  section.sec-howto .schedule {
    width: 42.1875vw;
    height: 12.5vw;
  }

  section.sec-howto .wrap-buttons {
    gap: 0.78125vw;
    margin: 0vw 0.625vw;
  }

  section.sec-sns .ornament_l {
    left: 19.21875vw;
    top: 0vw;
    width: 5.859375vw;
    height: 8.28125vw;
  }

  section.sec-sns .ornament_r {
    right: 18.984375vw;
    top: 0vw;
    width: 5.859375vw;
    height: 8.046875vw;
  }

  section.sec-sns .title {
    margin: -0.3125vw auto -0.3125vw;
  }

  section.sec-sns .wrap-x-thread {
    width: 42.96875vw;
    height: 46.875vw;
    border-radius: 0.78125vw;
  }

  section.sec-event .kamifubuki {
    left: 9.296875vw;
    top: 0.703125vw;
    width: 50.3125vw;
    height: 10.234375vw;
  }

  section.sec-event .title {
    margin: -0.3125vw auto -0.3125vw;
  }

  section.sec-event .event_banner {
    width: 46.875vw;
  }

  section.sec-mid-point-report .wrap-content {
    width: 91.09375vw;
    height: 56.71875vw;
  }

  section.sec-mid-point-report .wrap_btn_close {
    width: 7.03125vw;
    height: 7.03125vw;
    right: 3.125vw;
    top: 3.125vw;
  }

  section.sec-mid-point-report .wrap_btn_close img.btn_close,
  section.sec-mid-point-report .wrap_btn_close img.btn_close_hover {
    width: 7.03125vw;
    height: 7.03125vw;
  }

  section.sec-mid-point-report .bg {
    width: 91.09375vw;
    height: 56.71875vw;
  }

  section.sec-mid-point-report .btn_next {
    right: 3.125vw;
    bottom: 3.125vw;
  }

  section.sec-mid-point-report .btn_next .btn_next_text {
    font-size: 1.25vw;
  }

  section.sec-mid-point-report .btn_next img.arrow {
    width: 0.9375vw;
    height: 0.625vw;
    margin-left: 0.78125vw;
  }

  section.sec-mid-point-report .sec-1 img.logo_charasai {
    width: 25vw;
    height: 4.84375vw;
    margin: 1.5625vw auto 0vw;
  }

  section.sec-mid-point-report .sec-1 img.title {
    width: 78.359375vw;
    height: 8.203125vw;
    margin: 3.59375vw auto 2.96875vw;
  }

  section.sec-mid-point-report .sec-1 img.char {
    width: 68.4765625vw;
    height: 4.7265625vw;
    margin: 0vw auto 5.078125vw;
  }

  section.sec-mid-point-report .sec-1 .wrap-praizu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  section.sec-mid-point-report .sec-1 img.pra_text {
    width: 7.5vw;
    height: 4.609375vw;
    right: -0.78125vw;
    top: 3.125vw;
  }

  section.sec-mid-point-report .sec-1 img.pra {
    width: 11.5625vw;
    height: 11.640625vw;
  }

  section.sec-mid-point-report .sec-1 img.comment_first {
    width: 38.359375vw;
    height: 9.140625vw;
    margin: 0vw 3.125vw;
  }

  section.sec-mid-point-report .sec-1 img.izu {
    width: 11.796875vw;
    height: 11.640625vw;
  }

  section.sec-mid-point-report .sec-1 img.izu_text {
    width: 6.796875vw;
    height: 4.6875vw;
    left: -1.171875vw;
    top: 3.125vw;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll {
    margin: 0vw auto 0vw;
    width: 6.25vw;
    bottom: 2.5vw;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll p {
    font-size: 1.25vw;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll img.arrow {
    width: 0.9375vw;
    height: 0.625vw;
    margin: 0.390625vw auto 0vw;
  }

  section.sec-mid-point-report .sec-2 img.bg_pattern,
  section.sec-mid-point-report .sec-4 img.bg_pattern,
  section.sec-mid-point-report .sec-6 img.bg_pattern,
  section.sec-mid-point-report .sec-8 img.bg_pattern,
  section.sec-mid-point-report .sec-10 img.bg_pattern,
  section.sec-mid-point-report .sec-12 img.bg_pattern {
    width: 58.59375vw;
    height: 13.59375vw;
  }

  section.sec-mid-point-report .sec-2 img.kamifubuki,
  section.sec-mid-point-report .sec-4 img.kamifubuki,
  section.sec-mid-point-report .sec-6 img.kamifubuki,
  section.sec-mid-point-report .sec-8 img.kamifubuki,
  section.sec-mid-point-report .sec-10 img.kamifubuki,
  section.sec-mid-point-report .sec-12 img.kamifubuki {
    width: 38.4375vw;
    height: 12.734375vw;
    top: 8.359375vw;
    left: 27.265625vw;
  }

  section.sec-mid-point-report .sec-2 img.light,
  section.sec-mid-point-report .sec-4 img.light,
  section.sec-mid-point-report .sec-6 img.light,
  section.sec-mid-point-report .sec-8 img.light,
  section.sec-mid-point-report .sec-10 img.light,
  section.sec-mid-point-report .sec-12 img.light {
    width: 12.8125vw;
    height: 40.859375vw;
    top: 0.78125vw;
  }

  section.sec-mid-point-report .sec-2 .comment,
  section.sec-mid-point-report .sec-4 .comment,
  section.sec-mid-point-report .sec-6 .comment,
  section.sec-mid-point-report .sec-8 .comment,
  section.sec-mid-point-report .sec-10 .comment,
  section.sec-mid-point-report .sec-12 .comment {
    bottom: 30.9765625vw;
  }

  section.sec-mid-point-report .sec-2 img.pra,
  section.sec-mid-point-report .sec-4 img.pra,
  section.sec-mid-point-report .sec-6 img.pra,
  section.sec-mid-point-report .sec-8 img.pra,
  section.sec-mid-point-report .sec-10 img.pra,
  section.sec-mid-point-report .sec-12 img.pra {
    width: 11.5625vw;
    height: 11.640625vw;
    bottom: 18.0859375vw;
  }

  section.sec-mid-point-report .sec-2 img.izu,
  section.sec-mid-point-report .sec-4 img.izu,
  section.sec-mid-point-report .sec-6 img.izu,
  section.sec-mid-point-report .sec-8 img.izu,
  section.sec-mid-point-report .sec-10 img.izu,
  section.sec-mid-point-report .sec-12 img.izu {
    width: 11.796875vw;
    height: 11.640625vw;
    bottom: 18.0859375vw;
  }

  section.sec-mid-point-report .sec-2 img.step,
  section.sec-mid-point-report .sec-4 img.step,
  section.sec-mid-point-report .sec-6 img.step,
  section.sec-mid-point-report .sec-8 img.step,
  section.sec-mid-point-report .sec-10 img.step,
  section.sec-mid-point-report .sec-12 img.step {
    width: 15.625vw;
    height: 3.90625vw;
    bottom: 14.1796875vw;
  }

  section.sec-mid-point-report .sec-3 .wrap-cards,
  section.sec-mid-point-report .sec-5 .wrap-cards {
    width: 73.4375vw;
    height: 49.609375vw;
    gap: 1.5625vw;
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  section.sec-mid-point-report .sec-3 .card,
  section.sec-mid-point-report .sec-5 .card {
    width: 17.1875vw;
    height: 23.984375vw;
  }

  section.sec-mid-point-report .sec-3 .card .card-content,
  section.sec-mid-point-report .sec-5 .card .card-content {
    width: 17.1875vw;
    height: 23.984375vw;
    border-radius: 0.78125vw;
  }

  section.sec-mid-point-report .sec-3 .card .front,
  section.sec-mid-point-report .sec-5 .card .front {
    width: 17.1875vw;
    height: 23.984375vw;
  }

  section.sec-mid-point-report .sec-3 .card .rank,
  section.sec-mid-point-report .sec-5 .card .rank {
    font-size: 1.25vw;
    width: 11.71875vw;
    height: 2.421875vw;
    left: -3.75vw;
    top: 0.625vw;
  }

  section.sec-mid-point-report .sec-3 .card .wrap-img,
  section.sec-mid-point-report .sec-5 .card .wrap-img {
    width: 14.6875vw;
    height: 14.6875vw;
    border-width: 0.234375vw;
    margin: 1.25vw auto 0vw;
    border-radius: 0.78125vw;
  }

  section.sec-mid-point-report .sec-3 .card img.img-1,
  section.sec-mid-point-report .sec-5 .card img.img-1 {
    width: 14.6875vw;
    height: 14.6875vw;
  }

  section.sec-mid-point-report .sec-3 .card img.img-2,
  section.sec-mid-point-report .sec-5 .card img.img-2 {
    width: 14.6875vw;
    height: 14.6875vw;
  }

  section.sec-mid-point-report .sec-3 .card .creator,
  section.sec-mid-point-report .sec-5 .card .creator {
    font-size: 0.9375vw;
    margin: 0.390625vw auto 0vw;
  }

  section.sec-mid-point-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 1.25vw;
  }

  section.sec-mid-point-report .sec-3 .card .name,
  section.sec-mid-point-report .sec-5 .card .name {
    font-size: 1.40625vw;
    margin: 0.078125vw auto 0vw;
  }

  section.sec-mid-point-report .sec-3 .card .point,
  section.sec-mid-point-report .sec-5 .card .point {
    width: 3.515625vw;
    height: 3.515625vw;
    left: 1.25vw;
    bottom: 1.0546875vw;
    font-size: 0.9375vw;
  }

  section.sec-mid-point-report .sec-3 .card .point span,
  section.sec-mid-point-report .sec-5 .card .point span {
    font-size: 0.78125vw;
    top: 0.15625vw;
  }

  section.sec-mid-point-report .sec-3 .card .speech,
  section.sec-mid-point-report .sec-5 .card .speech {
    font-size: 0.78125vw;
    margin: 0.46875vw 1.25vw 0vw 5.546875vw;
    height: 3.28125vw;
  }

  section.sec-mid-point-report .sec-3 .card img.card_design,
  section.sec-mid-point-report .sec-5 .card img.card_design {
    width: 12.77265625vw;
  }

  section.sec-mid-point-report .sec-7 .bg_deco,
  section.sec-mid-point-report .sec-9 .bg_deco,
  section.sec-mid-point-report .sec-11 .bg_deco {
    width: 91.09375vw;
    height: 56.71875vw;
  }

  section.sec-mid-point-report .sec-7 .wrap-card-data,
  section.sec-mid-point-report .sec-9 .wrap-card-data,
  section.sec-mid-point-report .sec-11 .wrap-card-data {
    gap: 3.125vw;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }

  section.sec-mid-point-report .sec-7 .card,
  section.sec-mid-point-report .sec-9 .card,
  section.sec-mid-point-report .sec-11 .card {
    width: 25.78125vw;
    height: 36.015625vw;
  }

  section.sec-mid-point-report .sec-7 .card .card-content,
  section.sec-mid-point-report .sec-9 .card .card-content,
  section.sec-mid-point-report .sec-11 .card .card-content {
    width: 25.78125vw;
    height: 36.015625vw;
    border-radius: 0.78125vw;
  }

  section.sec-mid-point-report .sec-7 .card .front,
  section.sec-mid-point-report .sec-9 .card .front,
  section.sec-mid-point-report .sec-11 .card .front {
    width: 25.78125vw;
    height: 36.015625vw;
  }

  section.sec-mid-point-report .sec-7 .card .card_top3,
  section.sec-mid-point-report .sec-9 .card .card_top3,
  section.sec-mid-point-report .sec-11 .card .card_top3 {
    width: 25.78125vw;
    height: 36.015625vw;
  }

  section.sec-mid-point-report .sec-7 .card .rank,
  section.sec-mid-point-report .sec-9 .card .rank,
  section.sec-mid-point-report .sec-11 .card .rank {
    font-size: 2.1875vw;
    width: 3.90625vw;
    left: 3.046875vw;
    top: 3.671875vw;
  }

  section.sec-mid-point-report .sec-7 .card .creator,
  section.sec-mid-point-report .sec-9 .card .creator,
  section.sec-mid-point-report .sec-11 .card .creator {
    font-size: 1.25vw;
    margin: 3.28125vw 0vw 0vw 8.87890625vw;
  }

  section.sec-mid-point-report .sec-7 .card .name,
  section.sec-mid-point-report .sec-9 .card .name,
  section.sec-mid-point-report .sec-11 .card .name {
    font-size: 1.40625vw;
    margin: 0.3125vw 0vw 0vw 8.87890625vw;
  }

  section.sec-mid-point-report .sec-7 .card .wrap-img,
  section.sec-mid-point-report .sec-9 .card .wrap-img,
  section.sec-mid-point-report .sec-11 .card .wrap-img {
    width: 22.1875vw;
    height: 32.734375vw;
    border-radius: 0.46875vw;
    top: 1.640625vw;
  }

  section.sec-mid-point-report .sec-7 .card img.card_design,
  section.sec-mid-point-report .sec-9 .card img.card_design,
  section.sec-mid-point-report .sec-11 .card img.card_design {
    width: 19.15859375vw;
  }

  section.sec-mid-point-report .sec-7 .data,
  section.sec-mid-point-report .sec-9 .data,
  section.sec-mid-point-report .sec-11 .data {
    width: 25.78125vw;
    height: 35.15625vw;
    gap: 2.1875vw;
  }

  section.sec-mid-point-report .sec-7 .data .creator,
  section.sec-mid-point-report .sec-9 .data .creator,
  section.sec-mid-point-report .sec-11 .data .creator {
    font-size: 1.25vw;
  }

  section.sec-mid-point-report .sec-7 .data .name,
  section.sec-mid-point-report .sec-9 .data .name,
  section.sec-mid-point-report .sec-11 .data .name {
    font-size: 1.875vw;
  }

  section.sec-mid-point-report .sec-7 .data .speech,
  section.sec-mid-point-report .sec-9 .data .speech,
  section.sec-mid-point-report .sec-11 .data .speech {
    font-size: 1.25vw;
    line-height: 1.4;
  }

  section.sec-mid-point-report .sec-7 .data .speech::before,
  section.sec-mid-point-report .sec-9 .data .speech::before,
  section.sec-mid-point-report .sec-11 .data .speech::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }

  section.sec-mid-point-report .sec-7 .data .speech::after,
  section.sec-mid-point-report .sec-9 .data .speech::after,
  section.sec-mid-point-report .sec-11 .data .speech::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }

  section.sec-mid-point-report .sec-7 .data .point,
  section.sec-mid-point-report .sec-9 .data .point,
  section.sec-mid-point-report .sec-11 .data .point {
    font-size: 2.1875vw;
    margin-top: -0.390625vw;
  }

  section.sec-mid-point-report .sec-7 .data .point span,
  section.sec-mid-point-report .sec-9 .data .point span,
  section.sec-mid-point-report .sec-11 .data .point span {
    font-size: 1.25vw;
  }

  section.sec-mid-point-report .sec-2 .comment_1 {
    width: 16.5625vw;
    height: 4.921875vw;
  }

  section.sec-mid-point-report .sec-4 .comment_2 {
    width: 16.25vw;
    height: 5vw;
  }

  section.sec-mid-point-report .sec-6 .comment_3 {
    width: 11.25vw;
    height: 5vw;
  }

  section.sec-mid-point-report .sec-8 .comment_4 {
    width: 6.25vw;
    height: 5vw;
  }

  section.sec-mid-point-report .sec-10 .comment_5 {
    width: 15.78125vw;
    height: 5vw;
  }

  section.sec-mid-point-report .sec-12 .comment_last {
    width: 51.71875vw;
    height: 13.28125vw;
  }

  section.sec-mid-point-report .sec-12 .comment {
    bottom: 30.1953125vw;
  }

  section.sec-mid-point-report .sec-12 img.pra {
    left: 29.9609375vw;
    bottom: 17.3125vw;
  }

  section.sec-mid-point-report .sec-12 img.izu {
    right: 29.9609375vw;
    bottom: 17.3125vw;
  }

  section.sec-mid-point-report .sec-12 img.step {
    width: 11.796875vw;
    bottom: 13.40625vw;
  }

  section.sec-mid-point-report .sec-12 img.step-pra {
    left: 29.9609375vw;
  }

  section.sec-mid-point-report .sec-12 img.step-izu {
    right: 29.9609375vw;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end {
    margin: 0vw auto 0vw;
    width: 6.25vw;
    bottom: 2.5vw;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end p {
    font-size: 1.25vw;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end img.arrow {
    width: 0.9375vw;
    height: 0.9375vw;
    margin: 0.625vw auto 0vw;
  }

  section.sec-mid-point-report .card {
    -webkit-perspective: 100vw;
    perspective: 100vw;
  }

  section.sec-intro .wrap-calendar {
    border-width: 0.234375vw;
    margin-top: 1.40625vw;
    padding: 1.40625vw 1.40625vw 0vw;
  }

  section.sec-intro .wrap-calendar .calendar {
    width: 10.234375vw;
    height: 9.765625vw;
  }

  section.sec-intro .wrap-calendar .calendar_line {
    width: 10.78125vw;
    height: 8.59375vw;
    left: 1.171875vw;
    top: 2.03125vw;
  }

  section.sec-intro .signage_bg {
    bottom: 22.65625vw;
    height: 13.90625vw;
    background-size: 15.625vw 13.90625vw;
  }

  section.sec-intro .signage_bg .wrap_signage_content {
    top: 1.5625vw;
    height: 10.78125vw;
  }

  section.sec-intro .signage_bg .countdown {
    width: 36.71875vw;
  }

  section.sec-intro .signage_bg .countdown .cd {
    gap: 0.546875vw;
    padding-bottom: 1.5625vw;
  }

  section.sec-intro .signage_bg .countdown .cd .signage_count_text {
    width: 13.671875vw;
    height: 1.5625vw;
    top: 1.40625vw;
  }

  section.sec-intro .signage_bg .countdown .cd .num {
    width: 3.59375vw;
    height: 5.46875vw;
  }

  section.sec-intro .signage_bg .countdown .cd .colon {
    width: 1.328125vw;
    height: 4.375vw;
  }

  section.sec-intro .signage_bg .logo {
    width: 121.875vw;
    background-size: 12.1875vw 7.5vw;
  }

  section.sec-intro .signage_bg .logo::before {
    width: 243.75vw;
    background-size: 12.1875vw 7.5vw;
  }

  section.sec-intro .people_near {
    background-size: 32.734375vw 25.3125vw;
    height: 26.875vw;
    top: 39.453125vw;
  }

  section.sec-intro .people_near::before {
    top: 1.953125vw;
  }

  section.sec-intro .people_near .people:nth-of-type(1) {
    background-size: 32.734375vw 3.984375vw;
    height: 3.984375vw;
    margin-top: 0.3125vw;
    margin-bottom: -2.03125vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/1.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(2),
  section.sec-intro .people_near .people:nth-of-type(6),
  section.sec-intro .people_near .people:nth-of-type(10),
  section.sec-intro .people_near .people:nth-of-type(14) {
    background-size: 32.734375vw 1.953125vw;
    height: 1.953125vw;
    margin-top: 0.46875vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/2.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(3),
  section.sec-intro .people_near .people:nth-of-type(7),
  section.sec-intro .people_near .people:nth-of-type(11),
  section.sec-intro .people_near .people:nth-of-type(15) {
    background-size: 32.734375vw 2.34375vw;
    height: 2.34375vw;
    margin-top: -0.3125vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/3.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(4),
  section.sec-intro .people_near .people:nth-of-type(8),
  section.sec-intro .people_near .people:nth-of-type(12) {
    background-size: 32.734375vw 2.421875vw;
    height: 2.421875vw;
    margin-top: -0.15625vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/4.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(5),
  section.sec-intro .people_near .people:nth-of-type(9),
  section.sec-intro .people_near .people:nth-of-type(13) {
    background-size: 32.734375vw 1.796875vw;
    height: 1.796875vw;
    margin-top: 0.46875vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/5.svg);
  }

  section.sec-intro .people_far {
    height: 8.671875vw;
    top: 20.078125vw;
  }

  section.sec-intro .people_far::before {
    top: 0.78125vw;
    height: 100%;
  }

  section.sec-intro .people_far .people:nth-of-type(1) {
    background-size: 20vw 2.421875vw;
    height: 2.421875vw;
    margin-top: 0.078125vw;
    margin-bottom: -0.78125vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/1.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(2),
  section.sec-intro .people_far .people:nth-of-type(6),
  section.sec-intro .people_far .people:nth-of-type(10) {
    background-size: 20vw 1.25vw;
    height: 1.25vw;
    margin-top: 0.15625vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/2.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(3),
  section.sec-intro .people_far .people:nth-of-type(7),
  section.sec-intro .people_far .people:nth-of-type(11) {
    background-size: 20vw 1.5625vw;
    height: 1.5625vw;
    margin-top: -0.3125vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/3.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(4),
  section.sec-intro .people_far .people:nth-of-type(8),
  section.sec-intro .people_far .people:nth-of-type(12) {
    background-size: 20vw 1.5625vw;
    height: 1.5625vw;
    margin-top: -0.234375vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/4.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(5),
  section.sec-intro .people_far .people:nth-of-type(9),
  section.sec-intro .people_far .people:nth-of-type(13) {
    background-size: 20vw 1.171875vw;
    height: 1.171875vw;
    margin-top: 0.15625vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_1/5.svg);
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby-far: -0.390625vw;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby: -0.78125vw;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave-far: -1.5625vw;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave: -2.34375vw;
  }

  section.sec-intro .wrap-wrap_ball {
    min-height: 65.46875vw;
    max-height: 70.3125vw;
    bottom: 0;
  }

  section.sec-intro .wrap_ball {
    width: 31.25vw;
    height: 31.25vw;
    top: 35.15625vw;
    left: 90%;
    z-index: 9;
  }

  section.sec-intro .wrap_ball.small {
    width: 14.0625vw;
    height: 14.0625vw;
    top: 12.5vw;
    left: 65%;
  }

  section.sec-intro .wrap_ball.small .ball-pos {
    --ball-pos: -76.5625vw;
  }

  section.sec-intro .wrap_ball.small.i-2 {
    bottom: 38.046875vw;
    left: 80%;
  }

  section.sec-intro .wrap_ball .ball-pos {
    --ball-pos: -115.625vw;
  }

  section.sec-intro .wrap_ball .ball {
    --ball-jump: -7.8125vw;
  }

  section.sec-final-report .wrap-content {
    width: 91.09375vw;
    height: 56.71875vw;
  }

  section.sec-final-report .wrap_btn_close {
    width: 7.03125vw;
    height: 7.03125vw;
    right: 3.125vw;
    top: 3.125vw;
  }

  section.sec-final-report .wrap_btn_close img.btn_close,
  section.sec-final-report .wrap_btn_close img.btn_close_hover {
    width: 7.03125vw;
    height: 7.03125vw;
  }

  section.sec-final-report .bg {
    width: 91.09375vw;
    height: 56.71875vw;
  }

  section.sec-final-report .btn_next {
    right: 3.125vw;
    bottom: 3.125vw;
  }

  section.sec-final-report .btn_next .btn_next_text {
    font-size: 1.25vw;
  }

  section.sec-final-report .btn_next img.arrow {
    width: 0.9375vw;
    height: 0.625vw;
    margin-left: 0.78125vw;
  }

  section.sec-final-report .sec-1 img.logo_charasai {
    width: 25vw;
    height: 4.84375vw;
    margin: 1.5625vw auto 0vw;
  }

  section.sec-final-report .sec-1 img.title {
    width: 78.828125vw;
    height: 8.203125vw;
    margin: 3.59375vw auto 2.96875vw;
  }

  section.sec-final-report .sec-1 img.char {
    width: 68.4765625vw;
    height: 4.7265625vw;
    margin: 0vw auto 5.078125vw;
  }

  section.sec-final-report .sec-1 .wrap-praizu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  section.sec-final-report .sec-1 img.pra_text {
    width: 7.5vw;
    height: 4.609375vw;
    right: -0.78125vw;
    top: 3.125vw;
  }

  section.sec-final-report .sec-1 img.pra {
    width: 11.5625vw;
    height: 11.640625vw;
  }

  section.sec-final-report .sec-1 img.comment_first {
    width: 38.515625vw;
    height: 9.140625vw;
    margin: 0vw 3.125vw;
  }

  section.sec-final-report .sec-1 img.izu {
    width: 11.796875vw;
    height: 11.640625vw;
  }

  section.sec-final-report .sec-1 img.izu_text {
    width: 6.796875vw;
    height: 4.6875vw;
    left: -1.171875vw;
    top: 3.125vw;
  }

  section.sec-final-report .sec-1 .attention-scroll {
    margin: 0vw auto 0vw;
    width: 6.25vw;
    bottom: 2.5vw;
  }

  section.sec-final-report .sec-1 .attention-scroll p {
    font-size: 1.25vw;
  }

  section.sec-final-report .sec-1 .attention-scroll img.arrow {
    width: 0.9375vw;
    height: 0.625vw;
    margin: 0.390625vw auto 0vw;
  }

  section.sec-final-report .sec-2 img.bg_pattern,
  section.sec-final-report .sec-4 img.bg_pattern,
  section.sec-final-report .sec-6 img.bg_pattern,
  section.sec-final-report .sec-8 img.bg_pattern,
  section.sec-final-report .sec-10 img.bg_pattern,
  section.sec-final-report .sec-12 img.bg_pattern {
    width: 58.59375vw;
    height: 13.59375vw;
  }

  section.sec-final-report .sec-2 img.kamifubuki,
  section.sec-final-report .sec-4 img.kamifubuki,
  section.sec-final-report .sec-6 img.kamifubuki,
  section.sec-final-report .sec-8 img.kamifubuki,
  section.sec-final-report .sec-10 img.kamifubuki,
  section.sec-final-report .sec-12 img.kamifubuki {
    width: 38.4375vw;
    height: 12.734375vw;
    top: 8.359375vw;
    left: 27.265625vw;
  }

  section.sec-final-report .sec-2 img.light,
  section.sec-final-report .sec-4 img.light,
  section.sec-final-report .sec-6 img.light,
  section.sec-final-report .sec-8 img.light,
  section.sec-final-report .sec-10 img.light,
  section.sec-final-report .sec-12 img.light {
    width: 12.8125vw;
    height: 40.859375vw;
    top: 0.78125vw;
  }

  section.sec-final-report .sec-2 .comment,
  section.sec-final-report .sec-4 .comment,
  section.sec-final-report .sec-6 .comment,
  section.sec-final-report .sec-8 .comment,
  section.sec-final-report .sec-10 .comment,
  section.sec-final-report .sec-12 .comment {
    bottom: 30.9765625vw;
  }

  section.sec-final-report .sec-2 img.pra,
  section.sec-final-report .sec-4 img.pra,
  section.sec-final-report .sec-6 img.pra,
  section.sec-final-report .sec-8 img.pra,
  section.sec-final-report .sec-10 img.pra,
  section.sec-final-report .sec-12 img.pra {
    width: 11.5625vw;
    height: 11.640625vw;
    bottom: 18.0859375vw;
  }

  section.sec-final-report .sec-2 img.izu,
  section.sec-final-report .sec-4 img.izu,
  section.sec-final-report .sec-6 img.izu,
  section.sec-final-report .sec-8 img.izu,
  section.sec-final-report .sec-10 img.izu,
  section.sec-final-report .sec-12 img.izu {
    width: 11.796875vw;
    height: 11.640625vw;
    bottom: 18.0859375vw;
  }

  section.sec-final-report .sec-2 img.step,
  section.sec-final-report .sec-4 img.step,
  section.sec-final-report .sec-6 img.step,
  section.sec-final-report .sec-8 img.step,
  section.sec-final-report .sec-10 img.step,
  section.sec-final-report .sec-12 img.step {
    width: 15.625vw;
    height: 3.90625vw;
    bottom: 14.1796875vw;
  }

  section.sec-final-report .sec-3 .wrap-cards,
  section.sec-final-report .sec-5 .wrap-cards {
    width: 73.4375vw;
    height: 49.609375vw;
    gap: 1.5625vw;
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  section.sec-final-report .sec-3 .card,
  section.sec-final-report .sec-5 .card {
    width: 17.1875vw;
    height: 23.984375vw;
  }

  section.sec-final-report .sec-3 .card .card-content,
  section.sec-final-report .sec-5 .card .card-content {
    width: 17.1875vw;
    height: 23.984375vw;
    border-radius: 0.78125vw;
  }

  section.sec-final-report .sec-3 .card .front,
  section.sec-final-report .sec-5 .card .front {
    width: 17.1875vw;
    height: 23.984375vw;
  }

  section.sec-final-report .sec-3 .card .wrap-rank,
  section.sec-final-report .sec-5 .card .wrap-rank {
    font-size: 1.25vw;
    width: 6.640625vw;
    height: 6.640625vw;
    left: -1.09375vw;
    top: -1.796875vw;
    padding-left: 0.390625vw;
    padding-top: 0.78125vw;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank,
  section.sec-final-report .sec-5 .card .wrap-rank .rank {
    font-size: 0.78125vw;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank span,
  section.sec-final-report .sec-5 .card .wrap-rank .rank span {
    font-size: 1.875vw;
  }

  section.sec-final-report .sec-3 .card .point,
  section.sec-final-report .sec-5 .card .point {
    width: 3.515625vw;
    left: 0vw;
    margin-top: 0.15625vw;
    font-size: 0.78125vw;
  }

  section.sec-final-report .sec-3 .card .point span,
  section.sec-final-report .sec-5 .card .point span {
    font-size: 0.625vw;
    top: 0.15625vw;
  }

  section.sec-final-report .sec-3 .card .wrap-img,
  section.sec-final-report .sec-5 .card .wrap-img {
    width: 14.6875vw;
    height: 14.6875vw;
    border-width: 0.234375vw;
    margin: 3.671875vw auto 0vw;
    border-radius: 0.78125vw;
  }

  section.sec-final-report .sec-3 .card img.img-1,
  section.sec-final-report .sec-5 .card img.img-1 {
    width: 14.6875vw;
    height: 14.6875vw;
  }

  section.sec-final-report .sec-3 .card img.img-2,
  section.sec-final-report .sec-5 .card img.img-2 {
    width: 14.6875vw;
    height: 14.6875vw;
  }

  section.sec-final-report .sec-3 .card .creator,
  section.sec-final-report .sec-5 .card .creator {
    font-size: 0.625vw;
    margin: 0.390625vw auto 0vw;
    right: 1.171875vw;
    top: 0.390625vw;
  }

  section.sec-final-report .sec-3 .card .name,
  section.sec-final-report .sec-5 .card .name {
    font-size: 1.09375vw;
    margin: 0.078125vw auto 0vw;
    right: 1.171875vw;
    top: 1.640625vw;
  }

  section.sec-final-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 0.8984375vw;
  }

  section.sec-final-report .sec-3 .card .speech,
  section.sec-final-report .sec-5 .card .speech {
    font-size: 1.09375vw;
    margin: 0vw auto 0vw;
    height: 5.64921875vw;
  }

  section.sec-final-report .sec-3 .card img.card_design,
  section.sec-final-report .sec-5 .card img.card_design {
    width: 12.77265625vw;
  }

  section.sec-final-report .sec-7 .wrap_ball,
  section.sec-final-report .sec-9 .wrap_ball,
  section.sec-final-report .sec-11 .wrap_ball {
    width: 31.25vw;
    height: 31.25vw;
    bottom: 8.984375vw;
    left: 70%;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball-pos,
  section.sec-final-report .sec-9 .wrap_ball .ball-pos,
  section.sec-final-report .sec-11 .wrap_ball .ball-pos {
    --ball-pos: -54.6875vw;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball,
  section.sec-final-report .sec-9 .wrap_ball .ball,
  section.sec-final-report .sec-11 .wrap_ball .ball {
    --ball-jump: -7.8125vw;
  }

  section.sec-final-report .sec-7 .bg_deco,
  section.sec-final-report .sec-9 .bg_deco,
  section.sec-final-report .sec-11 .bg_deco {
    width: 91.09375vw;
    height: 56.71875vw;
  }

  section.sec-final-report .sec-7 .wrap-card-data,
  section.sec-final-report .sec-9 .wrap-card-data,
  section.sec-final-report .sec-11 .wrap-card-data {
    gap: 3.125vw;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }

  section.sec-final-report .sec-7 .card,
  section.sec-final-report .sec-9 .card,
  section.sec-final-report .sec-11 .card {
    width: 25.78125vw;
    height: 36.015625vw;
  }

  section.sec-final-report .sec-7 .card .card-content,
  section.sec-final-report .sec-9 .card .card-content,
  section.sec-final-report .sec-11 .card .card-content {
    width: 25.78125vw;
    height: 36.015625vw;
    border-radius: 0.78125vw;
  }

  section.sec-final-report .sec-7 .card .front,
  section.sec-final-report .sec-9 .card .front,
  section.sec-final-report .sec-11 .card .front {
    width: 25.78125vw;
    height: 36.015625vw;
  }

  section.sec-final-report .sec-7 .card .card_top3,
  section.sec-final-report .sec-9 .card .card_top3,
  section.sec-final-report .sec-11 .card .card_top3 {
    width: 25.78125vw;
    height: 35.9375vw;
  }

  section.sec-final-report .sec-7 .card .rank,
  section.sec-final-report .sec-9 .card .rank,
  section.sec-final-report .sec-11 .card .rank {
    font-size: 2.1875vw;
    width: 6.71875vw;
    height: 7.421875vw;
    left: 1.40625vw;
    top: 1.171875vw;
  }

  section.sec-final-report .sec-7 .card .rank .rank_2,
  section.sec-final-report .sec-9 .card .rank .rank_2,
  section.sec-final-report .sec-11 .card .rank .rank_2 {
    top: -0.234375vw;
  }

  section.sec-final-report .sec-7 .card .rank .rank_1,
  section.sec-final-report .sec-9 .card .rank .rank_1,
  section.sec-final-report .sec-11 .card .rank .rank_1 {
    top: -0.15625vw;
  }

  section.sec-final-report .sec-7 .card .point,
  section.sec-final-report .sec-9 .card .point,
  section.sec-final-report .sec-11 .card .point {
    font-size: 1.09375vw;
    left: 0.15625vw;
    top: 4.6875vw;
  }

  section.sec-final-report .sec-7 .card .point span,
  section.sec-final-report .sec-9 .card .point span,
  section.sec-final-report .sec-11 .card .point span {
    font-size: 0.9375vw;
  }

  section.sec-final-report .sec-7 .card .creator,
  section.sec-final-report .sec-9 .card .creator,
  section.sec-final-report .sec-11 .card .creator {
    font-size: 0.9375vw;
    right: 1.796875vw;
    top: 1.796875vw;
  }

  section.sec-final-report .sec-7 .card .name,
  section.sec-final-report .sec-9 .card .name,
  section.sec-final-report .sec-11 .card .name {
    font-size: 1.640625vw;
    right: 1.796875vw;
    top: 3.125vw;
  }

  section.sec-final-report .sec-7 .card .wrap-img,
  section.sec-final-report .sec-9 .card .wrap-img,
  section.sec-final-report .sec-11 .card .wrap-img {
    width: 24.53125vw;
    height: 34.6875vw;
    border-radius: 0.46875vw;
    top: 0.78125vw;
  }

  section.sec-final-report .sec-7 .card .speech,
  section.sec-final-report .sec-9 .card .speech,
  section.sec-final-report .sec-11 .card .speech {
    font-size: 1.171875vw;
    height: 4.0625vw;
    bottom: 1.875vw;
  }

  section.sec-final-report .sec-7 .card img.card_design,
  section.sec-final-report .sec-9 .card img.card_design,
  section.sec-final-report .sec-11 .card img.card_design {
    width: 19.15859375vw;
  }

  section.sec-final-report .wrap-danmaku {
    top: 19.84375vw;
    height: 17.109375vw;
  }

  section.sec-final-report .wrap-danmaku .block-danmaku {
    gap: 1.5625vw;
    padding-right: 1.5625vw;
  }

  section.sec-final-report .wrap-danmaku .danmaku {
    font-size: 1.40625vw;
    padding: 1.328125vw;
    border-radius: 0.78125vw;
    border-width: 0.234375vw;
  }

  section.sec-final-report .sec-2 .comment_1 {
    width: 16.5625vw;
    height: 4.921875vw;
  }

  section.sec-final-report .sec-4 .comment_2 {
    width: 16.25vw;
    height: 5vw;
  }

  section.sec-final-report .sec-6 .comment_3 {
    width: 11.25vw;
    height: 5vw;
  }

  section.sec-final-report .sec-8 .comment_4 {
    width: 6.25vw;
    height: 5vw;
  }

  section.sec-final-report .sec-10 .comment_5 {
    width: 15.78125vw;
    height: 5vw;
  }

  section.sec-final-report .sec-12 .comment_last {
    width: 56.5625vw;
    height: 13.28125vw;
  }

  section.sec-final-report .sec-12 .comment {
    bottom: 30.1953125vw;
  }

  section.sec-final-report .sec-12 img.pra {
    left: 29.9609375vw;
    bottom: 17.3125vw;
  }

  section.sec-final-report .sec-12 img.izu {
    right: 29.9609375vw;
    bottom: 17.3125vw;
  }

  section.sec-final-report .sec-12 img.step {
    width: 11.796875vw;
    bottom: 13.40625vw;
  }

  section.sec-final-report .sec-12 img.step-pra {
    left: 29.9609375vw;
  }

  section.sec-final-report .sec-12 img.step-izu {
    right: 29.9609375vw;
  }

  section.sec-final-report .sec-12 .btn_close_end {
    margin: 0vw auto 0vw;
    width: 6.25vw;
    bottom: 2.5vw;
  }

  section.sec-final-report .sec-12 .btn_close_end p {
    font-size: 1.25vw;
  }

  section.sec-final-report .sec-12 .btn_close_end img.arrow {
    width: 0.9375vw;
    height: 0.9375vw;
    margin: 0.625vw auto 0vw;
  }

  section.sec-final-report .card {
    -webkit-perspective: 100vw;
    perspective: 100vw;
  }

  .bg-news {
    height: 84.140625vw;
    background-size: 100vw 84.140625vw;
    top: 3.90625vw;
    width: 100%;
    background-image: url("/chara-sai/assets/index/img/pc/news/bg.png");
  }

  section.sec-newsList {
    padding-top: 22.5vw;
  }

  section.sec-newsList.top {
    padding-top: 0vw;
    margin-top: -14.0625vw;
  }

  section.sec-newsList.top .button {
    margin-top: 3.90625vw;
  }

  section.sec-newsList.top .button:hover {
    background-color: #E21C4B;
  }

  section.sec-newsList.top li.newsItem:nth-last-of-type(1) {
    height: auto;
  }

  section.sec-newsList .pageTitle {
    margin: -0.546875vw auto -0.3125vw;
    font-size: 2.96875vw;
  }

  section.sec-newsList ul.newsList {
    width: 48.4375vw;
    margin: 6.25vw auto 6.25vw;
    gap: 3.125vw;
    padding-bottom: 4.6875vw;
    min-height: 46.875vw;
  }

  section.sec-newsList li.newsItem {
    width: 25.78125vw;
    height: 25.78125vw;
    --pukapuka: 0.5859375vw;
  }

  section.sec-newsList li.newsItem a {
    border-width: 0.234375vw;
    border-radius: 0.78125vw;
  }

  section.sec-newsList li.newsItem .wrap-thumb {
    width: 25.78125vw;
    height: 25.78125vw;
  }

  section.sec-newsList li.newsItem .rope {
    width: 12.3046875vw;
    margin: -1.640625vw auto -0.46875vw;
  }

  section.sec-newsList li.newsItem .newsTitle {
    font-size: 1.640625vw;
    margin-top: 2.34375vw;
    padding: 1.171875vw 0.5859375vw;
    border-width: 0.234375vw;
    border-radius: 0.5859375vw;
    line-height: 2.2265625vw;
    margin: 0vw auto;
  }

  #news,
  #about,
  #commercialization {
    margin-top: -15.625vw;
    padding-top: 15.625vw;
  }

  .mainContents {
    margin: 0vw auto 0vw;
    width: 100%;
  }
}

@media screen and (min-width: 737px) and (min-width: 1280px) {
  ._dummy {
    width: 1280px;
  }

  .button {
    width: 440px;
    height: 60px;
    border-width: 3px;
    font-size: 16px;
    margin: 0px auto 0px;
    border-radius: 60px;
  }

  .fukidashi {
    border-width: 3px;
    border-radius: 10px;
    padding: 12px 18px 16px;
  }

  .fukidashi .fukidashi-text {
    font-size: 18px;
  }

  .fukidashi::before {
    border-width: 14px 10px 0px 10px;
  }

  .fukidashi::after {
    border-width: 12px 8px 0px 8px;
    bottom: 2px;
  }

  .wrap-info-block {
    gap: 120px;
  }

  .wrap-info-block .info-block {
    padding: 80px 180px;
    width: 960px;
    border-radius: 15px;
    gap: 60px;
  }

  .wrap-info-block .box {
    gap: 30px;
  }

  .wrap-info-block .title {
    font-size: 28px;
  }

  .wrap-info-block .headline {
    font-size: 22px;
  }

  .wrap-info-block .text {
    font-size: 16px;
  }

  .wrap-info-block .simpleList li {
    font-size: 16px;
    margin-top: 28.8px;
  }

  .wrap-info-block .wrap-x-thread {
    width: 600px;
    height: 600px;
    border-radius: 10px;
    border-width: 3px;
  }

  header.sec-header .wrap-header {
    width: 1080px;
    height: 128px;
    top: 39px;
  }

  header.sec-header .wrap-header .bg {
    width: 1080px;
    height: 128px;
  }

  header.sec-header .wrap-header .site_title {
    width: 326.321px;
    height: 76px;
    left: 5px;
    right: 0px;
    top: 26px;
  }

  header.sec-header .wrap-header .btn_x {
    width: 90px;
    height: 90px;
    left: 18px;
    top: 20px;
  }

  header.sec-header .wrap-header .btn_x[src*=event] {
    width: 163px;
  }

  header.sec-header .wrap-header .btn_x .btn_x_default,
  header.sec-header .wrap-header .btn_x .btn_x_hover {
    width: 90px;
    height: 90px;
  }

  header.sec-header .wrap-header .btn_menu {
    width: 90px;
    height: 90px;
    right: 18px;
    top: 20px;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_open,
  header.sec-header .wrap-header .btn_menu .btn_menu_open_hover {
    width: 90px;
    height: 90px;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_close,
  header.sec-header .wrap-header .btn_menu .btn_menu_close_hover {
    width: 90px;
    height: 90px;
  }

  .wrap-menu {
    width: 470px;
  }

  .wrap-menu .wrap-menu-content {
    padding-bottom: 60px;
  }

  .wrap-menu .wrap-button-menu {
    width: 350px;
    gap: 20px;
    margin: 243px auto 60px;
  }

  .wrap-menu a.button-menu {
    font-size: 22px;
    width: 350px;
    height: 55px;
    padding: 0px 0px;
    border-radius: 15px;
    border-width: 3px;
  }

  .wrap-menu .deco_1 {
    width: 38px;
    height: 38.5px;
    left: 26px;
    top: 8px;
  }

  .wrap-menu .deco_2 {
    width: 27.5px;
    height: 47.5px;
    right: 41px;
    top: 0px;
  }

  .wrap-menu .deco_3_1 {
    width: 26px;
    height: 38.5px;
    left: 24px;
    top: 0px;
  }

  .wrap-menu .deco_3_2 {
    width: 25px;
    height: 37px;
    right: 26px;
    top: 0px;
  }

  .wrap-menu .deco_4 {
    width: 54px;
    height: 35.5px;
    left: 16px;
    top: 8px;
  }

  .wrap-menu .deco_5 {
    width: 311px;
    height: 43px;
  }

  .wrap-menu .deco_6_1,
  .wrap-menu .deco_6_2 {
    width: 16.5px;
    height: 40.26px;
  }

  .wrap-menu .deco_6_1 {
    left: 30px;
    top: -1px;
  }

  .wrap-menu .deco_6_2 {
    right: 30px;
    top: -1px;
  }

  .wrap-menu .logo {
    width: 217.691px;
    height: 199px;
  }

  .wrap-menu .copyright {
    margin-top: 40px;
    font-size: 12px;
    letter-spacing: 0.24px;
  }

  footer.sec-footer {
    height: 757px;
    margin: -1px auto 0px;
    border-image-width: 149px 256px;
  }

  footer.sec-footer .wrap-content {
    width: 1280px;
    margin: 0px auto;
  }

  footer.sec-footer .bg {
    width: 1280px;
    height: 596px;
    left: 0px;
    top: 0px;
  }

  footer.sec-footer .logo {
    width: 321px;
    height: 294px;
    left: 40px;
    top: 162px;
  }

  footer.sec-footer .panel {
    width: 290px;
    height: 380px;
  }

  footer.sec-footer .wrap-panel {
    width: 290px;
    height: 380px;
    right: 56px;
    top: 119px;
  }

  footer.sec-footer .wrap-panel .logo_bandainamco {
    width: 213px;
    height: 56px;
    right: 32px;
    top: 36px;
  }

  footer.sec-footer .wrap-panel .logo_banpresto {
    width: 89px;
    height: 41px;
    right: 32px;
    top: 98px;
  }

  footer.sec-footer .wrap-panel .logo_bandai {
    width: 83px;
    height: 81px;
    right: 32px;
    top: 267px;
  }

  footer.sec-footer .wrap-exit {
    width: 490px;
    height: 378px;
    left: 0px;
    right: 0px;
    top: 120px;
    margin: 0px auto 0px;
  }

  footer.sec-footer .wrap-exit .exit {
    width: 490px;
    height: 378px;
    left: 0px;
    top: 0px;
  }

  footer.sec-footer .wrap-exit .footer-char {
    width: 442px;
    height: 340px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }

  footer.sec-footer .wrap-exit .footer-char-filter {
    width: 442px;
    height: 340px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }

  footer.sec-footer .wrap-fukidashi {
    width: 600px;
    top: 46px;
  }

  footer.sec-footer .button {
    width: 290px;
    height: 50px;
    left: 0px;
    right: 0px;
    top: 428px;
  }

  footer.sec-footer .wrap-official-footer-content {
    width: 1280px;
    margin: 542px auto 0px;
  }

  footer.sec-footer .wrap-official-footer-content small.copyright {
    margin: 0px auto 0px;
    font-size: 14px;
    letter-spacing: 0.28px;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList {
    width: 1060px;
    margin: 41px auto 27px;
    padding: 11px 0px;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList a {
    font-size: 11px;
    height: 17px;
    width: 265px;
  }

  footer.sec-footer .wrap-official-footer-content .note {
    font-size: 12px;
    width: 1060px;
    margin: 0px auto;
  }

  section.sec-loading .hole {
    top: 743px;
    width: 287px;
    height: 67px;
  }

  section.sec-loading .wrap-light {
    top: 138px;
    width: 676px;
  }

  section.sec-loading .light_1 {
    top: 214px;
    width: 222px;
    height: 177px;
  }

  section.sec-loading .light_2 {
    top: 200px;
    width: 251px;
    height: 227px;
  }

  section.sec-loading .light_3 {
    top: 175px;
    width: 301px;
    height: 253px;
  }

  section.sec-loading .light_4 {
    top: 142px;
    width: 372px;
    height: 328px;
  }

  section.sec-loading .light_5 {
    top: 89px;
    width: 490px;
    height: 432px;
  }

  section.sec-loading .light_6 {
    top: 0px;
    width: 676px;
    height: 515px;
  }

  section.sec-loading .logo {
    width: 461px;
    height: 416px;
  }

  section.sec-intro .wrap-content {
    min-height: 808px;
    max-height: 900px;
    margin: 0px auto 0px;
  }

  section.sec-intro .wrap-stage {
    min-height: 808px;
    max-height: 900px;
    margin: 0px auto 0px;
    background-size: 1280px 838px;
  }

  section.sec-intro .wrap-stage::before {
    height: 833px;
    margin: 0px auto 0px;
    background-size: auto 785px;
  }

  [data-season=xmas] section.sec-intro .wrap-stage::before {
    background-size: auto 838px;
  }

  [data-season=new_year] section.sec-intro .wrap-stage::before {
    background-size: auto 900px;
  }

  section.sec-intro .wrap-stage .ceiling {
    height: 40px;
  }

  section.sec-intro .wrap-bg_stage {
    min-height: 850px;
    max-height: 900px;
    margin: 0px auto 0px;
  }

  section.sec-intro .bg_logo {
    width: 864px;
    height: 201px;
    top: 119px;
  }

  section.sec-intro .wrap-stage-inner {
    width: 1280px;
    min-height: 850px;
    max-height: 900px;
    margin: 0px auto 0px;
  }

  section.sec-intro .wrap-chair {
    min-height: 838px;
  }

  section.sec-intro .wrap-chair .chair_1,
  section.sec-intro .wrap-chair .rank_1 {
    width: 162.5px;
    height: 200px;
  }

  section.sec-intro .wrap-chair .chair_1 .char,
  section.sec-intro .wrap-chair .rank_1 .char {
    left: -6px;
    top: 14px;
    width: 174.9265px;
    height: 188.6px;
  }

  section.sec-intro .wrap-chair .chair_1 .clickable,
  section.sec-intro .wrap-chair .rank_1 .clickable {
    width: 110px;
    height: 110px;
    top: 45px;
  }

  section.sec-intro .wrap-chair .chair_2,
  section.sec-intro .wrap-chair .rank_2,
  section.sec-intro .wrap-chair .chair_3,
  section.sec-intro .wrap-chair .rank_3 {
    width: 117.5px;
    height: 130px;
  }

  section.sec-intro .wrap-chair .chair_2 .char,
  section.sec-intro .wrap-chair .rank_2 .char,
  section.sec-intro .wrap-chair .chair_3 .char,
  section.sec-intro .wrap-chair .rank_3 .char {
    left: -14px;
    top: -22px;
  }

  section.sec-intro .wrap-chair .chair_4,
  section.sec-intro .wrap-chair .rank_4,
  section.sec-intro .wrap-chair .chair_5,
  section.sec-intro .wrap-chair .rank_5,
  section.sec-intro .wrap-chair .chair_6,
  section.sec-intro .wrap-chair .rank_6,
  section.sec-intro .wrap-chair .chair_7,
  section.sec-intro .wrap-chair .rank_7,
  section.sec-intro .wrap-chair .chair_8,
  section.sec-intro .wrap-chair .rank_8,
  section.sec-intro .wrap-chair .chair_9,
  section.sec-intro .wrap-chair .rank_9,
  section.sec-intro .wrap-chair .chair_10,
  section.sec-intro .wrap-chair .rank_10,
  section.sec-intro .wrap-chair .chair_11,
  section.sec-intro .wrap-chair .rank_11,
  section.sec-intro .wrap-chair .chair_12,
  section.sec-intro .wrap-chair .rank_12,
  section.sec-intro .wrap-chair .chair_13,
  section.sec-intro .wrap-chair .rank_13,
  section.sec-intro .wrap-chair .chair_14,
  section.sec-intro .wrap-chair .rank_14,
  section.sec-intro .wrap-chair .chair_15,
  section.sec-intro .wrap-chair .rank_15,
  section.sec-intro .wrap-chair .chair_16,
  section.sec-intro .wrap-chair .rank_16,
  section.sec-intro .wrap-chair .chair_17,
  section.sec-intro .wrap-chair .rank_17,
  section.sec-intro .wrap-chair .chair_18,
  section.sec-intro .wrap-chair .rank_18 {
    width: 90px;
    height: 114.5px;
  }

  section.sec-intro .wrap-chair .chair_4 .char,
  section.sec-intro .wrap-chair .rank_4 .char,
  section.sec-intro .wrap-chair .chair_5 .char,
  section.sec-intro .wrap-chair .rank_5 .char,
  section.sec-intro .wrap-chair .chair_6 .char,
  section.sec-intro .wrap-chair .rank_6 .char,
  section.sec-intro .wrap-chair .chair_7 .char,
  section.sec-intro .wrap-chair .rank_7 .char,
  section.sec-intro .wrap-chair .chair_8 .char,
  section.sec-intro .wrap-chair .rank_8 .char,
  section.sec-intro .wrap-chair .chair_9 .char,
  section.sec-intro .wrap-chair .rank_9 .char,
  section.sec-intro .wrap-chair .chair_10 .char,
  section.sec-intro .wrap-chair .rank_10 .char,
  section.sec-intro .wrap-chair .chair_11 .char,
  section.sec-intro .wrap-chair .rank_11 .char,
  section.sec-intro .wrap-chair .chair_12 .char,
  section.sec-intro .wrap-chair .rank_12 .char,
  section.sec-intro .wrap-chair .chair_13 .char,
  section.sec-intro .wrap-chair .rank_13 .char,
  section.sec-intro .wrap-chair .chair_14 .char,
  section.sec-intro .wrap-chair .rank_14 .char,
  section.sec-intro .wrap-chair .chair_15 .char,
  section.sec-intro .wrap-chair .rank_15 .char,
  section.sec-intro .wrap-chair .chair_16 .char,
  section.sec-intro .wrap-chair .rank_16 .char,
  section.sec-intro .wrap-chair .chair_17 .char,
  section.sec-intro .wrap-chair .rank_17 .char,
  section.sec-intro .wrap-chair .chair_18 .char,
  section.sec-intro .wrap-chair .rank_18 .char {
    left: -28px;
    top: -39px;
  }

  section.sec-intro .wrap-chair .char {
    width: 144.69px;
    height: 156px;
  }

  section.sec-intro .wrap-chair .clickable {
    width: 100px;
    height: 100px;
    top: -10px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail {
    width: 92.3px;
    height: 28.6px;
    border-radius: 39px;
    border-width: 2.6px;
    font-size: 10.4px;
    gap: 5.2px;
    margin: 0px auto 4px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail .arrow {
    width: 6.5px;
    height: 9.75px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi {
    border-width: 2px;
    padding: 8px 10px 8px;
    border-radius: 5px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi::after {
    bottom: 1px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text {
    font-size: 14px;
  }

  section.sec-intro .wrap-chair .chair-all {
    left: 326px;
    top: 212px;
    width: 630px;
    height: 520px;
  }

  section.sec-intro .wrap-chair .rank_1 {
    left: 560px;
    top: 212px;
  }

  section.sec-intro .wrap-chair .rank_2 {
    left: 515px;
    top: 362px;
  }

  section.sec-intro .wrap-chair .rank_3 {
    left: 647px;
    top: 362px;
  }

  section.sec-intro .wrap-chair .rank_4 {
    left: 434px;
    top: 454px;
  }

  section.sec-intro .wrap-chair .rank_5 {
    left: 542px;
    top: 454px;
  }

  section.sec-intro .wrap-chair .rank_6 {
    left: 650px;
    top: 454px;
  }

  section.sec-intro .wrap-chair .rank_7 {
    left: 757px;
    top: 454px;
  }

  section.sec-intro .wrap-chair .rank_8 {
    left: 381px;
    top: 534px;
  }

  section.sec-intro .wrap-chair .rank_9 {
    left: 489px;
    top: 534px;
  }

  section.sec-intro .wrap-chair .rank_10 {
    left: 597px;
    top: 534px;
  }

  section.sec-intro .wrap-chair .rank_11 {
    left: 704px;
    top: 534px;
  }

  section.sec-intro .wrap-chair .rank_12 {
    left: 812px;
    top: 534px;
  }

  section.sec-intro .wrap-chair .rank_13 {
    left: 326px;
    top: 614px;
  }

  section.sec-intro .wrap-chair .rank_14 {
    left: 434px;
    top: 614px;
  }

  section.sec-intro .wrap-chair .rank_15 {
    left: 542px;
    top: 614px;
  }

  section.sec-intro .wrap-chair .rank_16 {
    left: 650px;
    top: 614px;
  }

  section.sec-intro .wrap-chair .rank_17 {
    left: 758px;
    top: 614px;
  }

  section.sec-intro .wrap-chair .rank_18 {
    left: 866px;
    top: 614px;
  }

  section.sec-intro .curtain_l {
    width: 197px;
    height: 900px;
    bottom: 0px;
  }

  section.sec-intro .curtain_r {
    width: 197px;
    height: 900px;
    bottom: 0px;
  }

  section.sec-intro .wrap-bg_stage_hole {
    width: 1032px;
    min-height: 838px;
  }

  section.sec-intro .bg_stage_hole {
    width: 1032px;
    height: 246px;
    top: 654px;
  }

  section.sec-intro .wrap-bg_stage_hole_cover {
    width: 1032px;
    min-height: 838px;
  }

  section.sec-intro .bg_stage_hole_cover {
    width: 1032px;
    height: 119px;
    top: 781px;
  }

  section.sec-intro .crane {
    width: 103px;
    height: 188px;
    left: 235px;
    top: 166px;
  }

  section.sec-intro .crane .wrap-crane_arm_l {
    width: 51px;
    height: 82px;
    left: 0px;
    top: 107px;
  }

  section.sec-intro .crane .wrap-crane_arm_r {
    width: 51px;
    height: 82px;
    right: 0px;
    top: 107px;
  }

  section.sec-intro .crane .crane_arm {
    width: 51px;
    height: 82px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .crane .crane_body {
    width: 103px;
    height: 188px;
  }

  section.sec-intro .crane .crane_snow {
    width: 66px;
    height: 30px;
    left: 18px;
    top: 47px;
  }

  section.sec-intro .vote-char {
    width: 234px;
    height: 180px;
    left: 0px;
    right: 0px;
    top: 386px;
  }

  section.sec-intro .wrap-ui-left {
    width: 171px;
    height: 327px;
    left: 0px;
    bottom: 0px;
    border-width: 10px 10px 0px 0px;
    border-radius: 0px 40px 0px 0px;
  }

  section.sec-intro .wrap-ui-left .btn_about,
  section.sec-intro .wrap-ui-left .btn_about_hover_1,
  section.sec-intro .wrap-ui-left .btn_about_hover_2,
  section.sec-intro .wrap-ui-left .btn_about_hover_3 {
    width: 134px;
    height: 134px;
    left: 19px;
    top: 19px;
  }

  section.sec-intro .wrap-ui-left .btn_character,
  section.sec-intro .wrap-ui-left .btn_character_hover_1,
  section.sec-intro .wrap-ui-left .btn_character_hover_2,
  section.sec-intro .wrap-ui-left .btn_character_hover_3 {
    width: 134px;
    height: 134px;
    left: 19px;
    top: 173px;
  }

  section.sec-intro .wrap-ui-right {
    width: 243px;
    height: 237px;
    right: 0px;
    bottom: 0px;
    border-width: 10px 0px 0px 10px;
    border-radius: 40px 0px 0px 0px;
  }

  section.sec-intro .wrap-ui-right .attention {
    width: 166px;
    height: 115px;
    left: 0px;
    right: 0px;
    top: -81px;
  }

  section.sec-intro .wrap-ui-right .btn_vote {
    width: 187px;
    height: 187px;
    left: 27px;
    top: 19px;
  }

  section.sec-intro .wrap-ui-right .btn_vote_enabled,
  section.sec-intro .wrap-ui-right .btn_vote_hover_1,
  section.sec-intro .wrap-ui-right .btn_vote_hover_2 {
    width: 187px;
    height: 187px;
  }

  section.sec-intro .wrap-ui-right .btn_vote_complete {
    width: 186px;
    height: 186px;
  }

  section.sec-intro .wrap-extra {
    width: 1280px;
  }

  section.sec-intro .wrap-extra_pra {
    width: 178.08px;
    height: 507px;
    left: 96px;
    top: 0px;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope {
    left: 10px;
  }

  section.sec-intro .wrap-extra_pra .wrap-fukidashi {
    top: 316px;
  }

  section.sec-intro .wrap-extra_pra .extra_pra {
    width: 178.08px;
    height: 192px;
  }

  section.sec-intro .wrap-extra_izu {
    width: 163.24px;
    height: 474px;
    left: 1043px;
    top: 0px;
  }

  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    left: 10px;
  }

  section.sec-intro .wrap-extra_izu .wrap-fukidashi {
    top: 281px;
  }

  section.sec-intro .wrap-extra_izu .extra_izu {
    width: 163.24px;
    height: 176px;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope,
  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    width: 116px;
    height: 378px;
  }

  section.sec-intro .wrap-extra_pra .fukidashi,
  section.sec-intro .wrap-extra_izu .fukidashi {
    border-width: 2px;
    padding: 8px 10px 8px;
    border-radius: 5px;
  }

  section.sec-intro .wrap-extra_pra .fukidashi::after,
  section.sec-intro .wrap-extra_izu .fukidashi::after {
    bottom: 1px;
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text,
  section.sec-intro .wrap-extra_izu .fukidashi-text {
    font-size: 14px;
  }

  section.sec-intro .wrap-extra_pra .clickable,
  section.sec-intro .wrap-extra_izu .clickable {
    width: 98px;
    height: 100px;
    bottom: 40px;
  }

  section.sec-intro .wrap_deco_back {
    width: 1800px;
    min-height: 838px;
    max-height: 900px;
  }

  section.sec-intro img.deco_back {
    width: 1800px;
    height: 900px;
  }

  section.sec-intro .wrap-kusudama {
    width: 791px;
    height: 452.5px;
    left: 124px;
    right: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama {
    width: 791px;
    height: 452.5px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 {
    width: 222px;
    height: 453px;
    left: 502px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.line {
    width: 17px;
    height: 453px;
    left: 0px;
    right: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.hirahira {
    width: 222px;
    height: 194px;
    left: 7px;
    top: 223px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 .wrap-taremaku {
    width: 67px;
    height: 203px;
    left: 78px;
    top: 215px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.taremaku {
    width: 67px;
    height: 203px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_l {
    width: 73px;
    height: 73px;
    left: 40px;
    top: 203px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_r {
    width: 72px;
    height: 73px;
    left: 109px;
    top: 203px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 {
    width: 153px;
    height: 453px;
    left: 5px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.line {
    width: 17px;
    height: 453px;
    left: 0px;
    right: 0px;
    top: -73px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.hirahira {
    width: 153px;
    height: 137px;
    left: -5px;
    top: 197px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 .wrap-taremaku {
    width: 58px;
    height: 155px;
    left: 46px;
    top: 189px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.taremaku {
    width: 58px;
    height: 155px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_l {
    width: 57px;
    height: 57px;
    left: 21px;
    top: 180px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_r {
    width: 57px;
    height: 57px;
    left: 74px;
    top: 180px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 {
    width: 111px;
    height: 453px;
    left: 679px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.line {
    width: 17px;
    height: 453px;
    left: 0px;
    right: 0px;
    top: -44px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.hirahira {
    width: 111px;
    height: 52px;
    left: 7px;
    top: 223px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 .wrap-taremaku {
    width: 48px;
    height: 166px;
    left: 30px;
    top: 207px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.taremaku {
    width: 48px;
    height: 166px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_l {
    width: 52px;
    height: 53px;
    left: 4px;
    top: 199px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_r {
    width: 52px;
    height: 53px;
    left: 53px;
    top: 199px;
  }

  section.sec-intro img.deco_front {
    width: 1032.5px;
    height: 303.5px;
    left: 0px;
    right: 0px;
    top: 0px;
  }

  section.sec-intro img.notice {
    width: 297px;
    height: 15px;
    margin-left: 80px;
    bottom: 8px;
  }

  section.sec-intro .wrap-signage {
    height: 160px;
    top: 370px;
    border-width: 7.5px 0px 7.5px 0px;
  }

  section.sec-intro .wrap-item {
    gap: 60px;
    padding-right: 60px;
  }

  section.sec-intro .wrap-item .wrap-count {
    padding-left: 140px;
    height: 140px;
  }

  section.sec-intro .wrap-item img.char {
    width: 140px;
    height: 140px;
  }

  section.sec-intro .wrap-item .name {
    font-size: 22px;
  }

  section.sec-intro .wrap-item .point {
    font-size: 27px;
    margin: -18px 5px -5px 0px;
  }

  section.sec-intro .wrap-item .point .infinity {
    width: 90px;
    height: 46px;
    top: 4px;
  }

  section.sec-intro .wrap-item .point span {
    font-size: 60px;
    margin-right: 5px;
  }

  section.sec-intro .latest-news {
    width: 170px;
    padding: 20px;
    gap: 10px;
    border-radius: 10px;
    border-width: 3px;
    margin-left: 425px;
    top: 185px;
  }

  section.sec-intro .blockTitle {
    font-size: 16px;
    margin: -3px 0px -2px;
  }

  section.sec-intro .news_thumb {
    width: 130px;
    height: 130px;
  }

  section.sec-intro .newsTitle_ticker {
    margin: -2px 0px -4px;
  }

  section.sec-intro .newsTitle_ticker .newsTitle {
    font-size: 14px;
  }

  section.sec-intro-catch .wrap-btn_skip {
    width: 98px;
    height: 98px;
    right: 40px;
    top: 40px;
  }

  section.sec-intro-catch .btn_skip,
  section.sec-intro-catch .btn_skip_hover {
    width: 98px;
    height: 98px;
  }

  section.sec-intro-catch .wrap-wrap-fukidashi {
    height: 840px;
  }

  section.sec-intro-catch .wrap-fukidashi {
    top: 100px;
  }

  section.sec-intro-catch .fukidashi {
    padding: 3px 5px 5px;
    border-radius: 5px;
    border-width: 2px;
  }

  section.sec-intro-catch .fukidashi::after {
    bottom: 1px;
  }

  section.sec-intro-vote .wrap-content {
    width: 1166px;
    height: 540px;
  }

  section.sec-intro-vote .bg {
    width: 1166px;
    height: 540px;
  }

  section.sec-intro-vote .light {
    width: 715px;
    height: 487px;
    left: 5px;
  }

  section.sec-intro-vote .crane_arm {
    width: 443px;
    height: 120px;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_1 {
    width: 228px;
    height: 228px;
    left: -138px;
    top: 4px;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_2 {
    width: 145px;
    height: 145px;
    left: 35px;
    top: 347px;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_3 {
    width: 228px;
    height: 228px;
    right: -122px;
    top: 264px;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_4 {
    width: 145px;
    height: 145px;
    right: 110px;
    top: 184px;
  }

  section.sec-intro-vote .hole {
    width: 437px;
    height: 102px;
    bottom: 108px;
  }

  section.sec-intro-vote .kamifubuki {
    width: 1152px;
    height: 320px;
    left: -17px;
    top: 66px;
  }

  section.sec-intro-vote .char_focus {
    width: 325px;
    height: 250px;
    top: 143px;
  }

  section.sec-intro-vote .wrap-fukidashi {
    bottom: 310px;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi {
    padding: 13px 15px 15px;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi-text {
    font-size: 16px;
  }

  section.sec-intro-vote .vote-text {
    font-size: 22px;
    left: 70px;
    top: 230px;
  }

  section.sec-intro-vote .vote-text .vote-charName {
    font-size: 38px;
  }

  section.sec-intro-vote .wrap-buttons {
    gap: 10px;
    width: 610px;
    bottom: 40px;
  }

  section.sec-intro-vote .btn_to_return {
    width: 90px;
    height: 90px;
    right: 20px;
    top: 20px;
  }

  section.sec-info {
    padding: 120px 0px;
  }

  section.sec-about .title {
    margin: -2px auto -8px;
  }

  section.sec-about .title img[src*=char_pura] {
    width: 60px;
    height: 60px;
    bottom: 31px;
    margin-right: 32px;
  }

  section.sec-about .title img[src*=char_izu] {
    width: 62px;
    height: 60px;
    bottom: 31px;
    margin-left: 32px;
  }

  section.sec-commercialize .title {
    margin: -4px auto -8px;
  }

  section.sec-commercialize .crane {
    width: 65px;
    height: 116px;
    right: 156px;
    top: 0px;
  }

  section.sec-commercialize .wrap-img {
    width: 600px;
    height: 600px;
    border-radius: 10px;
  }

  section.sec-commercialize .praizu_comment {
    width: 668px;
    height: 289px;
  }

  section.sec-commercialize .praizu {
    width: 358px;
    height: 147px;
    margin: -50px auto 0px;
  }

  section.sec-howto .title {
    margin: -4px auto -8px;
  }

  section.sec-howto .simpleList {
    margin: -7px 0px -7px;
  }

  section.sec-howto .crane {
    width: 65px;
    height: 116px;
    right: 156px;
    top: 0px;
  }

  section.sec-howto .schedule {
    width: 540px;
    height: 160px;
  }

  section.sec-howto .wrap-buttons {
    gap: 10px;
    margin: 0px 8px;
  }

  section.sec-sns .ornament_l {
    left: 246px;
    top: 0px;
    width: 75px;
    height: 106px;
  }

  section.sec-sns .ornament_r {
    right: 243px;
    top: 0px;
    width: 75px;
    height: 103px;
  }

  section.sec-sns .title {
    margin: -4px auto -4px;
  }

  section.sec-sns .wrap-x-thread {
    width: 550px;
    height: 600px;
    border-radius: 10px;
  }

  section.sec-event .kamifubuki {
    left: 119px;
    top: 9px;
    width: 644px;
    height: 131px;
  }

  section.sec-event .title {
    margin: -4px auto -4px;
  }

  section.sec-event .event_banner {
    width: 600px;
  }

  section.sec-mid-point-report .wrap-content {
    width: 1166px;
    height: 726px;
  }

  section.sec-mid-point-report .wrap_btn_close {
    width: 90px;
    height: 90px;
    right: 40px;
    top: 40px;
  }

  section.sec-mid-point-report .wrap_btn_close img.btn_close,
  section.sec-mid-point-report .wrap_btn_close img.btn_close_hover {
    width: 90px;
    height: 90px;
  }

  section.sec-mid-point-report .bg {
    width: 1166px;
    height: 726px;
  }

  section.sec-mid-point-report .btn_next {
    right: 40px;
    bottom: 40px;
  }

  section.sec-mid-point-report .btn_next .btn_next_text {
    font-size: 16px;
  }

  section.sec-mid-point-report .btn_next img.arrow {
    width: 12px;
    height: 8px;
    margin-left: 10px;
  }

  section.sec-mid-point-report .sec-1 img.logo_charasai {
    width: 320px;
    height: 62px;
    margin: 20px auto 0px;
  }

  section.sec-mid-point-report .sec-1 img.title {
    width: 1003px;
    height: 105px;
    margin: 46px auto 38px;
  }

  section.sec-mid-point-report .sec-1 img.char {
    width: 876.5px;
    height: 60.5px;
    margin: 0px auto 65px;
  }

  section.sec-mid-point-report .sec-1 img.pra_text {
    width: 96px;
    height: 59px;
    right: -10px;
    top: 40px;
  }

  section.sec-mid-point-report .sec-1 img.pra {
    width: 148px;
    height: 149px;
  }

  section.sec-mid-point-report .sec-1 img.comment_first {
    width: 491px;
    height: 117px;
    margin: 0px 40px;
  }

  section.sec-mid-point-report .sec-1 img.izu {
    width: 151px;
    height: 149px;
  }

  section.sec-mid-point-report .sec-1 img.izu_text {
    width: 87px;
    height: 60px;
    left: -15px;
    top: 40px;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll {
    margin: 0px auto 0px;
    width: 80px;
    bottom: 32px;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll p {
    font-size: 16px;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll img.arrow {
    width: 12px;
    height: 8px;
    margin: 5px auto 0px;
  }

  section.sec-mid-point-report .sec-2 img.bg_pattern,
  section.sec-mid-point-report .sec-4 img.bg_pattern,
  section.sec-mid-point-report .sec-6 img.bg_pattern,
  section.sec-mid-point-report .sec-8 img.bg_pattern,
  section.sec-mid-point-report .sec-10 img.bg_pattern,
  section.sec-mid-point-report .sec-12 img.bg_pattern {
    width: 750px;
    height: 174px;
  }

  section.sec-mid-point-report .sec-2 img.kamifubuki,
  section.sec-mid-point-report .sec-4 img.kamifubuki,
  section.sec-mid-point-report .sec-6 img.kamifubuki,
  section.sec-mid-point-report .sec-8 img.kamifubuki,
  section.sec-mid-point-report .sec-10 img.kamifubuki,
  section.sec-mid-point-report .sec-12 img.kamifubuki {
    width: 492px;
    height: 163px;
    top: 107px;
    left: 349px;
  }

  section.sec-mid-point-report .sec-2 img.light,
  section.sec-mid-point-report .sec-4 img.light,
  section.sec-mid-point-report .sec-6 img.light,
  section.sec-mid-point-report .sec-8 img.light,
  section.sec-mid-point-report .sec-10 img.light,
  section.sec-mid-point-report .sec-12 img.light {
    width: 164px;
    height: 523px;
    top: 10px;
  }

  section.sec-mid-point-report .sec-2 .comment,
  section.sec-mid-point-report .sec-4 .comment,
  section.sec-mid-point-report .sec-6 .comment,
  section.sec-mid-point-report .sec-8 .comment,
  section.sec-mid-point-report .sec-10 .comment,
  section.sec-mid-point-report .sec-12 .comment {
    bottom: 396.5px;
  }

  section.sec-mid-point-report .sec-2 img.pra,
  section.sec-mid-point-report .sec-4 img.pra,
  section.sec-mid-point-report .sec-6 img.pra,
  section.sec-mid-point-report .sec-8 img.pra,
  section.sec-mid-point-report .sec-10 img.pra,
  section.sec-mid-point-report .sec-12 img.pra {
    width: 148px;
    height: 149px;
    bottom: 231.5px;
  }

  section.sec-mid-point-report .sec-2 img.izu,
  section.sec-mid-point-report .sec-4 img.izu,
  section.sec-mid-point-report .sec-6 img.izu,
  section.sec-mid-point-report .sec-8 img.izu,
  section.sec-mid-point-report .sec-10 img.izu,
  section.sec-mid-point-report .sec-12 img.izu {
    width: 151px;
    height: 149px;
    bottom: 231.5px;
  }

  section.sec-mid-point-report .sec-2 img.step,
  section.sec-mid-point-report .sec-4 img.step,
  section.sec-mid-point-report .sec-6 img.step,
  section.sec-mid-point-report .sec-8 img.step,
  section.sec-mid-point-report .sec-10 img.step,
  section.sec-mid-point-report .sec-12 img.step {
    width: 200px;
    height: 50px;
    bottom: 181.5px;
  }

  section.sec-mid-point-report .sec-3 .wrap-cards,
  section.sec-mid-point-report .sec-5 .wrap-cards {
    width: 940px;
    height: 635px;
    gap: 20px;
  }

  section.sec-mid-point-report .sec-3 .card,
  section.sec-mid-point-report .sec-5 .card {
    width: 220px;
    height: 307px;
  }

  section.sec-mid-point-report .sec-3 .card .card-content,
  section.sec-mid-point-report .sec-5 .card .card-content {
    width: 220px;
    height: 307px;
    border-radius: 10px;
  }

  section.sec-mid-point-report .sec-3 .card .front,
  section.sec-mid-point-report .sec-5 .card .front {
    width: 220px;
    height: 307px;
  }

  section.sec-mid-point-report .sec-3 .card .rank,
  section.sec-mid-point-report .sec-5 .card .rank {
    font-size: 16px;
    width: 150px;
    height: 31px;
    left: -48px;
    top: 8px;
  }

  section.sec-mid-point-report .sec-3 .card .wrap-img,
  section.sec-mid-point-report .sec-5 .card .wrap-img {
    width: 188px;
    height: 188px;
    border-width: 3px;
    margin: 16px auto 0px;
    border-radius: 10px;
  }

  section.sec-mid-point-report .sec-3 .card img.img-1,
  section.sec-mid-point-report .sec-5 .card img.img-1 {
    width: 188px;
    height: 188px;
  }

  section.sec-mid-point-report .sec-3 .card img.img-2,
  section.sec-mid-point-report .sec-5 .card img.img-2 {
    width: 188px;
    height: 188px;
  }

  section.sec-mid-point-report .sec-3 .card .creator,
  section.sec-mid-point-report .sec-5 .card .creator {
    font-size: 12px;
    margin: 5px auto 0px;
  }

  section.sec-mid-point-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 16px;
  }

  section.sec-mid-point-report .sec-3 .card .name,
  section.sec-mid-point-report .sec-5 .card .name {
    font-size: 18px;
    margin: 1px auto 0px;
  }

  section.sec-mid-point-report .sec-3 .card .point,
  section.sec-mid-point-report .sec-5 .card .point {
    width: 45px;
    height: 45px;
    left: 16px;
    bottom: 13.5px;
    font-size: 12px;
  }

  section.sec-mid-point-report .sec-3 .card .point span,
  section.sec-mid-point-report .sec-5 .card .point span {
    font-size: 10px;
    top: 2px;
  }

  section.sec-mid-point-report .sec-3 .card .speech,
  section.sec-mid-point-report .sec-5 .card .speech {
    font-size: 10px;
    margin: 6px 16px 0px 71px;
    height: 42px;
  }

  section.sec-mid-point-report .sec-3 .card img.card_design,
  section.sec-mid-point-report .sec-5 .card img.card_design {
    width: 163.49px;
  }

  section.sec-mid-point-report .sec-7 .bg_deco,
  section.sec-mid-point-report .sec-9 .bg_deco,
  section.sec-mid-point-report .sec-11 .bg_deco {
    width: 1166px;
    height: 726px;
  }

  section.sec-mid-point-report .sec-7 .wrap-card-data,
  section.sec-mid-point-report .sec-9 .wrap-card-data,
  section.sec-mid-point-report .sec-11 .wrap-card-data {
    gap: 40px;
  }

  section.sec-mid-point-report .sec-7 .card,
  section.sec-mid-point-report .sec-9 .card,
  section.sec-mid-point-report .sec-11 .card {
    width: 330px;
    height: 461px;
  }

  section.sec-mid-point-report .sec-7 .card .card-content,
  section.sec-mid-point-report .sec-9 .card .card-content,
  section.sec-mid-point-report .sec-11 .card .card-content {
    width: 330px;
    height: 461px;
    border-radius: 10px;
  }

  section.sec-mid-point-report .sec-7 .card .front,
  section.sec-mid-point-report .sec-9 .card .front,
  section.sec-mid-point-report .sec-11 .card .front {
    width: 330px;
    height: 461px;
  }

  section.sec-mid-point-report .sec-7 .card .card_top3,
  section.sec-mid-point-report .sec-9 .card .card_top3,
  section.sec-mid-point-report .sec-11 .card .card_top3 {
    width: 330px;
    height: 461px;
  }

  section.sec-mid-point-report .sec-7 .card .rank,
  section.sec-mid-point-report .sec-9 .card .rank,
  section.sec-mid-point-report .sec-11 .card .rank {
    font-size: 28px;
    width: 50px;
    left: 39px;
    top: 47px;
  }

  section.sec-mid-point-report .sec-7 .card .creator,
  section.sec-mid-point-report .sec-9 .card .creator,
  section.sec-mid-point-report .sec-11 .card .creator {
    font-size: 16px;
    margin: 42px 0px 0px 113.65px;
  }

  section.sec-mid-point-report .sec-7 .card .name,
  section.sec-mid-point-report .sec-9 .card .name,
  section.sec-mid-point-report .sec-11 .card .name {
    font-size: 18px;
    margin: 4px 0px 0px 113.65px;
  }

  section.sec-mid-point-report .sec-7 .card .wrap-img,
  section.sec-mid-point-report .sec-9 .card .wrap-img,
  section.sec-mid-point-report .sec-11 .card .wrap-img {
    width: 284px;
    height: 419px;
    border-radius: 6px;
    top: 21px;
  }

  section.sec-mid-point-report .sec-7 .card img.card_design,
  section.sec-mid-point-report .sec-9 .card img.card_design,
  section.sec-mid-point-report .sec-11 .card img.card_design {
    width: 245.23px;
  }

  section.sec-mid-point-report .sec-7 .data,
  section.sec-mid-point-report .sec-9 .data,
  section.sec-mid-point-report .sec-11 .data {
    width: 330px;
    height: 450px;
    gap: 28px;
  }

  section.sec-mid-point-report .sec-7 .data .creator,
  section.sec-mid-point-report .sec-9 .data .creator,
  section.sec-mid-point-report .sec-11 .data .creator {
    font-size: 16px;
  }

  section.sec-mid-point-report .sec-7 .data .name,
  section.sec-mid-point-report .sec-9 .data .name,
  section.sec-mid-point-report .sec-11 .data .name {
    font-size: 24px;
  }

  section.sec-mid-point-report .sec-7 .data .speech,
  section.sec-mid-point-report .sec-9 .data .speech,
  section.sec-mid-point-report .sec-11 .data .speech {
    font-size: 16px;
  }

  section.sec-mid-point-report .sec-7 .data .point,
  section.sec-mid-point-report .sec-9 .data .point,
  section.sec-mid-point-report .sec-11 .data .point {
    font-size: 28px;
    margin-top: -5px;
  }

  section.sec-mid-point-report .sec-7 .data .point span,
  section.sec-mid-point-report .sec-9 .data .point span,
  section.sec-mid-point-report .sec-11 .data .point span {
    font-size: 16px;
  }

  section.sec-mid-point-report .sec-2 .comment_1 {
    width: 212px;
    height: 63px;
  }

  section.sec-mid-point-report .sec-4 .comment_2 {
    width: 208px;
    height: 64px;
  }

  section.sec-mid-point-report .sec-6 .comment_3 {
    width: 144px;
    height: 64px;
  }

  section.sec-mid-point-report .sec-8 .comment_4 {
    width: 80px;
    height: 64px;
  }

  section.sec-mid-point-report .sec-10 .comment_5 {
    width: 202px;
    height: 64px;
  }

  section.sec-mid-point-report .sec-12 .comment_last {
    width: 662px;
    height: 170px;
  }

  section.sec-mid-point-report .sec-12 .comment {
    bottom: 386.5px;
  }

  section.sec-mid-point-report .sec-12 img.pra {
    left: 383.5px;
    bottom: 221.6px;
  }

  section.sec-mid-point-report .sec-12 img.izu {
    right: 383.5px;
    bottom: 221.6px;
  }

  section.sec-mid-point-report .sec-12 img.step {
    width: 151px;
    bottom: 171.6px;
  }

  section.sec-mid-point-report .sec-12 img.step-pra {
    left: 383.5px;
  }

  section.sec-mid-point-report .sec-12 img.step-izu {
    right: 383.5px;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end {
    margin: 0px auto 0px;
    width: 80px;
    bottom: 32px;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end p {
    font-size: 16px;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end img.arrow {
    width: 12px;
    height: 12px;
    margin: 8px auto 0px;
  }

  section.sec-mid-point-report .card {
    -webkit-perspective: 1280px;
    perspective: 1280px;
  }

  section.sec-intro .wrap-calendar {
    border-width: 3px;
    margin-top: 18px;
    padding: 18px 18px 0px;
  }

  section.sec-intro .wrap-calendar .calendar {
    width: 131px;
    height: 125px;
  }

  section.sec-intro .wrap-calendar .calendar_line {
    width: 138px;
    height: 110px;
    left: 15px;
    top: 26px;
  }

  section.sec-intro .signage_bg {
    bottom: 290px;
    height: 178px;
    background-size: 200px 178px;
  }

  section.sec-intro .signage_bg .wrap_signage_content {
    top: 20px;
    height: 138px;
  }

  section.sec-intro .signage_bg .countdown {
    width: 470px;
  }

  section.sec-intro .signage_bg .countdown .cd {
    gap: 7px;
    padding-bottom: 20px;
  }

  section.sec-intro .signage_bg .countdown .cd .signage_count_text {
    width: 175px;
    height: 20px;
    top: 18px;
  }

  section.sec-intro .signage_bg .countdown .cd .num {
    width: 46px;
    height: 70px;
  }

  section.sec-intro .signage_bg .countdown .cd .colon {
    width: 17px;
    height: 56px;
  }

  section.sec-intro .signage_bg .logo {
    width: 1560px;
    background-size: 156px 96px;
  }

  section.sec-intro .signage_bg .logo::before {
    width: 3120px;
    background-size: 156px 96px;
  }

  section.sec-intro .people_near {
    background-size: 419px 324px;
    height: 344px;
    top: 505px;
  }

  section.sec-intro .people_near::before {
    top: 25px;
  }

  section.sec-intro .people_near .people:nth-of-type(1) {
    background-size: 419px 51px;
    height: 51px;
    margin-top: 4px;
    margin-bottom: -26px;
  }

  section.sec-intro .people_near .people:nth-of-type(2),
  section.sec-intro .people_near .people:nth-of-type(6),
  section.sec-intro .people_near .people:nth-of-type(10),
  section.sec-intro .people_near .people:nth-of-type(14) {
    background-size: 419px 25px;
    height: 25px;
    margin-top: 6px;
  }

  section.sec-intro .people_near .people:nth-of-type(3),
  section.sec-intro .people_near .people:nth-of-type(7),
  section.sec-intro .people_near .people:nth-of-type(11),
  section.sec-intro .people_near .people:nth-of-type(15) {
    background-size: 419px 30px;
    height: 30px;
    margin-top: -4px;
  }

  section.sec-intro .people_near .people:nth-of-type(4),
  section.sec-intro .people_near .people:nth-of-type(8),
  section.sec-intro .people_near .people:nth-of-type(12) {
    background-size: 419px 31px;
    height: 31px;
    margin-top: -2px;
  }

  section.sec-intro .people_near .people:nth-of-type(5),
  section.sec-intro .people_near .people:nth-of-type(9),
  section.sec-intro .people_near .people:nth-of-type(13) {
    background-size: 419px 23px;
    height: 23px;
    margin-top: 6px;
  }

  section.sec-intro .people_far {
    height: 111px;
    top: 257px;
  }

  section.sec-intro .people_far::before {
    top: 10px;
  }

  section.sec-intro .people_far .people:nth-of-type(1) {
    background-size: 256px 31px;
    height: 31px;
    margin-top: 1px;
    margin-bottom: -10px;
  }

  section.sec-intro .people_far .people:nth-of-type(2),
  section.sec-intro .people_far .people:nth-of-type(6),
  section.sec-intro .people_far .people:nth-of-type(10) {
    background-size: 256px 16px;
    height: 16px;
    margin-top: 2px;
  }

  section.sec-intro .people_far .people:nth-of-type(3),
  section.sec-intro .people_far .people:nth-of-type(7),
  section.sec-intro .people_far .people:nth-of-type(11) {
    background-size: 256px 20px;
    height: 20px;
    margin-top: -4px;
  }

  section.sec-intro .people_far .people:nth-of-type(4),
  section.sec-intro .people_far .people:nth-of-type(8),
  section.sec-intro .people_far .people:nth-of-type(12) {
    background-size: 256px 20px;
    height: 20px;
    margin-top: -3px;
  }

  section.sec-intro .people_far .people:nth-of-type(5),
  section.sec-intro .people_far .people:nth-of-type(9),
  section.sec-intro .people_far .people:nth-of-type(13) {
    background-size: 256px 15px;
    height: 15px;
    margin-top: 2px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby-far: -5px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby: -10px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave-far: -20px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave: -30px;
  }

  section.sec-intro .wrap-wrap_ball {
    min-height: 838px;
    max-height: 900px;
  }

  section.sec-intro .wrap_ball {
    width: 400px;
    height: 400px;
    top: 450px;
  }

  section.sec-intro .wrap_ball.small {
    width: 180px;
    height: 180px;
    top: 160px;
  }

  section.sec-intro .wrap_ball.small .ball-pos {
    --ball-pos: -980px;
  }

  section.sec-intro .wrap_ball.small.i-2 {
    bottom: 487px;
  }

  section.sec-intro .wrap_ball .ball-pos {
    --ball-pos: -1480px;
  }

  section.sec-intro .wrap_ball .ball {
    --ball-jump: -100px;
  }

  section.sec-final-report .wrap-content {
    width: 1166px;
    height: 726px;
  }

  section.sec-final-report .wrap_btn_close {
    width: 90px;
    height: 90px;
    right: 40px;
    top: 40px;
  }

  section.sec-final-report .wrap_btn_close img.btn_close,
  section.sec-final-report .wrap_btn_close img.btn_close_hover {
    width: 90px;
    height: 90px;
  }

  section.sec-final-report .bg {
    width: 1166px;
    height: 726px;
  }

  section.sec-final-report .btn_next {
    right: 40px;
    bottom: 40px;
  }

  section.sec-final-report .btn_next .btn_next_text {
    font-size: 16px;
  }

  section.sec-final-report .btn_next img.arrow {
    width: 12px;
    height: 8px;
    margin-left: 10px;
  }

  section.sec-final-report .sec-1 img.logo_charasai {
    width: 320px;
    height: 62px;
    margin: 20px auto 0px;
  }

  section.sec-final-report .sec-1 img.title {
    width: 1009px;
    height: 105px;
    margin: 46px auto 38px;
  }

  section.sec-final-report .sec-1 img.char {
    width: 876.5px;
    height: 60.5px;
    margin: 0px auto 65px;
  }

  section.sec-final-report .sec-1 img.pra_text {
    width: 96px;
    height: 59px;
    right: -10px;
    top: 40px;
  }

  section.sec-final-report .sec-1 img.pra {
    width: 148px;
    height: 149px;
  }

  section.sec-final-report .sec-1 img.comment_first {
    width: 493px;
    height: 117px;
    margin: 0px 40px;
  }

  section.sec-final-report .sec-1 img.izu {
    width: 151px;
    height: 149px;
  }

  section.sec-final-report .sec-1 img.izu_text {
    width: 87px;
    height: 60px;
    left: -15px;
    top: 40px;
  }

  section.sec-final-report .sec-1 .attention-scroll {
    margin: 0px auto 0px;
    width: 80px;
    bottom: 32px;
  }

  section.sec-final-report .sec-1 .attention-scroll p {
    font-size: 16px;
  }

  section.sec-final-report .sec-1 .attention-scroll img.arrow {
    width: 12px;
    height: 8px;
    margin: 5px auto 0px;
  }

  section.sec-final-report .sec-2 img.bg_pattern,
  section.sec-final-report .sec-4 img.bg_pattern,
  section.sec-final-report .sec-6 img.bg_pattern,
  section.sec-final-report .sec-8 img.bg_pattern,
  section.sec-final-report .sec-10 img.bg_pattern,
  section.sec-final-report .sec-12 img.bg_pattern {
    width: 750px;
    height: 174px;
  }

  section.sec-final-report .sec-2 img.kamifubuki,
  section.sec-final-report .sec-4 img.kamifubuki,
  section.sec-final-report .sec-6 img.kamifubuki,
  section.sec-final-report .sec-8 img.kamifubuki,
  section.sec-final-report .sec-10 img.kamifubuki,
  section.sec-final-report .sec-12 img.kamifubuki {
    width: 492px;
    height: 163px;
    top: 107px;
    left: 349px;
  }

  section.sec-final-report .sec-2 img.light,
  section.sec-final-report .sec-4 img.light,
  section.sec-final-report .sec-6 img.light,
  section.sec-final-report .sec-8 img.light,
  section.sec-final-report .sec-10 img.light,
  section.sec-final-report .sec-12 img.light {
    width: 164px;
    height: 523px;
    top: 10px;
  }

  section.sec-final-report .sec-2 .comment,
  section.sec-final-report .sec-4 .comment,
  section.sec-final-report .sec-6 .comment,
  section.sec-final-report .sec-8 .comment,
  section.sec-final-report .sec-10 .comment,
  section.sec-final-report .sec-12 .comment {
    bottom: 396.5px;
  }

  section.sec-final-report .sec-2 img.pra,
  section.sec-final-report .sec-4 img.pra,
  section.sec-final-report .sec-6 img.pra,
  section.sec-final-report .sec-8 img.pra,
  section.sec-final-report .sec-10 img.pra,
  section.sec-final-report .sec-12 img.pra {
    width: 148px;
    height: 149px;
    bottom: 231.5px;
  }

  section.sec-final-report .sec-2 img.izu,
  section.sec-final-report .sec-4 img.izu,
  section.sec-final-report .sec-6 img.izu,
  section.sec-final-report .sec-8 img.izu,
  section.sec-final-report .sec-10 img.izu,
  section.sec-final-report .sec-12 img.izu {
    width: 151px;
    height: 149px;
    bottom: 231.5px;
  }

  section.sec-final-report .sec-2 img.step,
  section.sec-final-report .sec-4 img.step,
  section.sec-final-report .sec-6 img.step,
  section.sec-final-report .sec-8 img.step,
  section.sec-final-report .sec-10 img.step,
  section.sec-final-report .sec-12 img.step {
    width: 200px;
    height: 50px;
    bottom: 181.5px;
  }

  section.sec-final-report .sec-3 .wrap-cards,
  section.sec-final-report .sec-5 .wrap-cards {
    width: 940px;
    height: 635px;
    gap: 20px;
  }

  section.sec-final-report .sec-3 .card,
  section.sec-final-report .sec-5 .card {
    width: 220px;
    height: 307px;
  }

  section.sec-final-report .sec-3 .card .card-content,
  section.sec-final-report .sec-5 .card .card-content {
    width: 220px;
    height: 307px;
    border-radius: 10px;
  }

  section.sec-final-report .sec-3 .card .front,
  section.sec-final-report .sec-5 .card .front {
    width: 220px;
    height: 307px;
  }

  section.sec-final-report .sec-3 .card .wrap-rank,
  section.sec-final-report .sec-5 .card .wrap-rank {
    font-size: 16px;
    width: 85px;
    height: 85px;
    left: -14px;
    top: -23px;
    padding-left: 5px;
    padding-top: 10px;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank,
  section.sec-final-report .sec-5 .card .wrap-rank .rank {
    font-size: 10px;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank span,
  section.sec-final-report .sec-5 .card .wrap-rank .rank span {
    font-size: 24px;
  }

  section.sec-final-report .sec-3 .card .point,
  section.sec-final-report .sec-5 .card .point {
    width: 45px;
    left: 0px;
    margin-top: 2px;
    font-size: 10px;
  }

  section.sec-final-report .sec-3 .card .point span,
  section.sec-final-report .sec-5 .card .point span {
    font-size: 8px;
    top: 2px;
  }

  section.sec-final-report .sec-3 .card .wrap-img,
  section.sec-final-report .sec-5 .card .wrap-img {
    width: 188px;
    height: 188px;
    border-width: 3px;
    margin: 47px auto 0px;
    border-radius: 10px;
  }

  section.sec-final-report .sec-3 .card img.img-1,
  section.sec-final-report .sec-5 .card img.img-1 {
    width: 188px;
    height: 188px;
  }

  section.sec-final-report .sec-3 .card img.img-2,
  section.sec-final-report .sec-5 .card img.img-2 {
    width: 188px;
    height: 188px;
  }

  section.sec-final-report .sec-3 .card .creator,
  section.sec-final-report .sec-5 .card .creator {
    font-size: 8px;
    margin: 5px auto 0px;
    right: 15px;
    top: 5px;
  }

  section.sec-final-report .sec-3 .card .name,
  section.sec-final-report .sec-5 .card .name {
    font-size: 14px;
    margin: 1px auto 0px;
    right: 15px;
    top: 21px;
  }

  section.sec-final-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 11.5px;
  }

  section.sec-final-report .sec-3 .card .speech,
  section.sec-final-report .sec-5 .card .speech {
    font-size: 14px;
    margin: 0px auto 0px;
    height: 72.31px;
  }

  section.sec-final-report .sec-3 .card img.card_design,
  section.sec-final-report .sec-5 .card img.card_design {
    width: 163.49px;
  }

  section.sec-final-report .sec-7 .wrap_ball,
  section.sec-final-report .sec-9 .wrap_ball,
  section.sec-final-report .sec-11 .wrap_ball {
    width: 400px;
    height: 400px;
    bottom: 115px;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball-pos,
  section.sec-final-report .sec-9 .wrap_ball .ball-pos,
  section.sec-final-report .sec-11 .wrap_ball .ball-pos {
    --ball-pos: -700px;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball,
  section.sec-final-report .sec-9 .wrap_ball .ball,
  section.sec-final-report .sec-11 .wrap_ball .ball {
    --ball-jump: -100px;
  }

  section.sec-final-report .sec-7 .bg_deco,
  section.sec-final-report .sec-9 .bg_deco,
  section.sec-final-report .sec-11 .bg_deco {
    width: 1166px;
    height: 726px;
  }

  section.sec-final-report .sec-7 .wrap-card-data,
  section.sec-final-report .sec-9 .wrap-card-data,
  section.sec-final-report .sec-11 .wrap-card-data {
    gap: 40px;
  }

  section.sec-final-report .sec-7 .card,
  section.sec-final-report .sec-9 .card,
  section.sec-final-report .sec-11 .card {
    width: 330px;
    height: 461px;
  }

  section.sec-final-report .sec-7 .card .card-content,
  section.sec-final-report .sec-9 .card .card-content,
  section.sec-final-report .sec-11 .card .card-content {
    width: 330px;
    height: 461px;
    border-radius: 10px;
  }

  section.sec-final-report .sec-7 .card .front,
  section.sec-final-report .sec-9 .card .front,
  section.sec-final-report .sec-11 .card .front {
    width: 330px;
    height: 461px;
  }

  section.sec-final-report .sec-7 .card .card_top3,
  section.sec-final-report .sec-9 .card .card_top3,
  section.sec-final-report .sec-11 .card .card_top3 {
    width: 330px;
    height: 460px;
  }

  section.sec-final-report .sec-7 .card .rank,
  section.sec-final-report .sec-9 .card .rank,
  section.sec-final-report .sec-11 .card .rank {
    font-size: 28px;
    width: 86px;
    height: 95px;
    left: 18px;
    top: 15px;
  }

  section.sec-final-report .sec-7 .card .rank .rank_2,
  section.sec-final-report .sec-9 .card .rank .rank_2,
  section.sec-final-report .sec-11 .card .rank .rank_2 {
    top: -3px;
  }

  section.sec-final-report .sec-7 .card .rank .rank_1,
  section.sec-final-report .sec-9 .card .rank .rank_1,
  section.sec-final-report .sec-11 .card .rank .rank_1 {
    top: -2px;
  }

  section.sec-final-report .sec-7 .card .point,
  section.sec-final-report .sec-9 .card .point,
  section.sec-final-report .sec-11 .card .point {
    font-size: 14px;
    left: 2px;
    top: 60px;
  }

  section.sec-final-report .sec-7 .card .point span,
  section.sec-final-report .sec-9 .card .point span,
  section.sec-final-report .sec-11 .card .point span {
    font-size: 12px;
  }

  section.sec-final-report .sec-7 .card .creator,
  section.sec-final-report .sec-9 .card .creator,
  section.sec-final-report .sec-11 .card .creator {
    font-size: 12px;
    right: 23px;
    top: 23px;
  }

  section.sec-final-report .sec-7 .card .name,
  section.sec-final-report .sec-9 .card .name,
  section.sec-final-report .sec-11 .card .name {
    font-size: 21px;
    right: 23px;
    top: 40px;
  }

  section.sec-final-report .sec-7 .card .wrap-img,
  section.sec-final-report .sec-9 .card .wrap-img,
  section.sec-final-report .sec-11 .card .wrap-img {
    width: 314px;
    height: 444px;
    border-radius: 6px;
    top: 10px;
  }

  section.sec-final-report .sec-7 .card .speech,
  section.sec-final-report .sec-9 .card .speech,
  section.sec-final-report .sec-11 .card .speech {
    font-size: 15px;
    height: 52px;
    bottom: 24px;
  }

  section.sec-final-report .sec-7 .card img.card_design,
  section.sec-final-report .sec-9 .card img.card_design,
  section.sec-final-report .sec-11 .card img.card_design {
    width: 245.23px;
  }

  section.sec-final-report .wrap-danmaku {
    top: 254px;
    height: 219px;
  }

  section.sec-final-report .wrap-danmaku .block-danmaku {
    gap: 20px;
    padding-right: 20px;
  }

  section.sec-final-report .wrap-danmaku .danmaku {
    font-size: 18px;
    padding: 17px;
    border-radius: 10px;
    border-width: 3px;
  }

  section.sec-final-report .sec-2 .comment_1 {
    width: 212px;
    height: 63px;
  }

  section.sec-final-report .sec-4 .comment_2 {
    width: 208px;
    height: 64px;
  }

  section.sec-final-report .sec-6 .comment_3 {
    width: 144px;
    height: 64px;
  }

  section.sec-final-report .sec-8 .comment_4 {
    width: 80px;
    height: 64px;
  }

  section.sec-final-report .sec-10 .comment_5 {
    width: 202px;
    height: 64px;
  }

  section.sec-final-report .sec-12 .comment_last {
    width: 724px;
    height: 170px;
  }

  section.sec-final-report .sec-12 .comment {
    bottom: 386.5px;
  }

  section.sec-final-report .sec-12 img.pra {
    left: 383.5px;
    bottom: 221.6px;
  }

  section.sec-final-report .sec-12 img.izu {
    right: 383.5px;
    bottom: 221.6px;
  }

  section.sec-final-report .sec-12 img.step {
    width: 151px;
    bottom: 171.6px;
  }

  section.sec-final-report .sec-12 img.step-pra {
    left: 383.5px;
  }

  section.sec-final-report .sec-12 img.step-izu {
    right: 383.5px;
  }

  section.sec-final-report .sec-12 .btn_close_end {
    margin: 0px auto 0px;
    width: 80px;
    bottom: 32px;
  }

  section.sec-final-report .sec-12 .btn_close_end p {
    font-size: 16px;
  }

  section.sec-final-report .sec-12 .btn_close_end img.arrow {
    width: 12px;
    height: 12px;
    margin: 8px auto 0px;
  }

  section.sec-final-report .card {
    -webkit-perspective: 1280px;
    perspective: 1280px;
  }

  .bg-news {
    height: 1077px;
    background-size: 1280px 1077px;
    top: 50px;
  }

  section.sec-newsList {
    padding-top: 288px;
  }

  section.sec-newsList.top {
    padding-top: 0px;
    margin-top: -180px;
  }

  section.sec-newsList.top .button {
    margin-top: 50px;
  }

  section.sec-newsList .pageTitle {
    margin: -7px auto -4px;
    font-size: 38px;
  }

  section.sec-newsList ul.newsList {
    width: 620px;
    margin: 80px auto 80px;
    gap: 40px;
    padding-bottom: 60px;
    min-height: 600px;
  }

  section.sec-newsList li.newsItem {
    width: 330px;
    height: 330px;
    --pukapuka: 7.5px;
  }

  section.sec-newsList li.newsItem a {
    border-width: 3px;
    border-radius: 10px;
  }

  section.sec-newsList li.newsItem .wrap-thumb {
    width: 330px;
    height: 330px;
  }

  section.sec-newsList li.newsItem .rope {
    width: 157.5px;
    margin: -21px auto -6px;
  }

  section.sec-newsList li.newsItem .newsTitle {
    font-size: 21px;
    margin-top: 30px;
    padding: 15px 7.5px;
    border-width: 3px;
    border-radius: 7.5px;
    line-height: 28.5px;
    margin: 0px auto;
  }

  #news,
  #about,
  #commercialization {
    margin-top: -200px;
    padding-top: 200px;
  }

  .mainContents {
    margin: 0px auto 0px;
  }
}

@media screen and (min-width: 737px) and (min-width: 12798720px) {
  section.sec-loading .curtain_l {
    bottom: 289971px;
    width: 7659234px;
    height: 12468753px;
  }

  section.sec-loading .curtain_r {
    bottom: 369963px;
    width: 6579342px;
    height: 12388761px;
  }

  section.sec-intro-catch .logo {
    width: 12798720px;
    height: 2989701px;
  }

  section.sec-intro-catch .kamifubuki {
    width: 12168783px;
    height: 7919208px;
    left: -119988px;
    top: -499950px;
  }

  section.sec-intro-catch .spotlight {
    width: 7619238px;
    height: 7619238px;
  }

  section.sec-intro-catch .chair_1 {
    width: 5157924.156px;
    height: 4240735.884px;
    top: -1549845px;
  }

  section.sec-intro-catch .chair_2 {
    width: 4558224.132px;
    height: 3696470.316px;
    top: -959904px;
  }

  section.sec-intro-catch .chair_3 {
    width: 2640695.904px;
    height: 2771722.8px;
    top: 0px;
  }

  section.sec-intro-catch .wrap-arm_l {
    width: 3509649px;
    height: 1359864px;
    top: 199980px;
    left: -1549845px;
  }

  section.sec-intro-catch .arm_l {
    width: 3509649px;
    height: 1359864px;
  }

  section.sec-intro-catch .wrap-arm_r {
    width: 3509649px;
    height: 1359864px;
    top: 199980px;
    right: -1549845px;
  }

  section.sec-intro-catch .arm_r {
    width: 3509649px;
    height: 1359864px;
  }

  section.sec-intro-catch .char {
    width: 4238976.06px;
    height: 4238976.06px;
    top: 3849615px;
  }
}

@media screen and (max-width: 736px) {
  .pc {
    display: none !important;
  }

  ._dummy {
    width: 100vw;
  }

  .layoutChecker {
    width: 0px;
  }

  .button {
    width: 74.358974359vw;
    height: 13.0769230769vw;
    border-width: 0.7692307692vw;
    font-size: 4.1025641026vw;
    margin: 0vw auto 0vw;
    border-radius: 13.0769230769vw;
    line-height: 1;
  }

  .fukidashi {
    border-width: 0.7692307692vw;
    border-radius: 1.2820512821vw;
    padding: 2.5641025641vw 3.8461538462vw 2.5641025641vw;
  }

  .fukidashi .fukidashi-text {
    font-size: 2.8205128205vw;
    line-height: 1.2;
  }

  .fukidashi .fukidashi-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  .fukidashi .fukidashi-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  .fukidashi::before {
    border-width: 3.5897435897vw 2.5641025641vw 0vw 2.5641025641vw;
  }

  .fukidashi::after {
    border-width: 3.0769230769vw 2.0512820513vw 0vw 2.0512820513vw;
    bottom: 0.5128205128vw;
  }

  .wrap-info-block {
    gap: 15.3846153846vw;
  }

  .wrap-info-block .info-block {
    padding: 15.3846153846vw 7.6923076923vw;
    width: 89.7435897436vw;
    border-radius: 3.8461538462vw;
    gap: 10.2564102564vw;
  }

  .wrap-info-block .box {
    gap: 5.1282051282vw;
  }

  .wrap-info-block .title {
    font-size: 5.641025641vw;
    line-height: 1.4;
  }

  .wrap-info-block .title::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }

  .wrap-info-block .title::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }

  .wrap-info-block .text {
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }

  .wrap-info-block .text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }

  .wrap-info-block .text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }

  .wrap-info-block .simpleList li {
    font-size: 3.5897435897vw;
    margin-top: 6.4615384615vw;
    line-height: 1.8;
  }

  .wrap-info-block .simpleList li::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }

  .wrap-info-block .simpleList li::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }

  .wrap-info-block .wrap-x-thread {
    width: 74.358974359vw;
    height: 74.358974359vw;
    border-radius: 5.1282051282vw;
    border-width: 0.5128205128vw;
  }

  header.sec-header .wrap-header {
    width: 97.4358974359vw;
    height: 21.7948717949vw;
    top: 1.2820512821vw;
  }

  header.sec-header .wrap-header .bg {
    width: 97.4358974359vw;
    height: 21.7948717949vw;
  }

  header.sec-header .wrap-header .site_title {
    width: 44.0374358974vw;
    height: 10.2564102564vw;
    left: -0.5128205128vw;
    right: 0vw;
    top: 5.641025641vw;
  }

  header.sec-header .wrap-header .btn_x {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
    left: 2.8205128205vw;
    top: 3.0769230769vw;
  }

  header.sec-header .wrap-header .btn_x .btn_x_default,
  header.sec-header .wrap-header .btn_x .btn_x_hover {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
  }

  header.sec-header .wrap-header .btn_menu {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
    right: 2.8205128205vw;
    top: 3.0769230769vw;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_open,
  header.sec-header .wrap-header .btn_menu .btn_menu_open_hover {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_close,
  header.sec-header .wrap-header .btn_menu .btn_menu_close_hover {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
  }

  body[data-is-menu-opened] {
    overflow: hidden;
  }

  .wrap-menu {
    width: 100%;
    left: 0;
  }

  .wrap-menu .wrap-menu-content {
    padding-bottom: 10.2564102564vw;
  }

  .wrap-menu .wrap-button-menu {
    width: 89.7435897436vw;
    gap: 5.1282051282vw;
    margin: 33.3333333333vw auto 10.2564102564vw;
  }

  .wrap-menu a.button-menu {
    font-size: 5.641025641vw;
    width: 89.7435897436vw;
    height: 14.1025641026vw;
    padding: 0vw 0vw;
    border-radius: 3.8461538462vw;
    border-width: 0.5128205128vw;
  }

  .wrap-menu .deco_1 {
    width: 9.7435897436vw;
    height: 9.8717948718vw;
    left: 6.6666666667vw;
    top: 2.0512820513vw;
  }

  .wrap-menu .deco_2 {
    width: 7.0512820513vw;
    height: 12.1794871795vw;
    right: 10.5128205128vw;
    top: 0vw;
  }

  .wrap-menu .deco_3_1 {
    width: 6.6666666667vw;
    height: 9.8717948718vw;
    left: 6.1538461538vw;
    top: 0vw;
  }

  .wrap-menu .deco_3_2 {
    width: 6.4102564103vw;
    height: 9.4871794872vw;
    right: 6.6666666667vw;
    top: 0vw;
  }

  .wrap-menu .deco_4 {
    width: 13.8461538462vw;
    height: 9.1025641026vw;
    left: 4.1025641026vw;
    top: 2.0512820513vw;
  }

  .wrap-menu .deco_5 {
    width: 79.7435897436vw;
    height: 11.0256410256vw;
  }

  .wrap-menu .deco_6_1,
  .wrap-menu .deco_6_2 {
    width: 4.2307692308vw;
    height: 10.3230769231vw;
  }

  .wrap-menu .deco_6_1 {
    left: 7.6923076923vw;
    top: -0.2564102564vw;
  }

  .wrap-menu .deco_6_2 {
    right: 7.6923076923vw;
    top: -0.2564102564vw;
  }

  .wrap-menu .logo {
    width: 45.361025641vw;
    height: 41.5384615385vw;
  }

  .wrap-menu .copyright {
    margin-top: 7.6923076923vw;
    font-size: 2.5641025641vw;
    letter-spacing: 0.0512820513vw;
  }

  footer.sec-footer {
    height: 209.7435897436vw;
    margin: -0.5128205128vw auto 0vw;
    border-image-width: 30.4615384615vw 30vw;
    border-image-source: url(/chara-sai/assets/index/img/sp/footer/bg.svg);
    border-image-slice: 20% 30% fill;
  }

  footer.sec-footer .bg {
    width: 100vw;
    height: 152.3076923077vw;
  }

  footer.sec-footer .logo {
    width: 52.3076923077vw;
    height: 47.9487179487vw;
    left: 8.9743589744vw;
    top: 7.6923076923vw;
  }

  footer.sec-footer .panel {
    width: 34.6153846154vw;
    height: 34.358974359vw;
  }

  footer.sec-footer .wrap-panel {
    width: 34.6153846154vw;
    height: 34.358974359vw;
    right: 7.1794871795vw;
    top: 19.4871794872vw;
  }

  footer.sec-footer .wrap-panel .logo_bandainamco {
    width: 34.6153846154vw;
    height: 8.9743589744vw;
    right: 0vw;
    top: 0vw;
  }

  footer.sec-footer .wrap-panel .logo_banpresto {
    width: 14.358974359vw;
    height: 6.6666666667vw;
    right: 0vw;
    top: 11.0256410256vw;
  }

  footer.sec-footer .wrap-panel .logo_bandai {
    width: 13.5897435897vw;
    height: 13.0769230769vw;
    right: 0vw;
    top: 21.2820512821vw;
  }

  footer.sec-footer .wrap-exit {
    width: 82.0512820513vw;
    height: 63.3333333333vw;
    left: 0vw;
    right: 0vw;
    top: 70.5128205128vw;
    margin: 0vw auto 0vw;
  }

  footer.sec-footer .wrap-exit .exit {
    width: 82.0512820513vw;
    height: 63.3333333333vw;
    left: 0vw;
    top: 0vw;
  }

  footer.sec-footer .wrap-exit .footer-char {
    width: 73.3333333333vw;
    height: 56.4102564103vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
    bottom: 0vw;
  }

  footer.sec-footer .wrap-exit .footer-char-filter {
    width: 73.3333333333vw;
    height: 56.4102564103vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
    bottom: 0vw;
  }

  footer.sec-footer .wrap-fukidashi {
    top: 62.3076923077vw;
    width: 100%;
  }

  footer.sec-footer .button {
    width: 51.2820512821vw;
    height: 12.8205128205vw;
    left: 0vw;
    right: 0vw;
    top: 118.4615384615vw;
  }

  footer.sec-footer .wrap-official-footer-content {
    margin: 140.5128205128vw auto 0vw;
  }

  footer.sec-footer .wrap-official-footer-content small.copyright {
    margin: 0vw auto 0vw;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList {
    width: 94.8717948718vw;
    margin: 2.5641025641vw auto;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList li:nth-of-type(1) a {
    border-top: none;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList a {
    height: 8.7179487179vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: solid 1px #DDD;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList img {
    width: 4.6153846154vw;
    height: 4.6153846154vw;
    margin-right: 2.5641025641vw;
  }

  footer.sec-footer .wrap-official-footer-content .note {
    font-size: 2.5641025641vw;
    width: 93.5897435897vw;
    margin: 0vw auto;
    line-height: 1.7;
    text-align: justify;
  }

  footer.sec-footer .wrap-official-footer-content .note::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
    content: "";
  }

  footer.sec-footer .wrap-official-footer-content .note::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7) * 0.5em);
    content: "";
  }

  section.sec-loading {
    overflow: hidden;
  }

  section.sec-loading .wrap-curtail {
    height: 100svh;
    max-height: 198vw;
  }

  section.sec-loading .curtain_l {
    bottom: 7.4358974359vw;
    width: 117.8461538462vw;
    height: 191.8461538462vw;
    right: 40%;
  }

  section.sec-loading .curtain_r {
    bottom: 9.4871794872vw;
    width: 101.2307692308vw;
    height: 190.6153846154vw;
    left: 45%;
  }

  section.sec-loading .hole {
    top: 118.2051282051vw;
    width: 42.5641025641vw;
    height: 10vw;
  }

  section.sec-loading .wrap-light {
    top: 54.8717948718vw;
    width: 76.9230769231vw;
  }

  section.sec-loading .light_1 {
    top: 24.358974359vw;
    width: 25.1664102564vw;
    height: 20.0792307692vw;
  }

  section.sec-loading .light_2 {
    top: 22.8205128205vw;
    width: 28.7179487179vw;
    height: 25.7776923077vw;
  }

  section.sec-loading .light_3 {
    top: 20vw;
    width: 34.2158974359vw;
    height: 28.658974359vw;
  }

  section.sec-loading .light_4 {
    top: 16.1538461538vw;
    width: 42.2087179487vw;
    height: 37.3397435897vw;
  }

  section.sec-loading .light_5 {
    top: 10vw;
    width: 55.8974358974vw;
    height: 49.3148717949vw;
  }

  section.sec-loading .light_6 {
    top: 0vw;
    width: 76.9230769231vw;
    height: 58.6220512821vw;
  }

  section.sec-loading .logo {
    width: 70vw;
    height: 63.1876923077vw;
  }

  section.sec-intro .wrap-content {
    height: 170.5128205128vw;
    padding-top: 24.358974359vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }

  section.sec-intro .wrap-stage {
    height: 129.2307692308vw;
    border-radius: 3.8461538462vw;
    width: 97.4358974359vw;
    margin: 0vw auto 0vw;
  }

  section.sec-intro .wrap-stage::before {
    margin: 0vw auto 0vw;
    background-size: 97.1794871795vw 76.9230769231vw;
    border-radius: 3.8461538462vw;
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url(/chara-sai/assets/index/img/sp/intro_final/wallpaper.svg);
    background-position: top center;
    background-repeat: repeat-x;
    content: "";
    display: block;
    top: 0;
  }

  section.sec-intro .wrap-stage::after {
    height: 21.5384615385vw;
    top: 107.4358974359vw;
    border-radius: 0vw 0vw 3.8461538462vw 3.8461538462vw;
    z-index: 8;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: #E21C4B;
    content: "";
    display: block;
  }

  [data-season=xmas] section.sec-intro .wrap-stage .ceiling,
  [data-season=new_year] section.sec-intro .wrap-stage .ceiling {
    height: 2.5641025641vw;
    top: 107.4358974359vw;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: #E21C4B;
  }

  section.sec-intro .wrap-bg_stage {
    height: 129.2307692308vw;
    width: 97.4358974359vw;
    margin: 0vw auto 0vw;
    border-radius: 3.8461538462vw;
    border-width: 0.5128205128vw;
    position: absolute;
    overflow: hidden;
  }

  section.sec-intro .wrap-bg_stage::before {
    content: "";
    display: block;
    pointer-events: none;
  }

  section.sec-intro .wrap-stage-inner {
    height: 129.2307692308vw;
    width: 97.4358974359vw;
    margin: 0vw auto 0vw;
    border-radius: 3.8461538462vw;
    border-width: 0.5128205128vw;
    position: absolute;
  }

  section.sec-intro .wrap-stage-inner::before {
    content: "";
    display: block;
    pointer-events: none;
  }

  section.sec-intro .wrap-chair {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: absolute;
  }

  section.sec-intro .wrap-chair .chair_1,
  section.sec-intro .wrap-chair .rank_1 {
    width: 24.9679487179vw;
    height: 30.7692307692vw;
  }

  section.sec-intro .wrap-chair .chair_1 .char,
  section.sec-intro .wrap-chair .rank_1 .char {
    left: -2.8205128205vw;
    top: -3.0769230769vw;
    width: 31.3923076923vw;
    height: 33.8461538462vw;
  }

  section.sec-intro .wrap-chair .chair_1 .clickable,
  section.sec-intro .wrap-chair .rank_1 .clickable {
    width: 20.5128205128vw;
    height: 20.5128205128vw;
    top: 2.0512820513vw;
    z-index: 9;
  }

  section.sec-intro .wrap-chair .chair_2,
  section.sec-intro .wrap-chair .rank_2,
  section.sec-intro .wrap-chair .chair_3,
  section.sec-intro .wrap-chair .rank_3 {
    width: 20.8058974359vw;
    height: 23.0769230769vw;
  }

  section.sec-intro .wrap-chair .chair_2 .char,
  section.sec-intro .wrap-chair .rank_2 .char,
  section.sec-intro .wrap-chair .chair_3 .char,
  section.sec-intro .wrap-chair .rank_3 .char {
    left: -0.2564102564vw;
    top: 0.5128205128vw;
  }

  section.sec-intro .wrap-chair .chair_4,
  section.sec-intro .wrap-chair .rank_4,
  section.sec-intro .wrap-chair .chair_5,
  section.sec-intro .wrap-chair .rank_5,
  section.sec-intro .wrap-chair .chair_6,
  section.sec-intro .wrap-chair .rank_6,
  section.sec-intro .wrap-chair .chair_7,
  section.sec-intro .wrap-chair .rank_7,
  section.sec-intro .wrap-chair .chair_8,
  section.sec-intro .wrap-chair .rank_8,
  section.sec-intro .wrap-chair .chair_9,
  section.sec-intro .wrap-chair .rank_9,
  section.sec-intro .wrap-chair .chair_10,
  section.sec-intro .wrap-chair .rank_10,
  section.sec-intro .wrap-chair .chair_11,
  section.sec-intro .wrap-chair .rank_11,
  section.sec-intro .wrap-chair .chair_12,
  section.sec-intro .wrap-chair .rank_12,
  section.sec-intro .wrap-chair .chair_13,
  section.sec-intro .wrap-chair .rank_13,
  section.sec-intro .wrap-chair .chair_14,
  section.sec-intro .wrap-chair .rank_14,
  section.sec-intro .wrap-chair .chair_15,
  section.sec-intro .wrap-chair .rank_15,
  section.sec-intro .wrap-chair .chair_16,
  section.sec-intro .wrap-chair .rank_16,
  section.sec-intro .wrap-chair .chair_17,
  section.sec-intro .wrap-chair .rank_17,
  section.sec-intro .wrap-chair .chair_18,
  section.sec-intro .wrap-chair .rank_18 {
    width: 14.8717948718vw;
    height: 19.4871794872vw;
  }

  section.sec-intro .wrap-chair .chair_4 .char,
  section.sec-intro .wrap-chair .rank_4 .char,
  section.sec-intro .wrap-chair .chair_5 .char,
  section.sec-intro .wrap-chair .rank_5 .char,
  section.sec-intro .wrap-chair .chair_6 .char,
  section.sec-intro .wrap-chair .rank_6 .char,
  section.sec-intro .wrap-chair .chair_7 .char,
  section.sec-intro .wrap-chair .rank_7 .char,
  section.sec-intro .wrap-chair .chair_8 .char,
  section.sec-intro .wrap-chair .rank_8 .char,
  section.sec-intro .wrap-chair .chair_9 .char,
  section.sec-intro .wrap-chair .rank_9 .char,
  section.sec-intro .wrap-chair .chair_10 .char,
  section.sec-intro .wrap-chair .rank_10 .char,
  section.sec-intro .wrap-chair .chair_11 .char,
  section.sec-intro .wrap-chair .rank_11 .char,
  section.sec-intro .wrap-chair .chair_12 .char,
  section.sec-intro .wrap-chair .rank_12 .char,
  section.sec-intro .wrap-chair .chair_13 .char,
  section.sec-intro .wrap-chair .rank_13 .char,
  section.sec-intro .wrap-chair .chair_14 .char,
  section.sec-intro .wrap-chair .rank_14 .char,
  section.sec-intro .wrap-chair .chair_15 .char,
  section.sec-intro .wrap-chair .rank_15 .char,
  section.sec-intro .wrap-chair .chair_16 .char,
  section.sec-intro .wrap-chair .rank_16 .char,
  section.sec-intro .wrap-chair .chair_17 .char,
  section.sec-intro .wrap-chair .rank_17 .char,
  section.sec-intro .wrap-chair .chair_18 .char,
  section.sec-intro .wrap-chair .rank_18 .char {
    left: -3.0769230769vw;
    top: -3.0769230769vw;
  }

  section.sec-intro .wrap-chair .char {
    width: 20.9282051282vw;
    height: 22.5641025641vw;
  }

  section.sec-intro .wrap-chair .clickable {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
    top: 0vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail {
    width: 18.2051282051vw;
    height: 5.641025641vw;
    border-radius: 7.6923076923vw;
    border-width: 0.5128205128vw;
    font-size: 2.0512820513vw;
    gap: 1.0256410256vw;
    margin: 0vw auto 1.7948717949vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail .arrow {
    width: 1.2820512821vw;
    height: 1.9230769231vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi {
    border-width: 0.5128205128vw;
    padding: 2.0512820513vw 2.5641025641vw 2.0512820513vw;
    border-radius: 1.2820512821vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi::after {
    bottom: 0.2564102564vw;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text {
    font-size: 2.8205128205vw;
    line-height: 1.2;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-chair .chair-all {
    left: 1.2820512821vw;
    top: 8.2051282051vw;
    width: 94.8717948718vw;
    height: 84.6153846154vw;
  }

  section.sec-intro .wrap-chair .rank_1 {
    left: 34.8717948718vw;
    top: 15.8974358974vw;
  }

  section.sec-intro .wrap-chair .rank_2 {
    left: 24.6153846154vw;
    top: 35.641025641vw;
  }

  section.sec-intro .wrap-chair .rank_3 {
    left: 47.9487179487vw;
    top: 35.641025641vw;
  }

  section.sec-intro .wrap-chair .rank_4 {
    left: 17.4358974359vw;
    top: 51.0256410256vw;
  }

  section.sec-intro .wrap-chair .rank_5 {
    left: 33.3333333333vw;
    top: 51.0256410256vw;
  }

  section.sec-intro .wrap-chair .rank_6 {
    left: 49.2307692308vw;
    top: 51.0256410256vw;
  }

  section.sec-intro .wrap-chair .rank_7 {
    left: 65.1282051282vw;
    top: 51.0256410256vw;
  }

  section.sec-intro .wrap-chair .rank_8 {
    left: 9.4871794872vw;
    top: 63.0769230769vw;
  }

  section.sec-intro .wrap-chair .rank_9 {
    left: 25.3846153846vw;
    top: 63.0769230769vw;
  }

  section.sec-intro .wrap-chair .rank_10 {
    left: 41.2820512821vw;
    top: 63.0769230769vw;
  }

  section.sec-intro .wrap-chair .rank_11 {
    left: 57.1794871795vw;
    top: 63.0769230769vw;
  }

  section.sec-intro .wrap-chair .rank_12 {
    left: 73.0769230769vw;
    top: 63.0769230769vw;
  }

  section.sec-intro .wrap-chair .rank_13 {
    left: 1.5384615385vw;
    top: 75.3846153846vw;
  }

  section.sec-intro .wrap-chair .rank_14 {
    left: 17.4358974359vw;
    top: 75.3846153846vw;
  }

  section.sec-intro .wrap-chair .rank_15 {
    left: 33.3333333333vw;
    top: 75.3846153846vw;
  }

  section.sec-intro .wrap-chair .rank_16 {
    left: 49.2307692308vw;
    top: 75.3846153846vw;
  }

  section.sec-intro .wrap-chair .rank_17 {
    left: 65.1282051282vw;
    top: 75.3846153846vw;
  }

  section.sec-intro .wrap-chair .rank_18 {
    left: 81.0256410256vw;
    top: 75.3846153846vw;
  }

  section.sec-intro .curtain_l {
    width: 24.8717948718vw;
    height: 129.4871794872vw;
    top: 0vw;
  }

  [data-season=xmas] section.sec-intro .curtain_l,
  [data-season=new_year] section.sec-intro .curtain_l {
    display: none;
  }

  section.sec-intro .curtain_r {
    width: 24.8717948718vw;
    height: 129.4871794872vw;
    top: 0vw;
  }

  [data-season=xmas] section.sec-intro .curtain_r,
  [data-season=new_year] section.sec-intro .curtain_r {
    display: none;
  }

  section.sec-intro .wrap-bg_stage_hole {
    width: 97.4358974359vw;
    height: 26.4102564103vw;
    bottom: 21.7948717949vw;
  }

  section.sec-intro .bg_stage_hole {
    width: 97.4358974359vw;
    height: 26.4102564103vw;
    left: 0vw;
    bottom: 0vw;
  }

  section.sec-intro .wrap-bg_stage_hole_cover {
    width: 97.4358974359vw;
    height: 9.2307692308vw;
    bottom: 21.7948717949vw;
    left: -0.2564102564vw;
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%);
    clip-path: polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%);
  }

  section.sec-intro .bg_stage_hole_cover {
    width: 97.4358974359vw;
    height: 9.2307692308vw;
    left: 0vw;
    bottom: 0vw;
  }

  section.sec-intro .crane {
    width: 18.7512820513vw;
    height: 34.2256410256vw;
    left: 14.1025641026vw;
    top: 0vw;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  section.sec-intro .crane .wrap-crane_arm_l {
    width: 9.2846153846vw;
    height: 14.9282051282vw;
    left: 0vw;
    top: 19.4794871795vw;
  }

  section.sec-intro .crane .wrap-crane_arm_r {
    width: 9.2846153846vw;
    height: 14.9282051282vw;
    right: 0vw;
    top: 19.4794871795vw;
  }

  section.sec-intro .crane .crane_arm {
    width: 9.2846153846vw;
    height: 14.9282051282vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .crane .crane_body {
    width: 18.7512820513vw;
    height: 34.2256410256vw;
  }

  section.sec-intro .crane .crane_snow {
    width: 12.0153846154vw;
    height: 5.4615384615vw;
    left: 3.2769230769vw;
    top: 8.5564102564vw;
  }

  section.sec-intro .vote-char {
    width: 39vw;
    height: 30vw;
    left: 0vw;
    right: 0vw;
    top: 40vw;
  }

  section.sec-intro .wrap-ui-left {
    width: 97.4358974359vw;
    height: 37.4358974359vw;
    left: 1.2820512821vw;
    bottom: 1.2820512821vw;
    border-width: 1.5384615385vw;
    border-radius: 3.8461538462vw;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  section.sec-intro .wrap-ui-left::before {
    content: "";
    margin: auto;
    background-color: #40CCF8;
    display: block;
    position: absolute;
  }

  section.sec-intro .wrap-ui-left .btn_about,
  section.sec-intro .wrap-ui-left .btn_about_hover_1,
  section.sec-intro .wrap-ui-left .btn_about_hover_2,
  section.sec-intro .wrap-ui-left .btn_about_hover_3 {
    width: 27.1794871795vw;
    height: 27.1794871795vw;
    left: 3.5897435897vw;
    top: 3.8461538462vw;
  }

  section.sec-intro .wrap-ui-left .btn_character,
  section.sec-intro .wrap-ui-left .btn_character_hover_1,
  section.sec-intro .wrap-ui-left .btn_character_hover_2,
  section.sec-intro .wrap-ui-left .btn_character_hover_3 {
    width: 27.1794871795vw;
    height: 27.1794871795vw;
    left: 31.7948717949vw;
    top: 3.8461538462vw;
  }

  section.sec-intro .wrap-ui-right {
    width: 40.5128205128vw;
    height: 38.9743589744vw;
    right: 1.2820512821vw;
    bottom: 1.2820512821vw;
    position: absolute;
  }

  section.sec-intro .wrap-ui-right .attention {
    width: 26.1538461538vw;
    height: 16.1538461538vw;
    left: 0vw;
    right: 0vw;
    top: -8.4615384615vw;
  }

  section.sec-intro .wrap-ui-right .btn_vote {
    width: 30.7692307692vw;
    height: 30.7692307692vw;
    left: 4.8717948718vw;
    bottom: 3.5897435897vw;
  }

  section.sec-intro .wrap-ui-right .btn_vote_enabled,
  section.sec-intro .wrap-ui-right .btn_vote_hover_1,
  section.sec-intro .wrap-ui-right .btn_vote_hover_2 {
    width: 30.7692307692vw;
    height: 30.7692307692vw;
  }

  section.sec-intro .wrap-ui-right .btn_vote_complete {
    width: 30.7692307692vw;
    height: 30.7692307692vw;
  }

  .crane[data-position=center],
  .crane[data-position="1"],
  .crane[data-position="10"] {
    -webkit-transform: translate(135%, 0%);
    transform: translate(135%, 0%);
    -webkit-transition-duration: 1.08s;
    transition-duration: 1.08s;
  }

  .crane[data-position=center] .crane_arm,
  .crane[data-position="1"] .crane_arm,
  .crane[data-position="10"] .crane_arm {
    -webkit-animation-delay: 1.08s;
    animation-delay: 1.08s;
  }

  .crane[data-position="2"] {
    -webkit-transform: translate(61%, 0%);
    transform: translate(61%, 0%);
    -webkit-transition-duration: 0.488s;
    transition-duration: 0.488s;
  }

  .crane[data-position="2"] .crane_arm {
    -webkit-animation-delay: 0.488s;
    animation-delay: 0.488s;
  }

  .crane[data-position="3"] {
    -webkit-transform: translate(186%, 0%);
    transform: translate(186%, 0%);
    -webkit-transition-duration: 1.488s;
    transition-duration: 1.488s;
  }

  .crane[data-position="3"] .crane_arm {
    -webkit-animation-delay: 1.488s;
    animation-delay: 1.488s;
  }

  .crane[data-position="13"] {
    -webkit-transform: translate(-75%, 0%);
    transform: translate(-75%, 0%);
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }

  .crane[data-position="13"] .crane_arm {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }

  .crane[data-position="4"],
  .crane[data-position="14"] {
    -webkit-transform: translate(8%, 0%);
    transform: translate(8%, 0%);
    -webkit-transition-duration: 0.064s;
    transition-duration: 0.064s;
  }

  .crane[data-position="4"] .crane_arm,
  .crane[data-position="14"] .crane_arm {
    -webkit-animation-delay: 0.064s;
    animation-delay: 0.064s;
  }

  .crane[data-position="5"],
  .crane[data-position="15"] {
    -webkit-transform: translate(93%, 0%);
    transform: translate(93%, 0%);
    -webkit-transition-duration: 0.744s;
    transition-duration: 0.744s;
  }

  .crane[data-position="5"] .crane_arm,
  .crane[data-position="15"] .crane_arm {
    -webkit-animation-delay: 0.744s;
    animation-delay: 0.744s;
  }

  .crane[data-position="6"],
  .crane[data-position="16"] {
    -webkit-transform: translate(178%, 0%);
    transform: translate(178%, 0%);
    -webkit-transition-duration: 1.424s;
    transition-duration: 1.424s;
  }

  .crane[data-position="6"] .crane_arm,
  .crane[data-position="16"] .crane_arm {
    -webkit-animation-delay: 1.424s;
    animation-delay: 1.424s;
  }

  .crane[data-position="7"],
  .crane[data-position="17"] {
    -webkit-transform: translate(263%, 0%);
    transform: translate(263%, 0%);
    -webkit-transition-duration: 2.104s;
    transition-duration: 2.104s;
  }

  .crane[data-position="7"] .crane_arm,
  .crane[data-position="17"] .crane_arm {
    -webkit-animation-delay: 2.104s;
    animation-delay: 2.104s;
  }

  .crane[data-position="18"] {
    -webkit-transform: translate(345%, 0%);
    transform: translate(345%, 0%);
    -webkit-transition-duration: 2.76s;
    transition-duration: 2.76s;
  }

  .crane[data-position="18"] .crane_arm {
    -webkit-animation-delay: 2.76s;
    animation-delay: 2.76s;
  }

  .crane[data-position="8"] {
    -webkit-transform: translate(-35%, 0%);
    transform: translate(-35%, 0%);
    -webkit-transition-duration: 0.28s;
    transition-duration: 0.28s;
  }

  .crane[data-position="8"] .crane_arm {
    -webkit-animation-delay: 0.28s;
    animation-delay: 0.28s;
  }

  .crane[data-position="9"] {
    -webkit-transform: translate(50%, 0%);
    transform: translate(50%, 0%);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }

  .crane[data-position="9"] .crane_arm {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }

  .crane[data-position="11"] {
    -webkit-transform: translate(220%, 0%);
    transform: translate(220%, 0%);
    -webkit-transition-duration: 1.76s;
    transition-duration: 1.76s;
  }

  .crane[data-position="11"] .crane_arm {
    -webkit-animation-delay: 1.76s;
    animation-delay: 1.76s;
  }

  .crane[data-position="12"] {
    -webkit-transform: translate(305%, 0%);
    transform: translate(305%, 0%);
    -webkit-transition-duration: 2.44s;
    transition-duration: 2.44s;
  }

  .crane[data-position="12"] .crane_arm {
    -webkit-animation-delay: 2.44s;
    animation-delay: 2.44s;
  }

  .crane[data-position="19"] {
    -webkit-transform: translate(-52%, 0%);
    transform: translate(-52%, 0%);
    -webkit-transition-duration: 0.416s;
    transition-duration: 0.416s;
  }

  .crane[data-position="19"] .crane_arm {
    -webkit-animation-delay: 0.416s;
    animation-delay: 0.416s;
  }

  .crane[data-position="20"] {
    -webkit-transform: translate(320%, 0%);
    transform: translate(320%, 0%);
    -webkit-transition-duration: 2.56s;
    transition-duration: 2.56s;
  }

  .crane[data-position="20"] .crane_arm {
    -webkit-animation-delay: 2.56s;
    animation-delay: 2.56s;
  }

  section.sec-intro[data-phase="1"] .crane {
    -webkit-transform: translate(133%, 0%) scale(1.7);
    transform: translate(133%, 0%) scale(1.7);
  }

  section.sec-intro[data-phase="2"] .crane {
    -webkit-transform: translate(133%, 0%) scale(1);
    transform: translate(133%, 0%) scale(1);
    -webkit-animation: crane-return-sp 1.064s linear 0.5s 1 forwards;
    animation: crane-return-sp 1.064s linear 0.5s 1 forwards;
  }

@-webkit-keyframes crane-return-sp {
    0% {
      -webkit-transform: translate(133%, 0%) scale(1);
      transform: translate(133%, 0%) scale(1);
    }

    100% {
      -webkit-transform: translate(0%, 0%) scale(1);
      transform: translate(0%, 0%) scale(1);
    }
}

@keyframes crane-return-sp {
    0% {
      -webkit-transform: translate(133%, 0%) scale(1);
      transform: translate(133%, 0%) scale(1);
    }

    100% {
      -webkit-transform: translate(0%, 0%) scale(1);
      transform: translate(0%, 0%) scale(1);
    }
}

  section.sec-intro[data-phase="2"] .vote-char {
    -webkit-animation: vote-char-2-sp 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s 1 forwards;
    animation: vote-char-2-sp 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s 1 forwards;
  }

@-webkit-keyframes vote-char-2-sp {
    0% {
      -webkit-transform: translate(0%, 130%) rotate(0deg);
      transform: translate(0%, 130%) rotate(0deg);
    }

    100% {
      -webkit-transform: translate(0%, 2500%) rotate(-380deg);
      transform: translate(0%, 2500%) rotate(-380deg);
    }
}

@keyframes vote-char-2-sp {
    0% {
      -webkit-transform: translate(0%, 130%) rotate(0deg);
      transform: translate(0%, 130%) rotate(0deg);
    }

    100% {
      -webkit-transform: translate(0%, 2500%) rotate(-380deg);
      transform: translate(0%, 2500%) rotate(-380deg);
    }
}

  section.sec-intro .wrap-extra {
    border-radius: 3.8461538462vw;
    width: 100%;
  }

  section.sec-intro .wrap-extra_pra {
    width: 21.8794871795vw;
    height: 69.4871794872vw;
    left: -2.5641025641vw;
    top: -9.7435897436vw;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope {
    left: 0.7692307692vw;
  }

  section.sec-intro .wrap-extra_pra .wrap-fukidashi {
    top: 38.2051282051vw;
  }

  section.sec-intro .wrap-extra_pra .extra_pra {
    width: 21.8794871795vw;
    height: 23.5897435897vw;
  }

  section.sec-intro .wrap-extra_izu {
    width: 20.4525641026vw;
    height: 67.9487179487vw;
    left: 78.7179487179vw;
    top: -9.7435897436vw;
  }

  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    left: 3.3333333333vw;
  }

  section.sec-intro .wrap-extra_izu .wrap-fukidashi {
    top: 35.3846153846vw;
  }

  section.sec-intro .wrap-extra_izu .extra_izu {
    width: 20.4525641026vw;
    height: 22.0512820513vw;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope,
  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    width: 16.358974359vw;
    height: 53.3076923077vw;
  }

  section.sec-intro .wrap-extra_pra .fukidashi,
  section.sec-intro .wrap-extra_izu .fukidashi {
    border-width: 0.5128205128vw;
    padding: 2.0512820513vw 2.5641025641vw 2.0512820513vw;
    border-radius: 1.2820512821vw;
  }

  section.sec-intro .wrap-extra_pra .fukidashi::after,
  section.sec-intro .wrap-extra_izu .fukidashi::after {
    bottom: 0.2564102564vw;
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text,
  section.sec-intro .wrap-extra_izu .fukidashi-text {
    font-size: 2.8205128205vw;
    line-height: 1.2;
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text::before,
  section.sec-intro .wrap-extra_izu .fukidashi-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text::after,
  section.sec-intro .wrap-extra_izu .fukidashi-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }

  section.sec-intro .wrap-extra_pra .clickable,
  section.sec-intro .wrap-extra_izu .clickable {
    width: 11.3076923077vw;
    height: 11.5384615385vw;
    bottom: 5.1282051282vw;
  }

  section.sec-intro .wrap_deco_back {
    border-radius: 0vw 0vw 3.8461538462vw 3.8461538462vw;
    width: 100%;
    height: 100%;
  }

  section.sec-intro img.deco_back {
    width: 97.1794871795vw;
    height: 129.2307692308vw;
    bottom: -0.2564102564vw;
    left: 0.2564102564vw;
    z-index: 1;
  }

  section.sec-intro .wrap-kusudama {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  section.sec-intro .wrap-kusudama .kusudama {
    width: 97.4358974359vw;
    height: 34.7435897436vw;
  }

  section.sec-intro .wrap-kusudama .scale {
    -webkit-transform: scale(0.52);
    transform: scale(0.52);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 {
    width: 56.9230769231vw;
    height: 116.1538461538vw;
    left: 47.4358974359vw;
    top: -25.1282051282vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.line {
    width: 4.358974359vw;
    height: 116.1538461538vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.hirahira {
    width: 56.9230769231vw;
    height: 49.7435897436vw;
    left: 1.7948717949vw;
    top: 57.1794871795vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 .wrap-taremaku {
    width: 17.1794871795vw;
    height: 52.0512820513vw;
    left: 20vw;
    top: 55.1282051282vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.taremaku {
    width: 17.1794871795vw;
    height: 52.0512820513vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_l {
    width: 18.7179487179vw;
    height: 18.7179487179vw;
    left: 10.2564102564vw;
    top: 52.0512820513vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_r {
    width: 18.4615384615vw;
    height: 18.7179487179vw;
    left: 27.9487179487vw;
    top: 52.0512820513vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 {
    width: 39.2307692308vw;
    height: 116.1538461538vw;
    left: -10.2564102564vw;
    top: -16.4102564103vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.line {
    width: 4.358974359vw;
    height: 116.1538461538vw;
    left: 0vw;
    right: 0vw;
    top: -18.7179487179vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.hirahira {
    width: 39.2307692308vw;
    height: 35.1282051282vw;
    left: -1.2820512821vw;
    top: 50.5128205128vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 .wrap-taremaku {
    width: 14.8717948718vw;
    height: 39.7435897436vw;
    left: 11.7948717949vw;
    top: 48.4615384615vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.taremaku {
    width: 14.8717948718vw;
    height: 39.7435897436vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_l {
    width: 14.6153846154vw;
    height: 14.6153846154vw;
    left: 5.3846153846vw;
    top: 46.1538461538vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_r {
    width: 14.6153846154vw;
    height: 14.6153846154vw;
    left: 18.9743589744vw;
    top: 46.1538461538vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 {
    width: 28.4615384615vw;
    height: 116.1538461538vw;
    left: 77.4358974359vw;
    top: -18.7179487179vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.line {
    width: 4.358974359vw;
    height: 116.1538461538vw;
    left: 0vw;
    right: 0vw;
    top: -11.2820512821vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.hirahira {
    width: 28.4615384615vw;
    height: 13.3333333333vw;
    left: 1.7948717949vw;
    top: 57.1794871795vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 .wrap-taremaku {
    width: 12.3076923077vw;
    height: 42.5641025641vw;
    left: 7.6923076923vw;
    top: 53.0769230769vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.taremaku {
    width: 12.3076923077vw;
    height: 42.5641025641vw;
    left: 0vw;
    top: 0vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_l {
    width: 13.3333333333vw;
    height: 13.5897435897vw;
    left: 1.0256410256vw;
    top: 51.0256410256vw;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_r {
    width: 13.3333333333vw;
    height: 13.5897435897vw;
    left: 13.5897435897vw;
    top: 51.0256410256vw;
  }

  section.sec-intro img.deco_front {
    width: 92.5641025641vw;
    height: 39.358974359vw;
    left: 0vw;
    right: 0vw;
    top: 0vw;
  }

  section.sec-intro img.notice {
    width: 29.7435897436vw;
    height: 5.8974358974vw;
    left: 1.7948717949vw;
    bottom: 24.6153846154vw;
  }

  section.sec-intro .wrap-signage {
    height: 23.0769230769vw;
    top: -2.5641025641vw;
    border-width: 1.9230769231vw 0vw 1.9230769231vw 0vw;
  }

  section.sec-intro .wrap-item .wrap-count {
    padding-left: 17.9487179487vw;
    height: 17.9487179487vw;
  }

  section.sec-intro .wrap-item img.char {
    width: 17.9487179487vw;
    height: 17.9487179487vw;
  }

  section.sec-intro .wrap-item .name {
    font-size: 2.8205128205vw;
  }

  section.sec-intro .wrap-item .point {
    font-size: 3.4615384615vw;
    margin: -0.5128205128vw 0.641025641vw -0.3846153846vw 0vw;
  }

  section.sec-intro .wrap-item .point .infinity {
    width: 11.5384615385vw;
    height: 5.8974358974vw;
    top: 1.0256410256vw;
  }

  section.sec-intro .wrap-item .point span {
    font-size: 7.6923076923vw;
    margin-right: 1.2820512821vw;
  }

  section.sec-intro .latest-news {
    width: 25.641025641vw;
    padding: 2.5641025641vw;
    gap: 2.5641025641vw;
    border-radius: 1.2820512821vw;
    border-width: 0.5128205128vw;
    right: 2.5641025641vw;
    top: 2.5641025641vw;
  }

  section.sec-intro .blockTitle {
    font-size: 4.1025641026vw;
    margin: -0.7692307692vw 0vw -0.5128205128vw;
  }

  section.sec-intro .news_thumb {
    width: 20.5128205128vw;
    height: 20.5128205128vw;
  }

  section.sec-intro .newsTitle_ticker {
    margin: -0.5128205128vw 0vw;
  }

  section.sec-intro .newsTitle_ticker .newsTitle {
    font-size: 2.5641025641vw;
  }

  section.sec-intro .wrap-bg_stage::before {
    z-index: 7;
  }

  section.sec-intro .wrap-stage-inner::before {
    z-index: 10;
  }

  section.sec-intro .wrap-bg_stage_hole {
    z-index: 1;
  }

  section.sec-intro .wrap-bg_stage_hole_cover {
    z-index: 8;
  }

  section.sec-intro .extra_char[data-is-selected] + .wrap-fukidashi {
    z-index: 5;
  }

  section.sec-intro-catch .wrap-content {
    width: 100%;
    height: 100%;
  }

  section.sec-intro-catch .logo {
    width: 100.2564102564vw;
    height: 23.35vw;
  }

  section.sec-intro-catch .kamifubuki {
    width: 100vw;
    height: 167.4358974359vw;
    left: 0vw;
    top: -1.0256410256vw;
  }

  section.sec-intro-catch .spotlight {
    width: 62.5641025641vw;
    height: 62.5641025641vw;
  }

  section.sec-intro-catch .chair_1 {
    width: 40.3416461538vw;
    height: 33.1680461538vw;
    top: -15.8974358974vw;
  }

  section.sec-intro-catch .chair_2 {
    width: 35.6512153846vw;
    height: 28.9111846154vw;
    top: -11.7948717949vw;
  }

  section.sec-intro-catch .chair_3 {
    width: 20.6536615385vw;
    height: 21.6784615385vw;
    top: -4.1025641026vw;
  }

  section.sec-intro-catch .wrap-arm_l {
    width: 46.8vw;
    height: 18.1333333333vw;
    top: -0.5128205128vw;
    left: -34.5769230769vw;
  }

  section.sec-intro-catch .arm_l {
    width: 46.8vw;
    height: 18.1333333333vw;
  }

  section.sec-intro-catch .wrap-arm_r {
    width: 46.8vw;
    height: 18.1333333333vw;
    top: -0.5128205128vw;
    right: -34.5769230769vw;
  }

  section.sec-intro-catch .arm_r {
    width: 46.8vw;
    height: 18.1333333333vw;
  }

  section.sec-intro-catch .wrap-btn_skip {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
    right: 5.1282051282vw;
    top: 5.1282051282vw;
  }

  section.sec-intro-catch .btn_skip,
  section.sec-intro-catch .btn_skip_hover {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
  }

  section.sec-intro-catch .char {
    width: 34.7848205128vw;
    height: 34.7848205128vw;
    top: 27.6923076923vw;
  }

  section.sec-intro-catch .wrap-wrap-fukidashi {
    width: 100%;
    height: 100%;
  }

  section.sec-intro-catch .wrap-fukidashi {
    margin-top: -60.2564102564vw;
    top: 50%;
  }

  section.sec-intro-catch .fukidashi {
    padding: 0.7692307692vw 1.2820512821vw 1.2820512821vw;
    border-radius: 1.2820512821vw;
    border-width: 0.5128205128vw;
  }

  section.sec-intro-catch .fukidashi::after {
    bottom: 0.2564102564vw;
  }

  section.sec-intro-vote {
    overflow: hidden;
  }

  section.sec-intro-vote .wrap-filter {
    background-color: #fff;
  }

  section.sec-intro-vote .wrap-content {
    width: 100%;
    height: 100%;
  }

  section.sec-intro-vote .bg {
    width: 100vw;
    height: 271.7948717949vw;
  }

  section.sec-intro-vote .bg_logo {
    width: 100vw;
    height: 23.5897435897vw;
    left: 0vw;
    top: 0vw;
    bottom: 0;
  }

  section.sec-intro-vote .light {
    width: 95.8974358974vw;
    height: 140.7692307692vw;
    left: 0vw;
  }

  section.sec-intro-vote .crane_arm {
    width: 111.3179487179vw;
    height: 30.1538461538vw;
    left: -5.641025641vw;
    top: -3.0769230769vw;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_1 {
    width: 29.4871794872vw;
    height: 29.4871794872vw;
    right: -11.2820512821vw;
    top: -125.641025641vw;
    bottom: 0;
    margin: auto;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_2 {
    width: 33.8461538462vw;
    height: 33.8461538462vw;
    left: -8.2051282051vw;
    top: -16.1538461538vw;
    bottom: 0;
    margin: auto;
  }

  section.sec-intro-vote .hole {
    width: 119.8948717949vw;
    height: 27.9846153846vw;
    left: -9.7435897436vw;
    top: 58.4615384615vw;
    bottom: 0;
  }

  section.sec-intro-vote .kamifubuki {
    width: 94.8717948718vw;
    height: 147.9487179487vw;
    left: 3.0769230769vw;
    top: -7.6923076923vw;
    bottom: 0;
  }

  section.sec-intro-vote .char_focus {
    width: 66.6666666667vw;
    height: 51.2820512821vw;
    top: 0vw;
    bottom: 0;
  }

  section.sec-intro-vote .wrap-fukidashi {
    margin-top: -31.5384615385vw;
    top: 50%;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi {
    padding: 2.5641025641vw 3.8461538462vw 2.8205128205vw;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi-text {
    font-size: 3.0769230769vw;
  }

  section.sec-intro-vote .vote-text {
    font-size: 4.6153846154vw;
    margin-top: -77.6923076923vw;
    line-height: 1.3636363636;
    top: 50%;
    width: 100%;
    text-align: center;
  }

  section.sec-intro-vote .vote-text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3636363636) * 0.5em);
    content: "";
  }

  section.sec-intro-vote .vote-text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3636363636) * 0.5em);
    content: "";
  }

  section.sec-intro-vote .vote-text .vote-charName {
    font-size: 8.2051282051vw;
  }

  section.sec-intro-vote .wrap-buttons {
    gap: 2.5641025641vw;
    margin-top: 46.1538461538vw;
    width: 74.358974359vw;
    top: 50%;
  }

  section.sec-intro-vote .btn_to_x {
    font-size: 3.0769230769vw;
    line-height: 4.1025641026vw;
  }

  section.sec-intro-vote .btn_to_return {
    margin: 61.5384615385vw auto 0vw;
    width: 74.358974359vw;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
  }

  section.sec-intro-vote .btn_to_return .button {
    background-color: #FFF;
  }

  section.sec-intro-vote .btn_to_return .button:hover {
    background-color: #E21C4B;
    border-color: #FFF;
    color: #FFF;
  }

  section.sec-info {
    padding: 20.5128205128vw 0vw;
  }

  section.sec-about .title {
    margin: -1.0256410256vw auto -2.0512820513vw;
  }

  section.sec-about .title img[src*=char_pura] {
    width: 12.6153846154vw;
    height: 12.6153846154vw;
    bottom: 4.1025641026vw;
    left: -4.1025641026vw;
    margin-right: -2.5641025641vw;
  }

  section.sec-about .title img[src*=char_izu] {
    width: 13.0358974359vw;
    height: 12.6153846154vw;
    bottom: 4.1025641026vw;
    right: -4.358974359vw;
    margin-left: -2.5641025641vw;
  }

  section.sec-commercialize .title {
    margin: -1.5384615385vw auto -1.0256410256vw;
  }

  section.sec-commercialize .crane {
    width: 13.3333333333vw;
    height: 23.7948717949vw;
    right: 7.1794871795vw;
    top: 0vw;
  }

  section.sec-commercialize .wrap-img {
    width: 74.358974359vw;
    height: 74.358974359vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-commercialize .praizu_comment {
    width: 74.358974359vw;
    height: 73.8461538462vw;
  }

  section.sec-commercialize .praizu {
    width: 51.4051282051vw;
    height: 21.1076923077vw;
    margin: -7.6923076923vw auto 0vw;
  }

  section.sec-howto .title {
    margin: -1.5384615385vw auto -1.0256410256vw;
  }

  section.sec-howto .crane {
    width: 13.3333333333vw;
    height: 23.7948717949vw;
    right: 7.1794871795vw;
    top: 0vw;
  }

  section.sec-howto .schedule {
    width: 74.358974359vw;
    height: 23.0769230769vw;
  }

  section.sec-sns .ornament_l {
    left: 5.1282051282vw;
    top: 0vw;
    width: 11.0256410256vw;
    height: 26.4102564103vw;
  }

  section.sec-sns .ornament_r {
    right: 5.1282051282vw;
    top: 0vw;
    width: 10.2564102564vw;
    height: 27.4358974359vw;
  }

  section.sec-mid-point-report .wrap-content {
    width: 100%;
    height: 100%;
  }

  section.sec-mid-point-report .wrap_btn_close {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
    right: 3.0769230769vw;
    top: 3.0769230769vw;
  }

  section.sec-mid-point-report .wrap_btn_close img.btn_close,
  section.sec-mid-point-report .wrap_btn_close img.btn_close_hover {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
  }

  section.sec-mid-point-report .sec-1,
  section.sec-mid-point-report .sec-2,
  section.sec-mid-point-report .sec-3,
  section.sec-mid-point-report .sec-4,
  section.sec-mid-point-report .sec-5,
  section.sec-mid-point-report .sec-6,
  section.sec-mid-point-report .sec-7,
  section.sec-mid-point-report .sec-8,
  section.sec-mid-point-report .sec-9,
  section.sec-mid-point-report .sec-10,
  section.sec-mid-point-report .sec-11,
  section.sec-mid-point-report .sec-12 {
    width: 100vw;
    min-height: 169.2307692308vw;
  }

  section.sec-mid-point-report .bg {
    width: 100vw;
    height: 169.2307692308vw;
    margin: auto;
    bottom: 0;
  }

  section.sec-mid-point-report .btn_next {
    right: 2.5641025641vw;
    bottom: 3.8461538462vw;
  }

  section.sec-mid-point-report .btn_next .btn_next_text {
    font-size: 3.0769230769vw;
  }

  section.sec-mid-point-report .btn_next img.arrow {
    width: 2.3076923077vw;
    height: 1.5153846154vw;
    margin-left: 1.5384615385vw;
    top: -0.2564102564vw;
  }

  section.sec-mid-point-report .sec-1 img.logo_charasai {
    width: 34.8243589744vw;
    height: 6.7256410256vw;
    margin: 0vw auto 0vw;
  }

  section.sec-mid-point-report .sec-1 img.title {
    width: 60vw;
    height: 25.8974358974vw;
    margin: 6.4102564103vw auto;
  }

  section.sec-mid-point-report .sec-1 img.char {
    width: 78.4615384615vw;
    height: 19.2307692308vw;
  }

  section.sec-mid-point-report .sec-1 .wrap-praizu {
    width: 78.4615384615vw;
    margin-top: 7.6923076923vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  section.sec-mid-point-report .sec-1 img.pra_text {
    width: 18.2051282051vw;
    height: 11.7948717949vw;
    margin: 0vw 5.1282051282vw;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  section.sec-mid-point-report .sec-1 img.pra {
    width: 20.3751282051vw;
    height: 20.5128205128vw;
    margin: 1.7948717949vw 5.1282051282vw 2.5641025641vw;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  section.sec-mid-point-report .sec-1 img.comment_first {
    width: 87.6923076923vw;
    height: 36.4102564103vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  section.sec-mid-point-report .sec-1 img.izu {
    width: 20.7882051282vw;
    height: 20.5128205128vw;
    margin: 1.7948717949vw 5.1282051282vw 2.5641025641vw;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  section.sec-mid-point-report .sec-1 img.izu_text {
    width: 18.9743589744vw;
    height: 12.0512820513vw;
    margin: 0vw 5.1282051282vw;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll {
    margin: 0vw auto 0vw;
    width: 20.5128205128vw;
    bottom: 1.7948717949vw;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll p {
    font-size: 3.0769230769vw;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll img.arrow {
    width: 2.3076923077vw;
    height: 1.5153846154vw;
    margin: 1.0256410256vw auto 0vw;
  }

  section.sec-mid-point-report .sec-2 .wrap-sec-content,
  section.sec-mid-point-report .sec-4 .wrap-sec-content,
  section.sec-mid-point-report .sec-6 .wrap-sec-content,
  section.sec-mid-point-report .sec-8 .wrap-sec-content,
  section.sec-mid-point-report .sec-10 .wrap-sec-content,
  section.sec-mid-point-report .sec-12 .wrap-sec-content {
    width: 100vw;
    height: 169.2307692308vw;
    position: relative;
  }

  section.sec-mid-point-report .sec-2 img.bg_pattern,
  section.sec-mid-point-report .sec-4 img.bg_pattern,
  section.sec-mid-point-report .sec-6 img.bg_pattern,
  section.sec-mid-point-report .sec-8 img.bg_pattern,
  section.sec-mid-point-report .sec-10 img.bg_pattern,
  section.sec-mid-point-report .sec-12 img.bg_pattern {
    height: 44.6153846154vw;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  section.sec-mid-point-report .sec-2 img.kamifubuki,
  section.sec-mid-point-report .sec-4 img.kamifubuki,
  section.sec-mid-point-report .sec-6 img.kamifubuki,
  section.sec-mid-point-report .sec-8 img.kamifubuki,
  section.sec-mid-point-report .sec-10 img.kamifubuki,
  section.sec-mid-point-report .sec-12 img.kamifubuki {
    width: 91.0256410256vw;
    height: 34.1025641026vw;
    top: 22.3743589744vw;
    left: 4.658974359vw;
  }

  section.sec-mid-point-report .sec-2 img.light,
  section.sec-mid-point-report .sec-4 img.light,
  section.sec-mid-point-report .sec-6 img.light,
  section.sec-mid-point-report .sec-8 img.light,
  section.sec-mid-point-report .sec-10 img.light,
  section.sec-mid-point-report .sec-12 img.light {
    width: 42.0512820513vw;
    height: 134.1025641026vw;
    top: 2.5641025641vw;
  }

  section.sec-mid-point-report .sec-2 .comment,
  section.sec-mid-point-report .sec-4 .comment,
  section.sec-mid-point-report .sec-6 .comment,
  section.sec-mid-point-report .sec-8 .comment,
  section.sec-mid-point-report .sec-10 .comment,
  section.sec-mid-point-report .sec-12 .comment {
    bottom: 93.5897435897vw;
  }

  section.sec-mid-point-report .sec-2 img.pra,
  section.sec-mid-point-report .sec-4 img.pra,
  section.sec-mid-point-report .sec-6 img.pra,
  section.sec-mid-point-report .sec-8 img.pra,
  section.sec-mid-point-report .sec-10 img.pra,
  section.sec-mid-point-report .sec-12 img.pra {
    width: 37.9487179487vw;
    height: 38.2051282051vw;
    bottom: 51.2820512821vw;
  }

  section.sec-mid-point-report .sec-2 img.izu,
  section.sec-mid-point-report .sec-4 img.izu,
  section.sec-mid-point-report .sec-6 img.izu,
  section.sec-mid-point-report .sec-8 img.izu,
  section.sec-mid-point-report .sec-10 img.izu,
  section.sec-mid-point-report .sec-12 img.izu {
    width: 38.7179487179vw;
    height: 38.2051282051vw;
    bottom: 51.2820512821vw;
  }

  section.sec-mid-point-report .sec-2 img.step,
  section.sec-mid-point-report .sec-4 img.step,
  section.sec-mid-point-report .sec-6 img.step,
  section.sec-mid-point-report .sec-8 img.step,
  section.sec-mid-point-report .sec-10 img.step,
  section.sec-mid-point-report .sec-12 img.step {
    width: 51.2820512821vw;
    height: 12.8205128205vw;
    bottom: 38.4615384615vw;
  }

  section.sec-mid-point-report .sec-3,
  section.sec-mid-point-report .sec-5 {
    min-height: 258.4615384615vw;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  section.sec-mid-point-report .sec-3 .wrap-cards,
  section.sec-mid-point-report .sec-5 .wrap-cards {
    gap: 7.6923076923vw;
    margin: 10.2564102564vw auto;
    height: 237.9487179487vw;
  }

  section.sec-mid-point-report .sec-3 .card,
  section.sec-mid-point-report .sec-5 .card {
    width: 38.4615384615vw;
    height: 53.8461538462vw;
  }

  section.sec-mid-point-report .sec-3 .card .card-content,
  section.sec-mid-point-report .sec-5 .card .card-content {
    width: 38.4615384615vw;
    height: 53.8461538462vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-mid-point-report .sec-3 .card .front,
  section.sec-mid-point-report .sec-5 .card .front {
    width: 38.4615384615vw;
    height: 53.8461538462vw;
  }

  section.sec-mid-point-report .sec-3 .card .rank,
  section.sec-mid-point-report .sec-5 .card .rank {
    font-size: 2.5641025641vw;
    width: 38.4615384615vw;
    height: 4.8717948718vw;
    left: -15.1282051282vw;
    top: 1.2820512821vw;
  }

  section.sec-mid-point-report .sec-3 .card .wrap-img,
  section.sec-mid-point-report .sec-5 .card .wrap-img {
    width: 31.3333333333vw;
    height: 31.3333333333vw;
    border-width: 0.7692307692vw;
    margin: 2.741025641vw auto 0vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-mid-point-report .sec-3 .card img.img-1,
  section.sec-mid-point-report .sec-5 .card img.img-1 {
    width: 31.3333333333vw;
    height: 31.3333333333vw;
  }

  section.sec-mid-point-report .sec-3 .card img.img-2,
  section.sec-mid-point-report .sec-5 .card img.img-2 {
    width: 31.3333333333vw;
    height: 31.3333333333vw;
  }

  section.sec-mid-point-report .sec-3 .card .creator,
  section.sec-mid-point-report .sec-5 .card .creator {
    font-size: 3.0769230769vw;
    margin: 1.0256410256vw auto 0vw;
    -webkit-transform: scale(0.82);
    transform: scale(0.82);
  }

  section.sec-mid-point-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 2.641025641vw;
  }

  section.sec-mid-point-report .sec-3 .card .name,
  section.sec-mid-point-report .sec-5 .card .name {
    font-size: 3.1538461538vw;
    margin: 0vw auto 0vw;
  }

  section.sec-mid-point-report .sec-3 .card .point,
  section.sec-mid-point-report .sec-5 .card .point {
    width: 7.9487179487vw;
    height: 7.9487179487vw;
    left: 2.8205128205vw;
    bottom: 2.5641025641vw;
    font-size: 2.5641025641vw;
    -webkit-transform: scale(0.82);
    transform: scale(0.82);
  }

  section.sec-mid-point-report .sec-3 .card .point span,
  section.sec-mid-point-report .sec-5 .card .point span {
    font-size: 2.5641025641vw;
    top: 0.2564102564vw;
    margin-left: -0.2564102564vw;
    -webkit-transform: scale(0.843);
    transform: scale(0.843);
  }

  section.sec-mid-point-report .sec-3 .card .speech,
  section.sec-mid-point-report .sec-5 .card .speech {
    font-size: 2.5641025641vw;
    margin: 1.0256410256vw 0vw 0vw 12.0512820513vw;
    width: 34.6769230769vw;
    height: 10.7692307692vw;
    -webkit-transform: scale(0.68);
    transform: scale(0.68);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  section.sec-mid-point-report .sec-3 .card img.card_design,
  section.sec-mid-point-report .sec-5 .card img.card_design {
    width: 28.5820512821vw;
  }

  section.sec-mid-point-report .sec-7 .wrap-sec-content,
  section.sec-mid-point-report .sec-9 .wrap-sec-content,
  section.sec-mid-point-report .sec-11 .wrap-sec-content {
    width: 100vw;
    min-height: 169.2307692308vw;
    position: relative;
  }

  section.sec-mid-point-report .sec-7 .bg_deco,
  section.sec-mid-point-report .sec-9 .bg_deco,
  section.sec-mid-point-report .sec-11 .bg_deco {
    width: 100vw;
    height: 169.2307692308vw;
  }

  section.sec-mid-point-report .sec-7 .card,
  section.sec-mid-point-report .sec-9 .card,
  section.sec-mid-point-report .sec-11 .card {
    width: 84.6153846154vw;
    height: 118.2051282051vw;
    margin: 7.8820512821vw auto 0vw;
  }

  section.sec-mid-point-report .sec-7 .card .card-content,
  section.sec-mid-point-report .sec-9 .card .card-content,
  section.sec-mid-point-report .sec-11 .card .card-content {
    width: 84.6153846154vw;
    height: 118.2051282051vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-mid-point-report .sec-7 .card .front,
  section.sec-mid-point-report .sec-9 .card .front,
  section.sec-mid-point-report .sec-11 .card .front {
    width: 84.6153846154vw;
    height: 118.2051282051vw;
  }

  section.sec-mid-point-report .sec-7 .card .card_top3,
  section.sec-mid-point-report .sec-9 .card .card_top3,
  section.sec-mid-point-report .sec-11 .card .card_top3 {
    width: 84.6153846154vw;
    height: 118.2051282051vw;
  }

  section.sec-mid-point-report .sec-7 .card .rank,
  section.sec-mid-point-report .sec-9 .card .rank,
  section.sec-mid-point-report .sec-11 .card .rank {
    font-size: 7.1794871795vw;
    width: 12.8205128205vw;
    left: 10vw;
    top: 12.0512820513vw;
  }

  section.sec-mid-point-report .sec-7 .card .creator,
  section.sec-mid-point-report .sec-9 .card .creator,
  section.sec-mid-point-report .sec-11 .card .creator {
    font-size: 4.1025641026vw;
    margin: 10.7692307692vw 0vw 0vw 29.141025641vw;
  }

  section.sec-mid-point-report .sec-7 .card .name,
  section.sec-mid-point-report .sec-9 .card .name,
  section.sec-mid-point-report .sec-11 .card .name {
    font-size: 4.6153846154vw;
    margin: 1.0256410256vw 0vw 0vw 29.141025641vw;
  }

  section.sec-mid-point-report .sec-7 .card .wrap-img,
  section.sec-mid-point-report .sec-9 .card .wrap-img,
  section.sec-mid-point-report .sec-11 .card .wrap-img {
    width: 72.8205128205vw;
    height: 107.4358974359vw;
    border-radius: 1.5384615385vw;
    top: 5.3846153846vw;
  }

  section.sec-mid-point-report .sec-7 .card img.card_design,
  section.sec-mid-point-report .sec-9 .card img.card_design,
  section.sec-mid-point-report .sec-11 .card img.card_design {
    width: 62.8794871795vw;
  }

  section.sec-mid-point-report .sec-7 .data,
  section.sec-mid-point-report .sec-9 .data,
  section.sec-mid-point-report .sec-11 .data {
    margin: 0vw auto 0vw;
  }

  section.sec-mid-point-report .sec-7 .data .creator,
  section.sec-mid-point-report .sec-9 .data .creator,
  section.sec-mid-point-report .sec-11 .data .creator {
    font-size: 3.5897435897vw;
    margin-top: 4.6153846154vw;
  }

  section.sec-mid-point-report .sec-7 .data .name,
  section.sec-mid-point-report .sec-9 .data .name,
  section.sec-mid-point-report .sec-11 .data .name {
    font-size: 6.1538461538vw;
    margin-top: 2.5641025641vw;
  }

  section.sec-mid-point-report .sec-7 .data .speech,
  section.sec-mid-point-report .sec-9 .data .speech,
  section.sec-mid-point-report .sec-11 .data .speech {
    font-size: 4.1025641026vw;
    margin-top: 3.0769230769vw;
  }

  section.sec-mid-point-report .sec-7 .data .point,
  section.sec-mid-point-report .sec-9 .data .point,
  section.sec-mid-point-report .sec-11 .data .point {
    font-size: 7.1794871795vw;
    margin-top: 3.0769230769vw;
  }

  section.sec-mid-point-report .sec-7 .data .point span,
  section.sec-mid-point-report .sec-9 .data .point span,
  section.sec-mid-point-report .sec-11 .data .point span {
    font-size: 4.1025641026vw;
  }

  section.sec-mid-point-report .sec-2 .comment_1 {
    width: 54.358974359vw;
    height: 16.1538461538vw;
  }

  section.sec-mid-point-report .sec-4 .comment_2 {
    width: 53.3333333333vw;
    height: 16.4102564103vw;
  }

  section.sec-mid-point-report .sec-6 .comment_3 {
    width: 36.9230769231vw;
    height: 16.4102564103vw;
  }

  section.sec-mid-point-report .sec-8 .comment_4 {
    width: 20.5128205128vw;
    height: 16.4102564103vw;
  }

  section.sec-mid-point-report .sec-10 .comment_5 {
    width: 51.7948717949vw;
    height: 16.4102564103vw;
  }

  section.sec-mid-point-report .sec-12 .comment_last {
    width: 87.6923076923vw;
    height: 36.4102564103vw;
  }

  section.sec-mid-point-report .sec-12 .comment {
    bottom: 76.9230769231vw;
  }

  section.sec-mid-point-report .sec-12 img.pra {
    left: 23.0769230769vw;
    bottom: 52.3076923077vw;
    width: 20.3743589744vw;
    height: 20.5128205128vw;
  }

  section.sec-mid-point-report .sec-12 img.izu {
    right: 23.0769230769vw;
    bottom: 52.3076923077vw;
    width: 20.7871794872vw;
    height: 20.5128205128vw;
  }

  section.sec-mid-point-report .sec-12 img.step {
    width: 20.5128205128vw;
    height: 6.4102564103vw;
    bottom: 45.8974358974vw;
  }

  section.sec-mid-point-report .sec-12 img.step-pra {
    left: 23.0769230769vw;
  }

  section.sec-mid-point-report .sec-12 img.step-izu {
    right: 23.0769230769vw;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end {
    margin: 0vw auto 0vw;
    width: 20.5128205128vw;
    bottom: 3.141025641vw;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end p {
    font-size: 3.0769230769vw;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end img.arrow {
    width: 1.9230769231vw;
    height: 1.9230769231vw;
    margin: 1.2820512821vw auto 0vw;
  }

  section.sec-mid-point-report .card {
    -webkit-perspective: 200vw;
    perspective: 200vw;
  }

  section.sec-intro .wrap-day {
    top: 2.5641025641vw;
  }

  section.sec-intro .wrap-calendar {
    border-width: 0.5128205128vw;
    margin-top: 1.7948717949vw;
    margin-bottom: -0.7692307692vw;
    padding: 1.7948717949vw 2.0512820513vw 0vw;
  }

  section.sec-intro .wrap-calendar .calendar {
    width: 21.4974358974vw;
    height: 20.5128205128vw;
  }

  section.sec-intro .wrap-calendar .calendar_line {
    width: 22.6461538462vw;
    height: 18.0512820513vw;
    left: 1.5384615385vw;
    top: 3.3333333333vw;
  }

  section.sec-intro .signage_bg {
    top: 21.2820512821vw;
    height: 35.8974358974vw;
    background-size: 40.3333333333vw 35.8966666667vw;
  }

  section.sec-intro .signage_bg .wrap_signage_content {
    top: 4.0333333333vw;
    height: 27.8307692308vw;
  }

  section.sec-intro .signage_bg .countdown {
    width: 94.7833333333vw;
  }

  section.sec-intro .signage_bg .countdown .cd {
    gap: 1.4116666667vw;
    padding-bottom: 4.0333333333vw;
  }

  section.sec-intro .signage_bg .countdown .cd .signage_count_text {
    width: 35.2916666667vw;
    height: 4.0333333333vw;
    top: 3.63vw;
  }

  section.sec-intro .signage_bg .countdown .cd .num {
    width: 9.2766666667vw;
    height: 14.1166666667vw;
  }

  section.sec-intro .signage_bg .countdown .cd .colon {
    width: 3.4283333333vw;
    height: 11.2933333333vw;
  }

  section.sec-intro .signage_bg .logo {
    width: 314.6vw;
    background-size: 31.46vw 19.36vw;
  }

  section.sec-intro .signage_bg .logo::before {
    width: 629.2vw;
    background-size: 31.46vw 19.36vw;
  }

  section.sec-intro .people_near {
    top: 38.4615384615vw;
    z-index: 1;
  }

  section.sec-intro .people_near::before {
    top: 3.3333333333vw;
  }

  section.sec-intro .people_near .people:nth-of-type(1) {
    background-size: 65.641025641vw 7.9487179487vw;
    height: 7.9487179487vw;
    margin-bottom: -3.8461538462vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/1.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(2),
  section.sec-intro .people_near .people:nth-of-type(6),
  section.sec-intro .people_near .people:nth-of-type(10),
  section.sec-intro .people_near .people:nth-of-type(14) {
    background-size: 65.641025641vw 4.1025641026vw;
    height: 4.1025641026vw;
    background-position: 4.358974359vw 0vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/2.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(3),
  section.sec-intro .people_near .people:nth-of-type(7),
  section.sec-intro .people_near .people:nth-of-type(11),
  section.sec-intro .people_near .people:nth-of-type(15) {
    background-size: 65.641025641vw 5.1282051282vw;
    height: 5.1282051282vw;
    background-position: -8.9743589744vw 0vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/3.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(4),
  section.sec-intro .people_near .people:nth-of-type(8),
  section.sec-intro .people_near .people:nth-of-type(12) {
    background-size: 65.641025641vw 5.1282051282vw;
    height: 5.1282051282vw;
    background-position: -2.3076923077vw 0vw;
    margin-top: -0.5128205128vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/4.svg);
  }

  section.sec-intro .people_near .people:nth-of-type(5),
  section.sec-intro .people_near .people:nth-of-type(9),
  section.sec-intro .people_near .people:nth-of-type(13) {
    background-size: 65.641025641vw 3.8461538462vw;
    height: 3.8461538462vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/5.svg);
  }

  section.sec-intro .people_far {
    top: 17.9487179487vw;
    z-index: 1;
  }

  section.sec-intro .people_far::before {
    top: 2.5641025641vw;
    height: 110%;
  }

  section.sec-intro .people_far .people:nth-of-type(1) {
    background-size: 43.8461538462vw 6.6666666667vw;
    height: 6.6666666667vw;
    margin-bottom: -3.8461538462vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/1.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(2),
  section.sec-intro .people_far .people:nth-of-type(6),
  section.sec-intro .people_far .people:nth-of-type(10) {
    background-size: 43.8461538462vw 3.0769230769vw;
    height: 3.0769230769vw;
    margin-top: -0.2564102564vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/2.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(3),
  section.sec-intro .people_far .people:nth-of-type(7),
  section.sec-intro .people_far .people:nth-of-type(11) {
    background-size: 43.8461538462vw 3.3333333333vw;
    height: 3.3333333333vw;
    margin-top: 0vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/3.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(4),
  section.sec-intro .people_far .people:nth-of-type(8),
  section.sec-intro .people_far .people:nth-of-type(12) {
    background-size: 43.8461538462vw 3.3333333333vw;
    height: 3.3333333333vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/4.svg);
  }

  section.sec-intro .people_far .people:nth-of-type(5),
  section.sec-intro .people_far .people:nth-of-type(9),
  section.sec-intro .people_far .people:nth-of-type(13) {
    background-size: 43.8461538462vw 2.8205128205vw;
    height: 2.8205128205vw;
    background-image: url(/chara-sai/assets/index/img/pc/ending_period/people_2/5.svg);
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby-far: -0.641025641vw;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby: -1.2820512821vw;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave-far: -2.5641025641vw;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave: -3.8461538462vw;
  }

  section.sec-intro .bg_stage {
    width: 97.4358974359vw;
    height: 129.7435897436vw;
  }

  section.sec-intro .wrap-wrap_ball {
    overflow: hidden;
    top: 0;
  }

  section.sec-intro .wrap_ball {
    width: 46.1538461538vw;
    height: 46.1538461538vw;
    top: 62.0512820513vw;
    left: 100%;
    z-index: 9;
  }

  section.sec-intro .wrap_ball.small {
    width: 20.5128205128vw;
    height: 20.5128205128vw;
    top: 17.9487179487vw;
    left: 65%;
    z-index: 1;
  }

  section.sec-intro .wrap_ball.small .ball-pos {
    --ball-pos: -82.0512820513vw;
  }

  section.sec-intro .wrap_ball.small.i-2 {
    top: 15.3846153846vw;
    left: 80%;
  }

  section.sec-intro .wrap_ball .ball-pos {
    --ball-pos: -143.5897435897vw;
  }

  section.sec-intro .wrap_ball .ball {
    --ball-jump: -12.8205128205vw;
  }

  section.sec-final-report .wrap-content {
    width: 100%;
    height: 100%;
  }

  section.sec-final-report .wrap_btn_close {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
    right: 3.0769230769vw;
    top: 3.0769230769vw;
  }

  section.sec-final-report .wrap_btn_close img.btn_close,
  section.sec-final-report .wrap_btn_close img.btn_close_hover {
    width: 15.3846153846vw;
    height: 15.3846153846vw;
  }

  section.sec-final-report .sec-1,
  section.sec-final-report .sec-2,
  section.sec-final-report .sec-3,
  section.sec-final-report .sec-4,
  section.sec-final-report .sec-5,
  section.sec-final-report .sec-6,
  section.sec-final-report .sec-7,
  section.sec-final-report .sec-8,
  section.sec-final-report .sec-9,
  section.sec-final-report .sec-10,
  section.sec-final-report .sec-11,
  section.sec-final-report .sec-12 {
    width: 100vw;
    min-height: 169.2307692308vw;
  }

  section.sec-final-report .bg {
    width: 100vw;
    height: 169.2307692308vw;
    margin: auto;
    bottom: 0;
  }

  section.sec-final-report .btn_next {
    right: 2.5641025641vw;
    bottom: 3.8461538462vw;
  }

  section.sec-final-report .btn_next .btn_next_text {
    font-size: 3.0769230769vw;
  }

  section.sec-final-report .btn_next img.arrow {
    width: 2.3076923077vw;
    height: 1.5153846154vw;
    margin-left: 1.5384615385vw;
    top: -0.2564102564vw;
  }

  section.sec-final-report .sec-1 img.logo_charasai {
    width: 34.8243589744vw;
    height: 6.7256410256vw;
    margin: 0vw auto 0vw;
  }

  section.sec-final-report .sec-1 img.title {
    width: 60vw;
    height: 25.8974358974vw;
    margin: 6.4102564103vw auto;
  }

  section.sec-final-report .sec-1 img.char {
    width: 78.4615384615vw;
    height: 19.2307692308vw;
  }

  section.sec-final-report .sec-1 .wrap-praizu {
    width: 78.4615384615vw;
    margin-top: 7.6923076923vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  section.sec-final-report .sec-1 img.pra_text {
    width: 18.2051282051vw;
    height: 11.7948717949vw;
    margin: 0vw 5.1282051282vw;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  section.sec-final-report .sec-1 img.pra {
    width: 20.3751282051vw;
    height: 20.5128205128vw;
    margin: 1.7948717949vw 5.1282051282vw 2.5641025641vw;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  section.sec-final-report .sec-1 img.comment_first {
    width: 89.7435897436vw;
    height: 31.5384615385vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  section.sec-final-report .sec-1 img.izu {
    width: 20.7882051282vw;
    height: 20.5128205128vw;
    margin: 1.7948717949vw 5.1282051282vw 2.5641025641vw;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  section.sec-final-report .sec-1 img.izu_text {
    width: 18.9743589744vw;
    height: 12.0512820513vw;
    margin: 0vw 5.1282051282vw;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  section.sec-final-report .sec-1 .attention-scroll {
    margin: 0vw auto 0vw;
    width: 20.5128205128vw;
    bottom: 1.7948717949vw;
  }

  section.sec-final-report .sec-1 .attention-scroll p {
    font-size: 3.0769230769vw;
  }

  section.sec-final-report .sec-1 .attention-scroll img.arrow {
    width: 2.3076923077vw;
    height: 1.5153846154vw;
    margin: 1.0256410256vw auto 0vw;
  }

  section.sec-final-report .sec-2 .wrap-sec-content,
  section.sec-final-report .sec-4 .wrap-sec-content,
  section.sec-final-report .sec-6 .wrap-sec-content,
  section.sec-final-report .sec-8 .wrap-sec-content,
  section.sec-final-report .sec-10 .wrap-sec-content,
  section.sec-final-report .sec-12 .wrap-sec-content {
    width: 100vw;
    height: 169.2307692308vw;
    position: relative;
  }

  section.sec-final-report .sec-2 img.bg_pattern,
  section.sec-final-report .sec-4 img.bg_pattern,
  section.sec-final-report .sec-6 img.bg_pattern,
  section.sec-final-report .sec-8 img.bg_pattern,
  section.sec-final-report .sec-10 img.bg_pattern,
  section.sec-final-report .sec-12 img.bg_pattern {
    height: 44.6153846154vw;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  section.sec-final-report .sec-2 img.kamifubuki,
  section.sec-final-report .sec-4 img.kamifubuki,
  section.sec-final-report .sec-6 img.kamifubuki,
  section.sec-final-report .sec-8 img.kamifubuki,
  section.sec-final-report .sec-10 img.kamifubuki,
  section.sec-final-report .sec-12 img.kamifubuki {
    width: 91.0256410256vw;
    height: 34.1025641026vw;
    top: 22.3743589744vw;
    left: 4.658974359vw;
  }

  section.sec-final-report .sec-2 img.light,
  section.sec-final-report .sec-4 img.light,
  section.sec-final-report .sec-6 img.light,
  section.sec-final-report .sec-8 img.light,
  section.sec-final-report .sec-10 img.light,
  section.sec-final-report .sec-12 img.light {
    width: 42.0512820513vw;
    height: 134.1025641026vw;
    top: 2.5641025641vw;
  }

  section.sec-final-report .sec-2 .comment,
  section.sec-final-report .sec-4 .comment,
  section.sec-final-report .sec-6 .comment,
  section.sec-final-report .sec-8 .comment,
  section.sec-final-report .sec-10 .comment,
  section.sec-final-report .sec-12 .comment {
    bottom: 93.5897435897vw;
  }

  section.sec-final-report .sec-2 img.pra,
  section.sec-final-report .sec-4 img.pra,
  section.sec-final-report .sec-6 img.pra,
  section.sec-final-report .sec-8 img.pra,
  section.sec-final-report .sec-10 img.pra,
  section.sec-final-report .sec-12 img.pra {
    width: 37.9487179487vw;
    height: 38.2051282051vw;
    bottom: 51.2820512821vw;
  }

  section.sec-final-report .sec-2 img.izu,
  section.sec-final-report .sec-4 img.izu,
  section.sec-final-report .sec-6 img.izu,
  section.sec-final-report .sec-8 img.izu,
  section.sec-final-report .sec-10 img.izu,
  section.sec-final-report .sec-12 img.izu {
    width: 38.7179487179vw;
    height: 38.2051282051vw;
    bottom: 51.2820512821vw;
  }

  section.sec-final-report .sec-2 img.step,
  section.sec-final-report .sec-4 img.step,
  section.sec-final-report .sec-6 img.step,
  section.sec-final-report .sec-8 img.step,
  section.sec-final-report .sec-10 img.step,
  section.sec-final-report .sec-12 img.step {
    width: 51.2820512821vw;
    height: 12.8205128205vw;
    bottom: 38.4615384615vw;
  }

  section.sec-final-report .sec-3,
  section.sec-final-report .sec-5 {
    min-height: 258.4615384615vw;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  section.sec-final-report .sec-3 .wrap-cards,
  section.sec-final-report .sec-5 .wrap-cards {
    gap: 5.1282051282vw;
    margin: 10.2564102564vw auto;
    height: 237.9487179487vw;
  }

  section.sec-final-report .sec-3 .card,
  section.sec-final-report .sec-5 .card {
    width: 38.4615384615vw;
    height: 53.8461538462vw;
  }

  section.sec-final-report .sec-3 .card .card-content,
  section.sec-final-report .sec-5 .card .card-content {
    width: 38.4615384615vw;
    height: 53.8461538462vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-final-report .sec-3 .card .front,
  section.sec-final-report .sec-5 .card .front {
    width: 38.4615384615vw;
    height: 53.8461538462vw;
  }

  section.sec-final-report .sec-3 .card .wrap-rank,
  section.sec-final-report .sec-5 .card .wrap-rank {
    font-size: 2.5641025641vw;
    width: 14.358974359vw;
    height: 14.358974359vw;
    left: -1.5384615385vw;
    top: -2.5641025641vw;
    padding-left: 1.2820512821vw;
    padding-top: 2.0512820513vw;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank,
  section.sec-final-report .sec-5 .card .wrap-rank .rank {
    font-size: 2.5641025641vw;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank span,
  section.sec-final-report .sec-5 .card .wrap-rank .rank span {
    font-size: 4.1025641026vw;
  }

  section.sec-final-report .sec-3 .card .point,
  section.sec-final-report .sec-5 .card .point {
    width: 7.9487179487vw;
    left: 0vw;
    font-size: 2.5641025641vw;
    -webkit-transform: scale(0.82);
    transform: scale(0.82);
  }

  section.sec-final-report .sec-3 .card .point span,
  section.sec-final-report .sec-5 .card .point span {
    font-size: 2.0512820513vw;
    top: 0.2564102564vw;
    margin-left: -0.2564102564vw;
    -webkit-transform: scale(0.843);
    transform: scale(0.843);
  }

  section.sec-final-report .sec-3 .card .wrap-img,
  section.sec-final-report .sec-5 .card .wrap-img {
    width: 32.0512820513vw;
    height: 32.0512820513vw;
    border-width: 0.7692307692vw;
    margin: 9.2307692308vw auto 0vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-final-report .sec-3 .card img.img-1,
  section.sec-final-report .sec-5 .card img.img-1 {
    width: 31.3333333333vw;
    height: 31.3333333333vw;
  }

  section.sec-final-report .sec-3 .card img.img-2,
  section.sec-final-report .sec-5 .card img.img-2 {
    width: 31.3333333333vw;
    height: 31.3333333333vw;
  }

  section.sec-final-report .sec-3 .card .creator,
  section.sec-final-report .sec-5 .card .creator {
    font-size: 1.6238461538vw;
    margin: 1.0256410256vw auto 0vw;
    right: 3.2487179487vw;
    top: 1.0256410256vw;
  }

  section.sec-final-report .sec-3 .card .name,
  section.sec-final-report .sec-5 .card .name {
    font-size: 2.3930769231vw;
    margin: 0vw auto 0vw;
    right: 3.2487179487vw;
    top: 4.6153846154vw;
  }

  section.sec-final-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 1.8802564103vw;
    top: 4.6153846154vw;
  }

  section.sec-final-report .sec-3 .card .speech,
  section.sec-final-report .sec-5 .card .speech {
    font-size: 2.3930769231vw;
    margin: 0vw auto 0vw;
    height: 12.4794871795vw;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  section.sec-final-report .sec-3 .card img.card_design,
  section.sec-final-report .sec-5 .card img.card_design {
    width: 28.5820512821vw;
  }

  section.sec-final-report .sec-7 .wrap-sec-content,
  section.sec-final-report .sec-9 .wrap-sec-content,
  section.sec-final-report .sec-11 .wrap-sec-content {
    width: 100vw;
    min-height: 169.2307692308vw;
    position: relative;
  }

  section.sec-final-report .sec-7 .wrap-wrap_ball,
  section.sec-final-report .sec-9 .wrap-wrap_ball,
  section.sec-final-report .sec-11 .wrap-wrap_ball {
    overflow: hidden;
  }

  section.sec-final-report .sec-7 .wrap_ball,
  section.sec-final-report .sec-9 .wrap_ball,
  section.sec-final-report .sec-11 .wrap_ball {
    width: 46.1538461538vw;
    height: 46.1538461538vw;
    top: 102.5641025641vw;
    left: 70%;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball-pos,
  section.sec-final-report .sec-9 .wrap_ball .ball-pos,
  section.sec-final-report .sec-11 .wrap_ball .ball-pos {
    --ball-pos: -76.9230769231vw;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball,
  section.sec-final-report .sec-9 .wrap_ball .ball,
  section.sec-final-report .sec-11 .wrap_ball .ball {
    --ball-jump: -12.8205128205vw;
  }

  section.sec-final-report .sec-7 .bg_deco,
  section.sec-final-report .sec-9 .bg_deco,
  section.sec-final-report .sec-11 .bg_deco {
    width: 100vw;
    height: 169.2307692308vw;
  }

  section.sec-final-report .sec-7 .card,
  section.sec-final-report .sec-9 .card,
  section.sec-final-report .sec-11 .card {
    width: 84.6153846154vw;
    height: 118.2051282051vw;
    margin: 25.641025641vw auto 0vw;
  }

  section.sec-final-report .sec-7 .card .card-content,
  section.sec-final-report .sec-9 .card .card-content,
  section.sec-final-report .sec-11 .card .card-content {
    width: 84.6153846154vw;
    height: 118.2051282051vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-final-report .sec-7 .card .front,
  section.sec-final-report .sec-9 .card .front,
  section.sec-final-report .sec-11 .card .front {
    width: 84.6153846154vw;
    height: 118.2051282051vw;
  }

  section.sec-final-report .sec-7 .card .card_top3,
  section.sec-final-report .sec-9 .card .card_top3,
  section.sec-final-report .sec-11 .card .card_top3 {
    width: 84.6153846154vw;
    height: 117.9487179487vw;
  }

  section.sec-final-report .sec-7 .card .rank,
  section.sec-final-report .sec-9 .card .rank,
  section.sec-final-report .sec-11 .card .rank {
    font-size: 7.1794871795vw;
    width: 22.0512820513vw;
    height: 24.358974359vw;
    left: 4.6153846154vw;
    top: 3.8461538462vw;
  }

  section.sec-final-report .sec-7 .card .rank .rank_2,
  section.sec-final-report .sec-9 .card .rank .rank_2,
  section.sec-final-report .sec-11 .card .rank .rank_2 {
    top: -0.7692307692vw;
  }

  section.sec-final-report .sec-7 .card .rank .rank_1,
  section.sec-final-report .sec-9 .card .rank .rank_1,
  section.sec-final-report .sec-11 .card .rank .rank_1 {
    top: -0.5128205128vw;
  }

  section.sec-final-report .sec-7 .card .point,
  section.sec-final-report .sec-9 .card .point,
  section.sec-final-report .sec-11 .card .point {
    font-size: 3.5897435897vw;
    left: 0.5128205128vw;
    top: 15.3846153846vw;
  }

  section.sec-final-report .sec-7 .card .point span,
  section.sec-final-report .sec-9 .card .point span,
  section.sec-final-report .sec-11 .card .point span {
    font-size: 3.0769230769vw;
  }

  section.sec-final-report .sec-7 .card .creator,
  section.sec-final-report .sec-9 .card .creator,
  section.sec-final-report .sec-11 .card .creator {
    font-size: 3.0769230769vw;
    right: 5.8974358974vw;
    top: 5.8974358974vw;
  }

  section.sec-final-report .sec-7 .card .name,
  section.sec-final-report .sec-9 .card .name,
  section.sec-final-report .sec-11 .card .name {
    font-size: 5.3846153846vw;
    right: 5.8974358974vw;
    top: 10.2564102564vw;
  }

  section.sec-final-report .sec-7 .card .wrap-img,
  section.sec-final-report .sec-9 .card .wrap-img,
  section.sec-final-report .sec-11 .card .wrap-img {
    width: 80.5128205128vw;
    height: 113.8461538462vw;
    border-radius: 1.5384615385vw;
    top: 2.5641025641vw;
  }

  section.sec-final-report .sec-7 .card .speech,
  section.sec-final-report .sec-9 .card .speech,
  section.sec-final-report .sec-11 .card .speech {
    font-size: 3.8461538462vw;
    height: 13.3333333333vw;
    bottom: 6.1538461538vw;
  }

  section.sec-final-report .sec-7 .card img.card_design,
  section.sec-final-report .sec-9 .card img.card_design,
  section.sec-final-report .sec-11 .card img.card_design {
    width: 62.8794871795vw;
  }

  section.sec-final-report .wrap-danmaku {
    top: 65.1282051282vw;
    height: 56.1538461538vw;
  }

  section.sec-final-report .wrap-danmaku .block-danmaku {
    gap: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }

  section.sec-final-report .wrap-danmaku .danmaku {
    font-size: 4.6153846154vw;
    padding: 4.358974359vw;
    border-radius: 2.5641025641vw;
    border-width: 0.7692307692vw;
  }

  section.sec-final-report .sec-2 .comment_1 {
    width: 54.358974359vw;
    height: 16.1538461538vw;
  }

  section.sec-final-report .sec-4 .comment_2 {
    width: 53.3333333333vw;
    height: 16.4102564103vw;
  }

  section.sec-final-report .sec-6 .comment_3 {
    width: 36.9230769231vw;
    height: 16.4102564103vw;
  }

  section.sec-final-report .sec-8 .comment_4 {
    width: 20.5128205128vw;
    height: 16.4102564103vw;
  }

  section.sec-final-report .sec-10 .comment_5 {
    width: 51.7948717949vw;
    height: 16.4102564103vw;
  }

  section.sec-final-report .sec-12 .comment_last {
    width: 87.6923076923vw;
    height: 41.7948717949vw;
  }

  section.sec-final-report .sec-12 .comment {
    bottom: 76.9230769231vw;
  }

  section.sec-final-report .sec-12 img.pra {
    left: 23.0769230769vw;
    bottom: 52.3076923077vw;
    width: 20.3743589744vw;
    height: 20.5128205128vw;
  }

  section.sec-final-report .sec-12 img.izu {
    right: 23.0769230769vw;
    bottom: 52.3076923077vw;
    width: 20.7871794872vw;
    height: 20.5128205128vw;
  }

  section.sec-final-report .sec-12 img.step {
    width: 20.5128205128vw;
    height: 6.4102564103vw;
    bottom: 45.8974358974vw;
  }

  section.sec-final-report .sec-12 img.step-pra {
    left: 23.0769230769vw;
  }

  section.sec-final-report .sec-12 img.step-izu {
    right: 23.0769230769vw;
  }

  section.sec-final-report .sec-12 .btn_close_end {
    margin: 0vw auto 0vw;
    width: 20.5128205128vw;
    bottom: 3.141025641vw;
  }

  section.sec-final-report .sec-12 .btn_close_end p {
    font-size: 3.0769230769vw;
  }

  section.sec-final-report .sec-12 .btn_close_end img.arrow {
    width: 1.9230769231vw;
    height: 1.9230769231vw;
    margin: 1.2820512821vw auto 0vw;
  }

  section.sec-final-report .card {
    -webkit-perspective: 200vw;
    perspective: 200vw;
  }

  .bg-news {
    width: 100vw;
    height: 174.358974359vw;
    background-size: 100vw 174.358974359vw;
    top: 0.5128205128vw;
    background-image: url("/chara-sai/assets/index/img/sp/news/bg.png");
  }

  section.sec-newsList {
    padding-top: 42.3076923077vw;
    padding-bottom: 30.7692307692vw;
  }

  section.sec-newsList.top {
    padding-top: 0vw;
    padding-bottom: 15.3846153846vw;
    margin-top: -58.9743589744vw;
  }

  section.sec-newsList.top .button {
    margin-top: 12.8205128205vw;
  }

  section.sec-newsList.top li.newsItem:nth-last-of-type(1),
  section.sec-newsList.top li.newsItem:nth-of-type(3) {
    height: auto;
  }

  section.sec-newsList.top li.newsItem:nth-of-type(4) {
    display: none;
  }

  section.sec-newsList .pageTitle {
    margin: -1.7948717949vw auto -0.7692307692vw;
    font-size: 8.2051282051vw;
  }

  section.sec-newsList ul.newsList {
    width: 94.8717948718vw;
    margin: 20.5128205128vw auto 20.5128205128vw;
    gap: 10.2564102564vw;
    padding-bottom: 15.3846153846vw;
    min-height: 102.5641025641vw;
  }

  section.sec-newsList li.newsItem {
    width: 56.4102564103vw;
    height: 56.4102564103vw;
    --pukapuka: 1.2820512821vw;
  }

  section.sec-newsList li.newsItem a {
    border-width: 0.7692307692vw;
    border-radius: 2.5641025641vw;
  }

  section.sec-newsList li.newsItem .wrap-thumb {
    width: 56.4102564103vw;
    height: 56.4102564103vw;
  }

  section.sec-newsList li.newsItem .rope {
    width: 26.9230769231vw;
    margin: -3.5897435897vw auto -1.0256410256vw;
  }

  section.sec-newsList li.newsItem .newsTitle {
    font-size: 3.5897435897vw;
    margin-top: 5.1282051282vw;
    padding: 2.5641025641vw 1.2820512821vw;
    border-width: 0.5128205128vw;
    border-radius: 1.2820512821vw;
    line-height: 4.8717948718vw;
    margin: 0vw auto;
  }

  #news,
  #about,
  #commercialization {
    margin-top: -25.641025641vw;
    padding-top: 25.641025641vw;
  }

  .mainContents {
    width: 100%;
  }
}

@media screen and (max-width: 736px) and (max-width: 736px) {
  section.sec-intro .wrap-bg_stage::before {
    height: 2.5641025641vw;
    width: 97.4358974359vw;
    left: 0vw;
    top: 107.1794871795vw;
    position: absolute;
    background-color: #E21C4B;
  }

  section.sec-intro .wrap-stage-inner::before {
    height: 129.2307692308vw;
    width: 97.4358974359vw;
    margin: 0vw auto 0vw;
    border-radius: 3.8461538462vw;
    border-width: 0.5128205128vw;
    border: solid #AC2727;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
  }

  section.sec-intro .wrap-ui-left::before {
    width: 76.9230769231vw;
    height: 7.6923076923vw;
    left: 0vw;
    top: 0vw;
    bottom: 0vw;
  }
}

@media screen and (max-width: 736px) and (min-width: 780px) {
  ._dummy {
    width: 780px;
  }

  .button {
    width: 580px;
    height: 102px;
    border-width: 6px;
    font-size: 32px;
    margin: 0px auto 0px;
    border-radius: 102px;
  }

  .fukidashi {
    border-width: 6px;
    border-radius: 10px;
    padding: 20px 30px 20px;
  }

  .fukidashi .fukidashi-text {
    font-size: 22px;
  }

  .fukidashi::before {
    border-width: 28px 20px 0px 20px;
  }

  .fukidashi::after {
    border-width: 24px 16px 0px 16px;
    bottom: 4px;
  }

  .wrap-info-block {
    gap: 120px;
  }

  .wrap-info-block .info-block {
    padding: 120px 60px;
    width: 700px;
    border-radius: 30px;
    gap: 80px;
  }

  .wrap-info-block .box {
    gap: 40px;
  }

  .wrap-info-block .title {
    font-size: 44px;
  }

  .wrap-info-block .text {
    font-size: 28px;
  }

  .wrap-info-block .simpleList li {
    font-size: 28px;
    margin-top: 50.4px;
  }

  .wrap-info-block .wrap-x-thread {
    width: 580px;
    height: 580px;
    border-radius: 40px;
    border-width: 4px;
  }

  header.sec-header .wrap-header {
    width: 760px;
    height: 170px;
    top: 10px;
  }

  header.sec-header .wrap-header .bg {
    width: 760px;
    height: 170px;
  }

  header.sec-header .wrap-header .site_title {
    width: 343.492px;
    height: 80px;
    left: -4px;
    right: 0px;
    top: 44px;
  }

  header.sec-header .wrap-header .btn_x {
    width: 120px;
    height: 120px;
    left: 22px;
    top: 24px;
  }

  header.sec-header .wrap-header .btn_x .btn_x_default,
  header.sec-header .wrap-header .btn_x .btn_x_hover {
    width: 120px;
    height: 120px;
  }

  header.sec-header .wrap-header .btn_menu {
    width: 120px;
    height: 120px;
    right: 22px;
    top: 24px;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_open,
  header.sec-header .wrap-header .btn_menu .btn_menu_open_hover {
    width: 120px;
    height: 120px;
  }

  header.sec-header .wrap-header .btn_menu .btn_menu_close,
  header.sec-header .wrap-header .btn_menu .btn_menu_close_hover {
    width: 120px;
    height: 120px;
  }

  .wrap-menu .wrap-menu-content {
    padding-bottom: 80px;
  }

  .wrap-menu .wrap-button-menu {
    width: 700px;
    gap: 40px;
    margin: 260px auto 80px;
  }

  .wrap-menu a.button-menu {
    font-size: 44px;
    width: 700px;
    height: 110px;
    padding: 0px 0px;
    border-radius: 30px;
    border-width: 4px;
  }

  .wrap-menu .deco_1 {
    width: 76px;
    height: 77px;
    left: 52px;
    top: 16px;
  }

  .wrap-menu .deco_2 {
    width: 55px;
    height: 95px;
    right: 82px;
    top: 0px;
  }

  .wrap-menu .deco_3_1 {
    width: 52px;
    height: 77px;
    left: 48px;
    top: 0px;
  }

  .wrap-menu .deco_3_2 {
    width: 50px;
    height: 74px;
    right: 52px;
    top: 0px;
  }

  .wrap-menu .deco_4 {
    width: 108px;
    height: 71px;
    left: 32px;
    top: 16px;
  }

  .wrap-menu .deco_5 {
    width: 622px;
    height: 86px;
  }

  .wrap-menu .deco_6_1,
  .wrap-menu .deco_6_2 {
    width: 33px;
    height: 80.52px;
  }

  .wrap-menu .deco_6_1 {
    left: 60px;
    top: -2px;
  }

  .wrap-menu .deco_6_2 {
    right: 60px;
    top: -2px;
  }

  .wrap-menu .logo {
    width: 353.816px;
    height: 324px;
  }

  .wrap-menu .copyright {
    margin-top: 60px;
    font-size: 20px;
    letter-spacing: 0.4px;
  }

  footer.sec-footer {
    height: 1636px;
    margin: -4px auto 0px;
    border-image-width: 237.6px 234px;
  }

  footer.sec-footer .bg {
    width: 780px;
    height: 1188px;
  }

  footer.sec-footer .logo {
    width: 408px;
    height: 374px;
    left: 70px;
    top: 60px;
  }

  footer.sec-footer .panel {
    width: 270px;
    height: 268px;
  }

  footer.sec-footer .wrap-panel {
    width: 270px;
    height: 268px;
    right: 56px;
    top: 152px;
  }

  footer.sec-footer .wrap-panel .logo_bandainamco {
    width: 270px;
    height: 70px;
    right: 0px;
    top: 0px;
  }

  footer.sec-footer .wrap-panel .logo_banpresto {
    width: 112px;
    height: 52px;
    right: 0px;
    top: 86px;
  }

  footer.sec-footer .wrap-panel .logo_bandai {
    width: 106px;
    height: 102px;
    right: 0px;
    top: 166px;
  }

  footer.sec-footer .wrap-exit {
    width: 640px;
    height: 494px;
    left: 0px;
    right: 0px;
    top: 550px;
    margin: 0px auto 0px;
  }

  footer.sec-footer .wrap-exit .exit {
    width: 640px;
    height: 494px;
    left: 0px;
    top: 0px;
  }

  footer.sec-footer .wrap-exit .footer-char {
    width: 572px;
    height: 440px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }

  footer.sec-footer .wrap-exit .footer-char-filter {
    width: 572px;
    height: 440px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }

  footer.sec-footer .wrap-fukidashi {
    top: 486px;
  }

  footer.sec-footer .button {
    width: 400px;
    height: 100px;
    left: 0px;
    right: 0px;
    top: 924px;
  }

  footer.sec-footer .wrap-official-footer-content {
    margin: 1096px auto 0px;
  }

  footer.sec-footer .wrap-official-footer-content small.copyright {
    margin: 0px auto 0px;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList {
    width: 740px;
    margin: 20px auto;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList a {
    height: 68px;
  }

  footer.sec-footer .wrap-official-footer-content ul.linkList img {
    width: 36px;
    height: 36px;
    margin-right: 20px;
  }

  footer.sec-footer .wrap-official-footer-content .note {
    font-size: 20px;
    width: 730px;
    margin: 0px auto;
  }

  section.sec-loading .curtain_l {
    bottom: 58px;
    width: 919.2px;
    height: 1496.4px;
  }

  section.sec-loading .curtain_r {
    bottom: 74px;
    width: 789.6px;
    height: 1486.8px;
  }

  section.sec-loading .hole {
    top: 922px;
    width: 332px;
    height: 78px;
  }

  section.sec-loading .wrap-light {
    top: 428px;
    width: 600px;
  }

  section.sec-loading .light_1 {
    top: 190px;
    width: 196.298px;
    height: 156.618px;
  }

  section.sec-loading .light_2 {
    top: 178px;
    width: 224px;
    height: 201.066px;
  }

  section.sec-loading .light_3 {
    top: 156px;
    width: 266.884px;
    height: 223.54px;
  }

  section.sec-loading .light_4 {
    top: 126px;
    width: 329.228px;
    height: 291.25px;
  }

  section.sec-loading .light_5 {
    top: 78px;
    width: 436px;
    height: 384.656px;
  }

  section.sec-loading .light_6 {
    top: 0px;
    width: 600px;
    height: 457.252px;
  }

  section.sec-loading .logo {
    width: 546px;
    height: 492.864px;
  }

  section.sec-intro .wrap-content {
    height: 1330px;
    padding-top: 190px;
  }

  section.sec-intro .wrap-stage {
    height: 1008px;
    border-radius: 30px;
    width: 760px;
    margin: 0px auto 0px;
  }

  section.sec-intro .wrap-stage::before {
    margin: 0px auto 0px;
    background-size: 758px 600px;
    border-radius: 30px;
  }

  section.sec-intro .wrap-stage::after {
    height: 168px;
    top: 838px;
    border-radius: 0px 0px 30px 30px;
  }

  [data-season=xmas] section.sec-intro .wrap-stage .ceiling,
  [data-season=new_year] section.sec-intro .wrap-stage .ceiling {
    height: 20px;
    top: 838px;
  }

  section.sec-intro .wrap-bg_stage {
    height: 1008px;
    width: 760px;
    margin: 0px auto 0px;
    border-radius: 30px;
    border-width: 4px;
  }

  section.sec-intro .wrap-stage-inner {
    height: 1008px;
    width: 760px;
    margin: 0px auto 0px;
    border-radius: 30px;
    border-width: 4px;
  }

  section.sec-intro .wrap-chair .chair_1,
  section.sec-intro .wrap-chair .rank_1 {
    width: 194.75px;
    height: 240px;
  }

  section.sec-intro .wrap-chair .chair_1 .char,
  section.sec-intro .wrap-chair .rank_1 .char {
    left: -22px;
    top: -24px;
    width: 244.86px;
    height: 264px;
  }

  section.sec-intro .wrap-chair .chair_1 .clickable,
  section.sec-intro .wrap-chair .rank_1 .clickable {
    width: 160px;
    height: 160px;
    top: 16px;
  }

  section.sec-intro .wrap-chair .chair_2,
  section.sec-intro .wrap-chair .rank_2,
  section.sec-intro .wrap-chair .chair_3,
  section.sec-intro .wrap-chair .rank_3 {
    width: 162.286px;
    height: 180px;
  }

  section.sec-intro .wrap-chair .chair_2 .char,
  section.sec-intro .wrap-chair .rank_2 .char,
  section.sec-intro .wrap-chair .chair_3 .char,
  section.sec-intro .wrap-chair .rank_3 .char {
    left: -2px;
    top: 4px;
  }

  section.sec-intro .wrap-chair .chair_4,
  section.sec-intro .wrap-chair .rank_4,
  section.sec-intro .wrap-chair .chair_5,
  section.sec-intro .wrap-chair .rank_5,
  section.sec-intro .wrap-chair .chair_6,
  section.sec-intro .wrap-chair .rank_6,
  section.sec-intro .wrap-chair .chair_7,
  section.sec-intro .wrap-chair .rank_7,
  section.sec-intro .wrap-chair .chair_8,
  section.sec-intro .wrap-chair .rank_8,
  section.sec-intro .wrap-chair .chair_9,
  section.sec-intro .wrap-chair .rank_9,
  section.sec-intro .wrap-chair .chair_10,
  section.sec-intro .wrap-chair .rank_10,
  section.sec-intro .wrap-chair .chair_11,
  section.sec-intro .wrap-chair .rank_11,
  section.sec-intro .wrap-chair .chair_12,
  section.sec-intro .wrap-chair .rank_12,
  section.sec-intro .wrap-chair .chair_13,
  section.sec-intro .wrap-chair .rank_13,
  section.sec-intro .wrap-chair .chair_14,
  section.sec-intro .wrap-chair .rank_14,
  section.sec-intro .wrap-chair .chair_15,
  section.sec-intro .wrap-chair .rank_15,
  section.sec-intro .wrap-chair .chair_16,
  section.sec-intro .wrap-chair .rank_16,
  section.sec-intro .wrap-chair .chair_17,
  section.sec-intro .wrap-chair .rank_17,
  section.sec-intro .wrap-chair .chair_18,
  section.sec-intro .wrap-chair .rank_18 {
    width: 116px;
    height: 152px;
  }

  section.sec-intro .wrap-chair .chair_4 .char,
  section.sec-intro .wrap-chair .rank_4 .char,
  section.sec-intro .wrap-chair .chair_5 .char,
  section.sec-intro .wrap-chair .rank_5 .char,
  section.sec-intro .wrap-chair .chair_6 .char,
  section.sec-intro .wrap-chair .rank_6 .char,
  section.sec-intro .wrap-chair .chair_7 .char,
  section.sec-intro .wrap-chair .rank_7 .char,
  section.sec-intro .wrap-chair .chair_8 .char,
  section.sec-intro .wrap-chair .rank_8 .char,
  section.sec-intro .wrap-chair .chair_9 .char,
  section.sec-intro .wrap-chair .rank_9 .char,
  section.sec-intro .wrap-chair .chair_10 .char,
  section.sec-intro .wrap-chair .rank_10 .char,
  section.sec-intro .wrap-chair .chair_11 .char,
  section.sec-intro .wrap-chair .rank_11 .char,
  section.sec-intro .wrap-chair .chair_12 .char,
  section.sec-intro .wrap-chair .rank_12 .char,
  section.sec-intro .wrap-chair .chair_13 .char,
  section.sec-intro .wrap-chair .rank_13 .char,
  section.sec-intro .wrap-chair .chair_14 .char,
  section.sec-intro .wrap-chair .rank_14 .char,
  section.sec-intro .wrap-chair .chair_15 .char,
  section.sec-intro .wrap-chair .rank_15 .char,
  section.sec-intro .wrap-chair .chair_16 .char,
  section.sec-intro .wrap-chair .rank_16 .char,
  section.sec-intro .wrap-chair .chair_17 .char,
  section.sec-intro .wrap-chair .rank_17 .char,
  section.sec-intro .wrap-chair .chair_18 .char,
  section.sec-intro .wrap-chair .rank_18 .char {
    left: -24px;
    top: -24px;
  }

  section.sec-intro .wrap-chair .char {
    width: 163.24px;
    height: 176px;
  }

  section.sec-intro .wrap-chair .clickable {
    width: 120px;
    height: 120px;
    top: 0px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail {
    width: 142px;
    height: 44px;
    border-radius: 60px;
    border-width: 4px;
    font-size: 16px;
    gap: 8px;
    margin: 0px auto 14px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .to-char-detail .arrow {
    width: 10px;
    height: 15px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi {
    border-width: 4px;
    padding: 16px 20px 16px;
    border-radius: 10px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi::after {
    bottom: 2px;
  }

  section.sec-intro .wrap-chair .wrap-fukidashi .fukidashi-text {
    font-size: 22px;
  }

  section.sec-intro .wrap-chair .chair-all {
    left: 10px;
    top: 64px;
    width: 740px;
    height: 660px;
  }

  section.sec-intro .wrap-chair .rank_1 {
    left: 272px;
    top: 124px;
  }

  section.sec-intro .wrap-chair .rank_2 {
    left: 192px;
    top: 278px;
  }

  section.sec-intro .wrap-chair .rank_3 {
    left: 374px;
    top: 278px;
  }

  section.sec-intro .wrap-chair .rank_4 {
    left: 136px;
    top: 398px;
  }

  section.sec-intro .wrap-chair .rank_5 {
    left: 260px;
    top: 398px;
  }

  section.sec-intro .wrap-chair .rank_6 {
    left: 384px;
    top: 398px;
  }

  section.sec-intro .wrap-chair .rank_7 {
    left: 508px;
    top: 398px;
  }

  section.sec-intro .wrap-chair .rank_8 {
    left: 74px;
    top: 492px;
  }

  section.sec-intro .wrap-chair .rank_9 {
    left: 198px;
    top: 492px;
  }

  section.sec-intro .wrap-chair .rank_10 {
    left: 322px;
    top: 492px;
  }

  section.sec-intro .wrap-chair .rank_11 {
    left: 446px;
    top: 492px;
  }

  section.sec-intro .wrap-chair .rank_12 {
    left: 570px;
    top: 492px;
  }

  section.sec-intro .wrap-chair .rank_13 {
    left: 12px;
    top: 588px;
  }

  section.sec-intro .wrap-chair .rank_14 {
    left: 136px;
    top: 588px;
  }

  section.sec-intro .wrap-chair .rank_15 {
    left: 260px;
    top: 588px;
  }

  section.sec-intro .wrap-chair .rank_16 {
    left: 384px;
    top: 588px;
  }

  section.sec-intro .wrap-chair .rank_17 {
    left: 508px;
    top: 588px;
  }

  section.sec-intro .wrap-chair .rank_18 {
    left: 632px;
    top: 588px;
  }

  section.sec-intro .curtain_l {
    width: 194px;
    height: 1010px;
    top: 0px;
  }

  section.sec-intro .curtain_r {
    width: 194px;
    height: 1010px;
    top: 0px;
  }

  section.sec-intro .wrap-bg_stage_hole {
    width: 760px;
    height: 206px;
    bottom: 170px;
  }

  section.sec-intro .bg_stage_hole {
    width: 760px;
    height: 206px;
    left: 0px;
    bottom: 0px;
  }

  section.sec-intro .wrap-bg_stage_hole_cover {
    width: 760px;
    height: 72px;
    bottom: 170px;
    left: -2px;
  }

  section.sec-intro .bg_stage_hole_cover {
    width: 760px;
    height: 72px;
    left: 0px;
    bottom: 0px;
  }

  section.sec-intro .crane {
    width: 146.26px;
    height: 266.96px;
    left: 110px;
    top: 0px;
  }

  section.sec-intro .crane .wrap-crane_arm_l {
    width: 72.42px;
    height: 116.44px;
    left: 0px;
    top: 151.94px;
  }

  section.sec-intro .crane .wrap-crane_arm_r {
    width: 72.42px;
    height: 116.44px;
    right: 0px;
    top: 151.94px;
  }

  section.sec-intro .crane .crane_arm {
    width: 72.42px;
    height: 116.44px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .crane .crane_body {
    width: 146.26px;
    height: 266.96px;
  }

  section.sec-intro .crane .crane_snow {
    width: 93.72px;
    height: 42.6px;
    left: 25.56px;
    top: 66.74px;
  }

  section.sec-intro .vote-char {
    width: 304.2px;
    height: 234px;
    left: 0px;
    right: 0px;
    top: 312px;
  }

  section.sec-intro .wrap-ui-left {
    width: 760px;
    height: 292px;
    left: 10px;
    bottom: 10px;
    border-width: 12px;
    border-radius: 30px;
  }

  section.sec-intro .wrap-ui-left .btn_about,
  section.sec-intro .wrap-ui-left .btn_about_hover_1,
  section.sec-intro .wrap-ui-left .btn_about_hover_2,
  section.sec-intro .wrap-ui-left .btn_about_hover_3 {
    width: 212px;
    height: 212px;
    left: 28px;
    top: 30px;
  }

  section.sec-intro .wrap-ui-left .btn_character,
  section.sec-intro .wrap-ui-left .btn_character_hover_1,
  section.sec-intro .wrap-ui-left .btn_character_hover_2,
  section.sec-intro .wrap-ui-left .btn_character_hover_3 {
    width: 212px;
    height: 212px;
    left: 248px;
    top: 30px;
  }

  section.sec-intro .wrap-ui-right {
    width: 316px;
    height: 304px;
    right: 10px;
    bottom: 10px;
  }

  section.sec-intro .wrap-ui-right .attention {
    width: 204px;
    height: 126px;
    left: 0px;
    right: 0px;
    top: -66px;
  }

  section.sec-intro .wrap-ui-right .btn_vote {
    width: 240px;
    height: 240px;
    left: 38px;
    bottom: 28px;
  }

  section.sec-intro .wrap-ui-right .btn_vote_enabled,
  section.sec-intro .wrap-ui-right .btn_vote_hover_1,
  section.sec-intro .wrap-ui-right .btn_vote_hover_2 {
    width: 240px;
    height: 240px;
  }

  section.sec-intro .wrap-ui-right .btn_vote_complete {
    width: 240px;
    height: 240px;
  }

  section.sec-intro .wrap-extra {
    border-radius: 30px;
  }

  section.sec-intro .wrap-extra_pra {
    width: 170.66px;
    height: 542px;
    left: -20px;
    top: -76px;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope {
    left: 6px;
  }

  section.sec-intro .wrap-extra_pra .wrap-fukidashi {
    top: 298px;
  }

  section.sec-intro .wrap-extra_pra .extra_pra {
    width: 170.66px;
    height: 184px;
  }

  section.sec-intro .wrap-extra_izu {
    width: 159.53px;
    height: 530px;
    left: 614px;
    top: -76px;
  }

  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    left: 26px;
  }

  section.sec-intro .wrap-extra_izu .wrap-fukidashi {
    top: 276px;
  }

  section.sec-intro .wrap-extra_izu .extra_izu {
    width: 159.53px;
    height: 172px;
  }

  section.sec-intro .wrap-extra_pra .extra_praizu_rope,
  section.sec-intro .wrap-extra_izu .extra_praizu_rope {
    width: 127.6px;
    height: 415.8px;
  }

  section.sec-intro .wrap-extra_pra .fukidashi,
  section.sec-intro .wrap-extra_izu .fukidashi {
    border-width: 4px;
    padding: 16px 20px 16px;
    border-radius: 10px;
  }

  section.sec-intro .wrap-extra_pra .fukidashi::after,
  section.sec-intro .wrap-extra_izu .fukidashi::after {
    bottom: 2px;
  }

  section.sec-intro .wrap-extra_pra .fukidashi-text,
  section.sec-intro .wrap-extra_izu .fukidashi-text {
    font-size: 22px;
  }

  section.sec-intro .wrap-extra_pra .clickable,
  section.sec-intro .wrap-extra_izu .clickable {
    width: 88.2px;
    height: 90px;
    bottom: 40px;
  }

  section.sec-intro .wrap_deco_back {
    border-radius: 0px 0px 30px 30px;
  }

  section.sec-intro img.deco_back {
    width: 758px;
    height: 1008px;
    bottom: -2px;
    left: 2px;
  }

  section.sec-intro .wrap-kusudama .kusudama {
    width: 760px;
    height: 271px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 {
    width: 444px;
    height: 906px;
    left: 370px;
    top: -196px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.line {
    width: 34px;
    height: 906px;
    left: 0px;
    right: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.hirahira {
    width: 444px;
    height: 388px;
    left: 14px;
    top: 446px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 .wrap-taremaku {
    width: 134px;
    height: 406px;
    left: 156px;
    top: 430px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.taremaku {
    width: 134px;
    height: 406px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_l {
    width: 146px;
    height: 146px;
    left: 80px;
    top: 406px;
  }

  section.sec-intro .wrap-kusudama .kusudama_1 img.tama_r {
    width: 144px;
    height: 146px;
    left: 218px;
    top: 406px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 {
    width: 306px;
    height: 906px;
    left: -80px;
    top: -128px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.line {
    width: 34px;
    height: 906px;
    left: 0px;
    right: 0px;
    top: -146px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.hirahira {
    width: 306px;
    height: 274px;
    left: -10px;
    top: 394px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 .wrap-taremaku {
    width: 116px;
    height: 310px;
    left: 92px;
    top: 378px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.taremaku {
    width: 116px;
    height: 310px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_l {
    width: 114px;
    height: 114px;
    left: 42px;
    top: 360px;
  }

  section.sec-intro .wrap-kusudama .kusudama_2 img.tama_r {
    width: 114px;
    height: 114px;
    left: 148px;
    top: 360px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 {
    width: 222px;
    height: 906px;
    left: 604px;
    top: -146px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.line {
    width: 34px;
    height: 906px;
    left: 0px;
    right: 0px;
    top: -88px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.hirahira {
    width: 222px;
    height: 104px;
    left: 14px;
    top: 446px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 .wrap-taremaku {
    width: 96px;
    height: 332px;
    left: 60px;
    top: 414px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.taremaku {
    width: 96px;
    height: 332px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_l {
    width: 104px;
    height: 106px;
    left: 8px;
    top: 398px;
  }

  section.sec-intro .wrap-kusudama .kusudama_3 img.tama_r {
    width: 104px;
    height: 106px;
    left: 106px;
    top: 398px;
  }

  section.sec-intro img.deco_front {
    width: 722px;
    height: 307px;
    left: 0px;
    right: 0px;
    top: 0px;
  }

  section.sec-intro img.notice {
    width: 232px;
    height: 46px;
    left: 14px;
    bottom: 192px;
  }

  section.sec-intro .wrap-signage {
    height: 180px;
    top: -20px;
    border-width: 15px 0px 15px 0px;
  }

  section.sec-intro .wrap-item .wrap-count {
    padding-left: 140px;
    height: 140px;
  }

  section.sec-intro .wrap-item img.char {
    width: 140px;
    height: 140px;
  }

  section.sec-intro .wrap-item .name {
    font-size: 22px;
  }

  section.sec-intro .wrap-item .point {
    font-size: 27px;
    margin: -4px 5px -3px 0px;
  }

  section.sec-intro .wrap-item .point .infinity {
    width: 90px;
    height: 46px;
    top: 8px;
  }

  section.sec-intro .wrap-item .point span {
    font-size: 60px;
    margin-right: 10px;
  }

  section.sec-intro .latest-news {
    width: 200px;
    padding: 20px;
    gap: 20px;
    border-radius: 10px;
    border-width: 4px;
    right: 20px;
    top: 20px;
  }

  section.sec-intro .blockTitle {
    font-size: 32px;
    margin: -6px 0px -4px;
  }

  section.sec-intro .news_thumb {
    width: 160px;
    height: 160px;
  }

  section.sec-intro .newsTitle_ticker {
    margin: -4px 0px;
  }

  section.sec-intro .newsTitle_ticker .newsTitle {
    font-size: 20px;
  }

  section.sec-intro-catch .logo {
    width: 782px;
    height: 182.13px;
  }

  section.sec-intro-catch .kamifubuki {
    width: 780px;
    height: 1306px;
    left: 0px;
    top: -8px;
  }

  section.sec-intro-catch .spotlight {
    width: 488px;
    height: 488px;
  }

  section.sec-intro-catch .chair_1 {
    width: 314.66484px;
    height: 258.71076px;
    top: -124px;
  }

  section.sec-intro-catch .chair_2 {
    width: 278.07948px;
    height: 225.50724px;
    top: -92px;
  }

  section.sec-intro-catch .chair_3 {
    width: 161.09856px;
    height: 169.092px;
    top: -32px;
  }

  section.sec-intro-catch .wrap-arm_l {
    width: 365.04px;
    height: 141.44px;
    top: -4px;
    left: -269.7px;
  }

  section.sec-intro-catch .arm_l {
    width: 365.04px;
    height: 141.44px;
  }

  section.sec-intro-catch .wrap-arm_r {
    width: 365.04px;
    height: 141.44px;
    top: -4px;
    right: -269.7px;
  }

  section.sec-intro-catch .arm_r {
    width: 365.04px;
    height: 141.44px;
  }

  section.sec-intro-catch .wrap-btn_skip {
    width: 120px;
    height: 120px;
    right: 40px;
    top: 40px;
  }

  section.sec-intro-catch .btn_skip,
  section.sec-intro-catch .btn_skip_hover {
    width: 120px;
    height: 120px;
  }

  section.sec-intro-catch .char {
    width: 271.3216px;
    height: 271.3216px;
    top: 216px;
  }

  section.sec-intro-catch .wrap-fukidashi {
    margin-top: -470px;
  }

  section.sec-intro-catch .fukidashi {
    padding: 6px 10px 10px;
    border-radius: 10px;
    border-width: 4px;
  }

  section.sec-intro-catch .fukidashi::after {
    bottom: 2px;
  }

  section.sec-intro-vote .bg {
    width: 780px;
    height: 2120px;
  }

  section.sec-intro-vote .bg_logo {
    width: 780px;
    height: 184px;
    left: 0px;
    top: 0px;
  }

  section.sec-intro-vote .light {
    width: 748px;
    height: 1098px;
    left: 0px;
  }

  section.sec-intro-vote .crane_arm {
    width: 868.28px;
    height: 235.2px;
    left: -44px;
    top: -24px;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_1 {
    width: 230px;
    height: 230px;
    right: -88px;
    top: -980px;
  }

  section.sec-intro-vote .wrap-hanabi .hanabi_2 {
    width: 264px;
    height: 264px;
    left: -64px;
    top: -126px;
  }

  section.sec-intro-vote .hole {
    width: 935.18px;
    height: 218.28px;
    left: -76px;
    top: 456px;
  }

  section.sec-intro-vote .kamifubuki {
    width: 740px;
    height: 1154px;
    left: 24px;
    top: -60px;
  }

  section.sec-intro-vote .char_focus {
    width: 520px;
    height: 400px;
    top: 0px;
  }

  section.sec-intro-vote .wrap-fukidashi {
    margin-top: -246px;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi {
    padding: 20px 30px 22px;
  }

  section.sec-intro-vote .wrap-fukidashi .fukidashi-text {
    font-size: 24px;
  }

  section.sec-intro-vote .vote-text {
    font-size: 36px;
    margin-top: -606px;
  }

  section.sec-intro-vote .vote-text .vote-charName {
    font-size: 64px;
  }

  section.sec-intro-vote .wrap-buttons {
    gap: 20px;
    margin-top: 360px;
    width: 580px;
  }

  section.sec-intro-vote .btn_to_x {
    font-size: 24px;
    line-height: 32px;
  }

  section.sec-intro-vote .btn_to_return {
    margin: 480px auto 0px;
    width: 580px;
  }

  section.sec-info {
    padding: 160px 0px;
  }

  section.sec-about .title {
    margin: -8px auto -16px;
  }

  section.sec-about .title img[src*=char_pura] {
    width: 98.4px;
    height: 98.4px;
    bottom: 32px;
    left: -32px;
    margin-right: -20px;
  }

  section.sec-about .title img[src*=char_izu] {
    width: 101.68px;
    height: 98.4px;
    bottom: 32px;
    right: -34px;
    margin-left: -20px;
  }

  section.sec-commercialize .title {
    margin: -12px auto -8px;
  }

  section.sec-commercialize .crane {
    width: 104px;
    height: 185.6px;
    right: 56px;
    top: 0px;
  }

  section.sec-commercialize .wrap-img {
    width: 580px;
    height: 580px;
    border-radius: 20px;
  }

  section.sec-commercialize .praizu_comment {
    width: 580px;
    height: 576px;
  }

  section.sec-commercialize .praizu {
    width: 400.96px;
    height: 164.64px;
    margin: -60px auto 0px;
  }

  section.sec-howto .title {
    margin: -12px auto -8px;
  }

  section.sec-howto .crane {
    width: 104px;
    height: 185.6px;
    right: 56px;
    top: 0px;
  }

  section.sec-howto .schedule {
    width: 580px;
    height: 180px;
  }

  section.sec-sns .ornament_l {
    left: 40px;
    top: 0px;
    width: 86px;
    height: 206px;
  }

  section.sec-sns .ornament_r {
    right: 40px;
    top: 0px;
    width: 80px;
    height: 214px;
  }

  section.sec-mid-point-report .wrap_btn_close {
    width: 120px;
    height: 120px;
    right: 24px;
    top: 24px;
  }

  section.sec-mid-point-report .wrap_btn_close img.btn_close,
  section.sec-mid-point-report .wrap_btn_close img.btn_close_hover {
    width: 120px;
    height: 120px;
  }

  section.sec-mid-point-report .sec-1,
  section.sec-mid-point-report .sec-2,
  section.sec-mid-point-report .sec-3,
  section.sec-mid-point-report .sec-4,
  section.sec-mid-point-report .sec-5,
  section.sec-mid-point-report .sec-6,
  section.sec-mid-point-report .sec-7,
  section.sec-mid-point-report .sec-8,
  section.sec-mid-point-report .sec-9,
  section.sec-mid-point-report .sec-10,
  section.sec-mid-point-report .sec-11,
  section.sec-mid-point-report .sec-12 {
    width: 780px;
    min-height: 1320px;
  }

  section.sec-mid-point-report .bg {
    width: 780px;
    height: 1320px;
  }

  section.sec-mid-point-report .btn_next {
    right: 20px;
    bottom: 30px;
  }

  section.sec-mid-point-report .btn_next .btn_next_text {
    font-size: 24px;
  }

  section.sec-mid-point-report .btn_next img.arrow {
    width: 18px;
    height: 11.82px;
    margin-left: 12px;
    top: -2px;
  }

  section.sec-mid-point-report .sec-1 img.logo_charasai {
    width: 271.63px;
    height: 52.46px;
    margin: 0px auto 0px;
  }

  section.sec-mid-point-report .sec-1 img.title {
    width: 468px;
    height: 202px;
    margin: 50px auto;
  }

  section.sec-mid-point-report .sec-1 img.char {
    width: 612px;
    height: 150px;
  }

  section.sec-mid-point-report .sec-1 .wrap-praizu {
    width: 612px;
    margin-top: 60px;
  }

  section.sec-mid-point-report .sec-1 img.pra_text {
    width: 142px;
    height: 92px;
    margin: 0px 40px;
  }

  section.sec-mid-point-report .sec-1 img.pra {
    width: 158.926px;
    height: 160px;
    margin: 14px 40px 20px;
  }

  section.sec-mid-point-report .sec-1 img.comment_first {
    width: 684px;
    height: 284px;
  }

  section.sec-mid-point-report .sec-1 img.izu {
    width: 162.148px;
    height: 160px;
    margin: 14px 40px 20px;
  }

  section.sec-mid-point-report .sec-1 img.izu_text {
    width: 148px;
    height: 94px;
    margin: 0px 40px;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll {
    margin: 0px auto 0px;
    width: 160px;
    bottom: 14px;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll p {
    font-size: 24px;
  }

  section.sec-mid-point-report .sec-1 .attention-scroll img.arrow {
    width: 18px;
    height: 11.82px;
    margin: 8px auto 0px;
  }

  section.sec-mid-point-report .sec-2 .wrap-sec-content,
  section.sec-mid-point-report .sec-4 .wrap-sec-content,
  section.sec-mid-point-report .sec-6 .wrap-sec-content,
  section.sec-mid-point-report .sec-8 .wrap-sec-content,
  section.sec-mid-point-report .sec-10 .wrap-sec-content,
  section.sec-mid-point-report .sec-12 .wrap-sec-content {
    width: 780px;
    height: 1320px;
  }

  section.sec-mid-point-report .sec-2 img.bg_pattern,
  section.sec-mid-point-report .sec-4 img.bg_pattern,
  section.sec-mid-point-report .sec-6 img.bg_pattern,
  section.sec-mid-point-report .sec-8 img.bg_pattern,
  section.sec-mid-point-report .sec-10 img.bg_pattern,
  section.sec-mid-point-report .sec-12 img.bg_pattern {
    height: 348px;
  }

  section.sec-mid-point-report .sec-2 img.kamifubuki,
  section.sec-mid-point-report .sec-4 img.kamifubuki,
  section.sec-mid-point-report .sec-6 img.kamifubuki,
  section.sec-mid-point-report .sec-8 img.kamifubuki,
  section.sec-mid-point-report .sec-10 img.kamifubuki,
  section.sec-mid-point-report .sec-12 img.kamifubuki {
    width: 710px;
    height: 266px;
    top: 174.52px;
    left: 36.34px;
  }

  section.sec-mid-point-report .sec-2 img.light,
  section.sec-mid-point-report .sec-4 img.light,
  section.sec-mid-point-report .sec-6 img.light,
  section.sec-mid-point-report .sec-8 img.light,
  section.sec-mid-point-report .sec-10 img.light,
  section.sec-mid-point-report .sec-12 img.light {
    width: 328px;
    height: 1046px;
    top: 20px;
  }

  section.sec-mid-point-report .sec-2 .comment,
  section.sec-mid-point-report .sec-4 .comment,
  section.sec-mid-point-report .sec-6 .comment,
  section.sec-mid-point-report .sec-8 .comment,
  section.sec-mid-point-report .sec-10 .comment,
  section.sec-mid-point-report .sec-12 .comment {
    bottom: 730px;
  }

  section.sec-mid-point-report .sec-2 img.pra,
  section.sec-mid-point-report .sec-4 img.pra,
  section.sec-mid-point-report .sec-6 img.pra,
  section.sec-mid-point-report .sec-8 img.pra,
  section.sec-mid-point-report .sec-10 img.pra,
  section.sec-mid-point-report .sec-12 img.pra {
    width: 296px;
    height: 298px;
    bottom: 400px;
  }

  section.sec-mid-point-report .sec-2 img.izu,
  section.sec-mid-point-report .sec-4 img.izu,
  section.sec-mid-point-report .sec-6 img.izu,
  section.sec-mid-point-report .sec-8 img.izu,
  section.sec-mid-point-report .sec-10 img.izu,
  section.sec-mid-point-report .sec-12 img.izu {
    width: 302px;
    height: 298px;
    bottom: 400px;
  }

  section.sec-mid-point-report .sec-2 img.step,
  section.sec-mid-point-report .sec-4 img.step,
  section.sec-mid-point-report .sec-6 img.step,
  section.sec-mid-point-report .sec-8 img.step,
  section.sec-mid-point-report .sec-10 img.step,
  section.sec-mid-point-report .sec-12 img.step {
    width: 400px;
    height: 100px;
    bottom: 300px;
  }

  section.sec-mid-point-report .sec-3,
  section.sec-mid-point-report .sec-5 {
    min-height: 2016px;
  }

  section.sec-mid-point-report .sec-3 .wrap-cards,
  section.sec-mid-point-report .sec-5 .wrap-cards {
    gap: 60px;
    margin: 80px auto;
    height: 1856px;
  }

  section.sec-mid-point-report .sec-3 .card,
  section.sec-mid-point-report .sec-5 .card {
    width: 300px;
    height: 420px;
  }

  section.sec-mid-point-report .sec-3 .card .card-content,
  section.sec-mid-point-report .sec-5 .card .card-content {
    width: 300px;
    height: 420px;
    border-radius: 20px;
  }

  section.sec-mid-point-report .sec-3 .card .front,
  section.sec-mid-point-report .sec-5 .card .front {
    width: 300px;
    height: 420px;
  }

  section.sec-mid-point-report .sec-3 .card .rank,
  section.sec-mid-point-report .sec-5 .card .rank {
    font-size: 20px;
    width: 300px;
    height: 38px;
    left: -118px;
    top: 10px;
  }

  section.sec-mid-point-report .sec-3 .card .wrap-img,
  section.sec-mid-point-report .sec-5 .card .wrap-img {
    width: 244.4px;
    height: 244.4px;
    border-width: 6px;
    margin: 21.38px auto 0px;
    border-radius: 20px;
  }

  section.sec-mid-point-report .sec-3 .card img.img-1,
  section.sec-mid-point-report .sec-5 .card img.img-1 {
    width: 244.4px;
    height: 244.4px;
  }

  section.sec-mid-point-report .sec-3 .card img.img-2,
  section.sec-mid-point-report .sec-5 .card img.img-2 {
    width: 244.4px;
    height: 244.4px;
  }

  section.sec-mid-point-report .sec-3 .card .creator,
  section.sec-mid-point-report .sec-5 .card .creator {
    font-size: 24px;
    margin: 8px auto 0px;
  }

  section.sec-mid-point-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-mid-point-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 20.6px;
  }

  section.sec-mid-point-report .sec-3 .card .name,
  section.sec-mid-point-report .sec-5 .card .name {
    font-size: 24.6px;
    margin: 0px auto 0px;
  }

  section.sec-mid-point-report .sec-3 .card .point,
  section.sec-mid-point-report .sec-5 .card .point {
    width: 62px;
    height: 62px;
    left: 22px;
    bottom: 20px;
    font-size: 20px;
  }

  section.sec-mid-point-report .sec-3 .card .point span,
  section.sec-mid-point-report .sec-5 .card .point span {
    font-size: 20px;
    top: 2px;
    margin-left: -2px;
  }

  section.sec-mid-point-report .sec-3 .card .speech,
  section.sec-mid-point-report .sec-5 .card .speech {
    font-size: 20px;
    margin: 8px 0px 0px 94px;
    width: 270.48px;
    height: 84px;
  }

  section.sec-mid-point-report .sec-3 .card img.card_design,
  section.sec-mid-point-report .sec-5 .card img.card_design {
    width: 222.94px;
  }

  section.sec-mid-point-report .sec-7 .wrap-sec-content,
  section.sec-mid-point-report .sec-9 .wrap-sec-content,
  section.sec-mid-point-report .sec-11 .wrap-sec-content {
    width: 780px;
    min-height: 1320px;
  }

  section.sec-mid-point-report .sec-7 .bg_deco,
  section.sec-mid-point-report .sec-9 .bg_deco,
  section.sec-mid-point-report .sec-11 .bg_deco {
    width: 780px;
    height: 1320px;
  }

  section.sec-mid-point-report .sec-7 .card,
  section.sec-mid-point-report .sec-9 .card,
  section.sec-mid-point-report .sec-11 .card {
    width: 660px;
    height: 922px;
    margin: 61.48px auto 0px;
  }

  section.sec-mid-point-report .sec-7 .card .card-content,
  section.sec-mid-point-report .sec-9 .card .card-content,
  section.sec-mid-point-report .sec-11 .card .card-content {
    width: 660px;
    height: 922px;
    border-radius: 20px;
  }

  section.sec-mid-point-report .sec-7 .card .front,
  section.sec-mid-point-report .sec-9 .card .front,
  section.sec-mid-point-report .sec-11 .card .front {
    width: 660px;
    height: 922px;
  }

  section.sec-mid-point-report .sec-7 .card .card_top3,
  section.sec-mid-point-report .sec-9 .card .card_top3,
  section.sec-mid-point-report .sec-11 .card .card_top3 {
    width: 660px;
    height: 922px;
  }

  section.sec-mid-point-report .sec-7 .card .rank,
  section.sec-mid-point-report .sec-9 .card .rank,
  section.sec-mid-point-report .sec-11 .card .rank {
    font-size: 56px;
    width: 100px;
    left: 78px;
    top: 94px;
  }

  section.sec-mid-point-report .sec-7 .card .creator,
  section.sec-mid-point-report .sec-9 .card .creator,
  section.sec-mid-point-report .sec-11 .card .creator {
    font-size: 32px;
    margin: 84px 0px 0px 227.3px;
  }

  section.sec-mid-point-report .sec-7 .card .name,
  section.sec-mid-point-report .sec-9 .card .name,
  section.sec-mid-point-report .sec-11 .card .name {
    font-size: 36px;
    margin: 8px 0px 0px 227.3px;
  }

  section.sec-mid-point-report .sec-7 .card .wrap-img,
  section.sec-mid-point-report .sec-9 .card .wrap-img,
  section.sec-mid-point-report .sec-11 .card .wrap-img {
    width: 568px;
    height: 838px;
    border-radius: 12px;
    top: 42px;
  }

  section.sec-mid-point-report .sec-7 .card img.card_design,
  section.sec-mid-point-report .sec-9 .card img.card_design,
  section.sec-mid-point-report .sec-11 .card img.card_design {
    width: 490.46px;
  }

  section.sec-mid-point-report .sec-7 .data,
  section.sec-mid-point-report .sec-9 .data,
  section.sec-mid-point-report .sec-11 .data {
    margin: 0px auto 0px;
  }

  section.sec-mid-point-report .sec-7 .data .creator,
  section.sec-mid-point-report .sec-9 .data .creator,
  section.sec-mid-point-report .sec-11 .data .creator {
    font-size: 28px;
    margin-top: 36px;
  }

  section.sec-mid-point-report .sec-7 .data .name,
  section.sec-mid-point-report .sec-9 .data .name,
  section.sec-mid-point-report .sec-11 .data .name {
    font-size: 48px;
    margin-top: 20px;
  }

  section.sec-mid-point-report .sec-7 .data .speech,
  section.sec-mid-point-report .sec-9 .data .speech,
  section.sec-mid-point-report .sec-11 .data .speech {
    font-size: 32px;
    margin-top: 24px;
  }

  section.sec-mid-point-report .sec-7 .data .point,
  section.sec-mid-point-report .sec-9 .data .point,
  section.sec-mid-point-report .sec-11 .data .point {
    font-size: 56px;
    margin-top: 24px;
  }

  section.sec-mid-point-report .sec-7 .data .point span,
  section.sec-mid-point-report .sec-9 .data .point span,
  section.sec-mid-point-report .sec-11 .data .point span {
    font-size: 32px;
  }

  section.sec-mid-point-report .sec-2 .comment_1 {
    width: 424px;
    height: 126px;
  }

  section.sec-mid-point-report .sec-4 .comment_2 {
    width: 416px;
    height: 128px;
  }

  section.sec-mid-point-report .sec-6 .comment_3 {
    width: 288px;
    height: 128px;
  }

  section.sec-mid-point-report .sec-8 .comment_4 {
    width: 160px;
    height: 128px;
  }

  section.sec-mid-point-report .sec-10 .comment_5 {
    width: 404px;
    height: 128px;
  }

  section.sec-mid-point-report .sec-12 .comment_last {
    width: 684px;
    height: 284px;
  }

  section.sec-mid-point-report .sec-12 .comment {
    bottom: 600px;
  }

  section.sec-mid-point-report .sec-12 img.pra {
    left: 180px;
    bottom: 408px;
    width: 158.92px;
    height: 160px;
  }

  section.sec-mid-point-report .sec-12 img.izu {
    right: 180px;
    bottom: 408px;
    width: 162.14px;
    height: 160px;
  }

  section.sec-mid-point-report .sec-12 img.step {
    width: 160px;
    height: 50px;
    bottom: 358px;
  }

  section.sec-mid-point-report .sec-12 img.step-pra {
    left: 180px;
  }

  section.sec-mid-point-report .sec-12 img.step-izu {
    right: 180px;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end {
    margin: 0px auto 0px;
    width: 160px;
    bottom: 24.5px;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end p {
    font-size: 24px;
  }

  section.sec-mid-point-report .sec-12 .btn_close_end img.arrow {
    width: 15px;
    height: 15px;
    margin: 10px auto 0px;
  }

  section.sec-mid-point-report .card {
    -webkit-perspective: 1560px;
    perspective: 1560px;
  }

  section.sec-intro .wrap-day {
    top: 20px;
  }

  section.sec-intro .wrap-calendar {
    border-width: 4px;
    margin-top: 14px;
    margin-bottom: -6px;
    padding: 14px 16px 0px;
  }

  section.sec-intro .wrap-calendar .calendar {
    width: 167.68px;
    height: 160px;
  }

  section.sec-intro .wrap-calendar .calendar_line {
    width: 176.64px;
    height: 140.8px;
    left: 12px;
    top: 26px;
  }

  section.sec-intro .signage_bg {
    top: 166px;
    height: 280px;
    background-size: 314.6px 279.994px;
  }

  section.sec-intro .signage_bg .wrap_signage_content {
    top: 31.46px;
    height: 217.08px;
  }

  section.sec-intro .signage_bg .countdown {
    width: 739.31px;
  }

  section.sec-intro .signage_bg .countdown .cd {
    gap: 11.011px;
    padding-bottom: 31.46px;
  }

  section.sec-intro .signage_bg .countdown .cd .signage_count_text {
    width: 275.275px;
    height: 31.46px;
    top: 28.314px;
  }

  section.sec-intro .signage_bg .countdown .cd .num {
    width: 72.358px;
    height: 110.11px;
  }

  section.sec-intro .signage_bg .countdown .cd .colon {
    width: 26.741px;
    height: 88.088px;
  }

  section.sec-intro .signage_bg .logo {
    width: 2453.88px;
    background-size: 245.388px 151.008px;
  }

  section.sec-intro .signage_bg .logo::before {
    width: 4907.76px;
    background-size: 245.388px 151.008px;
  }

  section.sec-intro .people_near {
    top: 300px;
  }

  section.sec-intro .people_near::before {
    top: 26px;
  }

  section.sec-intro .people_near .people:nth-of-type(1) {
    background-size: 512px 62px;
    height: 62px;
    margin-bottom: -30px;
  }

  section.sec-intro .people_near .people:nth-of-type(2),
  section.sec-intro .people_near .people:nth-of-type(6),
  section.sec-intro .people_near .people:nth-of-type(10),
  section.sec-intro .people_near .people:nth-of-type(14) {
    background-size: 512px 32px;
    height: 32px;
    background-position: 34px 0px;
  }

  section.sec-intro .people_near .people:nth-of-type(3),
  section.sec-intro .people_near .people:nth-of-type(7),
  section.sec-intro .people_near .people:nth-of-type(11),
  section.sec-intro .people_near .people:nth-of-type(15) {
    background-size: 512px 40px;
    height: 40px;
    background-position: -70px 0px;
  }

  section.sec-intro .people_near .people:nth-of-type(4),
  section.sec-intro .people_near .people:nth-of-type(8),
  section.sec-intro .people_near .people:nth-of-type(12) {
    background-size: 512px 40px;
    height: 40px;
    background-position: -18px 0px;
    margin-top: -4px;
  }

  section.sec-intro .people_near .people:nth-of-type(5),
  section.sec-intro .people_near .people:nth-of-type(9),
  section.sec-intro .people_near .people:nth-of-type(13) {
    background-size: 512px 30px;
    height: 30px;
  }

  section.sec-intro .people_far {
    top: 140px;
  }

  section.sec-intro .people_far::before {
    top: 20px;
  }

  section.sec-intro .people_far .people:nth-of-type(1) {
    background-size: 342px 52px;
    height: 52px;
    margin-bottom: -30px;
  }

  section.sec-intro .people_far .people:nth-of-type(2),
  section.sec-intro .people_far .people:nth-of-type(6),
  section.sec-intro .people_far .people:nth-of-type(10) {
    background-size: 342px 24px;
    height: 24px;
    margin-top: -2px;
  }

  section.sec-intro .people_far .people:nth-of-type(3),
  section.sec-intro .people_far .people:nth-of-type(7),
  section.sec-intro .people_far .people:nth-of-type(11) {
    background-size: 342px 26px;
    height: 26px;
    margin-top: 0px;
  }

  section.sec-intro .people_far .people:nth-of-type(4),
  section.sec-intro .people_far .people:nth-of-type(8),
  section.sec-intro .people_far .people:nth-of-type(12) {
    background-size: 342px 26px;
    height: 26px;
  }

  section.sec-intro .people_far .people:nth-of-type(5),
  section.sec-intro .people_far .people:nth-of-type(9),
  section.sec-intro .people_far .people:nth-of-type(13) {
    background-size: 342px 22px;
    height: 22px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby-far: -5px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=standby] {
    --standby: -10px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave-far: -20px;
  }

  section.sec-intro .wrap-bg_stage[data-people-style=wave] {
    --jump-wave: -30px;
  }

  section.sec-intro .bg_stage {
    width: 760px;
    height: 1012px;
  }

  section.sec-intro .wrap_ball {
    width: 360px;
    height: 360px;
    top: 484px;
  }

  section.sec-intro .wrap_ball.small {
    width: 160px;
    height: 160px;
    top: 140px;
  }

  section.sec-intro .wrap_ball.small .ball-pos {
    --ball-pos: -640px;
  }

  section.sec-intro .wrap_ball.small.i-2 {
    top: 120px;
  }

  section.sec-intro .wrap_ball .ball-pos {
    --ball-pos: -1120px;
  }

  section.sec-intro .wrap_ball .ball {
    --ball-jump: -100px;
  }

  section.sec-final-report .wrap_btn_close {
    width: 120px;
    height: 120px;
    right: 24px;
    top: 24px;
  }

  section.sec-final-report .wrap_btn_close img.btn_close,
  section.sec-final-report .wrap_btn_close img.btn_close_hover {
    width: 120px;
    height: 120px;
  }

  section.sec-final-report .sec-1,
  section.sec-final-report .sec-2,
  section.sec-final-report .sec-3,
  section.sec-final-report .sec-4,
  section.sec-final-report .sec-5,
  section.sec-final-report .sec-6,
  section.sec-final-report .sec-7,
  section.sec-final-report .sec-8,
  section.sec-final-report .sec-9,
  section.sec-final-report .sec-10,
  section.sec-final-report .sec-11,
  section.sec-final-report .sec-12 {
    width: 780px;
    min-height: 1320px;
  }

  section.sec-final-report .bg {
    width: 780px;
    height: 1320px;
  }

  section.sec-final-report .btn_next {
    right: 20px;
    bottom: 30px;
  }

  section.sec-final-report .btn_next .btn_next_text {
    font-size: 24px;
  }

  section.sec-final-report .btn_next img.arrow {
    width: 18px;
    height: 11.82px;
    margin-left: 12px;
    top: -2px;
  }

  section.sec-final-report .sec-1 img.logo_charasai {
    width: 271.63px;
    height: 52.46px;
    margin: 0px auto 0px;
  }

  section.sec-final-report .sec-1 img.title {
    width: 468px;
    height: 202px;
    margin: 50px auto;
  }

  section.sec-final-report .sec-1 img.char {
    width: 612px;
    height: 150px;
  }

  section.sec-final-report .sec-1 .wrap-praizu {
    width: 612px;
    margin-top: 60px;
  }

  section.sec-final-report .sec-1 img.pra_text {
    width: 142px;
    height: 92px;
    margin: 0px 40px;
  }

  section.sec-final-report .sec-1 img.pra {
    width: 158.926px;
    height: 160px;
    margin: 14px 40px 20px;
  }

  section.sec-final-report .sec-1 img.comment_first {
    width: 700px;
    height: 246px;
  }

  section.sec-final-report .sec-1 img.izu {
    width: 162.148px;
    height: 160px;
    margin: 14px 40px 20px;
  }

  section.sec-final-report .sec-1 img.izu_text {
    width: 148px;
    height: 94px;
    margin: 0px 40px;
  }

  section.sec-final-report .sec-1 .attention-scroll {
    margin: 0px auto 0px;
    width: 160px;
    bottom: 14px;
  }

  section.sec-final-report .sec-1 .attention-scroll p {
    font-size: 24px;
  }

  section.sec-final-report .sec-1 .attention-scroll img.arrow {
    width: 18px;
    height: 11.82px;
    margin: 8px auto 0px;
  }

  section.sec-final-report .sec-2 .wrap-sec-content,
  section.sec-final-report .sec-4 .wrap-sec-content,
  section.sec-final-report .sec-6 .wrap-sec-content,
  section.sec-final-report .sec-8 .wrap-sec-content,
  section.sec-final-report .sec-10 .wrap-sec-content,
  section.sec-final-report .sec-12 .wrap-sec-content {
    width: 780px;
    height: 1320px;
  }

  section.sec-final-report .sec-2 img.bg_pattern,
  section.sec-final-report .sec-4 img.bg_pattern,
  section.sec-final-report .sec-6 img.bg_pattern,
  section.sec-final-report .sec-8 img.bg_pattern,
  section.sec-final-report .sec-10 img.bg_pattern,
  section.sec-final-report .sec-12 img.bg_pattern {
    height: 348px;
  }

  section.sec-final-report .sec-2 img.kamifubuki,
  section.sec-final-report .sec-4 img.kamifubuki,
  section.sec-final-report .sec-6 img.kamifubuki,
  section.sec-final-report .sec-8 img.kamifubuki,
  section.sec-final-report .sec-10 img.kamifubuki,
  section.sec-final-report .sec-12 img.kamifubuki {
    width: 710px;
    height: 266px;
    top: 174.52px;
    left: 36.34px;
  }

  section.sec-final-report .sec-2 img.light,
  section.sec-final-report .sec-4 img.light,
  section.sec-final-report .sec-6 img.light,
  section.sec-final-report .sec-8 img.light,
  section.sec-final-report .sec-10 img.light,
  section.sec-final-report .sec-12 img.light {
    width: 328px;
    height: 1046px;
    top: 20px;
  }

  section.sec-final-report .sec-2 .comment,
  section.sec-final-report .sec-4 .comment,
  section.sec-final-report .sec-6 .comment,
  section.sec-final-report .sec-8 .comment,
  section.sec-final-report .sec-10 .comment,
  section.sec-final-report .sec-12 .comment {
    bottom: 730px;
  }

  section.sec-final-report .sec-2 img.pra,
  section.sec-final-report .sec-4 img.pra,
  section.sec-final-report .sec-6 img.pra,
  section.sec-final-report .sec-8 img.pra,
  section.sec-final-report .sec-10 img.pra,
  section.sec-final-report .sec-12 img.pra {
    width: 296px;
    height: 298px;
    bottom: 400px;
  }

  section.sec-final-report .sec-2 img.izu,
  section.sec-final-report .sec-4 img.izu,
  section.sec-final-report .sec-6 img.izu,
  section.sec-final-report .sec-8 img.izu,
  section.sec-final-report .sec-10 img.izu,
  section.sec-final-report .sec-12 img.izu {
    width: 302px;
    height: 298px;
    bottom: 400px;
  }

  section.sec-final-report .sec-2 img.step,
  section.sec-final-report .sec-4 img.step,
  section.sec-final-report .sec-6 img.step,
  section.sec-final-report .sec-8 img.step,
  section.sec-final-report .sec-10 img.step,
  section.sec-final-report .sec-12 img.step {
    width: 400px;
    height: 100px;
    bottom: 300px;
  }

  section.sec-final-report .sec-3,
  section.sec-final-report .sec-5 {
    min-height: 2016px;
  }

  section.sec-final-report .sec-3 .wrap-cards,
  section.sec-final-report .sec-5 .wrap-cards {
    gap: 40px;
    margin: 80px auto;
    height: 1856px;
  }

  section.sec-final-report .sec-3 .card,
  section.sec-final-report .sec-5 .card {
    width: 300px;
    height: 420px;
  }

  section.sec-final-report .sec-3 .card .card-content,
  section.sec-final-report .sec-5 .card .card-content {
    width: 300px;
    height: 420px;
    border-radius: 20px;
  }

  section.sec-final-report .sec-3 .card .front,
  section.sec-final-report .sec-5 .card .front {
    width: 300px;
    height: 420px;
  }

  section.sec-final-report .sec-3 .card .wrap-rank,
  section.sec-final-report .sec-5 .card .wrap-rank {
    font-size: 20px;
    width: 112px;
    height: 112px;
    left: -12px;
    top: -20px;
    padding-left: 10px;
    padding-top: 16px;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank,
  section.sec-final-report .sec-5 .card .wrap-rank .rank {
    font-size: 20px;
  }

  section.sec-final-report .sec-3 .card .wrap-rank .rank span,
  section.sec-final-report .sec-5 .card .wrap-rank .rank span {
    font-size: 32px;
  }

  section.sec-final-report .sec-3 .card .point,
  section.sec-final-report .sec-5 .card .point {
    width: 62px;
    left: 0px;
    font-size: 20px;
  }

  section.sec-final-report .sec-3 .card .point span,
  section.sec-final-report .sec-5 .card .point span {
    font-size: 16px;
    top: 2px;
    margin-left: -2px;
  }

  section.sec-final-report .sec-3 .card .wrap-img,
  section.sec-final-report .sec-5 .card .wrap-img {
    width: 250px;
    height: 250px;
    border-width: 6px;
    margin: 72px auto 0px;
    border-radius: 20px;
  }

  section.sec-final-report .sec-3 .card img.img-1,
  section.sec-final-report .sec-5 .card img.img-1 {
    width: 244.4px;
    height: 244.4px;
  }

  section.sec-final-report .sec-3 .card img.img-2,
  section.sec-final-report .sec-5 .card img.img-2 {
    width: 244.4px;
    height: 244.4px;
  }

  section.sec-final-report .sec-3 .card .creator,
  section.sec-final-report .sec-5 .card .creator {
    font-size: 12.666px;
    margin: 8px auto 0px;
    right: 25.34px;
    top: 8px;
  }

  section.sec-final-report .sec-3 .card .name,
  section.sec-final-report .sec-5 .card .name {
    font-size: 18.666px;
    margin: 0px auto 0px;
    right: 25.34px;
    top: 36px;
  }

  section.sec-final-report .sec-3 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-3 .card[data-char-index="12"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="3"] .name,
  section.sec-final-report .sec-5 .card[data-char-index="12"] .name {
    font-size: 14.666px;
    top: 36px;
  }

  section.sec-final-report .sec-3 .card .speech,
  section.sec-final-report .sec-5 .card .speech {
    font-size: 18.666px;
    margin: 0px auto 0px;
    height: 97.34px;
  }

  section.sec-final-report .sec-3 .card img.card_design,
  section.sec-final-report .sec-5 .card img.card_design {
    width: 222.94px;
  }

  section.sec-final-report .sec-7 .wrap-sec-content,
  section.sec-final-report .sec-9 .wrap-sec-content,
  section.sec-final-report .sec-11 .wrap-sec-content {
    width: 780px;
    min-height: 1320px;
  }

  section.sec-final-report .sec-7 .wrap_ball,
  section.sec-final-report .sec-9 .wrap_ball,
  section.sec-final-report .sec-11 .wrap_ball {
    width: 360px;
    height: 360px;
    top: 800px;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball-pos,
  section.sec-final-report .sec-9 .wrap_ball .ball-pos,
  section.sec-final-report .sec-11 .wrap_ball .ball-pos {
    --ball-pos: -600px;
  }

  section.sec-final-report .sec-7 .wrap_ball .ball,
  section.sec-final-report .sec-9 .wrap_ball .ball,
  section.sec-final-report .sec-11 .wrap_ball .ball {
    --ball-jump: -100px;
  }

  section.sec-final-report .sec-7 .bg_deco,
  section.sec-final-report .sec-9 .bg_deco,
  section.sec-final-report .sec-11 .bg_deco {
    width: 780px;
    height: 1320px;
  }

  section.sec-final-report .sec-7 .card,
  section.sec-final-report .sec-9 .card,
  section.sec-final-report .sec-11 .card {
    width: 660px;
    height: 922px;
    margin: 200px auto 0px;
  }

  section.sec-final-report .sec-7 .card .card-content,
  section.sec-final-report .sec-9 .card .card-content,
  section.sec-final-report .sec-11 .card .card-content {
    width: 660px;
    height: 922px;
    border-radius: 20px;
  }

  section.sec-final-report .sec-7 .card .front,
  section.sec-final-report .sec-9 .card .front,
  section.sec-final-report .sec-11 .card .front {
    width: 660px;
    height: 922px;
  }

  section.sec-final-report .sec-7 .card .card_top3,
  section.sec-final-report .sec-9 .card .card_top3,
  section.sec-final-report .sec-11 .card .card_top3 {
    width: 660px;
    height: 920px;
  }

  section.sec-final-report .sec-7 .card .rank,
  section.sec-final-report .sec-9 .card .rank,
  section.sec-final-report .sec-11 .card .rank {
    font-size: 56px;
    width: 172px;
    height: 190px;
    left: 36px;
    top: 30px;
  }

  section.sec-final-report .sec-7 .card .rank .rank_2,
  section.sec-final-report .sec-9 .card .rank .rank_2,
  section.sec-final-report .sec-11 .card .rank .rank_2 {
    top: -6px;
  }

  section.sec-final-report .sec-7 .card .rank .rank_1,
  section.sec-final-report .sec-9 .card .rank .rank_1,
  section.sec-final-report .sec-11 .card .rank .rank_1 {
    top: -4px;
  }

  section.sec-final-report .sec-7 .card .point,
  section.sec-final-report .sec-9 .card .point,
  section.sec-final-report .sec-11 .card .point {
    font-size: 28px;
    left: 4px;
    top: 120px;
  }

  section.sec-final-report .sec-7 .card .point span,
  section.sec-final-report .sec-9 .card .point span,
  section.sec-final-report .sec-11 .card .point span {
    font-size: 24px;
  }

  section.sec-final-report .sec-7 .card .creator,
  section.sec-final-report .sec-9 .card .creator,
  section.sec-final-report .sec-11 .card .creator {
    font-size: 24px;
    right: 46px;
    top: 46px;
  }

  section.sec-final-report .sec-7 .card .name,
  section.sec-final-report .sec-9 .card .name,
  section.sec-final-report .sec-11 .card .name {
    font-size: 42px;
    right: 46px;
    top: 80px;
  }

  section.sec-final-report .sec-7 .card .wrap-img,
  section.sec-final-report .sec-9 .card .wrap-img,
  section.sec-final-report .sec-11 .card .wrap-img {
    width: 628px;
    height: 888px;
    border-radius: 12px;
    top: 20px;
  }

  section.sec-final-report .sec-7 .card .speech,
  section.sec-final-report .sec-9 .card .speech,
  section.sec-final-report .sec-11 .card .speech {
    font-size: 30px;
    height: 104px;
    bottom: 48px;
  }

  section.sec-final-report .sec-7 .card img.card_design,
  section.sec-final-report .sec-9 .card img.card_design,
  section.sec-final-report .sec-11 .card img.card_design {
    width: 490.46px;
  }

  section.sec-final-report .wrap-danmaku {
    top: 508px;
    height: 438px;
  }

  section.sec-final-report .wrap-danmaku .block-danmaku {
    gap: 40px;
    padding-right: 40px;
  }

  section.sec-final-report .wrap-danmaku .danmaku {
    font-size: 36px;
    padding: 34px;
    border-radius: 20px;
    border-width: 6px;
  }

  section.sec-final-report .sec-2 .comment_1 {
    width: 424px;
    height: 126px;
  }

  section.sec-final-report .sec-4 .comment_2 {
    width: 416px;
    height: 128px;
  }

  section.sec-final-report .sec-6 .comment_3 {
    width: 288px;
    height: 128px;
  }

  section.sec-final-report .sec-8 .comment_4 {
    width: 160px;
    height: 128px;
  }

  section.sec-final-report .sec-10 .comment_5 {
    width: 404px;
    height: 128px;
  }

  section.sec-final-report .sec-12 .comment_last {
    width: 684px;
    height: 326px;
  }

  section.sec-final-report .sec-12 .comment {
    bottom: 600px;
  }

  section.sec-final-report .sec-12 img.pra {
    left: 180px;
    bottom: 408px;
    width: 158.92px;
    height: 160px;
  }

  section.sec-final-report .sec-12 img.izu {
    right: 180px;
    bottom: 408px;
    width: 162.14px;
    height: 160px;
  }

  section.sec-final-report .sec-12 img.step {
    width: 160px;
    height: 50px;
    bottom: 358px;
  }

  section.sec-final-report .sec-12 img.step-pra {
    left: 180px;
  }

  section.sec-final-report .sec-12 img.step-izu {
    right: 180px;
  }

  section.sec-final-report .sec-12 .btn_close_end {
    margin: 0px auto 0px;
    width: 160px;
    bottom: 24.5px;
  }

  section.sec-final-report .sec-12 .btn_close_end p {
    font-size: 24px;
  }

  section.sec-final-report .sec-12 .btn_close_end img.arrow {
    width: 15px;
    height: 15px;
    margin: 10px auto 0px;
  }

  section.sec-final-report .card {
    -webkit-perspective: 1560px;
    perspective: 1560px;
  }

  .bg-news {
    width: 780px;
    height: 1360px;
    background-size: 780px 1360px;
    top: 4px;
  }

  section.sec-newsList {
    padding-top: 330px;
    padding-bottom: 240px;
  }

  section.sec-newsList.top {
    padding-top: 0px;
    padding-bottom: 120px;
    margin-top: -460px;
  }

  section.sec-newsList.top .button {
    margin-top: 100px;
  }

  section.sec-newsList .pageTitle {
    margin: -14px auto -6px;
    font-size: 64px;
  }

  section.sec-newsList ul.newsList {
    width: 740px;
    margin: 160px auto 160px;
    gap: 80px;
    padding-bottom: 120px;
    min-height: 800px;
  }

  section.sec-newsList li.newsItem {
    width: 440px;
    height: 440px;
    --pukapuka: 10px;
  }

  section.sec-newsList li.newsItem a {
    border-width: 6px;
    border-radius: 20px;
  }

  section.sec-newsList li.newsItem .wrap-thumb {
    width: 440px;
    height: 440px;
  }

  section.sec-newsList li.newsItem .rope {
    width: 210px;
    margin: -28px auto -8px;
  }

  section.sec-newsList li.newsItem .newsTitle {
    font-size: 28px;
    margin-top: 40px;
    padding: 20px 10px;
    border-width: 4px;
    border-radius: 10px;
    line-height: 38px;
    margin: 0px auto;
  }

  #news,
  #about,
  #commercialization {
    margin-top: -200px;
    padding-top: 200px;
  }
}

@media screen and (max-width: 736px) and (max-width: 736px) and (min-width: 780px) {
  section.sec-intro .wrap-bg_stage::before {
    height: 20px;
    width: 760px;
    left: 0px;
    top: 836px;
  }

  section.sec-intro .wrap-stage-inner::before {
    height: 1008px;
    width: 760px;
    margin: 0px auto 0px;
    border-radius: 30px;
    border-width: 4px;
  }

  section.sec-intro .wrap-ui-left::before {
    width: 600px;
    height: 60px;
    left: 0px;
    top: 0px;
    bottom: 0px;
  }
}