@charset "UTF-8";
/* -----------------------------------------------------------
    アーカイブ動画
----------------------------------------------------------- */
#movie .l-header {
  position: static;
}

.movie-band {
  background: #0090DA;
  position: relative;
  padding: 30px 10px;
}
.movie-band:after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-color: #0090DA transparent transparent transparent;
  border-width: 70px 60px 0 60px;
  z-index: 1;
}

.movie-band__text {
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  transform: rotate(0.05deg);
}

.movie-cnt {
  background: #e8f4f4;
  padding: 80px 0 75px;
}

.movie-cnt__inner {
  width: 84%;
  max-width: 740px;
  margin: 0 auto;
}

.movie-cnt__title-wrap {
  position: relative;
}

.movie-cnt__title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.movie-cnt__img {
  position: absolute;
  right: 4.86%;
  bottom: -8px;
  max-width: 70px;
  width: 9.5%;
  z-index: 1;
}

.movie-cnt__movie {
  margin-top: 20px;
}

.movie-cnt__movie-inner {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.movie-cnt__vimeo-movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media screen and (max-width: 1230px) {
  /* ===========================================================
      タブレット横
  =========================================================== */
}
@media screen and (max-width: 900px) {
  /* ===========================================================
      iPadPro縦
  =========================================================== */
  .movie-cnt__title {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  /* ===========================================================
      タブレット縦
  =========================================================== */
  .movie-band {
    padding: 5.33vw 2.67vw;
  }
  .movie-band:after {
    bottom: -6.67vw;
    border-width: 9.07vw 7.73vw 0 7.73vw;
  }
  .movie-band__text {
    font-size: 4.27vw;
  }
  .movie-cnt {
    padding: 10.67vw 0 12vw;
  }
  .movie-cnt__title {
    font-size: 4.6vw;
    margin-top: 1.33vw;
  }
  .movie-cnt__img {
    position: static;
    max-width: 14.67vw;
    width: 14.67vw;
    margin: 0 auto;
  }
  .movie-cnt__movie {
    margin-top: 4vw;
  }
}
@media screen and (max-width: 667px) {
  /* ===========================================================
      スマホ
  =========================================================== */
}
@media screen and (max-width: 320px) {
  /* ===========================================================
      iPhone5/SE
  =========================================================== */
}