.pillars-head { position: relative; padding-left: 24px; margin-bottom: clamp(40px, 5vw, 72px); }
.pillars-head::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px; background: var(--gold); }
.pillars-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: var(--rule); }
.pillars-col { position: relative; padding: clamp(32px, 4vw, 56px) clamp(20px, 3vw, 44px); text-align: center; }
.pillars-col + .pillars-col { border-left: var(--rule); }
.pillars-icon { width: 48px; height: 48px; margin: 0 auto 20px; object-fit: contain; }
.pillars-num { display: block; font-size: 1rem; letter-spacing: 0.2em; margin-bottom: 8px; }
.pillars-name { font-size: var(--fs-h3); margin-bottom: 14px; }
.pillars-text { font-size: var(--fs-small); color: var(--muted); line-height: 1.9; text-align: left; }
/* 助成金のかっこ書きは、単独で行に残って行末が不揃いにならないよう、少し小さくして1行にまとめる */
.pillars-note { display: block; font-size: 0.8125rem; letter-spacing: 0.02em; }
@media (max-width: 860px) {
  .pillars-grid { grid-template-columns: 1fr; }
  .pillars-col + .pillars-col { border-left: 0; border-top: var(--rule); }
  .pillars-col { padding: 32px 0; }
}
/* 直前のお悩みも同じ紙色なので、上の余白を詰める */
#services { padding-top: clamp(24px, 4vw, 64px); }