#youtube_wrap {
  width: 100%;
  max-width: 80rem;
  margin: 4rem auto;
}
@media screen and (max-width: 767px) {
  #youtube_wrap {
    margin: 2rem auto;
    width: 90%;
  }
}
.youtube_modal {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 56.25%;
}
.youtube_modal iframe,
.youtube_modal a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sec-movie {
  padding: 10rem 0 10rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sec-movie {
    padding: 1rem 0 8rem;
  }
}
.sec-movie::before {
  position: absolute;
  display: block;
  content: "";
  background-image: url(../img/top/bg_char-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 41.4rem;
  height: 37.2rem;
  bottom: 1rem;
  left: 1rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .sec-movie::before {
    width: 11.7rem;
    height: 17rem;
    bottom: 1rem;
    left: 0;
    background-image: url(../img/top/bg_intro-left-sp.png);
  }
}
.sec-movie::after {
  position: absolute;
  display: block;
  content: "";
  background-image: url(../img/top/bg_char-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42.9rem;
  height: 38.5rem;
  top: 1rem;
  right: 9rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .sec-movie::after {
    width: 16.1rem;
    height: 21.6rem;
    top: 0;
    right: 0;
    background-image: url(../img/top/bg_intro-right-sp.png);
  }
}