/* ========================================
SLIDER HERO
======================================== */
.kenkaku-hero--slider{
  padding:0;
}
.kenkaku-hero__slides,
.kenkaku-hero__slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.kenkaku-hero__slide{
  opacity:0;
  visibility:hidden;
  transition:opacity .9s ease, transform .9s ease;
  transform:scale(1.02);
}
.kenkaku-hero__slide.is-active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  z-index:2;
}
.kenkaku-hero--slider-slide .kenkaku-hero__slide{
  transform:translateX(4%);
}
.kenkaku-hero--slider-slide .kenkaku-hero__slide.is-active{
  transform:translateX(0);
}
.kenkaku-hero--slider .kenkaku-hero__inner{
  min-height:var(--hero-pc-height,92vh);
  display:flex;
  align-items:center;
  padding-top:120px;
  padding-bottom:80px;
}
.kenkaku-hero__arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.25);
  color:#fff;
  font-size:40px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.kenkaku-hero__arrow--prev{left:24px;}
.kenkaku-hero__arrow--next{right:24px;}
.kenkaku-hero__dots{
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  gap:10px;
}
.kenkaku-hero__dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:none;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  padding:0;
}
.kenkaku-hero__dots button.is-active{
  width:34px;
  background:#00c853;
}
@media(max-width:768px){
  .kenkaku-hero--slider .kenkaku-hero__inner{
    min-height:var(--hero-sp-height,76vh);
    padding-top:120px;
    padding-bottom:64px;
  }
  .kenkaku-hero__arrow{display:none;}
  .kenkaku-hero__dots{bottom:22px;}
}