@charset "UTF-8";
/* 明朝体 */
/* ゴシック体 */
/* ゴシック体 */
/*! このファイルを変更する場合は「.scss」から変更して下さい */
/*! 「.scss」ファイルがつかえない場合はcustom.cssを変更する */
/*! このファイルを変更する場合は「.scss」から変更して下さい */
/*! 「.scss」ファイルがつかえない場合はcustom.cssを変更する */
#movie {
  margin-top: 50px;
}
#movie .movie__message {
  font-size: 30rem;
  text-align: center;
  margin: 70px 0;
}
#movie .movie__item {
  width: 30%;
  margin-bottom: 30px;
}
#movie .movie__item .item__video {
  padding-top: 75%;
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 10px;
}
#movie .movie__item .item__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 768px) {
  #movie {
    margin-top: 10px;
    padding: 0 15px;
  }
  #movie .movie__message {
    font-size: 20rem;
    margin: 25px 0 35px 0;
  }
  #movie .movie__item {
    width: 100%;
  }
}