/* ========================================
SPLIT HERO
======================================== */
.kenkaku-hero--split{
  background:radial-gradient(circle at right top, rgba(0,200,83,.22), transparent 34%), linear-gradient(135deg,#070707 0%,#151515 60%,#0b2618 100%);
}
.kenkaku-hero--split .kenkaku-hero__overlay{
  background:rgba(0,0,0,.1);
}
.kenkaku-hero__split-grid{
  display:grid;
  grid-template-columns:55fr 45fr;
  gap:56px;
  align-items:center;
}
.kenkaku-hero--ratio-50_50 .kenkaku-hero__split-grid{grid-template-columns:1fr 1fr;}
.kenkaku-hero--ratio-60_40 .kenkaku-hero__split-grid{grid-template-columns:60fr 40fr;}
.kenkaku-hero__visual{
  position:relative;
}
.kenkaku-hero__visual-card{
  position:relative;
  min-height:420px;
  border-radius:34px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.kenkaku-hero__split-image,
.kenkaku-hero__split-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.kenkaku-hero__split-image img{object-fit:cover;}
.kenkaku-hero__split-placeholder{
  height:100%;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:88px;
  font-weight:900;
  letter-spacing:.12em;
  color:rgba(255,255,255,.2);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,200,83,.18));
}
.kenkaku-hero__visual-label{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:2;
  display:inline-flex;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.2);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.kenkaku-hero__service-cards{
  position:absolute;
  left:-28px;
  right:28px;
  bottom:-28px;
  z-index:3;
  display:grid;
  gap:12px;
}
.kenkaku-hero__service-cards span{
  display:flex;
  align-items:center;
  min-height:58px;
  padding:0 20px;
  border-radius:18px;
  background:#fff;
  color:#111;
  font-weight:900;
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.kenkaku-hero__service-cards span::before{
  content:'✓';
  display:inline-flex;
  width:24px;
  height:24px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  margin-right:10px;
  background:#00c853;
  color:#fff;
  font-size:13px;
}
@media(max-width:900px){
  .kenkaku-hero__split-grid{
    gap:38px;
  }
}
@media(max-width:768px){
  .kenkaku-hero--split{
    padding-top:110px;
  }
  .kenkaku-hero__split-grid{
    grid-template-columns:1fr !important;
    gap:34px;
  }
  .kenkaku-hero--mobile-image_first .kenkaku-hero__content{order:2;}
  .kenkaku-hero--mobile-image_first .kenkaku-hero__visual{order:1;}
  .kenkaku-hero__visual-card{
    min-height:260px;
    border-radius:26px;
  }
  .kenkaku-hero__split-placeholder{min-height:260px;font-size:48px;}
  .kenkaku-hero__service-cards{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:14px;
  }
  .kenkaku-hero__service-cards span{
    min-height:52px;
  }
}