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

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

.sec04 .swiper-mask {
  background-color: #f3f6e3;
}
.sec05 .swiper-mask {
  background-color: #f3feed;
}
.sec06 .swiper-mask {
  background-color: #fff;
}
.swiper-mask .swiper {
  padding: 0 8vw;
}
.sec01 .swiper-mask .swiper {
  padding: 0;
}
.swiper-mask .swiper-pagination {
  margin-top: 10.6666vw;
}
.sec04 .swiper-pagination-bullet-active {
  background-color: #000;
}
.fraction .swiper-pagination-current {
  font-size: clamp(13px, 3.4666vw, 26px);
  font-weight: 600;
}
.fraction .swiper-pagination-total {
  font-size: clamp(10px, 2.6666vw, 20px);
  font-weight: 500;
}
.fraction .swiper-pagination-dash {
  font-size: clamp(12px, 3.2vw, 24px);
  font-weight: 500;
}
.tel-link a {
  position: absolute;
  width: 76%;
  height: 7%;
  left: 12%;
  bottom: 5.8%;
  text-indent: -9999px;
  /* background-color: rgba(0, 0, 255, 0.7); */
}
.zero {
  font-size: clamp(13px, 3.4666vw, 26px);
  font-weight: 600;
}
.zero2 {
  font-size: clamp(10px, 2.6666vw, 20px);
  font-weight: 500;
}