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

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

.js-scrollEnter {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

.js-scrollEnter[data-state=animated] {
  -webkit-transition: opacity 0.5s linear 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.5s linear 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.5s linear 0.2s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.5s linear 0.2s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  opacity: 1;
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
}

.js-scrollEnter[data-delay="0.4"][data-state=animated] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.js-scrollEnter[data-delay="0.6"][data-state=animated] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

@-webkit-keyframes blink-button {
  0% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }

  100% {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
  }
}

@keyframes blink-button {
  0% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }

  100% {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
  }
}

.bg_pc {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.bg_pc::before {
  background-image: url(./../img/sp/common/dot_pattern.png);
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  z-index: 1;
  background-size: 1.1181818182vw 1.1318181818vw;
}

.bg_pc::after {
  content: "";
  background-color: #4A4A4A;
  opacity: 0.4;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 102.2727272727vw;
}

.bg_pc img.bg {
  opacity: 0;
}

.section_component {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
}

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

.section_component .section_content {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100vw;
}

.section_component .copyright {
  display: block;
  color: #3B3D57;
  text-align: center;
  font-size: 4.0909090909vw;
}

.section_sound_setting .section_content {
  background-color: #41C3FF;
  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;
  padding: 18.1818181818vw 0vw 27.2727272727vw;
}

.section_sound_setting .bg_deco {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.section_sound_setting .bg_deco::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0.3;
  background-image: url("/promotion/k-on/assets/index/img/sp/common/dot_pattern.png");
  background-size: 11.1818181818vw 11.3181818182vw;
}

.section_sound_setting .bg_deco::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid #FFF;
  content: "";
  display: block;
  border-width: 4.5454545455vw;
}

.section_sound_setting img[src*="logo_collabo.png"] {
  margin: 0vw auto 0vw;
  width: 70.9090909091vw;
}

.section_sound_setting img[src*="logo_campaign.png"] {
  margin: 9.5454545455vw auto 9.5454545455vw;
  width: 100vw;
}

.section_sound_setting .text {
  font-weight: 800;
  color: #3B3D57;
  text-align: center;
  position: relative;
  margin: 0vw auto 15vw;
  font-size: 5.1227272727vw;
}

.section_sound_setting .wrap_btn_sound {
  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;
  gap: 5.6818181818vw;
}

.section_sound_setting .btn_sound_off,
.section_sound_setting .btn_sound_on {
  position: relative;
  width: 36.0227272727vw;
}

.section_sound_setting img[src*="sound_off.png"] {
  -webkit-animation: blink-sound_off 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: blink-sound_off 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  width: 36.0227272727vw;
}

.section_sound_setting img[src*="sound_on_pop.png"] {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  width: 30.7954545455vw;
  margin: 0vw auto 0.4545454545vw;
}

.section_sound_setting img[src*="sound_on.png"] {
  -webkit-animation: blink-sound_on 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: blink-sound_on 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  width: 36.0227272727vw;
}

body[data-sound-enabled=on] .section_sound_setting img[src*="sound_on.png"] {
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

body[data-sound-enabled=off] .section_sound_setting img[src*="sound_off.png"] {
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_sound_setting .copyright {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6.8181818182vw;
}

@-webkit-keyframes blink-sound_off {
  0% {
    -webkit-filter: brightness(1) contrast(1);
    filter: brightness(1) contrast(1);
  }

  100% {
    -webkit-filter: brightness(1.08) contrast(0.95);
    filter: brightness(1.08) contrast(0.95);
  }
}

@keyframes blink-sound_off {
  0% {
    -webkit-filter: brightness(1) contrast(1);
    filter: brightness(1) contrast(1);
  }

  100% {
    -webkit-filter: brightness(1.08) contrast(0.95);
    filter: brightness(1.08) contrast(0.95);
  }
}

@-webkit-keyframes blink-sound_on {
  0% {
    -webkit-filter: brightness(1) contrast(1);
    filter: brightness(1) contrast(1);
  }

  100% {
    -webkit-filter: brightness(1.1) contrast(0.95);
    filter: brightness(1.1) contrast(0.95);
  }
}

@keyframes blink-sound_on {
  0% {
    -webkit-filter: brightness(1) contrast(1);
    filter: brightness(1) contrast(1);
  }

  100% {
    -webkit-filter: brightness(1.1) contrast(0.95);
    filter: brightness(1.1) contrast(0.95);
  }
}

@-webkit-keyframes btn-bounce {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

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

@keyframes btn-bounce {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

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

body[data-scene=sound_setting] .section_sound_setting {
  height: 100%;
  opacity: 1;
  overflow: auto;
  overscroll-behavior-y: none;
  z-index: 1;
}

body[data-scene=choice_schedule] .section_sound_setting {
  height: 0%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  overscroll-behavior-y: none;
  pointer-events: none;
  -webkit-transition: opacity 0.001s linear 0.6s, height 0.001s linear 0.6s, visibility 0.001s linear 0.6s;
  transition: opacity 0.001s linear 0.6s, height 0.001s linear 0.6s, visibility 0.001s linear 0.6s;
}

body[data-scene=choice_schedule] .section_sound_setting .bg_deco::after {
  -webkit-transition: border-width 0.2s linear 0s;
  transition: border-width 0.2s linear 0s;
  border-width: 0vw;
}

body[data-scene=choice_schedule] .section_sound_setting .copyright {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear 0s;
  transition: opacity 0.15s linear 0s;
}

.section_sound_setting img[src*="logo_collabo.png"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_sound_setting img[src*="logo_campaign.png"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_sound_setting .text {
  opacity: 0;
  -webkit-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
}

.section_sound_setting .btn_sound_off,
.section_sound_setting .btn_sound_on {
  opacity: 0;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

.section_sound_setting img[src*="sound_on_pop.png"] {
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
}

.section_sound_setting[data-is-animated] img[src*="logo_collabo.png"] {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}

.section_sound_setting[data-is-animated] img[src*="logo_campaign.png"] {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}

.section_sound_setting[data-is-animated] .text {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.3s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.3s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.3s linear 0.4s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.3s linear 0.4s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

.section_sound_setting[data-is-animated] .btn_sound_off,
.section_sound_setting[data-is-animated] .btn_sound_on {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.6s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: opacity 0.15s linear 0.6s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: opacity 0.15s linear 0.6s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: opacity 0.15s linear 0.6s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
}

.section_sound_setting[data-is-animated] img[src*="sound_on_pop.png"] {
  opacity: 1;
  -webkit-transition: opacity 0.15s linear 0.9s;
  transition: opacity 0.15s linear 0.9s;
  -webkit-animation: sound_on_pop_slide_in 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s 1 forwards, sound_on_pop 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s infinite;
  animation: sound_on_pop_slide_in 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s 1 forwards, sound_on_pop 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s infinite;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section_choice_schedule .section_content {
  background-color: #41C3FF;
}

.section_choice_schedule .section_content::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0.3;
  background-image: url("/promotion/k-on/assets/index/img/sp/common/dot_pattern.png");
  background-size: 11.1818181818vw 11.3181818182vw;
}

.section_choice_schedule .wrap_blackboard {
  position: absolute;
  overflow: hidden;
  height: calc(100% - var(--wrap_blackboard_height));
  margin: 0vw auto 0vw;
  top: 39.7727272727vw;
  min-height: 187.7272727273vw;
  --wrap_blackboard_height: 39.7727272727vw;
}

.section_choice_schedule .wrap_blackboard::before {
  content: "";
  background-image: url("/promotion/k-on/assets/index/img/sp/choice_schedule/woodfloor.png");
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 187.7272727273vw;
  background-size: 100vw 6.4772727273vw;
}

.section_choice_schedule img[src*="blackboard.png"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
}

.section_choice_schedule .text {
  font-weight: 900;
  position: relative;
  line-height: 1.4166666667;
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 5.4545454545vw;
  margin: 5.6818181818vw auto 0vw;
  left: -0.4545454545vw;
}

.section_choice_schedule .text p {
  color: #FFF;
  font-weight: 900;
  line-height: 1.4166666667;
  text-align: center;
  display: inline-block;
  font-size: 5.4545454545vw;
}

.section_choice_schedule .wrap_tab {
  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-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3.4090909091vw auto 0vw;
  gap: 2.3863636364vw 2.0454545455vw;
}

.section_choice_schedule .tab {
  position: relative;
  color: #FFF;
  font-weight: 900;
  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: solid #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background-color: rgba(189, 189, 189, 0.1);
  -webkit-tap-highlight-color: transparent;
  width: 45vw;
  height: 16.25vw;
  border-radius: 7.9545454545vw;
  padding: 0vw 7.0454545455vw 0vw 3.4090909091vw;
  font-size: 5.35vw;
  border-width: 0.625vw;
}

.section_choice_schedule .tab::after {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  content: ">";
  color: #FFF;
  font-weight: 700;
  margin: auto;
  display: block;
  font-size: 5.1227272727vw;
  height: 5.1227272727vw;
  right: 3.4090909091vw;
  top: 0vw;
  bottom: 0vw;
}

.section_choice_schedule .balloon {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-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;
  -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;
  text-align: center;
  font-weight: 800;
  color: #3B3D57;
  -webkit-filter: drop-shadow(var(--balloon-shadow-offset) var(--balloon-shadow-offset) 0 rgba(0, 0, 0, 0.25));
  filter: drop-shadow(var(--balloon-shadow-offset) var(--balloon-shadow-offset) 0 rgba(0, 0, 0, 0.25));
  width: 83.0681818182vw;
  height: 29.7727272727vw;
  padding-bottom: 3.4090909091vw;
  --balloon-shadow-offset: 0.9090909091vw;
  font-size: 5.4545454545vw;
  margin: 10.6818181818vw auto -2.2727272727vw;
}

.section_choice_schedule .balloon p {
  text-align: center;
  font-weight: 800;
  color: #3B3D57;
  display: inline-block;
  font-size: 5.4545454545vw;
}

.section_choice_schedule .balloon::before {
  position: absolute;
  background-color: #FFF;
  display: block;
  content: "";
  z-index: -1;
  border-radius: 7.2727272727vw;
  width: 83.0681818182vw;
  height: 26.3636363636vw;
}

.section_choice_schedule .balloon::after {
  position: absolute;
  background-color: #FFF;
  display: block;
  content: "";
  -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  background-color: #FFF;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  left: 50%;
  z-index: -1;
  width: 3.4090909091vw;
  height: 3.4090909091vw;
  bottom: 0.2272727273vw;
}

.section_choice_schedule .wrap_ball {
  position: relative;
  height: 32.2727272727vw;
  margin: 0vw auto 10.4545454545vw;
}

.section_choice_schedule .ball {
  position: absolute;
  width: 25.9090909091vw;
  height: 26.8181818182vw;
}

.section_choice_schedule .ball img {
  width: 100%;
  position: relative;
  z-index: 1;
}

.section_choice_schedule .ball img[src*=shadow] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.3636363636vw;
}

.section_choice_schedule .ball_tsumugi {
  left: -0.6818181818vw;
  top: 0.3409090909vw;
}

.section_choice_schedule .ball_mio {
  z-index: 2;
  left: 15.4545454545vw;
  top: 3.1818181818vw;
}

.section_choice_schedule .ball_yui {
  z-index: 3;
  left: 36.3636363636vw;
  top: 5.2272727273vw;
}

.section_choice_schedule .ball_azusa {
  z-index: 2;
  right: 18.4090909091vw;
  top: 3.1818181818vw;
}

.section_choice_schedule .ball_ritsu {
  right: -1.1363636364vw;
  top: 0vw;
}

.section_choice_schedule .copyright {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4.0909090909vw;
}

.section_choice_schedule .wrap_blackboard {
  opacity: 0;
  -webkit-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
}

.section_choice_schedule img[src*="logo_campaign.png"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_choice_schedule .tab {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

body[data-scene*=choice_schedule] .section_choice_schedule {
  height: 100%;
  opacity: 1;
  overscroll-behavior-y: none;
  -webkit-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s;
  -webkit-animation: overflow-change 0.1s linear 1.8s 1 forwards;
  animation: overflow-change 0.1s linear 1.8s 1 forwards;
  z-index: 1;
}

@-webkit-keyframes overflow-change {
  0% {
    overflow: hidden;
  }

  100% {
    overflow: auto;
  }
}

@keyframes overflow-change {
  0% {
    overflow: hidden;
  }

  100% {
    overflow: auto;
  }
}

body[data-scene*=choice_schedule] .section_choice_schedule img[src*="logo_campaign.png"] {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: opacity 0.3s linear 0.5s, -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.3s linear 0.5s, -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.3s linear 0.5s, transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.3s linear 0.5s, transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}

body[data-scene*=choice_schedule] .section_choice_schedule .text p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

body[data-scene*=choice_schedule] .section_choice_schedule .text p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s 1 forwards;
}

body[data-scene*=choice_schedule] .section_choice_schedule .text p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s 1 forwards;
}

body[data-scene*=choice_schedule] .section_choice_schedule .text p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1.4s 1 forwards;
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

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

  100% {
    opacity: 1;
  }
}

@keyframes tab-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

@-webkit-keyframes blink-tab {
  0% {
    background-color: rgba(189, 189, 189, 0.1);
  }

  100% {
    background-color: rgba(200, 255, 200, 0.16);
  }
}

@keyframes blink-tab {
  0% {
    background-color: rgba(189, 189, 189, 0.1);
  }

  100% {
    background-color: rgba(200, 255, 200, 0.16);
  }
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(3) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(4) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

@keyframes tab-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

@keyframes blink-tab {
  0% {
    background-color: rgba(189, 189, 189, 0.1);
  }

  100% {
    background-color: rgba(200, 255, 200, 0.16);
  }
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(5) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(6) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

@keyframes tab-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

@keyframes blink-tab {
  0% {
    background-color: rgba(189, 189, 189, 0.1);
  }

  100% {
    background-color: rgba(200, 255, 200, 0.16);
  }
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(7) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1.6s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.6s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.6s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.6s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene*=choice_schedule] .section_choice_schedule .tab:nth-of-type(8) {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: tab-opacity 0.2s linear 1.6s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.6s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.6s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.6s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

@keyframes tab-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

@keyframes blink-tab {
  0% {
    background-color: rgba(189, 189, 189, 0.1);
  }

  100% {
    background-color: rgba(200, 255, 200, 0.16);
  }
}

body[data-scene*=choice_schedule] .section_choice_schedule .wrap_blackboard {
  opacity: 1;
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  -webkit-transition: opacity 0.35s linear 0.7s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: opacity 0.35s linear 0.7s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: opacity 0.35s linear 0.7s, transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: opacity 0.35s linear 0.7s, transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule {
  -webkit-transition: none;
  transition: none;
  -webkit-animation: overflow-change 0.1s linear 1.5s 1 forwards;
  animation: overflow-change 0.1s linear 1.5s 1 forwards;
  z-index: 1;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule img[src*="logo_campaign.png"] {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: logo_campaign_opacity 0.3s linear 0.3s 1 forwards, logo_campaign_transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s 1 forwards;
  animation: logo_campaign_opacity 0.3s linear 0.3s 1 forwards, logo_campaign_transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s 1 forwards;
}

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

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

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

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

body[data-scene=choice_schedule_from_result] .section_choice_schedule .text p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .text p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s 1 forwards;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .text p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s 1 forwards;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .text p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s 1 forwards;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(1) {
  -webkit-animation: tab-opacity 0.2s linear 0.8s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 0.8s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(2) {
  -webkit-animation: tab-opacity 0.2s linear 0.8s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 0.8s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(3) {
  -webkit-animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(4) {
  -webkit-animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(5) {
  -webkit-animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(6) {
  -webkit-animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.2s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(7) {
  -webkit-animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .tab:nth-of-type(8) {
  -webkit-animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: tab-opacity 0.2s linear 1.4s 1 normal forwards, tab-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 normal forwards, blink-tab 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
}

body[data-scene=choice_schedule_from_result] .section_choice_schedule .wrap_blackboard {
  opacity: 1;
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  -webkit-transition: opacity 0.35s linear 0.5s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0.35s linear 0.5s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0.35s linear 0.5s, transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0.35s linear 0.5s, transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

body[data-scene=result] .section_choice_schedule {
  height: 0%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  overscroll-behavior-y: none;
  pointer-events: none;
  -webkit-transition: opacity 0.001s linear 2.4s, height 0.001s linear 2.4s, visibility 0.001s linear 2.4s;
  transition: opacity 0.001s linear 2.4s, height 0.001s linear 2.4s, visibility 0.001s linear 2.4s;
}

body[data-scene=result] .section_choice_schedule img[src*="logo_campaign.png"] {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

body[data-scene=result] .section_choice_schedule .wrap_blackboard {
  opacity: 0;
  -webkit-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
  -webkit-transition: opacity 0.2s linear 2s, -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.8s;
  transition: opacity 0.2s linear 2s, -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.8s;
  transition: opacity 0.2s linear 2s, transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.8s;
  transition: opacity 0.2s linear 2s, transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.8s, -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.8s;
}

body[data-scene=result] .section_choice_schedule .tab {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.section_choice_schedule .balloon {
  z-index: 5;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.section_choice_schedule[data-char=tsumugi] .balloon {
  -webkit-animation: balloon-pop-1 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: balloon-pop-1 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  -webkit-transform-origin: 15% 100%;
  transform-origin: 15% 100%;
  left: -4.5454545455vw;
  top: -1.8181818182vw;
}

.section_choice_schedule[data-char=tsumugi] .balloon p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

.section_choice_schedule[data-char=tsumugi] .balloon p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

.section_choice_schedule[data-char=tsumugi] .balloon p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
}

.section_choice_schedule[data-char=tsumugi] .balloon p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
}

.section_choice_schedule[data-char=tsumugi] .balloon::after {
  left: 15%;
}

.section_choice_schedule[data-char=tsumugi] .char[src*=tsumugi] {
  -webkit-animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=tsumugi] .ball_tsumugi img[src*=shadow] {
  -webkit-animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=mio] .balloon {
  -webkit-animation: balloon-pop-2 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: balloon-pop-2 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  -webkit-transform-origin: 30% 100%;
  transform-origin: 30% 100%;
  left: -2.2727272727vw;
  top: -0.9090909091vw;
}

.section_choice_schedule[data-char=mio] .balloon p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

.section_choice_schedule[data-char=mio] .balloon p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

.section_choice_schedule[data-char=mio] .balloon p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
}

.section_choice_schedule[data-char=mio] .balloon p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
}

.section_choice_schedule[data-char=mio] .balloon::after {
  left: 30%;
}

.section_choice_schedule[data-char=mio] .char[src*=mio] {
  -webkit-animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=mio] .ball_mio img[src*=shadow] {
  -webkit-animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=yui] .balloon {
  -webkit-animation: balloon-pop-3 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: balloon-pop-3 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.section_choice_schedule[data-char=yui] .balloon p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

.section_choice_schedule[data-char=yui] .balloon p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

.section_choice_schedule[data-char=yui] .balloon p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
}

.section_choice_schedule[data-char=yui] .balloon p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
}

.section_choice_schedule[data-char=yui] .char[src*=yui] {
  -webkit-animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=yui] .ball_yui img[src*=shadow] {
  -webkit-animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=yui-high] .balloon {
  -webkit-animation: balloon-pop-3 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: balloon-pop-3 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.section_choice_schedule[data-char=yui-high] .balloon p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

.section_choice_schedule[data-char=yui-high] .balloon p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

.section_choice_schedule[data-char=yui-high] .balloon p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
}

.section_choice_schedule[data-char=yui-high] .balloon p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
}

.section_choice_schedule[data-char=yui-high] .char[src*=yui] {
  -webkit-animation: char-jump-2 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 8 alternate;
  animation: char-jump-2 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 8 alternate;
}

.section_choice_schedule[data-char=yui-high] .ball_yui img[src*=shadow] {
  -webkit-animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 8 alternate;
  animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 8 alternate;
}

.section_choice_schedule[data-char=azusa] .balloon {
  -webkit-animation: balloon-pop-4 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: balloon-pop-4 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  -webkit-transform-origin: 70% 100%;
  transform-origin: 70% 100%;
  left: 2.2727272727vw;
  top: -0.9090909091vw;
}

.section_choice_schedule[data-char=azusa] .balloon p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

.section_choice_schedule[data-char=azusa] .balloon p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

.section_choice_schedule[data-char=azusa] .balloon p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
}

.section_choice_schedule[data-char=azusa] .balloon p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
}

.section_choice_schedule[data-char=azusa] .balloon::after {
  left: 70%;
}

.section_choice_schedule[data-char=azusa] .char[src*=azusa] {
  -webkit-animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=azusa] .ball_azusa img[src*=shadow] {
  -webkit-animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=ritsu] .balloon {
  -webkit-animation: balloon-pop-5 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: balloon-pop-5 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  -webkit-transform-origin: 85% 100%;
  transform-origin: 85% 100%;
  left: 4.5454545455vw;
  top: -1.8181818182vw;
}

.section_choice_schedule[data-char=ritsu] .balloon p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

.section_choice_schedule[data-char=ritsu] .balloon p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 forwards;
}

.section_choice_schedule[data-char=ritsu] .balloon p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s 1 forwards;
}

.section_choice_schedule[data-char=ritsu] .balloon p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
}

.section_choice_schedule[data-char=ritsu] .balloon::after {
  left: 85%;
}

.section_choice_schedule[data-char=ritsu] .char[src*=ritsu] {
  -webkit-animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-jump 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-char=ritsu] .ball_ritsu img[src*=shadow] {
  -webkit-animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
  animation: char-shadow 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 4 alternate;
}

.section_choice_schedule[data-choose-tab] .wrap_tab .tab {
  opacity: 0.3 !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.section_choice_schedule[data-choose-tab="1"] .wrap_tab .tab:nth-of-type(1) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_choice_schedule[data-choose-tab="2"] .wrap_tab .tab:nth-of-type(2) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_choice_schedule[data-choose-tab="3"] .wrap_tab .tab:nth-of-type(3) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_choice_schedule[data-choose-tab="4"] .wrap_tab .tab:nth-of-type(4) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_choice_schedule[data-choose-tab="5"] .wrap_tab .tab:nth-of-type(5) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_choice_schedule[data-choose-tab="6"] .wrap_tab .tab:nth-of-type(6) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_choice_schedule[data-choose-tab="7"] .wrap_tab .tab:nth-of-type(7) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

.section_choice_schedule[data-choose-tab="8"] .wrap_tab .tab:nth-of-type(8) {
  opacity: 1 !important;
  background-color: rgba(100, 255, 100, 0.25);
  -webkit-animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
  animation: btn-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 normal forwards;
}

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

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

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

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

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

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

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

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

@-webkit-keyframes char-shadow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes char-shadow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@-webkit-keyframes balloon-pop {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@keyframes balloon-pop {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@-webkit-keyframes balloon-pop-1 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@keyframes balloon-pop-1 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@-webkit-keyframes balloon-pop-2 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@keyframes balloon-pop-2 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@-webkit-keyframes balloon-pop-3 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@keyframes balloon-pop-3 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@-webkit-keyframes balloon-pop-4 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@keyframes balloon-pop-4 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@-webkit-keyframes balloon-pop-5 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@keyframes balloon-pop-5 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

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

@-webkit-keyframes talk-wipe {
  0% {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }

  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 talk-wipe {
  0% {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }

  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_result .section_content {
  background-color: #41C3FF;
  overflow: hidden;
}

.section_result .section_content::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0.3;
  background-image: url("/promotion/k-on/assets/index/img/sp/common/dot_pattern.png");
  z-index: 0;
  background-size: 11.1818181818vw 11.3181818182vw;
}

.section_result .bg_2 {
  position: absolute;
  width: 100%;
  height: calc(100% - var(--section-bg-height));
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(246, 203, 200)), to(rgb(246, 237, 200)));
  background: -webkit-linear-gradient(rgb(246, 203, 200), rgb(246, 237, 200));
  background: linear-gradient(rgb(246, 203, 200), rgb(246, 237, 200));
  z-index: 0;
  top: var(--section-bg-height);
  --section-bg-height: 271.1363636364vw;
}

.section_result .bg_2::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0.3;
  background-image: url("/promotion/k-on/assets/index/img/sp/common/dot_pattern.png");
  z-index: 0;
  background-size: 11.1818181818vw 11.3181818182vw;
}

.section_result[data-char=tsumugi] .ball img.char[src*=tsumugi] {
  display: block;
}

.section_result[data-char=tsumugi] .pic[src*=tsumugi] {
  display: block;
}

.section_result[data-char=mio] .ball img.char[src*=mio] {
  display: block;
}

.section_result[data-char=mio] .pic[src*=mio] {
  display: block;
}

.section_result[data-char=yui] .ball img.char[src*=yui] {
  display: block;
}

.section_result[data-char=yui] .pic[src*=yui] {
  display: block;
}

.section_result[data-char=azusa] .ball img.char[src*=azusa] {
  display: block;
}

.section_result[data-char=azusa] .pic[src*=azusa] {
  display: block;
}

.section_result[data-char=ritsu] .ball img.char[src*=ritsu] {
  display: block;
}

.section_result[data-char=ritsu] .pic[src*=ritsu] {
  display: block;
}

.section_result .wrap_result_content {
  border-top: solid 1px transparent;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}

.section_result .ball {
  position: relative;
  width: 25.9090909091vw;
  height: 26.8181818182vw;
  margin: 1.3636363636vw auto 0vw 3.1818181818vw;
}

.section_result .ball img.char {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
}

.section_result .ball img[src*=shadow] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.3636363636vw;
}

.section_result .balloon {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 800;
  color: #3B3D57;
  -webkit-filter: drop-shadow(var(--balloon-shadow-offset) var(--balloon-shadow-offset) 0 rgba(0, 0, 0, 0.25));
  filter: drop-shadow(var(--balloon-shadow-offset) var(--balloon-shadow-offset) 0 rgba(0, 0, 0, 0.25));
  width: 64.0909090909vw;
  height: 23.8636363636vw;
  padding-bottom: 3.4090909091vw;
  --balloon-shadow-offset: 0.9090909091vw;
  font-size: 4.6681818182vw;
  left: 30.9090909091vw;
  top: 2.2727272727vw;
}

.section_result .balloon p {
  text-align: center;
  font-weight: 800;
  color: #3B3D57;
  display: inline-block;
  font-size: 4.6681818182vw;
}

.section_result .balloon::before {
  position: absolute;
  background-color: #FFF;
  display: block;
  content: "";
  z-index: -1;
  border-radius: 5.4545454545vw;
  width: 64.0909090909vw;
  height: 20.4545454545vw;
}

.section_result .balloon::after {
  position: absolute;
  background-color: #FFF;
  display: block;
  content: "";
  -webkit-clip-path: polygon(10% 0%, 0% 100%, 100% 0%);
  clip-path: polygon(10% 0%, 0% 100%, 100% 0%);
  background-color: #FFF;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  left: 30%;
  z-index: -1;
  width: 4.5454545455vw;
  height: 3.4090909091vw;
  bottom: 0.2272727273vw;
}

.section_result .wrap_blackboard {
  position: relative;
  overflow: hidden;
  margin-top: 0.4545454545vw;
}

.section_result .wrap_blackboard img[src*=blackboard] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 204.3181818182vw;
}

.section_result .wrap_blackboard .text {
  position: relative;
  line-height: 1.4166666667;
  font-weight: 900;
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 5.4545454545vw;
  margin: 5.9090909091vw auto 0vw;
}

.section_result .wrap_blackboard .text p {
  color: #FFF;
  font-weight: 900;
  line-height: 1.4166666667;
  text-align: center;
  display: inline-block;
  font-size: 5.4545454545vw;
}

.section_result .wrap_blackboard img.photo[src*=_1] {
  position: relative;
  width: 81.1363636364vw;
  height: 53.75vw;
  margin: 0vw auto 0vw;
  left: -2.9545454545vw;
}

.section_result .wrap_blackboard img.photo[src*=_2] {
  position: relative;
  width: 79.6590909091vw;
  height: 51.0227272727vw;
  margin: -2.0454545455vw auto 2.0454545455vw;
  left: 1.8181818182vw;
}

.section_result .wrap_blackboard .balloon_2 {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.4166666667;
  -webkit-filter: drop-shadow(var(--balloon-shadow-offset) var(--balloon-shadow-offset) 0 rgba(0, 0, 0, 0.25));
  filter: drop-shadow(var(--balloon-shadow-offset) var(--balloon-shadow-offset) 0 rgba(0, 0, 0, 0.25));
  width: 90.9090909091vw;
  height: 33.8636363636vw;
  padding-top: 2.0454545455vw;
  padding-bottom: 3.4090909091vw;
  --balloon-shadow-offset: 0.9090909091vw;
  font-size: 5.4545454545vw;
  margin: 0vw auto -1.1363636364vw;
}

.section_result .wrap_blackboard .balloon_2 p {
  text-align: center;
  font-weight: 800;
  color: #3B3D57;
  display: inline-block;
  font-size: 5.4545454545vw;
}

.section_result .wrap_blackboard .balloon_2::before {
  position: absolute;
  background-color: #FFF;
  display: block;
  top: 0;
  content: "";
  z-index: -1;
  border-radius: 7.2727272727vw;
  width: 90.9090909091vw;
  height: 30.4545454545vw;
}

.section_result .wrap_blackboard .balloon_2::after {
  position: absolute;
  background-color: #FFF;
  display: block;
  content: "";
  -webkit-clip-path: polygon(10% 0%, 0% 100%, 100% 0%);
  clip-path: polygon(10% 0%, 0% 100%, 100% 0%);
  background-color: #FFF;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  left: 62%;
  z-index: -1;
  width: 4.5454545455vw;
  height: 3.4090909091vw;
  bottom: 0.2272727273vw;
}

.section_result .wrap_blackboard .pic {
  position: relative;
  display: none;
  width: 100vw;
  height: 108.4090909091vw;
  margin: 0vw auto -8.8636363636vw;
}

.section_result .btn_x {
  display: block;
  position: relative;
  width: 77.8409090909vw;
  height: 21.3636363636vw;
  margin: 0vw auto 0vw;
}

.section_result img[src*=btn_x] {
  position: relative;
  -webkit-animation: blink-sound_on 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: blink-sound_on 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  width: 77.8409090909vw;
  height: 21.3636363636vw;
  margin: 0vw auto 0vw;
}

.section_result img[src*=btn_replay] {
  position: relative;
  -webkit-animation: blink-sound_off 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  animation: blink-sound_off 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s infinite alternate;
  width: 77.8409090909vw;
  height: 21.3636363636vw;
  margin: 3.4090909091vw auto 0vw;
}

.section_result .note_campaign {
  color: #3B3D57;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.05em;
  font-size: 4.0909090909vw;
  margin: 7.2727272727vw auto 0vw;
}

.section_result .note_campaign a {
  display: inline-block;
  border-bottom: solid #3B3D57;
  text-indent: 0;
  padding-bottom: 0vw;
  border-bottom-width: 0.4545454545vw;
}

.section_result .note_campaign p {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.section_result .note_campaign p:nth-last-of-type(1) {
  margin-bottom: 0;
}

.section_result .note_campaign p {
  width: 88.6363636364vw;
  margin: 0vw auto 3.4090909091vw;
}

.section_result .wrap_campaign h2.title {
  color: #FFF;
  background-color: #FB4949;
  text-align: center;
  font-weight: 800;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0.12em;
  text-indent: -0.5em;
  width: 88.6363636364vw;
  height: 25.4545454545vw;
  margin: 15.9090909091vw auto 0vw;
  font-size: 5.4545454545vw;
  line-height: 8.6363636364vw;
  border-radius: 6.8181818182vw 6.8181818182vw 0vw 0vw;
  padding-top: 3.8636363636vw;
  padding-left: 3.6363636364vw;
}

.section_result .wrap_campaign h2.title span {
  font-size: 7.2727272727vw;
}

.section_result .wrap_campaign .prize_1 h3 {
  color: #FFF;
  font-weight: 800;
  background-color: rgb(251, 73, 73);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75.9090909091vw;
  height: 9.7727272727vw;
  margin: 8.1818181818vw auto 0vw;
  font-size: 6.3636363636vw;
  padding-left: 2.7272727273vw;
}

.section_result .wrap_campaign .prize_1 .amount {
  text-align: center;
  color: #3B3D57;
  font-weight: 700;
  paint-order: stroke;
  -webkit-text-stroke-color: #FFF;
  text-stroke-color: #FFF;
  letter-spacing: 0.05em;
  position: relative;
  margin: 1.3636363636vw auto 0vw;
  font-size: 4.5454545455vw;
  -webkit-text-stroke-width: 2.2727272727vw;
  text-stroke-width: 2.2727272727vw;
}

.section_result .wrap_campaign .prize_1 .amount strong {
  position: relative;
  font-size: 6.8181818182vw;
}

.section_result .wrap_campaign .prize_1 .amount::before {
  content: "";
  display: block;
  background-color: #EF5454;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  width: 46.1363636364vw;
  height: 2.5vw;
  bottom: -0.4545454545vw;
}

.section_result .wrap_campaign .prize_1 .text {
  text-align: center;
  color: #3B3D57;
  font-weight: 700;
  paint-order: stroke;
  -webkit-text-stroke-color: #FFF;
  text-stroke-color: #FFF;
  position: relative;
  margin: 2.5vw auto 0vw;
  font-size: 5.4545454545vw;
  -webkit-text-stroke-width: 2.2727272727vw;
  text-stroke-width: 2.2727272727vw;
}

.section_result .wrap_campaign .prize_1 .text strong {
  color: #FB4949;
}

.section_result .wrap_campaign .prize_1 img[src*="prize_1.png"] {
  margin: 3.4090909091vw auto 0vw;
  width: 75.9090909091vw;
}

.section_result .wrap_campaign .prize_1 .note {
  font-weight: 800;
  line-height: 1.4444444444;
  white-space: nowrap;
  margin: 2.5vw auto 0vw;
  font-size: 4.0909090909vw;
  width: 75.9090909091vw;
}

.section_result .wrap_campaign .prize_2 h3 {
  color: #FFF;
  font-weight: 800;
  background-color: #FB4949;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.1071428571;
  width: 75.9090909091vw;
  height: 17.0454545455vw;
  margin: 8.6363636364vw auto 0vw;
  font-size: 6.3636363636vw;
  padding-left: 2.2727272727vw;
  padding-top: 1.1363636364vw;
}

.section_result .wrap_campaign .prize_2 .amount {
  text-align: center;
  color: #3B3D57;
  font-weight: 700;
  paint-order: stroke;
  -webkit-text-stroke-color: #FFF;
  text-stroke-color: #FFF;
  letter-spacing: 0.05em;
  position: relative;
  margin: 0.6818181818vw auto 0vw;
  left: -0.6818181818vw;
  font-size: 4.5454545455vw;
  -webkit-text-stroke-width: 2.2727272727vw;
  text-stroke-width: 2.2727272727vw;
}

.section_result .wrap_campaign .prize_2 .amount strong {
  position: relative;
  font-size: 7.2727272727vw;
}

.section_result .wrap_campaign .prize_2 .amount::before {
  content: "";
  display: block;
  background-color: #EF5454;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  width: 19.7727272727vw;
  height: 2.5vw;
  bottom: 0.4545454545vw;
}

.section_result .wrap_campaign .prize_2 .text_sub {
  text-align: center;
  font-weight: 800;
  position: relative;
  margin: 1.3636363636vw auto 0vw;
  font-size: 4.3181818182vw;
  left: 0.9090909091vw;
}

.section_result .wrap_campaign .prize_2 .text {
  text-align: center;
  color: #3B3D57;
  font-weight: 700;
  paint-order: stroke;
  -webkit-text-stroke-color: #FFF;
  text-stroke-color: #FFF;
  position: relative;
  margin: -0.2272727273vw auto 0vw;
  font-size: 5.4545454545vw;
  -webkit-text-stroke-width: 2.2727272727vw;
  text-stroke-width: 2.2727272727vw;
}

.section_result .wrap_campaign .prize_2 .text strong {
  color: #FB4949;
}

.section_result .wrap_campaign .prize_2 img[src*="prize_2.png"] {
  margin: 2.5vw auto 0vw;
  width: 75.9090909091vw;
}

.section_result .wrap_campaign .prize_2 .note_1 {
  font-weight: 500;
  color: #3B3D57;
  text-align: center;
  margin: 4.3181818182vw auto 0vw;
  font-size: 4.5454545455vw;
}

.section_result .wrap_campaign .prize_2 .note_2 {
  font-weight: 500;
  color: #3B3D57;
  text-align: center;
  line-height: 1.7142857143;
  margin: 4.5454545455vw auto 0vw;
  font-size: 3.1818181818vw;
}

.section_result .wrap_campaign .campaign_text {
  color: #FB4949;
  font-weight: 800;
  line-height: 1.1666666667;
  text-align: center;
  position: relative;
  margin: 9.0909090909vw auto 0vw;
  font-size: 5.4545454545vw;
  left: 1.1363636364vw;
  width: 82.0454545455vw;
}

.section_result .wrap_campaign .campaign_text::before {
  content: "";
  border: solid #FB4949;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: skew(27deg);
  transform: skew(27deg);
  left: 1.1363636364vw;
  width: 1.3636363636vw;
  height: 10.7954545455vw;
  border-width: 0vw 0.9090909091vw;
}

.section_result .wrap_campaign .campaign_text::after {
  content: "";
  border: solid #FB4949;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: skew(-27deg);
  transform: skew(-27deg);
  right: 3.4090909091vw;
  width: 1.3636363636vw;
  height: 10.7954545455vw;
  border-width: 0vw 0.9090909091vw;
}

.section_result .wrap_campaign .btn_x {
  display: block;
  margin: 3.1818181818vw auto 0vw;
  width: 77.8409090909vw;
}

.section_result .wrap_campaign .link_to_terms {
  color: #3B3D57;
  font-weight: 500;
  border-bottom: solid #3B3D57;
  text-align: center;
  display: block;
  font-size: 4.5454545455vw;
  padding-bottom: 0vw;
  border-bottom-width: 0.4545454545vw;
  width: 23.6363636364vw;
  margin: 7.0454545455vw auto 18.1818181818vw;
}

.section_result .wrap_campaign .link_to_terms img {
  display: inline-block;
  width: 3.6363636364vw;
  margin-left: 1.1363636364vw;
}

.section_result .wrap_collabo_info h2.title {
  color: #FFF;
  background-color: #FF8665;
  text-align: center;
  font-weight: 800;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0.12em;
  text-indent: -0.5em;
  width: 88.6363636364vw;
  height: 25.4545454545vw;
  margin: 6.8181818182vw auto 0vw;
  font-size: 5.4545454545vw;
  line-height: 8.6363636364vw;
  border-radius: 6.8181818182vw 6.8181818182vw 0vw 0vw;
  padding-top: 3.8636363636vw;
  padding-left: 3.6363636364vw;
}

.section_result .wrap_collabo_info h2.title span {
  font-size: 7.2727272727vw;
}

.section_result .wrap_collabo_info img[src*="banner_collabo.png"] {
  width: 88.1818181818vw;
  margin: 4.5454545455vw auto 0vw;
}

.section_result .wrap_collabo_info h3 {
  color: #FFF;
  font-weight: 800;
  background-color: #FF8665;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  width: 75.9090909091vw;
  height: 9.7727272727vw;
  margin: 5vw auto 0vw;
  font-size: 6.3636363636vw;
}

.section_result .wrap_collabo_info .date {
  color: #3B3D57;
  text-align: center;
  font-weight: 800;
  font-size: 4.5454545455vw;
  margin: 2.2727272727vw auto 0vw;
}

.section_result .wrap_collabo_info .link_to_app {
  color: #3B3D57;
  text-align: center;
  font-size: 4.5454545455vw;
  margin: 6.8181818182vw auto 23.6363636364vw;
}

.section_result .wrap_collabo_info .link_to_app a {
  display: inline-block;
  border-bottom: solid #3B3D57;
  line-height: 1;
  border-bottom-width: 0.4545454545vw;
}

.section_result .copyright {
  margin-bottom: 3.4090909091vw;
}

.section_result .ball {
  -webkit-transform: translate3d(-115%, 0, 0);
  transform: translate3d(-115%, 0, 0);
}

.section_result .wrap_blackboard {
  opacity: 0;
  -webkit-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
}

.section_result .balloon {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.section_result img.photo[src*=_1] {
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0) rotate(5deg);
  transform: translate3d(0, 30%, 0) rotate(5deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.section_result img.photo[src*=_2] {
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0) rotate(5deg);
  transform: translate3d(0, 30%, 0) rotate(5deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.section_result .balloon_2 {
  -webkit-transform: scale(0);
  transform: scale(0);
}

body[data-scene=result] .section_result {
  height: 100%;
  opacity: 1;
  overflow: hidden;
  overscroll-behavior-y: none;
  -webkit-transition: opacity 0.3s linear 2.1s;
  transition: opacity 0.3s linear 2.1s;
  -webkit-animation: overflow-change 0.1s linear 3.3s 1 forwards;
  animation: overflow-change 0.1s linear 3.3s 1 forwards;
  z-index: 1;
}

@keyframes overflow-change {
  0% {
    overflow: hidden;
  }

  100% {
    overflow: auto;
  }
}

body[data-scene=result] .section_result .ball {
  -webkit-animation: ball-jump-slide-1 0.16s linear 2.5s 1 normal forwards, ball-jump-slide-2 0.16s linear 2.71s 1 normal forwards;
  animation: ball-jump-slide-1 0.16s linear 2.5s 1 normal forwards, ball-jump-slide-2 0.16s linear 2.71s 1 normal forwards;
}

body[data-scene=result] .section_result .ball .char {
  -webkit-animation: char-jump-result 0.08s cubic-bezier(0.215, 0.61, 0.355, 1) 2.5s 2 alternate forwards, char-jump-result 0.08s cubic-bezier(0.215, 0.61, 0.355, 1) 2.71s 2 alternate forwards;
  animation: char-jump-result 0.08s cubic-bezier(0.215, 0.61, 0.355, 1) 2.5s 2 alternate forwards, char-jump-result 0.08s cubic-bezier(0.215, 0.61, 0.355, 1) 2.71s 2 alternate forwards;
}

body[data-scene=result] .section_result .balloon {
  -webkit-animation: balloon-pop 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.9s 1 normal forwards;
  animation: balloon-pop 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.9s 1 normal forwards;
  -webkit-transform-origin: 10% 150%;
  transform-origin: 10% 150%;
}

body[data-scene=result] .section_result .balloon p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

body[data-scene=result] .section_result .balloon p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 2.8s 1 forwards;
}

body[data-scene=result] .section_result .balloon p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3s 1 forwards;
}

body[data-scene=result] .section_result .balloon p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.2s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.2s 1 forwards;
}

@-webkit-keyframes ball-jump-slide-1 {
  0% {
    -webkit-transform: translate3d(-115%, 0, 0);
    transform: translate3d(-115%, 0, 0);
  }

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

@keyframes ball-jump-slide-1 {
  0% {
    -webkit-transform: translate3d(-115%, 0, 0);
    transform: translate3d(-115%, 0, 0);
  }

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

@-webkit-keyframes ball-jump-slide-2 {
  0% {
    -webkit-transform: translate3d(-57.5%, 0, 0);
    transform: translate3d(-57.5%, 0, 0);
  }

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

@keyframes ball-jump-slide-2 {
  0% {
    -webkit-transform: translate3d(-57.5%, 0, 0);
    transform: translate3d(-57.5%, 0, 0);
  }

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

@-webkit-keyframes char-jump-result {
  0% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }

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

@keyframes char-jump-result {
  0% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }

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

body[data-scene=result] .section_result .wrap_blackboard {
  opacity: 1;
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  -webkit-transition: opacity 0.35s linear 3.2s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s;
  transition: opacity 0.35s linear 3.2s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s;
  transition: opacity 0.35s linear 3.2s, transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s;
  transition: opacity 0.35s linear 3.2s, transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s;
}

body[data-scene=result] .section_result .text p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

body[data-scene=result] .section_result .text p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.5s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.5s 1 forwards;
}

body[data-scene=result] .section_result .text p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.7s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.7s 1 forwards;
}

body[data-scene=result] .section_result .text p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.9s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 3.9s 1 forwards;
}

body[data-scene=result] .section_result img.photo[src*=_1] {
  opacity: 1;
  -webkit-transform: translate3d(0, 0%, 0) rotate(0deg);
  transform: translate3d(0, 0%, 0) rotate(0deg);
  -webkit-transition: opacity 0.3s linear 3.8s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 3.8s;
  transition: opacity 0.3s linear 3.8s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 3.8s;
  transition: opacity 0.3s linear 3.8s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 3.8s;
  transition: opacity 0.3s linear 3.8s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 3.8s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 3.8s;
}

body[data-scene=result] .section_result img.photo[src*=_2] {
  opacity: 1;
  -webkit-transform: translate3d(0, 0%, 0) rotate(0deg);
  transform: translate3d(0, 0%, 0) rotate(0deg);
  -webkit-transition: opacity 0.3s linear 4s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 4s;
  transition: opacity 0.3s linear 4s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 4s;
  transition: opacity 0.3s linear 4s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 4s;
  transition: opacity 0.3s linear 4s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 4s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 4s;
}

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

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

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

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

@-webkit-keyframes pic-jump-2 {
  0% {
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }

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

@keyframes pic-jump-2 {
  0% {
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }

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

@-webkit-keyframes pic-jump-3 {
  0% {
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

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

@keyframes pic-jump-3 {
  0% {
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

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

body[data-scene=result] .section_result .wrap_result_talk[data-is-animated] .pic {
  -webkit-animation: pic-jump 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards, pic-jump-2 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.22s 1 forwards, pic-jump-3 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.44s 1 forwards;
  animation: pic-jump 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards, pic-jump-2 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.22s 1 forwards, pic-jump-3 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.44s 1 forwards;
}

body[data-scene=result] .section_result .wrap_result_talk[data-is-animated] .balloon_2 {
  -webkit-animation: balloon-pop 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s 1 normal forwards;
  animation: balloon-pop 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s 1 normal forwards;
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
}

body[data-scene=result] .section_result .wrap_result_talk[data-is-animated] .balloon_2 p {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

body[data-scene=result] .section_result .wrap_result_talk[data-is-animated] .balloon_2 p:nth-of-type(1) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s 1 forwards;
}

body[data-scene=result] .section_result .wrap_result_talk[data-is-animated] .balloon_2 p:nth-of-type(2) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s 1 forwards;
}

body[data-scene=result] .section_result .wrap_result_talk[data-is-animated] .balloon_2 p:nth-of-type(3) {
  -webkit-animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s 1 forwards;
  animation: talk-wipe 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s 1 forwards;
}

body[data-scene=result] .section_result[data-char=tsumugi] .balloon_2::after {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  left: 69%;
}

body[data-scene=result] .section_result[data-char=mio] .balloon_2::after {
  -webkit-transform: translate3d(-50%, 0, 0) scale(-1, 1);
  transform: translate3d(-50%, 0, 0) scale(-1, 1);
  left: 52%;
}

body[data-scene=result] .section_result[data-char=yui] .balloon_2::after {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  left: 62%;
}

body[data-scene=result] .section_result[data-char=azusa] .balloon_2::after {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  left: 55%;
}

body[data-scene=result] .section_result[data-char=ritsu] .balloon_2::after {
  -webkit-transform: translate3d(-50%, 0, 0) scale(-1, 1);
  transform: translate3d(-50%, 0, 0) scale(-1, 1);
  left: 65%;
}

body[data-scene=choice_schedule_from_result] .section_result {
  height: 0%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  overscroll-behavior-y: none;
  pointer-events: none;
  -webkit-transition: opacity 0.2s linear 0s, height 0.001s linear 0.2s, visibility 0.001s linear 0.2s;
  transition: opacity 0.2s linear 0s, height 0.001s linear 0.2s, visibility 0.001s linear 0.2s;
  z-index: 1;
}

body[data-scene=choice_schedule_from_result] .section_result .ball {
  -webkit-transform: translate3d(-115%, 0, 0);
  transform: translate3d(-115%, 0, 0);
  -webkit-transition: -webkit-transform 0.001s linear 0.2s;
  transition: -webkit-transform 0.001s linear 0.2s;
  transition: transform 0.001s linear 0.2s;
  transition: transform 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
}

body[data-scene=choice_schedule_from_result] .section_result .wrap_blackboard {
  opacity: 0;
  -webkit-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, transform 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
}

body[data-scene=choice_schedule_from_result] .section_result .balloon {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.001s linear 0.2s;
  transition: -webkit-transform 0.001s linear 0.2s;
  transition: transform 0.001s linear 0.2s;
  transition: transform 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
}

body[data-scene=choice_schedule_from_result] .section_result img.photo[src*=_1] {
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0) rotate(5deg);
  transform: translate3d(0, 30%, 0) rotate(5deg);
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, transform 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
}

body[data-scene=choice_schedule_from_result] .section_result img.photo[src*=_2] {
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0) rotate(5deg);
  transform: translate3d(0, 30%, 0) rotate(5deg);
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, transform 0.001s linear 0.2s;
  transition: opacity 0.001s linear 0.2s, transform 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
}

body[data-scene=choice_schedule_from_result] .section_result .balloon_2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.001s linear 0.2s;
  transition: -webkit-transform 0.001s linear 0.2s;
  transition: transform 0.001s linear 0.2s;
  transition: transform 0.001s linear 0.2s, -webkit-transform 0.001s linear 0.2s;
}

.section_result .wrap_blackboard .btn_x[data-is-animated] {
  -webkit-animation: tap-me 0.12s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s 4 alternate forwards;
  animation: tap-me 0.12s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s 4 alternate forwards;
}

@-webkit-keyframes tap-me {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes tap-me {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

.section_result .wrap_campaign h2.title {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign h2.title[data-is-animated] {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.15s linear 0s, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.15s linear 0s, 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_result .wrap_campaign .prize_1 h3 {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .prize_1 .amount {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .prize_1 .text {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .prize_1 img[src*="prize_1.png"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_result .wrap_campaign .prize_1 .note {
  opacity: 0;
}

.section_result .wrap_campaign .prize_1[data-is-animated] h3 {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, 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;
}

.section_result .wrap_campaign .prize_1[data-is-animated] .amount {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

.section_result .wrap_campaign .prize_1[data-is-animated] .text {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

.section_result .wrap_campaign .prize_1[data-is-animated] img[src*="prize_1.png"] {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.section_result .wrap_campaign .prize_1[data-is-animated] .note {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.5s;
  transition: opacity 0.5s linear 0.5s;
}

.section_result .wrap_campaign .prize_2 h3 {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .prize_2 .amount {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .prize_2 .text_sub {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .prize_2 .text {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .prize_2 img[src*="prize_2.png"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_result .wrap_campaign .prize_2 .note_1 {
  opacity: 0;
}

.section_result .wrap_campaign .prize_2 .note_2 {
  opacity: 0;
}

.section_result .wrap_campaign .prize_2[data-is-animated] h3 {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, 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;
}

.section_result .wrap_campaign .prize_2[data-is-animated] .amount {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

.section_result .wrap_campaign .prize_2[data-is-animated] .text_sub {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

.section_result .wrap_campaign .prize_2[data-is-animated] .text {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.section_result .wrap_campaign .prize_2[data-is-animated] img[src*="prize_2.png"] {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.15s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.15s linear 0.4s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.15s linear 0.4s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

.section_result .wrap_campaign .prize_2[data-is-animated] .note_1 {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.6s;
  transition: opacity 0.5s linear 0.6s;
}

.section_result .wrap_campaign .prize_2[data-is-animated] .note_2 {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.8s;
  transition: opacity 0.5s linear 0.8s;
}

.section_result .wrap_campaign .js-scroll_enter_target .campaign_text {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_campaign .js-scroll_enter_target .btn_x {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_result .wrap_campaign .js-scroll_enter_target .btn_replay {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_result .wrap_campaign .js-scroll_enter_target .note_campaign {
  opacity: 0;
}

.section_result .wrap_campaign .js-scroll_enter_target .link_to_terms {
  opacity: 0;
}

.section_result .wrap_campaign .js-scroll_enter_target[data-is-animated] .campaign_text {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, 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;
}

.section_result .wrap_campaign .js-scroll_enter_target[data-is-animated] .btn_x {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  -webkit-animation: tap-me 0.12s cubic-bezier(0.165, 0.84, 0.44, 1) 1s 4 alternate forwards;
  animation: tap-me 0.12s cubic-bezier(0.165, 0.84, 0.44, 1) 1s 4 alternate forwards;
}

.section_result .wrap_campaign .js-scroll_enter_target[data-is-animated] .btn_replay {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}

.section_result .wrap_campaign .js-scroll_enter_target[data-is-animated] .note_campaign {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.4s;
  transition: opacity 0.5s linear 0.4s;
}

.section_result .wrap_campaign .js-scroll_enter_target[data-is-animated] .link_to_terms {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.6s;
  transition: opacity 0.5s linear 0.6s;
}

.section_result .wrap_collabo_info h2.title {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_collabo_info img[src*="banner_collabo.png"] {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.section_result .wrap_collabo_info h3 {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_collabo_info .date {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_collabo_info .link_to_app {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.section_result .wrap_collabo_info[data-is-animated] h2.title {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.15s linear 0s, 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;
}

.section_result .wrap_collabo_info[data-is-animated] img[src*="banner_collabo.png"] {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: opacity 0.15s linear 0.1s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

.section_result .wrap_collabo_info[data-is-animated] h3 {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: opacity 0.15s linear 0.2s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

.section_result .wrap_collabo_info[data-is-animated] .date {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  transition: opacity 0.15s linear 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.section_result .wrap_collabo_info[data-is-animated] .link_to_app {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.15s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.15s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.15s linear 0.4s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  transition: opacity 0.15s linear 0.4s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

.common_header img[src*="logo_collabo.png"] {
  width: 43.4772727273vw;
  margin-left: 2.7272727273vw;
}

.common_header .btn_sound_on_off {
  position: fixed;
  z-index: 100;
  left: calc(50% + var(--btn_sound_on_off_left_revise));
  cursor: pointer;
  --btn_sound_on_off_left_revise: 17.6363636364vw;
  top: 4.5454545455vw;
  width: 28.7272727273vw;
}

body[data-sound-enabled=on] .common_header img[src*="sound_on.png"] {
  display: block;
}

body[data-sound-enabled=on] .common_header img[src*="sound_off.png"] {
  display: none;
}

body[data-sound-enabled=off] .common_header img[src*="sound_on.png"] {
  display: none;
}

body[data-sound-enabled=off] .common_header img[src*="sound_off.png"] {
  display: block;
}

.common_header img[src*="sound_on.png"] {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 28.7272727273vw;
}

.common_header img[src*="sound_off.png"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 28.7272727273vw;
}

.common_header img[src*="logo_campaign.png"] {
  width: 79.5454545455vw;
  margin: 4.0909090909vw auto 0vw;
}

body {
  background-color: #41C3FF;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
}

body .copyright {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
}

.main {
  width: 100%;
  position: relative;
}

.main[data-state=hidden] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0s, visibility 0.01s linear 0.2s;
  transition: opacity 0.2s linear 0s, visibility 0.01s linear 0.2s;
}

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

.anchorRevise {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 15.9090909091vw;
  margin-top: -15.9090909091vw;
}

main.main_contents {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

img {
  display: block;
  position: relative;
  height: auto;
}

._dummy {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1000;
  opacity: 0.5;
  width: 100vw;
}

@media screen and (min-width: 431.2px) {
  .bg_pc::before {
    background-size: 4.8216px 4.8804px;
  }

  .bg_pc::after {
    width: 441px;
  }

  .bg_pc img.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: 1;
  }

  .section_component .section_content {
    width: 431.2px;
  }

  .section_component .copyright {
    font-size: 17.64px;
  }

  .section_sound_setting .section_content {
    padding: 78.4px 0px 117.6px;
  }

  .section_sound_setting .bg_deco::before {
    background-size: 48.216px 48.804px;
  }

  .section_sound_setting .bg_deco::after {
    border-width: 19.6px;
  }

  .section_sound_setting img[src*="logo_collabo.png"] {
    margin: 0px auto 0px;
    width: 305.76px;
  }

  .section_sound_setting img[src*="logo_campaign.png"] {
    margin: 41.16px auto 41.16px;
    width: 431.2px;
  }

  .section_sound_setting .text {
    margin: 0px auto 64.68px;
    font-size: 22.0892px;
  }

  .section_sound_setting .wrap_btn_sound {
    gap: 24.5px;
  }

  .section_sound_setting .btn_sound_off,
  .section_sound_setting .btn_sound_on {
    width: 155.33px;
  }

  .section_sound_setting img[src*="sound_off.png"] {
    width: 155.33px;
  }

  .section_sound_setting img[src*="sound_on_pop.png"] {
    width: 132.79px;
    margin: 0px auto 1.96px;
  }

  .section_sound_setting img[src*="sound_on.png"] {
    width: 155.33px;
  }

  .section_sound_setting .copyright {
    bottom: 29.4px;
  }

  body[data-scene=choice_schedule] .section_sound_setting .bg_deco::after {
    border-width: 0px;
  }

  .section_choice_schedule .section_content::before {
    background-size: 48.216px 48.804px;
  }

  .section_choice_schedule .wrap_blackboard {
    margin: 0px auto 0px;
    top: 171.5px;
    min-height: 809.48px;
    --wrap_blackboard_height: 171.5px;
  }

  .section_choice_schedule .wrap_blackboard::before {
    top: 809.48px;
    background-size: 431.2px 27.93px;
  }

  .section_choice_schedule img[src*="blackboard.png"] {
    width: 431.2px;
  }

  .section_choice_schedule .text {
    font-size: 23.52px;
    margin: 24.5px auto 0px;
    left: -1.96px;
  }

  .section_choice_schedule .text p {
    font-size: 23.52px;
  }

  .section_choice_schedule .wrap_tab {
    margin: 14.7px auto 0px;
    gap: 10.29px 8.82px;
  }

  .section_choice_schedule .tab {
    width: 194.04px;
    height: 70.07px;
    border-radius: 34.3px;
    padding: 0px 30.38px 0px 14.7px;
    font-size: 23.0692px;
    border-width: 2.695px;
  }

  .section_choice_schedule .tab::after {
    font-size: 22.0892px;
    height: 22.0892px;
    right: 14.7px;
    top: 0px;
    bottom: 0px;
  }

  .section_choice_schedule .balloon {
    width: 358.19px;
    height: 128.38px;
    padding-bottom: 14.7px;
    --balloon-shadow-offset: 3.92px;
    font-size: 23.52px;
    margin: 46.06px auto -9.8px;
  }

  .section_choice_schedule .balloon p {
    font-size: 23.52px;
  }

  .section_choice_schedule .balloon::before {
    border-radius: 31.36px;
    width: 358.19px;
    height: 113.68px;
  }

  .section_choice_schedule .balloon::after {
    width: 14.7px;
    height: 14.7px;
    bottom: 0.98px;
  }

  .section_choice_schedule .wrap_ball {
    height: 139.16px;
    margin: 0px auto 45.08px;
  }

  .section_choice_schedule .ball {
    width: 111.72px;
    height: 115.64px;
  }

  .section_choice_schedule .ball img[src*=shadow] {
    width: 92.12px;
  }

  .section_choice_schedule .ball_tsumugi {
    left: -2.94px;
    top: 1.47px;
  }

  .section_choice_schedule .ball_mio {
    left: 66.64px;
    top: 13.72px;
  }

  .section_choice_schedule .ball_yui {
    left: 156.8px;
    top: 22.54px;
  }

  .section_choice_schedule .ball_azusa {
    right: 79.38px;
    top: 13.72px;
  }

  .section_choice_schedule .ball_ritsu {
    right: -4.9px;
    top: 0px;
  }

  .section_choice_schedule .copyright {
    bottom: 17.64px;
  }

  .section_choice_schedule[data-char=tsumugi] .balloon {
    left: -19.6px;
    top: -7.84px;
  }

  .section_choice_schedule[data-char=mio] .balloon {
    left: -9.8px;
    top: -3.92px;
  }

  .section_choice_schedule[data-char=azusa] .balloon {
    left: 9.8px;
    top: -3.92px;
  }

  .section_choice_schedule[data-char=ritsu] .balloon {
    left: 19.6px;
    top: -7.84px;
  }

  .section_result .section_content::before {
    background-size: 48.216px 48.804px;
  }

  .section_result .bg_2 {
    --section-bg-height: 1169.14px;
  }

  .section_result .bg_2::before {
    background-size: 48.216px 48.804px;
  }

  .section_result .ball {
    width: 111.72px;
    height: 115.64px;
    margin: 5.88px auto 0px 13.72px;
  }

  .section_result .ball img[src*=shadow] {
    width: 92.12px;
  }

  .section_result .balloon {
    width: 276.36px;
    height: 102.9px;
    padding-bottom: 14.7px;
    --balloon-shadow-offset: 3.92px;
    font-size: 20.1292px;
    left: 133.28px;
    top: 9.8px;
  }

  .section_result .balloon p {
    font-size: 20.1292px;
  }

  .section_result .balloon::before {
    border-radius: 23.52px;
    width: 276.36px;
    height: 88.2px;
  }

  .section_result .balloon::after {
    width: 19.6px;
    height: 14.7px;
    bottom: 0.98px;
  }

  .section_result .wrap_blackboard {
    margin-top: 1.96px;
  }

  .section_result .wrap_blackboard img[src*=blackboard] {
    width: 431.2px;
    height: 881.02px;
  }

  .section_result .wrap_blackboard .text {
    font-size: 23.52px;
    margin: 25.48px auto 0px;
  }

  .section_result .wrap_blackboard .text p {
    font-size: 23.52px;
  }

  .section_result .wrap_blackboard img.photo[src*=_1] {
    width: 349.86px;
    height: 231.77px;
    margin: 0px auto 0px;
    left: -12.74px;
  }

  .section_result .wrap_blackboard img.photo[src*=_2] {
    width: 343.49px;
    height: 220.01px;
    margin: -8.82px auto 8.82px;
    left: 7.84px;
  }

  .section_result .wrap_blackboard .balloon_2 {
    width: 392px;
    height: 146.02px;
    padding-top: 8.82px;
    padding-bottom: 14.7px;
    --balloon-shadow-offset: 3.92px;
    font-size: 23.52px;
    margin: 0px auto -4.9px;
  }

  .section_result .wrap_blackboard .balloon_2 p {
    font-size: 23.52px;
  }

  .section_result .wrap_blackboard .balloon_2::before {
    border-radius: 31.36px;
    width: 392px;
    height: 131.32px;
  }

  .section_result .wrap_blackboard .balloon_2::after {
    width: 19.6px;
    height: 14.7px;
    bottom: 0.98px;
  }

  .section_result .wrap_blackboard .pic {
    width: 431.2px;
    height: 467.46px;
    margin: 0px auto -38.22px;
  }

  .section_result .btn_x {
    width: 335.65px;
    height: 92.12px;
    margin: 0px auto 0px;
  }

  .section_result img[src*=btn_x] {
    width: 335.65px;
    height: 92.12px;
    margin: 0px auto 0px;
  }

  .section_result img[src*=btn_replay] {
    width: 335.65px;
    height: 92.12px;
    margin: 14.7px auto 0px;
  }

  .section_result .note_campaign {
    font-size: 17.64px;
    margin: 31.36px auto 0px;
  }

  .section_result .note_campaign a {
    padding-bottom: 0px;
    border-bottom-width: 1.96px;
  }

  .section_result .note_campaign p {
    width: 382.2px;
    margin: 0px auto 14.7px;
  }

  .section_result .wrap_campaign h2.title {
    width: 382.2px;
    height: 109.76px;
    margin: 68.6px auto 0px;
    font-size: 23.52px;
    line-height: 37.24px;
    border-radius: 29.4px 29.4px 0px 0px;
    padding-top: 16.66px;
    padding-left: 15.68px;
  }

  .section_result .wrap_campaign h2.title span {
    font-size: 31.36px;
  }

  .section_result .wrap_campaign .prize_1 h3 {
    width: 327.32px;
    height: 42.14px;
    margin: 35.28px auto 0px;
    font-size: 27.44px;
    padding-left: 11.76px;
  }

  .section_result .wrap_campaign .prize_1 .amount {
    margin: 5.88px auto 0px;
    font-size: 19.6px;
    -webkit-text-stroke-width: 9.8px;
    text-stroke-width: 9.8px;
  }

  .section_result .wrap_campaign .prize_1 .amount strong {
    font-size: 29.4px;
  }

  .section_result .wrap_campaign .prize_1 .amount::before {
    width: 198.94px;
    height: 10.78px;
    bottom: -1.96px;
  }

  .section_result .wrap_campaign .prize_1 .text {
    margin: 10.78px auto 0px;
    font-size: 23.52px;
    -webkit-text-stroke-width: 9.8px;
    text-stroke-width: 9.8px;
  }

  .section_result .wrap_campaign .prize_1 img[src*="prize_1.png"] {
    margin: 14.7px auto 0px;
    width: 327.32px;
  }

  .section_result .wrap_campaign .prize_1 .note {
    margin: 10.78px auto 0px;
    font-size: 17.64px;
    width: 327.32px;
  }

  .section_result .wrap_campaign .prize_2 h3 {
    width: 327.32px;
    height: 73.5px;
    margin: 37.24px auto 0px;
    font-size: 27.44px;
    padding-left: 9.8px;
    padding-top: 4.9px;
  }

  .section_result .wrap_campaign .prize_2 .amount {
    margin: 2.94px auto 0px;
    left: -2.94px;
    font-size: 19.6px;
    -webkit-text-stroke-width: 9.8px;
    text-stroke-width: 9.8px;
  }

  .section_result .wrap_campaign .prize_2 .amount strong {
    font-size: 31.36px;
  }

  .section_result .wrap_campaign .prize_2 .amount::before {
    width: 85.26px;
    height: 10.78px;
    bottom: 1.96px;
  }

  .section_result .wrap_campaign .prize_2 .text_sub {
    margin: 5.88px auto 0px;
    font-size: 18.62px;
    left: 3.92px;
  }

  .section_result .wrap_campaign .prize_2 .text {
    margin: -0.98px auto 0px;
    font-size: 23.52px;
    -webkit-text-stroke-width: 9.8px;
    text-stroke-width: 9.8px;
  }

  .section_result .wrap_campaign .prize_2 img[src*="prize_2.png"] {
    margin: 10.78px auto 0px;
    width: 327.32px;
  }

  .section_result .wrap_campaign .prize_2 .note_1 {
    margin: 18.62px auto 0px;
    font-size: 19.6px;
  }

  .section_result .wrap_campaign .prize_2 .note_2 {
    margin: 19.6px auto 0px;
    font-size: 13.72px;
  }

  .section_result .wrap_campaign .campaign_text {
    margin: 39.2px auto 0px;
    font-size: 23.52px;
    left: 4.9px;
    width: 353.78px;
  }

  .section_result .wrap_campaign .campaign_text::before {
    left: 4.9px;
    width: 5.88px;
    height: 46.55px;
    border-width: 0px 3.92px;
  }

  .section_result .wrap_campaign .campaign_text::after {
    right: 14.7px;
    width: 5.88px;
    height: 46.55px;
    border-width: 0px 3.92px;
  }

  .section_result .wrap_campaign .btn_x {
    margin: 13.72px auto 0px;
    width: 335.65px;
  }

  .section_result .wrap_campaign .link_to_terms {
    font-size: 19.6px;
    padding-bottom: 0px;
    border-bottom-width: 1.96px;
    width: 101.92px;
    margin: 30.38px auto 78.4px;
  }

  .section_result .wrap_campaign .link_to_terms img {
    width: 15.68px;
    margin-left: 4.9px;
  }

  .section_result .wrap_collabo_info h2.title {
    width: 382.2px;
    height: 109.76px;
    margin: 29.4px auto 0px;
    font-size: 23.52px;
    line-height: 37.24px;
    border-radius: 29.4px 29.4px 0px 0px;
    padding-top: 16.66px;
    padding-left: 15.68px;
  }

  .section_result .wrap_collabo_info h2.title span {
    font-size: 31.36px;
  }

  .section_result .wrap_collabo_info img[src*="banner_collabo.png"] {
    width: 380.24px;
    margin: 19.6px auto 0px;
  }

  .section_result .wrap_collabo_info h3 {
    width: 327.32px;
    height: 42.14px;
    margin: 21.56px auto 0px;
    font-size: 27.44px;
  }

  .section_result .wrap_collabo_info .date {
    font-size: 19.6px;
    margin: 9.8px auto 0px;
  }

  .section_result .wrap_collabo_info .link_to_app {
    font-size: 19.6px;
    margin: 29.4px auto 101.92px;
  }

  .section_result .wrap_collabo_info .link_to_app a {
    border-bottom-width: 1.96px;
  }

  .section_result .copyright {
    margin-bottom: 14.7px;
  }

  .common_header img[src*="logo_collabo.png"] {
    width: 187.474px;
    margin-left: 11.76px;
  }

  .common_header .btn_sound_on_off {
    --btn_sound_on_off_left_revise: 76.048px;
    top: 19.6px;
    width: 123.872px;
  }

  .common_header img[src*="sound_on.png"] {
    width: 123.872px;
  }

  .common_header img[src*="sound_off.png"] {
    width: 123.872px;
  }

  .common_header img[src*="logo_campaign.png"] {
    width: 343px;
    margin: 17.64px auto 0px;
  }

  .anchorRevise {
    padding-top: 68.6px;
    margin-top: -68.6px;
  }

  ._dummy {
    width: 431.2px;
  }
}

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

  .layoutChecker {
    width: 1px;
  }
}

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

  .layoutChecker {
    width: 0px;
  }
}