@charset "UTF-8";
/* ==========================================================================
  global
  ========================================================================== */
/* ==========================================================================
  トップページ用CSS
========================================================================== */
.comp-kvArea .swiper-container::after {
  z-index: inherit !important;
}
.comp-kvArea .swiper-slide > a {
  display: block;
}
.comp-kvArea .swiper-slide > a:hover {
  opacity: 0.6;
}
.comp-kvArea .swiper-slide.is-double-btn {
  position: relative;
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap {
  position: absolute;
  bottom: 3vw;
  z-index: 999;
  margin-top: 0 !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 720px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap {
    bottom: 1.2vw;
    gap: 1.5vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left {
    left: 1.2vw;
    transform: translateX(0);
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left.dblbtn01 {
    left: 5.2vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left.dblbtn02 {
    left: 3.6vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left.dblbtn202508-1 {
    left: 11.0vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn202508-1 {
    right: 12.2vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left.dblbtn202510-1 {
    left: 6.5vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn202604-1 {
    right: 11.0vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn202606-1 {
    right: 8.0vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right {
    right: 1.2vw;
    left: inherit;
    transform: translateX(0);
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap:is(.is-center) .c-btn:hover {
    border-color: #eb212e;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap .c-btn:hover:before {
  border-color: #fff;
  }
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap .c-btn {
  margin-top: 0 !important;
  height: 3.2vw;
  width: 13vw;
  border: solid 1px #ccc;
  border-radius: 1.6vw;
  font-size: 1.05vw;
  font-weight: normal;
  line-height: 3.2vw;
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap .c-btn:before {
  right: 7.5%;
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap .c-btn.is-white {
  background: #FFF;
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap .c-btn.no-border {
  border: none;
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap .c-btn:before {
  border-color: rgba(0, 0, 0, 0.87);
}
.c-btn.u-tag.is-point02:hover {
  background: #4893cc;
}
@media (max-width: 719px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap .c-btn {
    height: 8.2vw;
    width: 37vw;
    border-radius: 4vw;
    font-size: 3.5vw !important;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left.dblbtn202604-1 {
    left: 6vw;
    transform: translateX(0);
  }

  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn202606-1 {
    right: 8vw;
    transform: translateX(0);
  }

}/*# sourceMappingURL=top.css.map */


/* 20260519 */
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.btn20260519:is(.is-center) .c-btn:hover {
  border-color: #ccc;
  background-color: #fff;
  color: #000000DE;
}

.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.btn20260519 .c-btn:hover:before {
  border-color: rgba(0, 0, 0, 0.87);
}

/* 20260601 */
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.dblbtn202606-1:is(.is-right) .c-btn:hover {
  border-color: #ccc;
  background-color: #fff;
  color: #000000DE;
}

.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.dblbtn202606-1 .c-btn:hover:before {
  border-color: rgba(0, 0, 0, 0.87);
}

/* 20260701 */
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.c-btn-inkvArea .c-btn:hover {
  border-color: #ccc;
  background-color: #fff;
  color: #000000DE;
  opacity: 1;
}

.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.c-btn-inkvArea .c-btn:hover:before {
  border-color: rgba(0, 0, 0, 0.87);
}

/* 20260806 */
.comp-kvArea .swiper-slide.is-double-btn .img-cover video {
  pointer-events: none;
}
@media (min-width: 720px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260806 {
    right: 8.0vw;
  }
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260806 .c-btn:hover {
  border-color: #ccc;
  background-color: #fff;
  color: #000000DE;
  opacity: 1;
}

.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260806 .c-btn:hover:before {
  border-color: rgba(0, 0, 0, 0.87);
}

/* 20260818 */
@media (max-width: 719px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260818 {
    bottom: 1.5vw;
  }
}
@media (min-width: 720px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260818 {
    right: 8.0vw;
  }
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260818 .c-btn:hover {
  border-color: #ccc;
  background-color: #fff;
  color: #000000DE;
  opacity: 1;
}

.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260818 .c-btn:hover:before {
  border-color: rgba(0, 0, 0, 0.87);
}

/* 20260915 */
@media (max-width: 719px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260915 {
    left: inherit;
    right: 5vw;
    transform: translateX(0);
  }
}
@media (min-width: 720px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left.dblbtn20260915 {
    left: 17vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-left.dblbtn20260915_2 {
    left: 20vw;
  }
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260915 {
    right: 2.2vw;
  }
}
.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap:is(.dblbtn20260915,.dblbtn20260915_2) .c-btn:hover {
  border-color: #ccc;
  background-color: #fff;
  color: #000000DE;
  opacity: 1;
}

.comp-kvArea .swiper-slide.is-double-btn .c-btnwrap:is(.dblbtn20260915,.dblbtn20260915_2) .c-btn:hover:before {
  border-color: rgba(0, 0, 0, 0.87);
}

/* 20260917 */
@media (max-width: 719px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260917 {
    bottom: 1.5vw;
  }
}
@media (min-width: 720px) {
  .comp-kvArea .swiper-slide.is-double-btn .c-btnwrap.is-right.dblbtn20260917 {
    right: 2.2vw;
  }
}