.movie-area {
    max-width: 980px;
    margin: 0 auto 60px !important;    
}

.movie-area-title {
    margin-bottom: 20px !important;
    font-size: 32px !important;
    text-align: center;
    font-weight: bold;
}

/* slider本体 */
.movie-area-slider {
    margin: 0 -10px;
    overflow: visible;
}

/* 各スライド */
.movie-area-slide {
    padding: 0 10px;
    box-sizing: border-box;
}

/* iframeをレスポンシブに */
.movie-area-slide iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    display: block;
    border: none;
}

/* 矢印 */
.movie-area-slider .slick-prev,
.movie-area-slider .slick-next {
    width: 40px;
    height: 40px;
    z-index: 10;
    top: 42%;
}

.movie-area-slider .slick-prev {
    left: -30px;
    border-radius: 100%;
}

.movie-area-slider .slick-next {
    right: -30px;
    border-radius: 100%;    
}

/* ドット */
.movie-area-slider .slick-dots {
    bottom: -15px;
    position: relative;
    display: flex !important;
    justify-content: center;
    gap: 16px;
}

/* liの番号を消す */
.movie-area-slider .slick-dots li {
    list-style: none;
    margin: 0;
}
.slick-dots li.slick-active{
  width: 6px !important;
  height: 6px !important;
}
/* buttonの文字を消す */
.movie-area-slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
    background: #ccc;
    border: none;
}

/* active */
.movie-area-slider .slick-dots li.slick-active button {
    background: #333;
}
@media screen and (max-width: 768px) {
  .movie-area {
      width: 80%;
      margin: 0 auto 10vw !important;    
  }

  .movie-area-title {
      margin-bottom: 3vw;
      font-size: 6.6vw !important;
      text-align: center;
      font-weight: bold;
  }

  /* slider本体 */
  .movie-area-slider {
      margin: 0 -10px;
  }

  /* 各スライド */
  .movie-area-slide {
      padding: 0 10px;
      box-sizing: border-box;
  }

  /* iframeをレスポンシブに */
  .movie-area-slide iframe {
      width: 100%;
      aspect-ratio: 16 / 9;
      height: auto;
      display: block;
      border: none;
  }

  /* 矢印 */
  .movie-area-slider .slick-prev,
  .movie-area-slider .slick-next {
      width: 7vw;
      height: 7vw;
      z-index: 10;
      top: 40%;
  }

  .movie-area-slider .slick-prev {
      left: -6.5vw;
      border-radius: 100%;
  }

  .movie-area-slider .slick-next {
      right: -6.5vw;
      border-radius: 100%;    
  }
}