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

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

/* swiper */
.swiper-tab2 {
  width: 100%;
  position: absolute;
  top: 40vw;
}
.swiper-tab2 .swiper {
  padding: 0 8vw;
}

/* btn-area */
.btn-area {
  display: flex;
  flex-wrap: wrap;
  gap: 2.6666vw 0.6666vw;
  width: 100%;
  padding: 0 12.4vw;
  position: absolute;
  top: 0;
}
.btn-area1 {
  padding: 0 11.6vw 0 11.7333vw;
}
.btn-area3 {
  padding: 0 10.6666vw 0 12vw;
}
.btn-area .btn-item {
  height: 7.3333vw;
  cursor: pointer;
}
.btn-area .btn-item img {
  width: auto;
  height: 100%;
}
.btn-area .btn-item.on img:first-child,
.btn-area .btn-item img:last-child {
  display: none;
}
.btn-area .btn-item img:first-child,
.btn-area .btn-item.on img:last-child {
  display: block;
}