/* お客様の実データ公開ページ — detail.css・guide.css の後に読み込み。rd- 接頭辞 */
.rd .rd-hd h1{font-size:clamp(30px,4vw,52px);line-height:1.35}
.rd-hl{color:var(--amb)}
.rd-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:44px 0 72px}
.rd-kpi > div{background:var(--ink2);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.rd-kpi .l{font-size:12.5px;color:var(--mut)}
.rd-kpi .v{font-family:var(--ff-d);font-weight:800;font-size:clamp(30px,3vw,40px);color:#fff;line-height:1.15;margin:6px 0 4px;letter-spacing:-.01em}
.rd-kpi .v small{font-family:var(--ff);font-size:13px;color:var(--mut);margin-left:4px;font-weight:500}
.rd-kpi .s{font-size:12.5px;color:#cfd5d2;line-height:1.6}
.rd-kpi .s b{color:var(--amb)}

/* 会話 */
.rd-talk{display:grid;grid-template-columns:56px 1fr;gap:14px;margin:22px 0;align-items:start}
.rd-talk img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--line-d)}
.rd-talk > div{background:#fff;border:1px solid var(--line-d);border-radius:4px 18px 18px 18px;padding:14px 18px}
.rd-talk small{display:block;font-size:11.5px;font-weight:700;color:var(--grn);margin-bottom:2px}
.rd-talk p{font-size:14.5px;line-height:1.95;margin:0}
.rd-talk.c{grid-template-columns:1fr 56px}
.rd-talk.c img{order:2}
.rd-talk.c > div{background:var(--ink);border-color:var(--ink);border-radius:18px 4px 18px 18px}
.rd-talk.c small{color:var(--amb)}
.rd-talk.c p{color:#e9ece9}

/* 製品 */
.rd-prod{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 34px}
.rd-prod > div{display:grid;grid-template-columns:96px 1fr;gap:14px;background:#fff;border:1px solid var(--line-d);border-radius:18px;padding:14px;align-items:start}
.rd-prod .im{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--paper)}
.rd-prod .im img{width:100%;height:100%;object-fit:cover}
.rd-prod .k{font-size:11.5px;font-weight:700;color:var(--grn)}
.rd-prod h4{font-size:15px;line-height:1.5;margin:2px 0 8px}
.rd-prod h4 a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-d)}
.rd-prod dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12.5px;line-height:1.6}
.rd-prod dt{color:var(--mut-d)}
.rd-prod > div:last-child:nth-child(odd){grid-column:1/-1}

/* 総額と補助金 */
.rd-money{background:#fff;border:1px solid var(--line-d);border-radius:20px;padding:22px 24px;margin:18px 0 22px}
.rd-mbar{display:flex;height:44px;border-radius:10px;overflow:hidden;background:var(--amb);font-size:12.5px;font-weight:700}
.rd-mbar i{width:var(--w);background:var(--grn);color:#fff;display:flex;align-items:center;padding-left:14px;font-style:normal;white-space:nowrap}
.rd-mbar b{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;white-space:nowrap}
.rd-msum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.rd-msum dt{font-size:12px;color:var(--mut-d)}
.rd-msum dd{font-family:var(--ff-d);font-weight:800;font-size:24px;line-height:1.3}
.rd-msum dd small{font-family:var(--ff);font-size:12px;margin-left:2px;font-weight:500}
.rd-msum dd.g{color:var(--grn)}
.rd-msum dd.y{color:#b57f00}

.rd-fig{margin:24px 0}
.rd-fig img{width:100%;height:auto;border-radius:16px;background:#fff;border:1px solid var(--line-d)}
.rd-fig figcaption{font-size:12.5px;color:var(--mut-d);margin-top:8px}

/* 棒グラフ */
.rd-chart{background:#fff;border:1px solid var(--line-d);border-radius:20px;padding:20px 20px 14px;margin:22px 0}
.rd-leg{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:12.5px;margin-bottom:14px}
.rd-leg span{display:inline-flex;align-items:center;gap:6px}
.rd-leg i{width:12px;height:12px;border-radius:3px}
.rd-leg em{margin-left:auto;font-style:normal;color:var(--mut-d);font-size:11.5px}
.rd-tw{overflow-x:auto}
.rd-bars{display:grid;grid-template-columns:repeat(12,minmax(42px,1fr));gap:6px;min-width:560px}
.rd-col{display:flex;flex-direction:column;align-items:center}
.rd-bx{height:190px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--line-d)}
.rd-bx span{flex:1;max-width:18px;height:var(--h);border-radius:4px 4px 0 0;position:relative;min-height:2px}
.rd-bx span b{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10.5px;font-family:var(--ff-d);white-space:nowrap;padding-bottom:2px}
.rd-bx span:hover b{display:block}
.rd-bars.st .rd-bx{flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:0}
.rd-bars.st .rd-bx span{flex:none;width:60%;max-width:26px;border-radius:0}
.rd-bars.st .rd-bx span:last-child{border-radius:4px 4px 0 0}
.rd-col small{font-size:11px;color:var(--mut-d);margin-top:6px}
.rd-col .ft{font-style:normal;font-family:var(--ff-d);font-weight:700;font-size:11px;color:var(--grn)}
.rd-leg i.s,.rd-bx span.s{background:#c9cec9}
.rd-leg i.p,.rd-bx span.p{background:var(--grn)}
.rd-leg i.b,.rd-bx span.b{background:#e0885f}
.rd-leg i.y,.rd-bx span.y{background:var(--amb)}

/* 数字の要点 */
.rd-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 24px}
.rd-facts > div{background:#fff;border:1px solid var(--line-d);border-radius:16px;padding:14px 16px}
.rd-facts small{display:block;font-size:12px;color:var(--mut-d)}
.rd-facts b{font-family:var(--ff-d);font-weight:800;font-size:26px;line-height:1.3}
.rd-facts b i{font-style:normal;font-family:var(--ff);font-size:12px;margin-left:3px;font-weight:500}
.rd-facts b.g{color:var(--grn)}.rd-facts b.y{color:#b57f00}

/* 導入前後 */
.rd-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.rd-vs > div{background:#fff;border:1px solid var(--line-d);border-radius:20px;padding:20px 22px}
.rd-vs .h{font-size:12.5px;font-weight:700;color:var(--mut-d);margin-bottom:8px}
.rd-vs dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline}
.rd-vs dt{font-size:12.5px;color:var(--mut-d)}
.rd-vs dd{font-family:var(--ff-d);font-weight:800;font-size:24px;text-align:right}
.rd-vs dd small{font-family:var(--ff);font-size:12px;margin-left:3px;font-weight:500}
.rd-vs dd em{display:block;font-style:normal;font-family:var(--ff);font-size:12px;color:var(--grn);font-weight:700}
.rd-vs > div.k{background:var(--ink);border-color:var(--ink)}
.rd-vs .k .h{color:var(--amb)}.rd-vs .k dt{color:var(--mut)}.rd-vs .k dd{color:#fff}.rd-vs .k dd em{color:#7ed6b8}

.rd-eq{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:22px 0 10px}
.rd-eq > div{background:#fff;border:1px solid var(--line-d);border-radius:16px;padding:14px 16px;text-align:center}
.rd-eq small{display:block;font-size:12px;color:var(--mut-d)}
.rd-eq b{font-family:var(--ff-d);font-weight:800;font-size:22px}
.rd-eq b.g{color:var(--grn)}
.rd-eq span{font-family:var(--ff-d);font-weight:800;font-size:22px;color:var(--mut-d)}
.rd-eq > div.k{background:var(--amb);border-color:var(--amb)}

.rd-total{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:26px 0;background:#fff;border:1px solid var(--line-d);border-radius:22px;padding:24px}
.rd-total .h{font-size:12.5px;color:var(--mut-d);font-weight:700}
.rd-total .v{font-family:var(--ff-d);font-weight:800;font-size:clamp(28px,3.4vw,40px);line-height:1.2}
.rd-total .v small{font-family:var(--ff);font-size:13px;margin-left:4px;font-weight:500}
.rd-total .ar{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--amb);display:grid;place-items:center;font-family:var(--ff-d)}
.rd-total .k .v{color:var(--grn)}

/* アンケート */
.rd-qa{margin:20px 0 28px}
.rd-q{display:flex;gap:12px;align-items:center;margin:34px 0 4px}
.rd-q .n{font-family:var(--ff-d);font-weight:800;font-size:13px;background:var(--grn);color:#fff;border-radius:8px;padding:4px 9px}
.rd-q h4{font-size:17px;margin:0;color:var(--ink)}
.rd .at-body .rd-q h4{color:var(--ink)}

.rd-sub{font-size:17px;margin:44px 0 6px;display:flex;gap:12px;align-items:baseline}
.rd-sub::before{content:"";flex:0 0 10px;height:10px;background:var(--amb);border-radius:2px}

@media (max-width:1180px){.rd-kpi{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){
  .rd-kpi{gap:8px;margin:32px 0 48px}.rd-kpi > div{padding:14px}
  .rd-prod,.rd-vs{grid-template-columns:1fr}
  .rd-msum,.rd-facts{grid-template-columns:1fr 1fr}
  .rd-eq{grid-template-columns:1fr}.rd-eq span{text-align:center;line-height:1}
  .rd-total{grid-template-columns:1fr}.rd-total .ar{transform:rotate(90deg);margin:0 auto}
  .rd-talk,.rd-talk.c{grid-template-columns:44px 1fr}.rd-talk img{width:44px;height:44px}.rd-talk.c img{order:0}
}
.rd-tw{padding:0 6px}.rd-col small,.rd-col .ft{white-space:nowrap;text-align:center}