html,body{margin:0;background:#fff}

.ctD4{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,9vw,130px) 24px;
  background:linear-gradient(180deg,#2b3a30 0%,#1a241d 100%);
}
.ctD4::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(70% 60% at 22% 18%, rgba(140,170,130,.4), transparent 65%),
    radial-gradient(60% 50% at 80% 78%, rgba(90,120,100,.45), transparent 70%);
}
.ctD4::after{
  content:"";position:absolute;inset:auto 0 0;height:44%;z-index:-1;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));
}
.ctD4__in{max-width:760px;margin:0 auto;text-align:center;color:#fff}
.ctD4__eyebrow{margin:0 0 22px;font-size:11px;font-weight:700;letter-spacing:.3em;color:rgba(255,255,255,.6)}
.ctD4__title{margin:0;font-size:clamp(25px,4.2vw,44px);line-height:1.5;font-weight:700;letter-spacing:.02em}
.ctD4__btns{margin:38px 0 0;display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}
.ctD4__btn{
  display:inline-flex;align-items:center;height:56px;padding:0 40px;background:#fff;color:#1a241d;
  font-size:14.5px;font-weight:800;text-decoration:none;letter-spacing:.04em;transition:background .18s;
}
.ctD4__btn:hover{background:#e8e4da}
.ctD4__tel{
  font-size:20px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.04em;
  border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:3px;
}