@keyframes rainbow {
  0% {
    background-image: url("../img/sec03_rainbow01.png");
  }
  33% {
    background-image: url("../img/sec03_rainbow01.png");
  }
  34% {
    background-image: url("../img/sec03_rainbow02.png");
  }
  66% {
    background-image: url("../img/sec03_rainbow02.png");
  }
  67% {
    background-image: url("../img/sec03_rainbow03.png");
  }
  100% {
    background-image: url("../img/sec03_rainbow03.png");
  }
}
@keyframes stage {
  0% {
    background-image: url("../img/sec03_stage01.png");
  }
  50% {
    background-image: url("../img/sec03_stage01.png");
  }
  51% {
    background-image: url("../img/sec03_stage02.png");
  }
  100% {
    background-image: url("../img/sec03_stage02.png");
  }
}
@keyframes stage_sp {
  0% {
    background-image: url("../img/sec03_stage01_sp.png");
  }
  50% {
    background-image: url("../img/sec03_stage01_sp.png");
  }
  51% {
    background-image: url("../img/sec03_stage02_sp.png");
  }
  100% {
    background-image: url("../img/sec03_stage02_sp.png");
  }
}
@keyframes guitar {
  0% {
    background-image: url("../img/guitar_door01.png");
  }
  19% {
    background-image: url("../img/guitar_door01.png");
  }
  20% {
    background-image: url("../img/guitar_door02.png");
  }
  39% {
    background-image: url("../img/guitar_door02.png");
  }
  40% {
    background-image: url("../img/guitar_door03.png");
  }
  59% {
    background-image: url("../img/guitar_door03.png");
  }
  60% {
    background-image: url("../img/guitar_door02.png");
  }
  79% {
    background-image: url("../img/guitar_door02.png");
  }
  80% {
    background-image: url("../img/guitar_door01.png");
  }
  100% {
    background-image: url("../img/guitar_door01.png");
  }
}
@keyframes guitar_sp {
  0% {
    background-image: url("../img/guitar_door01_sp.png");
  }
  19% {
    background-image: url("../img/guitar_door01_sp.png");
  }
  20% {
    background-image: url("../img/guitar_door02_sp.png");
  }
  39% {
    background-image: url("../img/guitar_door02_sp.png");
  }
  40% {
    background-image: url("../img/guitar_door03_sp.png");
  }
  59% {
    background-image: url("../img/guitar_door03_sp.png");
  }
  60% {
    background-image: url("../img/guitar_door02_sp.png");
  }
  79% {
    background-image: url("../img/guitar_door02_sp.png");
  }
  80% {
    background-image: url("../img/guitar_door01_sp.png");
  }
  100% {
    background-image: url("../img/guitar_door01_sp.png");
  }
}
@keyframes tranpet {
  0% {
    transform: rotateZ(-4deg);
  }
  50% {
    transform: rotateZ(8deg);
  }
  100% {
    transform: rotateZ(-4deg);
  }
}
@keyframes note {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  5% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  20% {
    transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  25% {
    transform: scale(1, 1) translate(0%, 0%) rotateY(0deg);
  }
  30% {
    transform: scale(0.9, 1.2) translate(0%, -100%) rotateY(72deg);
  }
  37% {
    transform: scale(0.9, 1.2) translate(0%, -20%) rotateY(180deg);
  }
  42% {
    transform: scale(1.2, 0.8) translate(0%, 15%) rotateY(252deg);
  }
  50% {
    transform: scale(1, 1) translate(0%, 0%) rotateY(360deg);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%) rotateY(360deg);
  }
}
@keyframes clouds {
  0% {
    transform: translateY(-1%);
  }
  50% {
    transform: translateY(1%);
  }
  100% {
    transform: translateY(-1%);
  }
}
@keyframes bus_start1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-181.25vw);
  }
}
@keyframes bus_start2 {
  0% {
    left: 1.6666666667vw;
  }
  100% {
    left: -134.2708333333vw;
  }
}
@keyframes bus_chara1 {
  0% {
    transform: translate(0px, 0px);
  }
  99% {
    transform: translate(5.2083333333vw, 2.0833333333vw);
    opacity: 1;
  }
  100% {
    transform: translate(5.2083333333vw, 2.0833333333vw);
    opacity: 0;
  }
}
@keyframes bus_chara2 {
  0% {
    transform: translate(0px, 0px);
    z-index: 3;
  }
  50% {
    transform: translate(-5.2083333333vw, -11.9791666667vw);
  }
  99% {
    transform: translate(-32.2916666667vw, -11.9791666667vw);
    z-index: 3;
    opacity: 1;
  }
  100% {
    transform: translate(-32.2916666667vw, -11.9791666667vw);
    z-index: 3;
    opacity: 0;
  }
}
@keyframes bus_stop {
  0% {
    transform: translate(96.3541666667vw, 0px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes bus_start1_sp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-156.8vw);
  }
}
@keyframes bus_start2_sp {
  0% {
    left: 2.6666666667vw;
  }
  100% {
    left: -104vw;
  }
}
@keyframes bus_chara1_sp {
  0% {
    transform: translate(0px, 0px);
  }
  99% {
    transform: translate(26.6666666667vw, 10.6666666667vw);
    opacity: 1;
  }
  100% {
    transform: translate(26.6666666667vw, 10.6666666667vw);
    opacity: 0;
  }
}
@keyframes bus_chara2_sp {
  0% {
    transform: translate(0px, 0px);
    z-index: 3;
  }
  50% {
    transform: translate(0px, -32vw);
  }
  99% {
    transform: translate(-34.6666666667vw, -32vw);
    z-index: 3;
    opacity: 1;
  }
  100% {
    transform: translate(-34.6666666667vw, -32vw);
    z-index: 3;
    opacity: 0;
  }
}
@keyframes bus_stop_sp {
  0% {
    transform: translate(80vw, 0px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes bus_bound {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(5px);
  }
  35% {
    transform: translateY(0);
  }
  55% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(5px);
  }
  65% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(0);
  }
  95% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes nurie {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(-5.2083333333vw, 7.8125vw) rotateZ(-20deg);
  }
  50% {
    transform: translate(18.2291666667vw, 15.625vw) rotateZ(-30deg);
  }
  100% {
    transform: translate(-0.5208333333vw, 28.6458333333vw) rotateZ(-20deg);
  }
}
@keyframes nurie_sp {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(-5.3333333333vw, 8vw) rotateZ(-20deg);
  }
  50% {
    transform: translate(18.6666666667vw, 16vw) rotateZ(-30deg);
  }
  100% {
    transform: translate(0, 26.6666666667vw) rotateZ(-20deg);
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -7px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes poyopoyo {
  0%, 20%, 30%, 40% {
    transform: scale(1);
  }
  25%, 35% {
    transform: scale(0.95);
  }
}
@keyframes flower {
  0%, 100% {
    transform: rotateZ(5deg);
  }
  50% {
    transform: rotateZ(-5deg);
  }
}
.pc_only {
  display: block;
}
@media screen and (max-width: 750px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 750px) {
  .sp_only {
    display: block;
  }
}

html.pause {
  overflow: hidden;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #222222;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 400;
}
body img {
  display: block;
  width: 100%;
}
body a {
  text-decoration: none;
}
body li {
  list-style-type: none;
}

#listen_and_rhythm {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
#listen_and_rhythm [class*=fukidashi] {
  cursor: pointer;
}
#listen_and_rhythm .sound_btn01:hover img,
#listen_and_rhythm .sound_btn02:hover img,
#listen_and_rhythm .sound_btn03:hover img,
#listen_and_rhythm .sound_btn04:hover img {
  transform: rotateZ(-10deg);
}
#listen_and_rhythm .header {
  width: 100%;
  height: min(10.0520833333vw, 193px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#listen_and_rhythm .header img {
  width: 100%;
  max-width: 1920px;
}
#listen_and_rhythm .sec01 {
  width: 100%;
  height: 154.9479166667vw;
  background: url("../img/sec01_bg_sky.png") top center no-repeat, url("../img/sec01_bg.png") bottom center no-repeat;
  background-size: 100% auto, 100% auto;
  position: relative;
  z-index: 1;
}
#listen_and_rhythm .sec01 .sec01_house {
  width: 100%;
  position: absolute;
  top: 38.1770833333vw;
  left: 0;
  z-index: 1;
}
#listen_and_rhythm .sec01 .main_ttl {
  width: 63.0208333333vw;
  position: absolute;
  top: 4.21875vw;
  left: 6.25vw;
  z-index: 4;
}
#listen_and_rhythm .sec01 .baloon_y {
  width: 8.8541666667vw;
  position: absolute;
  top: 6.7708333333vw;
  left: 76.875vw;
  z-index: 4;
}
#listen_and_rhythm .sec01 .baloon_r {
  width: 13.5416666667vw;
  position: absolute;
  top: 27.6041666667vw;
  left: 5.5208333333vw;
  z-index: 4;
}
#listen_and_rhythm .sec01 .baloon_b {
  width: 15.625vw;
  position: absolute;
  top: 47.9166666667vw;
  left: 52.7083333333vw;
  z-index: 4;
}
#listen_and_rhythm .sec01 .sec01_y_flower {
  width: 91.0416666667vw;
  position: absolute;
  top: 40.4166666667vw;
  left: 3.6458333333vw;
  z-index: 3;
}
#listen_and_rhythm .sec01 .sec01_tranpet {
  width: 19.7916666667vw;
  position: absolute;
  top: 43.90625vw;
  left: 20.6770833333vw;
  z-index: 3;
  animation: tranpet 3s linear 0s infinite;
}
#listen_and_rhythm .sec01 .sound_btn01 {
  width: 6.7708333333vw;
  position: absolute;
  top: 44.7916666667vw;
  left: 18.2291666667vw;
  z-index: 4;
  cursor: pointer;
}
#listen_and_rhythm .sec01 .sec01_rainbow {
  width: 117.1875vw;
  position: absolute;
  top: 19.2708333333vw;
  left: 35.9375vw;
  z-index: 2;
}
#listen_and_rhythm .sec01 .sound_btn04 {
  width: 6.7708333333vw;
  position: absolute;
  top: 28.125vw;
  left: 91.6666666667vw;
  z-index: 4;
  cursor: pointer;
}
#listen_and_rhythm .sec01 .sec01_note01 {
  width: 5.4166666667vw;
  position: absolute;
  top: 33.8541666667vw;
  left: 45.8333333333vw;
  z-index: 3;
  animation: note 2s linear 0s infinite;
}
#listen_and_rhythm .sec01 .sec01_note02 {
  width: 4.6875vw;
  position: absolute;
  top: 32.7604166667vw;
  left: 60vw;
  z-index: 3;
  animation: note 2s linear 0.2s infinite;
}
#listen_and_rhythm .sec01 .sec01_note03 {
  width: 5.7291666667vw;
  position: absolute;
  top: 23.0208333333vw;
  left: 69.2708333333vw;
  z-index: 3;
  animation: note 2s linear 0.4s infinite;
}
#listen_and_rhythm .sec01 .sec01_note04 {
  width: 7.3958333333vw;
  position: absolute;
  top: 25.6770833333vw;
  left: 77.8645833333vw;
  z-index: 3;
  animation: note 2s linear 0.6s infinite;
}
#listen_and_rhythm .sec01 .sec01_note05 {
  width: 2.6041666667vw;
  position: absolute;
  top: 17.6041666667vw;
  left: 92.2916666667vw;
  z-index: 3;
  animation: note 2s linear 0.8s infinite;
}
#listen_and_rhythm .sec01 .sec01_chara01 {
  width: 20.1041666667vw;
  position: absolute;
  top: 89.8958333333vw;
  left: 19.4791666667vw;
  z-index: 2;
}
#listen_and_rhythm .sec01 .sec01_fukidashi01 {
  width: 14.5833333333vw;
  position: absolute;
  top: 80.625vw;
  left: 16.1458333333vw;
  z-index: 3;
  animation-delay: 0.2s;
}
#listen_and_rhythm .sec01 .sec01_chara02 {
  width: 20.8333333333vw;
  position: absolute;
  top: 100.9375vw;
  left: 54.1666666667vw;
  z-index: 2;
}
#listen_and_rhythm .sec01 .sec01_fukidashi02 {
  width: 14.5833333333vw;
  position: absolute;
  top: 92.34375vw;
  left: 63.8020833333vw;
  z-index: 3;
}
#listen_and_rhythm .sec02 {
  width: 100%;
  height: 148.4375vw;
  background: url("../img/sec02_bg.png") bottom center repeat-y;
  background-size: 100% auto;
  position: relative;
  z-index: 2;
}
#listen_and_rhythm .sec02 .sec02_house {
  width: 100%;
  position: absolute;
  top: -34.8958333333vw;
  left: 0;
  z-index: 1;
}
#listen_and_rhythm .sec02 .sec02_note {
  width: 19.3229166667vw;
  position: absolute;
  top: 69.84375vw;
  left: 66.8229166667vw;
  z-index: 6;
}
#listen_and_rhythm .sec02 .sec02_chara01 {
  width: 21.8229166667vw;
  position: absolute;
  top: 34.1145833333vw;
  left: 14.0625vw;
  z-index: 2;
}
#listen_and_rhythm .sec02 .sec02_fukidashi01 {
  width: 14.5833333333vw;
  position: absolute;
  top: 31.3541666667vw;
  left: 34.84375vw;
  z-index: 3;
}
#listen_and_rhythm .sec02 .sec02_bus {
  width: 54.6875vw;
  position: absolute;
  top: 18.2291666667vw;
  left: 46.9791666667vw;
  z-index: 4;
  pointer-events: none;
}
#listen_and_rhythm .sec02 .sec02_bus.active {
  transform-origin: bottom;
  animation: bus_start1 7s ease-in-out 1.5s forwards;
}
#listen_and_rhythm .sec02 .sec02_bus.active img {
  animation: bus_bound 1s ease-in-out 1.5s 5;
}
#listen_and_rhythm .sec02 .sound_btn02 {
  width: 6.7708333333vw;
  position: absolute;
  top: 33.8541666667vw;
  left: 91.25vw;
  z-index: 4;
  cursor: pointer;
}
#listen_and_rhythm .sec02 .sound_btn02.active {
  transform-origin: bottom;
  animation: bus_start1 7s ease-in-out 1.5s forwards;
}
#listen_and_rhythm .sec02 .sound_btn02.active img {
  animation: bus_bound 1s ease-in-out 1.5s 5;
}
#listen_and_rhythm .sec02 .sec02_chara02 {
  width: 21.5104166667vw;
  position: absolute;
  top: 53.6979166667vw;
  left: 55.3645833333vw;
  z-index: 5;
}
#listen_and_rhythm .sec02 .sec02_fukidashi02 {
  width: 14.6875vw;
  position: absolute;
  top: 51.6666666667vw;
  left: 40.625vw;
  z-index: 6;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap {
  position: absolute;
  top: -5.2083333333vw;
  left: 26.0416666667vw;
  transition-duration: 2s;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_chara03 {
  width: 16.6666666667vw;
  position: absolute;
  top: -38.6458333333vw;
  left: 77.4479166667vw;
  z-index: 2;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_fukidashi03 {
  width: 14.5833333333vw;
  position: absolute;
  top: -45.15625vw;
  left: 65.3645833333vw;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.3s;
  transition-delay: 1s;
  animation-delay: 0.2s;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_nurie {
  width: 20.0520833333vw;
  position: absolute;
  top: -31.25vw;
  left: 77.34375vw;
  z-index: 4;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_fukidashi04 {
  width: 13.3333333333vw;
  position: absolute;
  top: -9.1145833333vw;
  left: 63.0208333333vw;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.3s;
  transition-delay: 4.2s;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap.active {
  top: 0px;
  left: 0px;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap.active .sec02_fukidashi03 {
  opacity: 1;
  pointer-events: auto;
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap.active .sec02_nurie {
  animation: nurie 3s ease-in-out 1.2s forwards;
}
@media screen and (max-width: 750px) {
  #listen_and_rhythm .sec02 .sec02_chara03_wrap.active .sec02_nurie {
    animation: nurie_sp 3s ease-in-out 1.2s forwards;
  }
}
#listen_and_rhythm .sec02 .sec02_chara03_wrap.active .sec02_fukidashi04 {
  opacity: 1;
  pointer-events: auto;
}
#listen_and_rhythm .sec02 .sec02_fukidashi05 {
  width: 16.3020833333vw;
  position: absolute;
  top: 59.0104166667vw;
  left: 8.4895833333vw;
  z-index: 5;
  animation-delay: 0.2s;
}
#listen_and_rhythm .sec02 .sec02_chara04 {
  width: 16.0416666667vw;
  position: absolute;
  top: 99.6354166667vw;
  left: 35.3125vw;
  z-index: 2;
}
#listen_and_rhythm .sec02 .sec02_fukidashi06 {
  width: 14.6354166667vw;
  position: absolute;
  top: 97.7083333333vw;
  left: 51.8229166667vw;
  z-index: 3;
}
#listen_and_rhythm .sec03 {
  width: 100%;
  height: 100.5208333333vw;
  background: url("../img/sec03_bg.png") bottom center no-repeat;
  background-size: 100% auto;
  position: relative;
  z-index: 3;
  margin-top: -0.2604166667vw;
}
#listen_and_rhythm .sec03 .sec03_trees {
  width: 100%;
  position: absolute;
  top: -30.1041666667vw;
  left: 0;
  z-index: 1;
}
#listen_and_rhythm .sec03 .sec03_bus {
  width: 53.90625vw;
  position: absolute;
  top: -11.4583333333vw;
  left: 6.1979166667vw;
  z-index: 2;
  transform: translateX(96.3541666667vw);
  cursor: pointer;
}
#listen_and_rhythm .sec03 .sec03_bus.active {
  animation: bus_stop 3s ease-out 0s forwards;
}
#listen_and_rhythm .sec03 .sec03_bus.active img {
  animation: bus_bound 1s ease-in-out 0s 3;
}
#listen_and_rhythm .sec03 .sec03_rainbow {
  width: 59.1145833333vw;
  height: 24.9479166667vw;
  background: url("../img/sec03_rainbow01.png") top center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 24.375vw;
  left: 20.3125vw;
  z-index: 3;
  animation: rainbow 3s linear 0s infinite;
}
#listen_and_rhythm .sec03 .sec03_stage {
  width: 95.1041666667vw;
  height: 45.4166666667vw;
  background: url("../img/sec03_stage01.png") top center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 23.6458333333vw;
  left: 2.5520833333vw;
  z-index: 4;
  animation: stage 2s linear 0s infinite;
}
#listen_and_rhythm .sec03 .sec03_chara01 {
  width: 31.7708333333vw;
  position: absolute;
  top: 34.8958333333vw;
  left: 18.6979166667vw;
  z-index: 5;
}
#listen_and_rhythm .sec03 .sec03_chara02 {
  width: 21.0416666667vw;
  position: absolute;
  top: 34.8958333333vw;
  left: 59.7916666667vw;
  z-index: 5;
}
#listen_and_rhythm .sec03 .sec03_fukidashi01 {
  width: 13.2291666667vw;
  position: absolute;
  top: 29.6875vw;
  left: 78.9583333333vw;
  z-index: 6;
  animation-delay: 0.2s;
}
#listen_and_rhythm .sec03 .sec03_fukidashi02 {
  width: 14.5833333333vw;
  position: absolute;
  top: 64.6875vw;
  left: 25.3645833333vw;
  z-index: 6;
}
#listen_and_rhythm .sec04 {
  width: 100%;
  height: 116.25vw;
  background: url("../img/sec04_bg.png") bottom center no-repeat;
  background-size: 100% auto;
  position: relative;
  z-index: 4;
  margin-top: -15.3645833333vw;
}
#listen_and_rhythm .sec04 .sec04_tree {
  width: 75.6770833333vw;
  position: absolute;
  top: 4.4270833333vw;
  left: 11.5625vw;
  z-index: 1;
}
#listen_and_rhythm .sec04 .sec04_cherry {
  width: 68.3854166667vw;
  position: absolute;
  top: 10.5729166667vw;
  left: 15.78125vw;
  z-index: 2;
}
#listen_and_rhythm .sec04 .sec04_mock01 {
  width: 51.09375vw;
  position: absolute;
  top: 17.5520833333vw;
  left: 24.21875vw;
  z-index: 3;
}
#listen_and_rhythm .sec04 .sec04_thumb {
  pointer-events: none;
  width: 33.1770833333vw;
  position: absolute;
  top: 22.65625vw;
  left: 33.6458333333vw;
  z-index: 3;
  border-radius: 0.5208333333vw;
  overflow: hidden;
}
#listen_and_rhythm .sec04 .sec04_fukidashi01 {
  width: 15vw;
  position: absolute;
  top: 13.8541666667vw;
  left: 56.3541666667vw;
  z-index: 4;
  animation-delay: 0.2s;
}
#listen_and_rhythm .sec04 .sec04_chara01 {
  width: 21.3020833333vw;
  position: absolute;
  top: 61.875vw;
  left: 50.5208333333vw;
  z-index: 2;
}
#listen_and_rhythm .sec04 .sec04_chara02 {
  width: 19.4791666667vw;
  position: absolute;
  top: 79.0104166667vw;
  left: 33.3854166667vw;
  z-index: 2;
}
#listen_and_rhythm .sec04 .sec04_chara03 {
  width: 28.0729166667vw;
  position: absolute;
  top: 52.7604166667vw;
  left: 69.0104166667vw;
  z-index: 2;
  cursor: pointer;
}
#listen_and_rhythm .sec04 .sound_btn03 {
  width: 6.7708333333vw;
  position: absolute;
  top: 48.4375vw;
  left: 90.625vw;
  z-index: 4;
  cursor: pointer;
}
#listen_and_rhythm .sec04 .sec04_fukidashi02 {
  width: 14.7395833333vw;
  position: absolute;
  top: 51.40625vw;
  left: 51.8229166667vw;
  z-index: 3;
}
#listen_and_rhythm .sec04 .sec04_fukidashi03 {
  width: 14.7916666667vw;
  position: absolute;
  top: 67.96875vw;
  left: 36.1458333333vw;
  z-index: 3;
  animation-delay: 0.2s;
}
#listen_and_rhythm .sec04 .sec04_fukidashi04 {
  width: 17.5520833333vw;
  position: absolute;
  top: 61.9791666667vw;
  left: 1.25vw;
  z-index: 3;
}
#listen_and_rhythm .sec04 .sec04_mock02 {
  width: 13.125vw;
  position: absolute;
  top: 70.625vw;
  left: 3.75vw;
  z-index: 2;
}
#listen_and_rhythm .sec04 .sec04_mock03 {
  width: 13.125vw;
  position: absolute;
  top: 53.6458333333vw;
  left: 20.2604166667vw;
  z-index: 2;
}
#listen_and_rhythm .sec04 .sec04_mock03 a {
  pointer-events: none;
}
#listen_and_rhythm .sec04 .sec04_mock04 {
  width: 22.5520833333vw;
  position: absolute;
  top: 84.53125vw;
  left: 58.3854166667vw;
  z-index: 2;
}
#listen_and_rhythm .sec04 .sec04_mock05 {
  width: 22.5520833333vw;
  position: absolute;
  top: 68.90625vw;
  left: 74.8958333333vw;
  z-index: 2;
}
#listen_and_rhythm .sec05 {
  width: 100%;
  height: 162.1354166667vw;
  background: url("../img/sec05_bg.png") bottom left no-repeat;
  background-size: 100% auto;
  position: relative;
  z-index: 5;
}
#listen_and_rhythm .sec05 .sec05_bg_bush {
  width: 100%;
  position: absolute;
  top: -15.625vw;
  left: 0;
  z-index: 1;
}
#listen_and_rhythm .sec05 .sec05_bg_tree {
  width: 100%;
  position: absolute;
  top: -9.0104166667vw;
  left: 0;
  z-index: 2;
}
#listen_and_rhythm .sec05 .sec05_rainbow {
  width: 100%;
  position: absolute;
  top: 31.5625vw;
  left: 0;
  z-index: 3;
}
#listen_and_rhythm .sec05 .sound_btn04 {
  width: 6.7708333333vw;
  position: absolute;
  top: 33.3333333333vw;
  left: 91.6666666667vw;
  z-index: 4;
  cursor: pointer;
}
#listen_and_rhythm .sec05 .sec05_bg_mountain {
  width: 100%;
  position: absolute;
  top: 49.4791666667vw;
  left: 0;
  z-index: 4;
}
#listen_and_rhythm .sec05 .sec05_cloud {
  width: 100%;
  position: absolute;
  top: 21.25vw;
  left: 0;
  z-index: 5;
  pointer-events: none;
  animation: clouds 5.5s ease-in-out 0s infinite;
}
#listen_and_rhythm .sec05 .sec05_cloud_note {
  width: 100%;
  position: absolute;
  top: 16.40625vw;
  left: 0;
  z-index: 6;
  pointer-events: none;
  animation: clouds 4.5s ease-in-out -3s infinite;
}
#listen_and_rhythm .sec05 .sec05_lines {
  width: 100%;
  position: absolute;
  top: 86.1458333333vw;
  left: 0;
  z-index: 6;
}
#listen_and_rhythm .sec05 .sec05_bg_bush2 {
  width: 100%;
  position: absolute;
  top: 94.5833333333vw;
  left: 0;
  z-index: 5;
}
#listen_and_rhythm .sec05 .sec05_fukidashi01 {
  width: 14.7916666667vw;
  position: absolute;
  top: 104.4270833333vw;
  left: 48.9583333333vw;
  z-index: 9;
  transition-duration: 0.3s;
  transition-delay: 1.5s;
  opacity: 0;
  pointer-events: none;
}
#listen_and_rhythm .sec05 .sec05_fukidashi01.active {
  opacity: 1;
  pointer-events: auto;
}
#listen_and_rhythm .sec05 .sec05_guitar {
  width: 96.4583333333vw;
  position: absolute;
  top: 82.34375vw;
  left: 2.0833333333vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_guitar_door {
  width: 30.3125vw;
  height: 20.7291666667vw;
  background: url("../img/guitar_door01.png") top center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 110.1041666667vw;
  left: 27.96875vw;
  z-index: 8;
  cursor: pointer;
}
#listen_and_rhythm .sec05 .sec05_guitar_door.active {
  animation: guitar 3s linear 1s infinite;
}
#listen_and_rhythm .sec05 .sec05_flower01 {
  width: 3.90625vw;
  position: absolute;
  top: 140.2604166667vw;
  left: 10.5208333333vw;
  z-index: 8;
  transform-origin: bottom;
  animation: flower 2s linear -1s infinite;
}
#listen_and_rhythm .sec05 .sec05_flower02 {
  width: 3.90625vw;
  position: absolute;
  top: 140.7291666667vw;
  left: 29.9479166667vw;
  z-index: 8;
  transform-origin: bottom;
  animation: flower 2s linear 0s infinite;
}
#listen_and_rhythm .sec05 .sec05_flower03 {
  width: 4.0625vw;
  position: absolute;
  top: 141.71875vw;
  left: 16.7708333333vw;
  z-index: 8;
  transform-origin: bottom;
  animation: flower 2s linear -1s infinite;
}
#listen_and_rhythm .sec05 .sec05_flower04 {
  width: 3.90625vw;
  position: absolute;
  top: 141.4583333333vw;
  left: 0.9895833333vw;
  z-index: 8;
  transform-origin: bottom;
  animation: flower 2s linear 0s infinite;
}
#listen_and_rhythm .sec05 .sec05_flower05 {
  width: 4.1145833333vw;
  position: absolute;
  top: 139.1666666667vw;
  left: 68.3854166667vw;
  z-index: 8;
  transform-origin: bottom;
  animation: flower 2s linear -1s infinite;
}
#listen_and_rhythm .sec05 .sec05_flower06 {
  width: 4.1145833333vw;
  position: absolute;
  top: 140.2083333333vw;
  left: 59.9479166667vw;
  z-index: 8;
  transform-origin: bottom;
  animation: flower 2s linear 0s infinite;
}
#listen_and_rhythm .sec05 .sec05_flower07 {
  width: 3.90625vw;
  position: absolute;
  top: 142.1354166667vw;
  left: 73.2291666667vw;
  z-index: 8;
  transform-origin: bottom;
  animation: flower 2s linear -1s infinite;
}
#listen_and_rhythm .sec05 .sec05_note01 {
  width: 6.0416666667vw;
  position: absolute;
  top: 50.1041666667vw;
  left: 5.2083333333vw;
  z-index: 5;
  animation: note 2s linear 0s infinite;
}
#listen_and_rhythm .sec05 .sec05_note02 {
  width: 5.15625vw;
  position: absolute;
  top: 47.0833333333vw;
  left: 19.2708333333vw;
  z-index: 5;
  animation: note 2s linear 0.1s infinite;
}
#listen_and_rhythm .sec05 .sec05_note03 {
  width: 6.3541666667vw;
  position: absolute;
  top: 36.3020833333vw;
  left: 31.25vw;
  z-index: 5;
  animation: note 2s linear 0.2s infinite;
}
#listen_and_rhythm .sec05 .sec05_note04 {
  width: 8.4895833333vw;
  position: absolute;
  top: 38.28125vw;
  left: 42.34375vw;
  z-index: 5;
  animation: note 2s linear 0.3s infinite;
}
#listen_and_rhythm .sec05 .sec05_note05 {
  width: 2.9166666667vw;
  position: absolute;
  top: 31.5104166667vw;
  left: 53.4375vw;
  z-index: 5;
  animation: note 2s linear 0.4s infinite;
}
#listen_and_rhythm .sec05 .sec05_note06 {
  width: 6.25vw;
  position: absolute;
  top: 37.0833333333vw;
  left: 72.1354166667vw;
  z-index: 5;
  animation: note 2s linear 0.5s infinite;
}
#listen_and_rhythm .sec05 .sec05_note07 {
  width: 7.5520833333vw;
  position: absolute;
  top: 36.6666666667vw;
  left: 81.6666666667vw;
  z-index: 5;
  animation: note 2s linear 0.6s infinite;
}
#listen_and_rhythm .sec05 .sec05_note08 {
  width: 7.7083333333vw;
  position: absolute;
  top: 46.9791666667vw;
  left: 87.8125vw;
  z-index: 5;
  animation: note 2s linear 0.7s infinite;
}
#listen_and_rhythm .sec05 .sec05_note10 {
  width: 5.2604166667vw;
  position: absolute;
  top: 99.21875vw;
  left: 0.9375vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note11 {
  width: 4.1666666667vw;
  position: absolute;
  top: 95.0520833333vw;
  left: 7.3958333333vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note12 {
  width: 5.2083333333vw;
  position: absolute;
  top: 95.5729166667vw;
  left: 17.96875vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note13 {
  width: 5.9375vw;
  position: absolute;
  top: 85.6770833333vw;
  left: 23.6458333333vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note18 {
  width: 2.0833333333vw;
  position: absolute;
  top: 88.28125vw;
  left: 37.2916666667vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note14 {
  width: 2.0833333333vw;
  position: absolute;
  top: 87.1354166667vw;
  left: 48.8541666667vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note16 {
  width: 4.7916666667vw;
  position: absolute;
  top: 89.0625vw;
  left: 52.03125vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note15 {
  width: 4.21875vw;
  position: absolute;
  top: 91.1458333333vw;
  left: 66.9270833333vw;
  z-index: 7;
}
#listen_and_rhythm .sec05 .sec05_note17 {
  width: 3.59375vw;
  position: absolute;
  top: 86.7708333333vw;
  left: 97.96875vw;
  z-index: 7;
}
#listen_and_rhythm .toTop_btn {
  width: 6.7708333333vw;
  position: fixed;
  bottom: 2.0833333333vw;
  right: 1.5625vw;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #listen_and_rhythm .toTop_btn {
    width: 10.6666666667vw;
    position: fixed;
    bottom: 5.3333333333vw;
    right: 2.6666666667vw;
    z-index: 10;
  }
  #listen_and_rhythm .header {
    width: 100%;
    height: auto;
    display: block;
  }
  #listen_and_rhythm .header img {
    width: 100%;
    max-width: 100%;
  }
  #listen_and_rhythm .sec01 {
    width: 100%;
    height: 152vw;
    background: url("../img/sec01_bg_sky_sp.png") top -2.4vw center no-repeat, url("../img/sec01_bg_sp.png") bottom center no-repeat;
    background-size: 100% auto, 100% auto;
    position: relative;
    z-index: 1;
  }
  #listen_and_rhythm .sec01 .sec01_house {
    width: 100%;
    position: absolute;
    top: 35.7333333333vw;
    left: 0;
    z-index: 1;
  }
  #listen_and_rhythm .sec01 .main_ttl {
    width: 63.2vw;
    position: absolute;
    top: 1.8666666667vw;
    left: 4.5333333333vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec01 .baloon_y {
    width: 8.5333333333vw;
    position: absolute;
    top: 4.5333333333vw;
    left: 77.3333333333vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec01 .baloon_r {
    width: 13.3333333333vw;
    position: absolute;
    top: 25.3333333333vw;
    left: 5.8666666667vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec01 .baloon_b {
    width: 16vw;
    position: absolute;
    top: 45.3333333333vw;
    left: 52.2666666667vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec01 .sec01_y_flower {
    width: 90.1333333333vw;
    position: absolute;
    top: 38.1333333333vw;
    left: 4.2666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sec01_tranpet {
    width: 20vw;
    position: absolute;
    top: 41.3333333333vw;
    left: 20.8vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sound_btn01 {
    width: 10.6666666667vw;
    position: absolute;
    top: 48vw;
    left: 42.6666666667vw;
    z-index: 4;
    cursor: pointer;
  }
  #listen_and_rhythm .sec01 .sec01_rainbow {
    width: 120vw;
    position: absolute;
    top: 16.8vw;
    left: 34.6666666667vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec01 .sound_btn04 {
    width: 10.6666666667vw;
    position: absolute;
    top: 26.6666666667vw;
    left: 86.6666666667vw;
    z-index: 4;
    cursor: pointer;
  }
  #listen_and_rhythm .sec01 .sec01_note01 {
    width: 5.3333333333vw;
    position: absolute;
    top: 31.4666666667vw;
    left: 45.8666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sec01_note02 {
    width: 4.5333333333vw;
    position: absolute;
    top: 30.4vw;
    left: 60.2666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sec01_note03 {
    width: 5.3333333333vw;
    position: absolute;
    top: 20.8vw;
    left: 69.8666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sec01_note04 {
    width: 7.4666666667vw;
    position: absolute;
    top: 23.2vw;
    left: 77.8666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sec01_note05 {
    width: 2.6666666667vw;
    position: absolute;
    top: 15.7333333333vw;
    left: 92.2666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sec01_chara01 {
    width: 26.9333333333vw;
    position: absolute;
    top: 75.4666666667vw;
    left: 16.2666666667vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec01 .sec01_fukidashi01 {
    width: 29.3333333333vw;
    position: absolute;
    top: 57.8666666667vw;
    left: 5.8666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec01 .sec01_chara02 {
    width: 28vw;
    position: absolute;
    top: 91.7333333333vw;
    left: 48.2666666667vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec01 .sec01_fukidashi02 {
    width: 29.3333333333vw;
    position: absolute;
    top: 75.2vw;
    left: 55.4666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec02 {
    width: 100%;
    height: 190.6666666667vw;
    background: url("../img/sec02_bg_sp.png") bottom left no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 2;
  }
  #listen_and_rhythm .sec02 .sec02_house {
    width: 100%;
    position: absolute;
    top: -34.6666666667vw;
    left: 0;
    z-index: 1;
  }
  #listen_and_rhythm .sec02 .sec02_note {
    width: 21.8666666667vw;
    position: absolute;
    top: 99.4666666667vw;
    left: 61.8666666667vw;
    z-index: 6;
  }
  #listen_and_rhythm .sec02 .sec02_chara01 {
    width: 29.0666666667vw;
    position: absolute;
    top: 29.0666666667vw;
    left: 11.7333333333vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec02 .sec02_fukidashi01 {
    width: 29.0666666667vw;
    position: absolute;
    top: 16vw;
    left: 39.2vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec02 .sec02_bus {
    width: 68vw;
    position: absolute;
    top: 4.5333333333vw;
    left: 52.8vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec02 .sec02_bus.active {
    animation: bus_start1_sp 5s ease-in-out 1.5s forwards;
  }
  #listen_and_rhythm .sec02 .sound_btn02 {
    width: 10.6666666667vw;
    position: absolute;
    top: 58.6666666667vw;
    left: 84vw;
    z-index: 4;
    cursor: pointer;
  }
  #listen_and_rhythm .sec02 .sound_btn02.active {
    animation: bus_start1_sp 5s ease-in-out 1.5s forwards;
  }
  #listen_and_rhythm .sec02 .sec02_chara02 {
    width: 28.5333333333vw;
    position: absolute;
    top: 70.4vw;
    left: 66.1333333333vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec02 .sec02_fukidashi02 {
    width: 29.3333333333vw;
    position: absolute;
    top: 53.3333333333vw;
    left: 43.2vw;
    z-index: 6;
  }
  #listen_and_rhythm .sec02 .sec02_chara03_wrap {
    top: -26.6666666667vw;
    left: 133.3333333333vw;
  }
  #listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_chara03 {
    width: 21.8666666667vw;
    position: absolute;
    top: -38.9333333333vw;
    left: 75.7333333333vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_fukidashi03 {
    width: 29.3333333333vw;
    position: absolute;
    top: -58.4vw;
    left: 69.3333333333vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_nurie {
    width: 26.6666666667vw;
    position: absolute;
    top: -29.0666666667vw;
    left: 75.2vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec02 .sec02_chara03_wrap .sec02_fukidashi04 {
    width: 26.6666666667vw;
    position: absolute;
    top: -21.3333333333vw;
    left: 56.5333333333vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec02 .sec02_fukidashi05 {
    width: 32.5333333333vw;
    position: absolute;
    top: 64.5333333333vw;
    left: 5.0666666667vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec02 .sec02_chara04 {
    width: 21.8666666667vw;
    position: absolute;
    top: 136vw;
    left: 28vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec02 .sec02_fukidashi06 {
    width: 29.3333333333vw;
    position: absolute;
    top: 119.4666666667vw;
    left: 44vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec03 {
    width: 100%;
    height: 161.0666666667vw;
    background: url("../img/sec03_bg_sp.png") bottom left no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 3;
  }
  #listen_and_rhythm .sec03 .sec03_trees {
    width: 100%;
    position: absolute;
    top: -25.3333333333vw;
    left: 0;
    z-index: 1;
  }
  #listen_and_rhythm .sec03 .sec03_bus {
    width: 68vw;
    position: absolute;
    top: 0;
    left: 45.3333333333vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec03 .sec03_bus.active {
    animation: bus_stop_sp 3s ease-out 0s forwards;
  }
  #listen_and_rhythm .sec03 .sec03_rainbow {
    width: 83.7333333333vw;
    height: 40vw;
    background: url("../img/sec03_rainbow01.png") top center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 44.2666666667vw;
    left: 8.8vw;
    z-index: 3;
    animation: rainbow 3s linear 0s infinite;
  }
  #listen_and_rhythm .sec03 .sec03_stage {
    width: 129.6vw;
    height: 67.2vw;
    background: url("../img/sec03_stage01_sp.png") top center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 43.4666666667vw;
    left: -14.4vw;
    z-index: 4;
    animation: stage_sp 2s linear 0s infinite;
  }
  #listen_and_rhythm .sec03 .sec03_chara01 {
    width: 42.6666666667vw;
    position: absolute;
    top: 55.7333333333vw;
    left: 8vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec03 .sec03_chara02 {
    width: 28vw;
    position: absolute;
    top: 56.5333333333vw;
    left: 63.4666666667vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec03 .sec03_fukidashi01 {
    width: 26.4vw;
    position: absolute;
    top: 40vw;
    left: 42.4vw;
    z-index: 6;
  }
  #listen_and_rhythm .sec03 .sec03_fukidashi02 {
    width: 29.3333333333vw;
    position: absolute;
    top: 97.3333333333vw;
    left: 18.9333333333vw;
    z-index: 6;
  }
  #listen_and_rhythm .sec04 {
    width: 100%;
    height: 275.4666666667vw;
    background: url("../img/sec04_bg_sp.png") bottom left no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 4;
    margin-top: -28.5333333333vw;
  }
  #listen_and_rhythm .sec04 .sec04_tree {
    width: 97.6vw;
    position: absolute;
    top: 12.8vw;
    left: 1.6vw;
    z-index: 1;
  }
  #listen_and_rhythm .sec04 .sec04_cherry {
    display: none;
  }
  #listen_and_rhythm .sec04 .sec04_mock01 {
    width: 66.1333333333vw;
    position: absolute;
    top: 29.6vw;
    left: 18.1333333333vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec04 .sec04_thumb {
    pointer-events: none;
    width: 43.7333333333vw;
    position: absolute;
    top: 36vw;
    left: 29.8666666667vw;
    z-index: 4;
    overflow: hidden;
    border-radius: 1.0666666667vw;
  }
  #listen_and_rhythm .sec04 .sec04_fukidashi01 {
    width: 29.6vw;
    position: absolute;
    top: 19.4666666667vw;
    left: 62.6666666667vw;
    z-index: 4;
  }
  #listen_and_rhythm .sec04 .sec04_chara01 {
    width: 28.8vw;
    position: absolute;
    top: 167.7333333333vw;
    left: 56.5333333333vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec04 .sec04_chara02 {
    width: 26.4vw;
    position: absolute;
    top: 86.1333333333vw;
    left: 16.2666666667vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec04 .sec04_chara03 {
    width: 37.6vw;
    position: absolute;
    top: 85.3333333333vw;
    left: 57.8666666667vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec04 .sound_btn03 {
    width: 10.6666666667vw;
    position: absolute;
    top: 76.5333333333vw;
    left: 82.4vw;
    z-index: 4;
    cursor: pointer;
  }
  #listen_and_rhythm .sec04 .sec04_fukidashi02 {
    width: 29.3333333333vw;
    position: absolute;
    top: 147.7333333333vw;
    left: 65.6vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec04 .sec04_fukidashi03 {
    width: 29.3333333333vw;
    position: absolute;
    top: 66.9333333333vw;
    left: 6.6666666667vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec04 .sec04_fukidashi04 {
    width: 34.9333333333vw;
    position: absolute;
    top: 111.7333333333vw;
    left: 9.6vw;
    z-index: 3;
  }
  #listen_and_rhythm .sec04 .sec04_mock02 {
    width: 26.1333333333vw;
    position: absolute;
    top: 126.1333333333vw;
    left: 10.1333333333vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec04 .sec04_mock03 {
    width: 26.1333333333vw;
    position: absolute;
    top: 195.4666666667vw;
    left: 61.6vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec04 .sec04_mock04 {
    width: 45.0666666667vw;
    position: absolute;
    top: 109.3333333333vw;
    left: 49.3333333333vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec04 .sec04_mock05 {
    width: 44.8vw;
    position: absolute;
    top: 187.2vw;
    left: 10.9333333333vw;
    z-index: 2;
  }
  #listen_and_rhythm .sec05 {
    width: 100%;
    height: 162.6666666667vw;
    background: url("../img/sec05_bg_sp.png") bottom left no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_bg_bush {
    width: 100%;
    position: absolute;
    top: -19.4666666667vw;
    left: 0;
    z-index: 1;
  }
  #listen_and_rhythm .sec05 .sec05_bg_tree {
    width: 100%;
    position: absolute;
    top: -12.5333333333vw;
    left: 0;
    z-index: 2;
  }
  #listen_and_rhythm .sec05 .sec05_rainbow {
    width: 100%;
    position: absolute;
    top: 28vw;
    left: 0;
    z-index: 3;
  }
  #listen_and_rhythm .sec05 .sound_btn04 {
    width: 10.6666666667vw;
    position: absolute;
    top: 42.6666666667vw;
    left: 86.6666666667vw;
    z-index: 6;
    cursor: pointer;
  }
  #listen_and_rhythm .sec05 .sec05_bg_mountain {
    width: 100%;
    position: absolute;
    top: 46.1333333333vw;
    left: 0;
    z-index: 4;
  }
  #listen_and_rhythm .sec05 .sec05_cloud {
    width: 100%;
    position: absolute;
    top: 17.6vw;
    left: 0;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_cloud_note {
    width: 100%;
    position: absolute;
    top: 12.2666666667vw;
    left: 0;
    z-index: 6;
  }
  #listen_and_rhythm .sec05 .sec05_lines {
    width: 100%;
    position: absolute;
    top: 83.2vw;
    left: 0;
    z-index: 6;
  }
  #listen_and_rhythm .sec05 .sec05_bg_bush2 {
    width: 100%;
    position: absolute;
    top: 90.9333333333vw;
    left: 0;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_fukidashi01 {
    width: 29.6vw;
    position: absolute;
    top: 89.3333333333vw;
    left: 49.0666666667vw;
    z-index: 8;
  }
  #listen_and_rhythm .sec05 .sec05_guitar {
    width: 96.5333333333vw;
    position: absolute;
    top: 79.4666666667vw;
    left: 2.1333333333vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_guitar_door {
    width: 29.8666666667vw;
    height: 20.5333333333vw;
    background: url("../img/guitar_door01_sp.png") top center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 107.4666666667vw;
    left: 28.2666666667vw;
    z-index: 8;
  }
  #listen_and_rhythm .sec05 .sec05_guitar_door.active {
    animation: guitar_sp 1.5s linear 0s infinite;
  }
  #listen_and_rhythm .sec05 .sec05_note01 {
    width: 5.8666666667vw;
    position: absolute;
    top: 46.6666666667vw;
    left: 5.6vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note02 {
    width: 4.8vw;
    position: absolute;
    top: 43.7333333333vw;
    left: 19.7333333333vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note03 {
    width: 5.8666666667vw;
    position: absolute;
    top: 32.8vw;
    left: 31.7333333333vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note04 {
    width: 8.5333333333vw;
    position: absolute;
    top: 34.6666666667vw;
    left: 42.6666666667vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note05 {
    width: 2.6666666667vw;
    position: absolute;
    top: 28vw;
    left: 53.8666666667vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note06 {
    width: 6.1333333333vw;
    position: absolute;
    top: 33.6vw;
    left: 72.5333333333vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note07 {
    width: 7.7333333333vw;
    position: absolute;
    top: 33.0666666667vw;
    left: 81.8666666667vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note08 {
    width: 7.7333333333vw;
    position: absolute;
    top: 43.2vw;
    left: 88vw;
    z-index: 5;
  }
  #listen_and_rhythm .sec05 .sec05_note10 {
    width: 5.0666666667vw;
    position: absolute;
    top: 95.7333333333vw;
    left: 1.3333333333vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note11 {
    width: 4.2666666667vw;
    position: absolute;
    top: 91.2vw;
    left: 7.7333333333vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note12 {
    width: 5.3333333333vw;
    position: absolute;
    top: 91.7333333333vw;
    left: 18.1333333333vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note13 {
    width: 5.8666666667vw;
    position: absolute;
    top: 82.1333333333vw;
    left: 24vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note18 {
    width: 2.1333333333vw;
    position: absolute;
    top: 84.2666666667vw;
    left: 37.6vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note14 {
    width: 2.1333333333vw;
    position: absolute;
    top: 83.2vw;
    left: 49.0666666667vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note16 {
    width: 4.8vw;
    position: absolute;
    top: 85.3333333333vw;
    left: 52.2666666667vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note15 {
    width: 4vw;
    position: absolute;
    top: 87.4666666667vw;
    left: 67.2vw;
    z-index: 7;
  }
  #listen_and_rhythm .sec05 .sec05_note17 {
    width: 4vw;
    position: absolute;
    top: 82.6666666667vw;
    left: 98.1333333333vw;
    z-index: 7;
  }
}

.popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
}
.popup_wrap:has(.active) {
  opacity: 1;
  pointer-events: auto;
}
.popup_wrap > div {
  width: 69.7916666667vw;
  height: fit-content;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition-duration: 0.3s;
  overflow-y: scroll;
}
.popup_wrap > div::-webkit-scrollbar {
  display: none;
}
.popup_wrap > div.active {
  pointer-events: auto;
  opacity: 1;
}
.popup_wrap > div .img_wrap .close_btn {
  cursor: pointer;
}
.popup_wrap > div.popup01 .close_btn {
  width: 6.25vw;
  height: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  right: 1.4583333333vw;
}
.popup_wrap > div.popup02 .close_btn {
  width: 6.25vw;
  height: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  right: 1.4583333333vw;
}
.popup_wrap > div.popup03 .close_btn {
  width: 6.25vw;
  height: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  right: 1.4583333333vw;
}
.popup_wrap > div.popup04 .close_btn {
  width: 6.25vw;
  height: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  right: 1.4583333333vw;
}
.popup_wrap > div.popup05 .close_btn {
  width: 6.25vw;
  height: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  right: 1.4583333333vw;
}
.popup_wrap > div.popup06 .close_btn {
  width: 6.25vw;
  height: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  right: 1.4583333333vw;
}
.popup_wrap > div.popup07 .link_target {
  width: 22.7604166667vw;
  height: 3.0729166667vw;
  display: block;
  position: absolute;
  top: 32.3958333333vw;
  left: 37.9166666667vw;
}
.popup_wrap > div.popup07 .close_btn {
  width: 5.2083333333vw;
  height: 6.25vw;
  position: absolute;
  top: 6.4583333333vw;
  right: 2.6041666667vw;
}
.popup_wrap > div.popup08 .close_btn {
  width: 5.2083333333vw;
  height: 4.6875vw;
  position: absolute;
  top: 1.1979166667vw;
  right: 4.375vw;
}
.popup_wrap > div.popup08 .popup_top_btn {
  display: none;
}
.popup_wrap > div.popup09 .link_target1 {
  width: 11.0416666667vw;
  height: 2.6041666667vw;
  display: block;
  position: absolute;
  top: 27.03125vw;
  left: 29.375vw;
}
.popup_wrap > div.popup09 .link_target2 {
  width: 17.2395833333vw;
  height: 2.6041666667vw;
  display: block;
  position: absolute;
  top: 31.6145833333vw;
  left: 29.375vw;
}
.popup_wrap > div.popup09 .link_target3 {
  width: 17.2395833333vw;
  height: 2.6041666667vw;
  display: block;
  position: absolute;
  top: 36.25vw;
  left: 29.375vw;
}
.popup_wrap > div.popup09 .close_btn {
  width: 6.7708333333vw;
  height: 5.7291666667vw;
  position: absolute;
  top: 2.7083333333vw;
  right: 3.5416666667vw;
}
.popup_wrap > div.popup10 .close_btn {
  width: 6.25vw;
  height: 7.2916666667vw;
  position: absolute;
  top: 1.3020833333vw;
  right: 1.4583333333vw;
}
@media screen and (max-width: 750px) {
  .popup_wrap > div {
    width: 100%;
  }
  .popup_wrap > div.popup01 .close_btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    top: 5.8666666667vw;
    right: 2.6666666667vw;
  }
  .popup_wrap > div.popup02 .close_btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    top: 5.8666666667vw;
    right: 2.6666666667vw;
  }
  .popup_wrap > div.popup03 .close_btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    top: 5.8666666667vw;
    right: 2.6666666667vw;
  }
  .popup_wrap > div.popup04 .close_btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    top: 5.8666666667vw;
    right: 2.6666666667vw;
  }
  .popup_wrap > div.popup05 .close_btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    top: 5.8666666667vw;
    right: 2.6666666667vw;
  }
  .popup_wrap > div.popup06 .close_btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    top: 5.8666666667vw;
    right: 2.6666666667vw;
  }
  .popup_wrap > div.popup07 .close_btn {
    width: 8.8vw;
    height: 10.4vw;
    position: absolute;
    top: 11.2vw;
    right: 1.6vw;
  }
  .popup_wrap > div.popup07 .link_target {
    width: 37.8666666667vw;
    height: 6.4vw;
    display: block;
    position: absolute;
    top: 66.6666666667vw;
    left: 56vw;
  }
  .popup_wrap > div.popup08 {
    top: 0;
    left: 0;
    transform: translate(0, 0);
    height: 100%;
    overflow-y: scroll;
  }
  .popup_wrap > div.popup08 .close_btn {
    width: 13.8666666667vw;
    height: 14.6666666667vw;
    position: absolute;
    top: 4.8vw;
    right: 0.5333333333vw;
  }
  .popup_wrap > div.popup08 .img_wrap {
    position: relative;
    max-height: fit-content;
  }
  .popup_wrap > div.popup08 .img_wrap .popup_top_btn {
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    bottom: 12vw;
    right: 1.3333333333vw;
  }
  .popup_wrap > div.popup09 .close_btn {
    width: 13.8666666667vw;
    height: 11.4666666667vw;
    position: absolute;
    top: 4.5333333333vw;
    right: 1.3333333333vw;
  }
  .popup_wrap > div.popup09 .link_target1 {
    width: 25.3333333333vw;
    height: 5.6vw;
    display: block;
    position: absolute;
    top: 57.6vw;
    left: 38.9333333333vw;
  }
  .popup_wrap > div.popup09 .link_target2 {
    width: 39.4666666667vw;
    height: 5.6vw;
    display: block;
    position: absolute;
    top: 68.2666666667vw;
    left: 38.9333333333vw;
  }
  .popup_wrap > div.popup09 .link_target3 {
    width: 39.4666666667vw;
    height: 5.6vw;
    display: block;
    position: absolute;
    top: 78.9333333333vw;
    left: 38.9333333333vw;
  }
  .popup_wrap > div.popup10 .close_btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    position: absolute;
    top: 5.8666666667vw;
    right: 2.6666666667vw;
  }
}