/* ===== concept.css ===== */

.concept-hero { background: var(--paper); }
.concept-section { background: var(--paper); }
.concept-section--alt { background: var(--bg); }

/* HERO見出しは少し小さめ(お客様の言葉=等身大のまま) */
.concept-hero h1 {
  font-family: var(--serif);
  font-weight: 500;
  line-height: 1.8;
}

/* 三つの仕事のvarbsで背景色を合わせる */
.concept-section--alt .verbs .verb .num { background: var(--bg); }
.concept-section .verbs .verb .num     { background: var(--paper); }