/* =============================================================
   TOP ページ共通の後続セクション  /  top.css
   ヒーロー（A/B/C）以外は 3 案で共有 ── 世界観の一貫性を担保
   ABOUT（既存リード文）/ SERVICE（塗り替え・リフォーム）/ CONTACT
   ※ 既存テキストをそのまま使用。新規コピーは書き起こさない。
   ============================================================= */

/* ---------- ABOUT：既存リード文を“主役テキスト”として組む ---------- */
.lead{background:var(--off);}
.lead__grid{
  display:grid;grid-template-columns:.82fr 1.18fr;
  gap:clamp(2rem,5vw,5.5rem);align-items:center;
}
.lead__photo{aspect-ratio:4/5;}
.lead__photo .cap{position:absolute;left:1rem;bottom:.8rem;color:var(--off);mix-blend-mode:difference;}
.lead__body .eyebrow{margin-bottom:2rem;}
.lead__text{
  font-size:clamp(1.4rem,2.7vw,2.45rem);
  font-weight:500;line-height:2.05;letter-spacing:.02em;
  text-wrap:balance;
}
.lead__text .accent{color:var(--red);}
.lead__text .sm{font-size:.62em;}
.lead__facts{
  display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:2.8rem;
  padding-top:2rem;border-top:1px solid var(--hair);
}
.lead__facts div{display:flex;flex-direction:column;gap:.4rem;}
.lead__facts dt{font-family:var(--en);font-size:.66rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--red);}
.lead__facts dd{font-size:1.02rem;letter-spacing:.04em;}
.lead__facts .num{font-family:var(--en);font-size:1.7rem;font-weight:600;}

/* ---------- SERVICE：塗り替え / リフォーム ---------- */
.service{background:var(--white);}
.service__head{max-width:34rem;margin-bottom:clamp(3rem,6vw,5.5rem);}
.service__head h2{font-size:var(--fs-h2);margin-top:.4rem;}
.srv{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(1.6rem,4vw,4.5rem);align-items:center;
  padding-block:clamp(2.5rem,5vw,4.5rem);
  border-top:1px solid var(--hair);
}
.srv:last-of-type{border-bottom:1px solid var(--hair);}
.srv__photo{aspect-ratio:5/4;}
.srv:nth-of-type(even) .srv__photo{order:2;}
.srv__no{
  font-family:var(--en);font-size:1rem;font-weight:600;
  letter-spacing:.2em;color:var(--greige);
}
.srv__no b{color:var(--red);font-size:2.6rem;font-weight:600;display:block;line-height:1;margin-top:.3rem;}
.srv__name{
  font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;
  line-height:1.2;margin:1.2rem 0 .4rem;
}
.srv__name .en{font-size:.34em;font-weight:600;letter-spacing:.22em;color:var(--red);display:block;margin-top:.7rem;}
.srv__scope{font-size:1.02rem;line-height:1.95;color:var(--ink-soft);margin-bottom:1.6rem;}
.srv__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.8rem;}
.srv__tags li{
  font-size:.82rem;letter-spacing:.04em;
  padding:.34rem .8rem;border:1px solid var(--hair);
  color:var(--ink-soft);
}
.srv__meta{font-size:.86rem;color:var(--greige);letter-spacing:.04em;}

/* ---------- CONTACT：常時案内（赤の色面を大胆に1箇所） ---------- */
.consult{
  background:var(--red);color:var(--off);
  position:relative;overflow:hidden;
}
.consult::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 100% 0%,rgba(0,0,0,.28),transparent 60%);
  pointer-events:none;
}
.consult__inner{position:relative;text-align:center;}
.consult .kicker{color:var(--red-tint);}
.consult h2{
  font-size:clamp(1.9rem,3.6vw,3rem);color:#fff;font-weight:800;
  line-height:1.7;margin:1.4rem 0 2.4rem;letter-spacing:.03em;
}
.consult__tel{display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;text-decoration:none;}
.consult__tel .free{font-family:var(--en);font-size:.74rem;font-weight:600;letter-spacing:.3em;color:var(--red-tint);}
.consult__tel .num{
  font-family:var(--font-numeric);font-weight:700;
  font-size:clamp(2.7rem,7vw,5rem);line-height:1.05;letter-spacing:.01em;color:#fff;
}
.consult__sub{
  margin-top:1.4rem;font-family:var(--font-numeric);font-size:1.04rem;letter-spacing:.04em;color:var(--red-tint);
}
.consult__sub b{color:#fff;font-weight:600;}
.consult__link{margin-top:2.6rem;}
.consult__link .lnk{color:#fff;}
.consult__link .lnk:hover{color:#fff;opacity:.78;}

/* ---------- responsive ---------- */
@media (max-width:880px){
  .lead__grid{grid-template-columns:1fr;gap:2.4rem;}
  .lead__photo{aspect-ratio:3/2;}
  .srv{grid-template-columns:1fr;gap:1.8rem;}
  .srv:nth-of-type(even) .srv__photo{order:0;}
  .srv__photo{aspect-ratio:3/2;}
}
/* 修正2：モバイルで CONTACT 見出しが見切れないよう流体化（PCは不変・recruit/company/service の .consult に波及） */
@media (max-width:768px){
  .consult h2{font-size:clamp(1.05rem,4.4vw,1.7rem);overflow-wrap:break-word;}
}