@charset "utf-8";
/* CSS Information========

Table of Contents:
 * info
 
========================== */
/*common_slider*/
.common_slider img {
  width: 100%;
}
.common_slider .thumb-swiper {
  margin-top: 5px;
}
.common_slider .main-swiper .swiper-slide {
  object-fit: cover;
  overflow: hidden;
}
.common_slider .thumb-swiper .swiper-slide {
  width: 20%;
}
.common_slider .thumb-swiper .swiper-slide img {
  width: 100%;
  object-fit: cover;
}
.common_slider .thumb-swiper {
  margin-top: 5px;
}
.common_slider .thumb-swiper .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
}
.common_slider .thumb-swiper .swiper-slide:hover,
.common_slider .thumb-swiper .swiper-slide-thumb-active {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .common_slider .thumb-swiper {
    margin-top: 10px;
  }
}
/*-----.primary_slider----------------*/

.primary_slider .main-swiper .swiper-slide img {
  width: 130%;
  margin-left: -15%;
  max-width: initial;
}
.primary_slider .thumb-swiper .swiper-slide img {
  aspect-ratio: 2/1;
}
@media screen and (min-width: 768px) {
  .primary_slider .thumb-swiper .swiper-slide {
    width: 14%;
  }
  .primary_slider .main-swiper .swiper-slide img {
    width: 100%;
    margin-left: 0;
  }
}
/*-----.primary_slider----------------*/