@charset "utf-8";
@import "reset.css";
@import "tab-menu--fixed.css";
@import "swiper-custom.css";
@import "toggle-box.css";

/* img-box */
.img-box {
  position: relative;
}

.swiper-container {
  overflow: hidden;
}

.swiper1 .swiper-container {
  background-image: url(../images/img_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 197vw;
}
.swiper1 .swiper-wrapper {
  padding-top: 77.7vw;
}
.swiper1 .swiper-pagination {
  position: absolute;
  bottom: 11vw;
}

.swiper-mask .swiper-pagination-bullet {
  width: 1.5vw;
  height: 1.5vw;
  opacity: 1;
  margin: 0 1.26vw !important;
}

.swiper-mask.swiper-pagination-bullet {
  background-color: #e5e5e5;
}

.swiper-mask .swiper-pagination-bullet-active {
  background-color: #000;
}
.swiper-mask .swiper-button-prev,
.swiper-mask .swiper-button-next {
  width: 3.24vw;
  height: 6.12vw;
  background-size: cover;
  -webkit-tap-highlight-color: transparent !important;
}

.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next {
  top: 127vw;
}
.swiper-mask .swiper-button-prev,
.swiper-mask .swiper-button-prev {
  background-image: url(../images/prev.png);
  left: 8.5vw;
}

.swiper-mask .swiper-button-next,
.swiper-mask .swiper-button-next {
  background-image: url(../images/next.png);
  right: 8.5vw;
}

.swiper-mask .swiper-button-prev:after,
.swiper-mask .swiper-button-next:after {
  display: none;
}

.add-btn {
  width: 100%;
  z-index: 1;
}