/* 説明と操作はゴシック、ブランドの見出しは明朝を維持する。 */
.readable .hero-sub { font: 400 clamp(17px, 1.6vw, 20px)/1.95 var(--sans); letter-spacing: .035em; }
.readable .ch-body > p:not(.section-label):not(.cta-row), .readable .maker p, .readable .can dd, .readable .between dd, .readable .reasons-list dd, .readable .ledger p, .readable .path p { font-family: var(--sans); font-size: 17px; line-height: 1.95; letter-spacing: .035em; max-width: 38em; }
.readable .ch-body > p + p:not(.section-label):not(.cta-row) { margin-top: 20px; }
.readable .ch-body > p.lead:not(.section-label):not(.cta-row) { font-size: 19px; line-height: 1.9; }
.readable .index-text { font-size: 16px; line-height: 1.9; color: #e1dce4; }
.readable .index-who, .readable .section-label { font-size: 14px; }
.readable .company-list dd { font-size: 16px; }
.readable .mail-note { font-size: 15px; }
.readable .site-nav a, .readable .cta, .readable .cta-sub { font-family: var(--sans); letter-spacing: .035em; }
.readable .site-nav a { min-height: 44px; display: inline-flex; align-items: center; }
.readable .cta { font-size: 16px; min-height: 52px; }
.readable .hero-side .cta, .readable .site-nav .nav-cta, .readable .ch-reasons .cta { background: var(--champagne); color: var(--night); border-color: var(--champagne); }
.readable .hero-side .cta:hover, .readable .site-nav .nav-cta:hover, .readable .ch-reasons .cta:hover { background: #e4cc9f; }
.readable .cta-sub { font-size: 16px; min-height: 44px; display: inline-flex; align-items: center; }
.mise-demo-entry { margin-top: 36px; border-block: 1px solid #cfb78466; padding: 28px 0; max-width: 40em; }
.mise-demo-entry .demo-kicker { color: var(--champagne); font: 500 13px/1.6 var(--sans); letter-spacing: .12em; }
.mise-demo-entry :is(h2, h3) { font: 500 clamp(23px, 2.4vw, 29px)/1.65 var(--serif); margin: 10px 0 14px; }
.mise-demo-entry p { font: 16px/1.9 var(--sans); color: #e1dce4; }
.mise-demo-entry ol { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 22px 0; font: 15px/1.8 var(--sans); }
.mise-demo-entry li span { color: var(--champagne); margin-right: 8px; }
.mise-demo-entry .demo-note { font-size: 14px; margin-top: 16px; }
@media(max-width:760px) { .readable .ch-body > p.lead:not(.section-label):not(.cta-row) { font-size: 18px; } .readable .site-nav a { display: flex; } }

/* デモは副導線として、塗りつぶしではなく枠線で案内する。 */
.readable .ch-reasons .mise-demo-entry .cta { background: transparent; color: var(--champagne); }
.readable .ch-reasons .mise-demo-entry .cta:hover { background: var(--champagne); color: var(--night); }