/* スライドのスタイル */
    .swiper-container {
      z-index: 0.8;
      width: 100%; /* ブラウザの横幅全体に広げる */
      margin: auto;
      overflow: hidden; /* 横にはみ出る部分を隠す */
      position: relative;
	background:#FFF;
    }
    .swiper-wrapper {
  display: flex;
    }
    .swiper-slide {
      flex: 0 0 1200px; /* 固定幅で1200pxに指定 */
      max-height: 600px;
      text-align: center;
      cursor: pointer; /* カーソルをポインターに変更 */
      position: relative;
    }
    .swiper-slide img {
      height: 600px;
      width: 100%;
      object-fit: cover; /* アスペクト比を保ちつつ幅いっぱいに表示 */
    }
    .swiper-button-next,
    .swiper-button-prev {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 0.9;
      font-size: 24px;
      color: white;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 10px;
      cursor: pointer;
    }
    .swiper-button-prev {
      left: 20px;
    }
    .swiper-button-next {
      right: 20px;
    }

    /* スマートフォン用の調整 */
    @media (max-width: 767px) {
      .swiper-slide {
        flex: 1 0 100%; /* 幅100%に変更 */
    margin-bottom: -10px; /* マージンをリセット */
      }
    .swiper-button-next,
    .swiper-button-prev {
      top: 46%;
      transform: translateY(-50%);
    }
      .swiper-slide img {
        height: auto; /* 高さを自動調整 */
      }
      .swiper-button-next,
      .swiper-button-prev {
        font-size: 24px; /* 矢印のフォントサイズを調整 */
    transform: scale(0.7); /* 縮小比率を指定 */
    transform-origin: center; /* 縮小の基準点を中央に設定 */
      }
    .swiper-button-prev {
      left: 12px;
    }
    .swiper-button-next {
      right: 12px;
    }
}