/* 下層ページ（できることの詳細） */
.ph{position:relative;margin-top:var(--hd);background:#fafafa;border-bottom:1px solid var(--line);overflow:hidden}
.ph-slab{position:absolute;top:0;bottom:0;right:6%;width:30%;clip-path:polygon(50% 0,100% 0,50% 100%,0 100%);
  background:linear-gradient(180deg,rgba(13,31,60,.3),rgba(13,31,60,.6)),url(/static/v2/img/hero-mm.webp) 60% center/cover}
.ph-slab2{position:absolute;top:0;bottom:0;right:0;width:9%;clip-path:polygon(60% 0,100% 0,100% 100%,0 100%);background:linear-gradient(180deg,#f39a58,var(--orange))}
.ph-in{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,72px) var(--gut) clamp(56px,7vw,88px)}
.crumb{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}
.crumb a:hover{color:var(--orange)}
.ph-en{margin-top:clamp(28px,4vw,48px);font:500 13px var(--en);letter-spacing:.18em;color:var(--orange)}
.ph-h1{margin-top:10px;font-weight:700;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1.45;letter-spacing:.02em;max-width:760px}
.ph-lead{margin-top:22px;max-width:640px;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:2.1;color:var(--body)}
.facts{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:repeat(3,minmax(0,200px));border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff;width:max-content;max-width:100%}
.facts div{padding:16px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts b{display:block;font-size:1.05rem;font-weight:700}
.facts small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
@media(max-width:900px){.ph-slab{opacity:.25;right:0;width:60%}.ph-slab2{opacity:.4}}
@media(max-width:620px){.facts{grid-template-columns:repeat(3,1fr);width:100%}.facts div{padding:12px 10px}.facts b{font-size:.9rem}.ph-h1{font-size:min(7.4vw,2.2rem)}}

/* 画面イメージ */
.mk{border:1px solid var(--line);background:#fff}
.mk-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-dot{flex:none;width:8px;height:8px;background:var(--orange)}
.mk-split{display:grid;grid-template-columns:1.4fr 1fr}
@media(max-width:760px){.mk-split{grid-template-columns:1fr}}
.mk-pane{padding:clamp(18px,2.4vw,28px);min-width:0}
.mk-side{border-left:1px solid var(--line-l);background:var(--bg)}
@media(max-width:760px){.mk-side{border-left:0;border-top:1px solid var(--line-l)}}
.mk-h{font-size:1.2rem;font-weight:700;color:var(--navy)}
.mk-line{height:8px;background:#e9ecf1;margin-top:10px}
.mk-cap{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em;margin-bottom:12px;padding-left:10px;border-left:3px solid var(--navy)}
.mk-chat{margin-top:20px;border:1px solid var(--line-l);padding:14px;display:flex;flex-direction:column;gap:8px;max-width:420px}
.mk-chat-h{font-size:12px;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--line-l)}
.mk-msg{font-size:13px;line-height:1.7;padding:9px 12px;max-width:88%}
.mk-msg.u{align-self:flex-end;background:var(--navy);color:#fff}
.mk-msg.a{align-self:flex-start;background:var(--bg);border:1px solid var(--line-l)}
.mk-msg.c{background:var(--bg);border:1px solid var(--line-l);margin-bottom:8px}
.mk-msg.s{background:var(--orange-l);border:1px solid #f6cfb2;margin-bottom:8px}
.mk-hand{align-self:flex-start;font-size:12px;font-weight:700;color:var(--orange);border-bottom:1px solid var(--orange)}
.mk-row{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-l);font-size:14px;font-weight:700}
.mk-row small{display:block;font-size:11px;color:var(--orange);font-weight:700}
.mk-row b{font-family:var(--en);font-size:1.05rem;color:var(--navy);white-space:nowrap}
.mk-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-l);border-left:1px solid var(--line-l)}
@media(max-width:620px){.mk-kpis{grid-template-columns:repeat(2,1fr)}}
.mk-kpis div{padding:12px 14px;border-right:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.mk-kpis small{display:block;font-size:11px;color:var(--muted);font-weight:700}
.mk-kpis b{font:600 clamp(.95rem,1.6vw,1.2rem) var(--en);color:var(--navy)}
.mk-kpis .neg b{color:#b8431f}
.mk-scroll{margin-top:18px;overflow-x:auto}
.mk-tbl{width:100%;min-width:520px;border-collapse:collapse;font-size:13px}
.mk-tbl th{text-align:left;font-size:11px;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line)}
.mk-tbl td{padding:10px;border-bottom:1px solid var(--line-l);white-space:nowrap}
.mk-tbl .num{text-align:right;font-family:var(--en)}
.st{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border:1px solid}
.st.ok{color:#1f6b45;border-color:#9fcfb3}.st.wait{color:#b8431f;border-color:#efb9a4}.st.inv{color:var(--navy);border-color:#aab6c9}
.mk-docs{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--muted);font-weight:700}
.mk-docs b{font-size:12px;color:#fff;background:var(--navy);padding:7px 12px}
.mk-card{background:#fff;border:1px solid var(--line-l);padding:12px 14px;font-size:13px;line-height:1.8;margin-bottom:10px}
.mk-card small{display:block;font-size:11px;font-weight:700;color:var(--orange);margin-bottom:4px}
.mk-funnel{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-l)}
.mk-funnel div{padding:14px 10px;text-align:center;border-right:1px solid var(--line-l)}
.mk-funnel div:last-child{border-right:0}
.mk-funnel b{display:block;font:600 1.5rem var(--en);color:var(--navy)}
.mk-funnel small{font-size:11px;color:var(--muted);font-weight:700}
.mk-funnel .hi{background:var(--orange-l)}.mk-funnel .hi b{color:var(--orange)}
.mk-funnel.v{grid-template-columns:1fr;background:#fff}
.mk-funnel.v div{border-right:0;border-bottom:1px solid var(--line-l)}.mk-funnel.v div:last-child{border-bottom:0}
.mk-note{margin-top:14px;font-size:13px;line-height:1.9;color:var(--body)}
.mk-bars div{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:10px;padding:6px 0;font-size:13px;font-weight:700}
.mk-bars i{display:block;height:10px;background:linear-gradient(90deg,var(--navy) var(--w),#e9ecf1 var(--w))}
.mk-bars b{font-family:var(--en);text-align:right;color:var(--navy)}
.mk-foot{margin-top:12px;font-size:12px;color:var(--muted)}

/* できること4つ */
.can{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
@media(max-width:760px){.can{grid-template-columns:1fr}}
.cn{padding:clamp(24px,3vw,36px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.cn-no{font:600 12px var(--en);letter-spacing:.18em;color:var(--orange)}
.cn-t{margin-top:10px;font-size:clamp(1.05rem,1.8vw,1.22rem);font-weight:700;line-height:1.6}
.cn-p{margin-top:10px;font-size:.92rem;line-height:2;color:var(--body)}
.note{margin-top:clamp(28px,3vw,40px);padding:18px 22px;border-left:4px solid var(--orange);background:var(--orange-l);font-size:.94rem;line-height:2}
.note b{color:var(--orange)}
.others{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.others{grid-template-columns:1fr}}