@charset "utf-8";

.swiper__content {
  width: min(100%, 640px);
  margin: 0 auto 50px;
}

.swiper {
  aspect-ratio: 32 / 21;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}

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



/* 矢印を上下に置く */
.swiper-button-prev, .swiper-button-next {
  margin: 0;
  right: 20px;
  left: initial;
  transform: rotate(90deg); /* 角度を変更 */
}
.swiper-button-prev {
  top: 0;
}
.swiper-button-next {
  top: initial;
  bottom: 0;
}