/* エリアヒーロー（白背景） */
.area-hero{padding:140px 0 72px;background:var(--white);border-bottom:1px solid var(--gray-200)}
.area-hero__inner{display:grid;grid-template-columns:1.08fr 0.92fr;gap:48px;align-items:center}
.area-hero__catch{font-family:var(--font-serif);font-size:clamp(28px,3.6vw,40px);font-weight:700;color:var(--navy);line-height:1.5;letter-spacing:.01em;margin-top:10px}
.area-hero__catch em{font-style:normal;color:var(--tiffany)}
.area-hero__sub{margin-top:22px;font-size:16px;color:var(--gray-700);line-height:2}
.area-hero__photo{border-radius:var(--radius);overflow:hidden;height:380px;box-shadow:var(--shadow-l)}
.area-hero__photo img{width:100%;height:100%;object-fit:cover}

/* 九州エリア */
.kyushu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.area-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden;box-shadow:var(--shadow-s);transition:box-shadow .2s,transform .2s}
.area-card:hover{box-shadow:var(--shadow-l);transform:translateY(-4px)}
.area-card__photo{width:100%;height:160px;overflow:hidden;position:relative}
.area-card__photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.area-card:hover .area-card__photo img{transform:scale(1.04)}
.area-card__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(15,31,61,.7));display:flex;align-items:flex-end;padding:14px 16px}
.area-card__city{font-family:var(--font-serif);font-size:23px;font-weight:700;color:var(--white)}
.area-card__hq{position:absolute;top:10px;right:10px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;padding:3px 9px;border-radius:3px;letter-spacing:.08em}
.area-card__body{padding:18px 18px 22px}
.area-card__label{font-size:11px;font-weight:700;color:var(--tiffany);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.area-card__services{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.area-card__desc{font-size:13.5px;color:var(--gray-700);line-height:1.85}
.area-card__link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:700;color:var(--tiffany)}

/* 実績エリア */
.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.record-card{background:var(--white);border-radius:10px;padding:24px 22px;border:1px solid var(--gray-200);text-align:center;box-shadow:var(--shadow-s)}
.record-card__city{font-family:var(--font-serif);font-size:21px;font-weight:700;color:var(--navy);margin-bottom:8px}
.record-card__desc{font-size:13.5px;color:var(--gray-700);line-height:1.8}

/* オンライン */
.online-banner{background:var(--navy);border-radius:var(--radius);padding:36px 44px;margin-top:44px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.online-banner__title{font-family:var(--font-serif);font-size:26px;font-weight:700;color:var(--white);margin-bottom:10px}
.online-banner__title em{font-style:normal;color:var(--tiffany)}
.online-banner__desc{font-size:14px;color:rgba(255,255,255,.65);line-height:1.9}
.online-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.online-feature{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.7)}
.online-feature::before{content:'✓';color:var(--tiffany);font-weight:700}

@media(max-width:1024px){.area-hero__inner{grid-template-columns:1fr;gap:36px}.kyushu-grid{grid-template-columns:repeat(2,1fr)}.record-grid{grid-template-columns:repeat(2,1fr)}.online-banner{grid-template-columns:1fr}}
@media(max-width:640px){.kyushu-grid{grid-template-columns:1fr}.record-grid{grid-template-columns:1fr 1fr}}