/* PC用：768px以上はスライダーの機能をCSSで打ち消す */
@media (min-width: 768px) {
  .banner-section .swiper-wrapper {
    display: flex; /* 横並びにする */
    gap: 20px; /* コンテンツ間の余白 */
    justify-content: center;
    margin: auto;
  }

  .banner-section .swiper-slide {
    flex: 0 1 349px;
    max-width: 349px;
    /* width: calc(33.333% - 14px); */
    height: auto;
  }
  .yt-title {
    margin: 0 0 10px;
    text-align: center;
  }
  .banner-section .swiper-slide > iframe {
    width: 100%;
    height: 196px;
    margin-bottom: 20px;
    border: none;
  }
}
/* スマホ用：767px以下はスライダーの機能を有効にする */
@media (max-width: 767px) {
  .banner-section .swiper-slide {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .yt-title {
    margin: 0 0 14px;
    text-align: center;
  }
  .banner-section .swiper-slide > iframe {
    width: 370px;
    height: 210px;
    margin-bottom: 20px;
    border: none;
  }
}