@charset "UTF-8";
/* 映像エリア */
#movie_area {
  background: url(./img/movie_bg.png) repeat-x center bottom -4.325vw;
  background-size: 1920px auto;
  padding: 100px 0 70px;
  position: relative;
  color: #fff;
}
#movie_area::after {
  content: "";
  position: absolute;
  background: url(./img/mv_right02_bottom.png) no-repeat center center/contain;
  width: 26.563vw;
  height: 1.25vw;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.mv_box {
  width: 100%;
  max-width: 1212px;
  margin: 0 auto;
  position: relative;
}
.mv_box h3 {
  font-size: 2.7vw;
  text-align: center;
  font-weight: 900;
  margin-top: -1.042vw;
}

.mv_thumb_box {
  position: absolute;
  top: 152px;
  left: 97px;
  width: 1020px;
  height: 573px;
  background: #6f6f6f;
}

.dhumb_box_in {
  position: relative;
  z-index: 10;
}

.thumb_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 10;
}

.thumb_icon img {
  filter: drop-shadow(0px 0px 10px #000000);
}

.thumb_img_box img {
  opacity: 1;
  transition: all 0.3s;
}

.mv_thumb_box:hover .thumb_img_box img {
  opacity: 0.5;
}

.youtube_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}

.youtube_movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1919px) {
  /* 映像エリア */
  #movie_area {
    background: url(./img/movie_bg.png) repeat-x center bottom -4.325vw;
    background-size: 100vw auto;
    padding: 5.208vw 0 3.646vw;
  }
  .mv_box {
    max-width: 63.158vw;
  }
  .mv_thumb_box {
    top: 7.921vw;
    left: 5.055vw;
    width: 53.153vw;
    height: 29.859vw;
  }
}
@media screen and (max-width: 1023px) {
  /* 映像エリア */
  #movie_area {
    background: url(./img/movie_bg.png) repeat-x center center;
    background-size: 100% auto;
    padding: 10px 0 30px;
  }
  .mv_box {
    width: 90%;
    max-width: 1212px;
  }
  .mv_box h3 {
    font-size: 5.5vw;
  }
  .mv_thumb_box {
    top: 10.382vw;
    left: 7.339vw;
    width: 75.453vw;
    height: 43.474vw;
    background: transparent;
  }
  .thumb_icon {
    width: 35px;
  }
  .thumb_img_box {
    margin: 1.173vw 0;
    /*12px 0*/
  }
  .mv_frame_box_in img {
    width: 100%;
    max-width: none;
  }
  /* 映像モーダル */
  .movie-mfp .mfp-iframe-holder .mfp-content {
    min-height: auto;
  }
  .movie-mfp .mfp-iframe-scaler .mfp-close {
    top: -50px !important;
    right: 15px !important;
    padding-right: 0 !important;
  }
}/*# sourceMappingURL=movie_style.css.map */