.swiper-area {
  position: relative;
}
.swiper-area .swiper-slide {
  line-height: 1;
}
.swiper-area .swiper-slide img {
  aspect-ratio: 1;
  max-width: inherit;
  width: 100%;
}
.swiper-area .swiper-button-next,
.swiper-area .swiper-button-prev {
  height: 30px;
  width: 30px;
}
.swiper-area .swiper-button-next,
.swiper-area .swiper-rtl .swiper-button-prev {
  right: -15px;
}
.swiper-area .swiper-button-prev,
.swiper-area .swiper-rtl .swiper-button-next {
  left: -15px;
}
.swiper-area .swiper-button-prev::after,
.swiper-area .swiper-rtl .swiper-button-next::after {
  content: "" !important;
  background-image: url(../img/common/icon_left.svg);
  height: 30px;
  width: 30px;
}
.swiper-area .swiper-button-next::after,
.swiper-area .swiper-rtl .swiper-button-prev::after {
  content: "" !important;
  background-image: url(../img/common/icon_right.svg);
  height: 30px;
  width: 30px;
}
.swiper-loop {
  overflow: hidden;
}
.swiper-loop .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.swiper-main {
  height: 100%;
}
.swiper-main img {
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  height: 100%;
  width: 100%;
}
.swiper-slide {
  line-height: 1;
}
.swiper-slide img {
  vertical-align: top;
}