.swiper-slide img {
  width: 100%;
  max-width: 900px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}


.swiper-pagination {
    bottom: 0px !important;
}

@media (min-width: 1025px) {
  .swiper-slide img {
    max-height: 635px;   /* 画像の最大高さ制限（超えない） */
    width: auto;         /* 横幅は自動調整 */
    object-fit: contain; /* 画像が切れず、枠内に収まる */
    margin: 0 auto;      /* 中央に配置 */
  }

  .swiper,
  .swiper-slide {
    height: auto;
  }
}



/* PC：横幅800px固定・中央寄せ */
@media (min-width: 1025px) {
  .swiper-slide img {
    width: 800px;
    max-height: 635px;  /* 以前の高さ制限も同時に指定可 */
    margin: 0 auto;
  }
}



/* Swiper画像の高さを最大635pxに制限（PC時） */
@media (min-width: 1025px) {
  .swiper-slide img {
    width: 900px;
    height: auto;
    max-height: 635px;
    object-fit: contain; /* 必要に応じて: coverにすると切り取りになる */
    display: block;
    margin: 0 auto;
  }

  .swiper,
  .swiper-slide {
    height: auto;
  }
}

.swiper-container {
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
	text-align: center;
}

.swiper {
  width: 100%;
  height: auto;
  margin-top: 100px;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}


/* PC時に最大幅を1100pxに制限して中央寄せ*/
@media (min-width: 768px) {
  .swiper-container {
    max-width: 100%;
	min-width: 768px;
    margin: 0 auto; /* 中央に配置 */
  }
}






  .swiper-slide {
    height: 100%;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
  }

  .swiper-slide img {
    /*height: 100%;         ✅ 高さにフィット */
    width: 100%;
    object-fit: cover;   /* ✅ 必要に応じて contain にも変更可能 */
    display: block;
  }
}


/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 20px 20px;
}
/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: red;
  height: 30px;
  width: 30px;
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}