.swiper-container {
  position: fixed;
  display: none;
  /* bottom: 40px; */
  left: 5px;
  width: 81%;
  height: 24%; /* 必要に応じて高さを調整 */
  z-index: 9000;
  top: 50%;
}
.swiper-container.show {
  display:block
}
.swiper-slide {
  display: none;
}
.swiper-slide.active {
  display: block;
  width: 80vw; /* 画像の幅を調整 */
  height: auto; /* 画像の縦横比を保持 */
  opacity: 0.9;
}
.swiper-slide img {
  width: 80vw; /* 画像の幅を調整 */
  height: auto; /* 画像の縦横比を保持 */
  opacity: 0.9;
}