/* 明るい配色（2026-09-19・先方フィードバック「年配のお客様には少し明るさが足りない」対応）。
   この1枚を外せば元の深緑×生成りに戻る。文字のコントラストは WCAG AA 以上で実測:
   白/#1B7A47=5.4  白/#12603B=7.6  補助文字#4A564E/地=7.5  濃インク/#F08A24=6.4 */
:root {
  --color-paper: #FFFDF6;
  --color-paper-2: #FFFFFF;
  --color-white: #FFFFFF;
  --color-surface: #EEF7F0;
  --color-green: #1B7A47;
  --color-green-dark: #12603B;
  --color-brand: #1B7A47;
  --color-brand-hover: #12603B;
  --color-muted: #4A564E;
  --color-quiet: #4A564E;
  --color-orange: #F08A24;
  --color-accent: #F08A24;
  --color-accent-hover: #DE7A14;
  --color-marker: #FFE27A;
  --color-rule: #D3E2D6;
  --color-photo-shade: #123B2A;
}

/* 面積の大きい濃色ベタを「淡い緑の地＋濃い文字」へ反転。
   セクション内だけ変数を読み替える（既存ルールは触らない）。
   注意：この2セクションの中では --color-paper 系を「背景」に、--color-marker を「下線・地」に使わない（濃色になる）。
   暗い帯は「施工現場」の見出しとフッターだけ残し、ページのリズムにする。 */
.e-onestop,
.craft-clean {
  --color-green: #EEF7F0;          /* セクションの地 */
  --color-green-dark: #FFFFFF;     /* 内側の札・写真枠 */
  --color-paper: #1E2A22;          /* 明るかった文字 → 濃インク */
  --color-paper-2: #1E2A22;
  --color-marker: #12603B;         /* 黄色だった強調文字 → 深緑 */
  --craft-color-dark-rule: #C4D9C9;
  --craft-color-dark-muted: #4A564E;
}
.e-onestop .story-service-strip figure,
.craft-clean .craft-clean-frame { box-shadow: 0 0 0 1px #C4D9C9; }
.craft-clean .craft-clean-steps li.craft-current { box-shadow: inset 4px 0 0 #12603B; }
.craft-clean .craft-clean-demo :focus-visible { outline-color: #12603B; }

/* 図解の壁の地（灰ベージュ → 淡い緑） */
:root { --craft-color-wall: #EAF3EC; }

/* 年配のお客様向け：本文の太さと、小さすぎる文字の底上げ（元のCSSは触らない） */
:root { --font-body: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif; }
body { font-weight: 500; } /* Windows の游ゴシックが細く薄く見えるのを防ぐ */
.e-hero .e-eyebrow { font-size: 14px; }
.e-hero-actions .e-form-link { font-size: 15px; min-height: 48px; }
.site-header .brand__sub { font-size: 11.5px; }
.site-header .header-cta { font-size: 14px; }
.required, .optional { font-size: 12px; }
.field-help, .form-purpose, .form-privacy { font-size: 14px; }
.flow-section .e-flow > li p { font-size: 15px; }
.estimate-cost-note { font-size: 14px; font-weight: 700; color: var(--color-ink); }
.free-badge { font-size: 12.5px; }