.swiper {
  height: 500px;
  overflow: hidden;
}
.swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper-slide {
  width: auto;
  margin-right: 2px !important;
}
.swiper-slide img {
  height: 500px;
  width: auto;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 768px) {
  .swiper {
    height: 300px; /* スマホ時の高さに変更（お好みで調整） */
  }
  .swiper-slide img {
    height: 300px;
  }
}