@charset "utf-8";

.background{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
}

.js-background-swiper {
  /* margin: 0 calc(50% - 50vw); は fixed の中にある場合は不要になることが多いですが、
     現状のデザインを維持するため一旦残すか、width: 100% 指定にします */
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.js-background-swiper .slide-images img {
  display: block; /* 隙間防止 */
  object-fit: cover;
  height: 100vh;
  width: 100vw;
  animation-name: zoomIn;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes zoomIn {
  from { transform: scale(1.05); }
  to { transform: scale(1.0); }
}

.swiper-scrollbar-horizontal{
  display: none;
}