/* ===== section-heading ===== 見出し(h2 + divider) */
.sec-head{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.sec-head h2{font-size:32px;font-weight:700;line-height:1.3;color:var(--ink)}
.sec-head .divider{width:32px;height:2px;border-radius:2px;background:var(--blue)}
/* 見出し下の説明文：全セクション共通で 16px / Medium(500) に統一 */
.sec-head p{font-size:16px;font-weight:500;line-height:1.6}
/* 青背景バリアント（feature / pricing）: 見出し・線・説明文を白に */
.sec-head--dark h2{color:var(--white)}
.sec-head--dark .divider{background:var(--white)}
.sec-head--dark p{color:var(--white)}
/* SP（Figma 833:6867 準拠）: タイトル24px/1.4、線まで6px・線16px幅・説明文まで8px */
@media (max-width:768px){
.sec-head{gap:8px}
.sec-head h2{font-size:24px;line-height:1.4}
.sec-head .divider{width:16px;margin-top:-2px}  /* gap8px - 2px = タイトルとの間隔6px */
}