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

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

/* link-btn */
.link-btn {
  position: absolute;
  top: 30.4vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 73.33vw;
  height: 13.33vw;
}

/* swiper */
.swiper-mask {
  position: absolute;
  width: 100%;
}
.swiper-mask.section-01 {
  top: 65.86vw;
}
.swiper-mask.section-02 {
  top: 55.86vw;
}
.swiper-mask.section-01 {
  padding: 0 8vw;
}

.swiper-mask.section-01 .swiper .swiper-slide {
  width: 84vw;
}

.swiper-mask .swiper-pagination {
  margin-top: 5.33vw;
}
.swiper-pagination-bullet-active {
  background-color: #000;
}

.swiper-mask.section-01 .swiper-button-prev,
.swiper-mask.section-01 .swiper-button-next {
  top: 55%;
  transform: translateY(-50%);
}
.swiper-mask.section-01 .swiper-button-prev {
  left: 0;
  margin-left: 2.6vw;
}
.swiper-mask.section-01 .swiper-button-next {
  right: 0;
  margin-right: 2.6vw;
}

.swiper-mask.section-02 .swiper-button-prev,
.swiper-mask.section-02 .swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
}
.swiper-mask.section-02 .swiper-button-prev {
  left: 0;
  margin-left: 5.33vw;
}
.swiper-mask.section-02 .swiper-button-next {
  right: 0;
  margin-right: 5.33vw;
}