/* 受注アシストの導入案。仕組みのページ（../how-it-works/architecture.css）の色・部品・構成図（.sys）を使い、絞り込みの部分だけここで決める。 */
:root{--customer-cloud:#9fb6de;--customer-cloud-bg:#f5f8fd}
.promise{font-size:15px;background:#fff;border:1px solid var(--program-line);border-left:4px solid var(--green);border-radius:6px;padding:10px 14px;max-width:900px;margin:14px 0 8px}

/* 条件の入力欄 */
.conditions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.q{border:1px solid var(--line);border-radius:10px;padding:10px 14px 12px;margin:0;min-width:0;background:#fbfcfb}
.q legend{font-weight:750;font-size:14px;padding:0 4px}.q legend small{font-weight:500;color:var(--muted);margin-left:4px}
.q label{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.5;margin:6px 0;cursor:pointer}
.q input{margin:2px 0 0;accent-color:var(--green);flex:none;width:16px;height:16px}
.conditions-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.plan-summary-line{margin:0;font-weight:700;color:var(--green)}
.reset{font:inherit;font-size:13.5px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 14px;cursor:pointer;color:var(--ink)}.reset:hover{border-color:var(--green)}

/* 導入案 */
.plans{display:grid;gap:22px}
.plan-card{border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#fff;min-width:0}
.plan-card.recommended{border:2px solid var(--green);box-shadow:0 2px 0 #1763531a}
.plan-head{display:flex;align-items:center;gap:12px}.plan-head h3{font-size:19px;margin:0}
.plan-badge{font-size:12px;font-weight:750;border-radius:999px;padding:2px 10px;background:#eef2ef;color:var(--muted)}
.recommended .plan-badge{background:var(--green);color:#fff}
.plan-summary{color:var(--muted);font-size:14px;margin:6px 0 10px}
.plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}
.plan-facts>div{border-top:3px solid var(--line);padding-top:8px}
.plan-facts h4{font-size:14px;margin:0 0 4px}
.plan-facts ul{margin:0;padding-left:18px;font-size:13.5px}.plan-facts li{margin:3px 0}
.muted{color:var(--muted);font-size:13.5px}
.excluded{font-size:14px;border:1px dashed var(--line);border-radius:10px;padding:10px 16px}.excluded summary{cursor:pointer;font-weight:700;color:var(--muted)}.excluded ul{margin:8px 0 0;padding-left:20px}

/* 構成図：貴社のクラウド・ツール、条件によって加える部分（点線） */
.sys .zone.cc{fill:var(--customer-cloud-bg);stroke:var(--customer-cloud)}
.sys .box.opt{stroke-dasharray:5 4;stroke:#98aaa2}
.sys .line.opt{stroke-dasharray:5 4}

/* AIの契約・情報システム部門との分担 */
.data.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.it-policy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.it-policy>div{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fbfcfb}
.it-policy p{font-size:14px}
.parts td:first-child{white-space:normal}

/* 最後の注意書き：導入案は例であること */
.disclaimer{margin:28px 0 8px;background:#fff;border:2px solid var(--green);border-radius:12px;padding:22px 26px}
.disclaimer h2{font-size:20px;color:var(--green);margin-bottom:8px}
.disclaimer p{font-size:15.5px;max-width:960px}
.disclaimer-link{display:inline-block;margin-top:10px;font-weight:750;background:var(--green);color:#fff;text-decoration:none;border-radius:8px;padding:9px 18px}.disclaimer-link:hover{background:#0f4c3f}

@media(max-width:1100px){.conditions{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-facts{grid-template-columns:1fr}}
@media(max-width:700px){.conditions,.it-policy,.data.two{grid-template-columns:1fr}.plan-card{padding:14px}.disclaimer{padding:18px 16px}}
.diagram-scroll-hint{display:none;margin:4px 0 0;font-size:12.5px;color:var(--muted)}
@media(max-width:980px){.diagram-scroll-hint{display:block}}
/* ここにない環境・選んだ条件のうち、ご相談に回すもの（2026-10-01） */
.consult-note{margin:-4px 0 14px;font-size:13.5px;color:var(--muted)}
.consult-box{margin:0 0 16px;padding:12px 16px;border:1px solid #e7cfa9;border-left:4px solid #b7791f;border-radius:6px;background:#fffaf0;font-size:14px}
.consult-box ul{margin:6px 0 0;padding-left:20px}

/* パンくず（導入案の3ページ） */
.crumbs{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#556174;margin-bottom:14px}
.crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}