
:root{--ink:#10253F;--blue:#254BA0;--blue2:#3A5488;--blue-pale:#C3D2EC;--blue-bg:#E9EEF6;
--up:#3C7268;--down:#A34A44;--warn:#A17A35;--warn-bg:#FBF2E4;
--line:#cccccc;--line2:#e6e6e6;--grey:#666666;--grey2:#999999;--band:#f5f5f5}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#000;font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","Yu Gothic",sans-serif;
font-size:14px;line-height:1.7}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
a{color:var(--blue)}
.material-symbols-outlined{font-variation-settings:'opsz' 24;vertical-align:middle}
/* 既存の /ph/device/（DEVPG v1）の実CSSを写す（2026-09-07 実測） */
.subhead{background:linear-gradient(90deg,#0D2A74,#163A96);color:#fff;padding:8px 0}
.subhead .in{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;
  align-items:baseline;gap:12px;flex-wrap:wrap}
.subhead h1{font-size:14px;font-weight:700;margin:0;color:#fff}
.subhead .meta{margin-left:auto;font-size:12px;opacity:.92}
.crumb{font-size:11.5px;color:var(--grey);margin-bottom:12px;padding-top:12px}
.crumb a{color:var(--grey);text-decoration:none}.crumb a:hover{color:var(--blue)}
.hero{padding-top:0}
.hero+.wrap .fxbar{margin-top:14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:10px;
  padding:10px 14px;background:#fff}
/* 併記の1行ぶんをあらかじめ確保して、ON/OFFで高さが動かないようにする */

.kpi .lbl{font-size:11.5px;color:var(--grey);margin-bottom:2px;display:flex;align-items:center;gap:5px}
.kpi .lbl .material-symbols-outlined{font-size:15px;color:var(--blue)}
.kpi .val{font-size:21px;font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.02em}
.kpi .val .u{font-size:12px;font-weight:500;margin-left:2px}
.kpi .dlt{font-size:11px;color:var(--grey);margin-top:2px}
section{padding:30px 0;border-bottom:1px solid var(--line2)}
h2{font-size:16px;margin:0 0 4px;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:7px}
h2 .material-symbols-outlined{font-size:21px;color:var(--blue)}
h3{font-size:14px;margin:20px 0 6px;color:var(--ink)}
.note{font-size:12px;color:var(--grey);margin:0 0 14px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:7px 10px;border-bottom:1px solid var(--line2);text-align:right;white-space:nowrap}
th{font-size:11px;color:var(--blue2);font-weight:500;border-bottom:2px solid var(--blue-pale);background:#fff}
td.l,th.l{text-align:left;white-space:normal}
td[data-fx]{vertical-align:middle}
.sub2{line-height:15px;height:15px}
tbody tr:hover{background:var(--blue-bg)}
.num{font-variant-numeric:tabular-nums}
.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--grey)}
.chip{display:inline-block;font-size:11px;color:var(--blue2);background:var(--blue-bg);
border:1px solid var(--blue-pale);padding:1px 7px;margin-left:6px}
.chip.k{color:var(--grey);background:#fff;border-color:var(--line2)}
.scroll{max-height:460px;overflow:auto;border:1px solid var(--line2)}
.facts{display:flex;gap:1px;background:var(--blue-pale);margin-bottom:14px;flex-wrap:wrap;border:1px solid var(--blue-pale)}
.f1{background:#fff;padding:10px 15px;flex:1 1 140px}
.f1 .k{font-size:11px;color:var(--grey)}
.f1 .v{font-size:18px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.f1 .s{font-size:11px;color:var(--grey);font-weight:500}
.cta{border:1px solid var(--blue-pale);background:var(--blue-bg);padding:16px 18px;margin-top:22px}
.cta h3{margin:0 0 4px;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:6px}
.cta p{margin:0 0 10px;font-size:12px;color:var(--grey);line-height:1.75}
.ctagrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ctacard{background:#fff;border:1px solid var(--blue-pale);padding:14px 16px;display:flex;flex-direction:column}
.ctacard .kw{font-size:12px;color:var(--ink);margin:6px 0 10px;line-height:1.9;flex:1}
.ctacard .kw b{background:var(--blue-bg);border:1px solid var(--blue-pale);padding:1px 7px;
font-weight:500;display:inline-block;margin:0 4px 4px 0;font-size:11px}
.ctacard a{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#fff;
background:var(--blue);border:1px solid var(--blue);padding:7px 14px;text-decoration:none;align-self:flex-start}
.ctacard a:hover{background:var(--ink);border-color:var(--ink)}
.xls{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 12px;
border:1px solid var(--line);background:#fff;color:var(--grey2);cursor:not-allowed;white-space:nowrap}
.xls .soon{font-size:10px;border:1px solid var(--line2);background:var(--band);padding:0 5px;color:var(--grey)}
.h2row{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.h2row h2{margin:0}.h2row .xls{margin-left:auto}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--line2);border:1px solid var(--line2)}
.lcard{background:#fff;padding:11px 14px;text-decoration:none;display:block}
.lcard:hover{background:var(--blue-bg)}
.lcard .t{font-size:13px;color:var(--ink);font-weight:700}
.lcard .m{font-size:11px;color:var(--grey);font-variant-numeric:tabular-nums}
.foot{padding:22px 0 44px;font-size:11px;color:var(--grey);line-height:1.9}
.foot b{color:var(--ink)}
.pill{display:inline-block;border:1px solid var(--blue-pale);background:var(--blue-bg);
color:var(--blue2);padding:2px 8px;font-size:11px;margin-right:6px}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--grey);
border:1px solid var(--line2);background:var(--band);padding:8px 12px;margin-bottom:14px}
.legend b{color:var(--ink)}
.fxbar{border:1px solid var(--blue-pale);background:#fff;padding:11px 14px;margin:14px 0 0;
  display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;border-radius:10px;
  height:96px;overflow:hidden}
.fxsw{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink);cursor:pointer;
  font-weight:700;white-space:nowrap}
.fxsw input{width:16px;height:16px;accent-color:var(--blue);cursor:pointer;margin:0}
.fxnote{font-size:11px;color:var(--grey);line-height:1.75;flex:1;min-width:280px}
@media(max-width:900px){.fxbar{height:auto;overflow:visible}}
.fxnote b{color:var(--ink)}
.fxon{background:var(--warn-bg);border-color:var(--warn)}
.sub2{display:block;font-size:11px;color:var(--warn);font-weight:700;margin-top:1px}
/* 併記が何の値かを列見出しで示す。ONのときだけ出す */
.fxh{display:none;font-size:10px;color:var(--warn);font-weight:700}
.fxon-page .fxh{display:block}
.sub2.up{color:var(--up)}.sub2.down{color:var(--down)}.sub2.flat{color:var(--warn)}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.kpis{grid-template-columns:repeat(2,1fr)}.ctagrid{grid-template-columns:1fr}}
/* DEVMK-PAGES v1.1: 企業会員への誘導 */
.cta{margin:16px 0 6px;padding:14px 18px;border:1px solid var(--blue-pale);background:var(--blue-bg);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.cta-t{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;font-size:13.5px}
.cta-t .material-symbols-outlined{font-size:19px;color:var(--blue)}
.cta-b{font-size:12.5px;color:#333;flex:1 1 420px;line-height:1.7}
.cta-btns{display:flex;gap:8px;flex-wrap:wrap}
.cta .dmbtn{display:inline-block;padding:8px 18px;background:var(--ink);color:#fff !important;text-decoration:none !important;font-size:12.5px;font-weight:700;line-height:1.4;border:1px solid var(--ink)}
.cta .dmbtn.ghost{background:#fff;color:var(--ink) !important}
.cta .dmbtn:hover{opacity:.85}
/* DEVMK-PAGES v1.5: 病院報告（/ph/hospital-report/）の表の型に揃える・棒グラフ・販売名の展開・領域の表 */
td.d,th.d{white-space:nowrap}
.bars{margin:4px 0 14px;overflow-x:auto}
.bars svg{width:100%;height:auto;display:block}
.bars .bv{font-size:11px;fill:#000}
.bars .by{font-size:10.5px;fill:#666666}
.blg{display:flex;gap:14px;font-size:11px;color:var(--grey);margin-bottom:2px}
.blg i{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px}
details.pn{margin-top:2px}
details.pn summary{font-size:11.5px;color:var(--blue2);cursor:pointer}
details.pn ul{margin:4px 0 2px;padding-left:18px;font-size:12px}
details.pn li{margin:1px 0}
details.pn .pd{color:var(--grey);font-size:11px;margin-left:8px;white-space:nowrap}
table.mk td{vertical-align:top}
table.ar{margin-bottom:6px}
details.dz{margin:4px 0 8px}
details.dz summary{font-size:12px;color:var(--grey);cursor:pointer}
details.dz p{font-size:12px;margin-top:6px}
.sib{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line2);border:1px solid var(--line2)}
.sib a{background:#fff;padding:7px 12px;font-size:12.5px;display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:var(--blue)}
.sib a:hover{background:var(--blue-bg)}
.sib a span{font-size:11px;color:var(--grey);white-space:nowrap}
/* DEVMK-PAGES v1.6: 企業会員向けの項目（中身は出さず項目名と案内だけ）・無料会員ゲート */
.dmlock{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border:1px solid var(--line);background:var(--band);padding:12px 16px;margin:12px 0 6px}
.dmlock-t{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.dmlock-t .material-symbols-outlined{font-size:17px;color:var(--ink)}
.dmlock-b{flex:1 1 360px;font-size:12.5px;color:#333}
.dmlock .dmbtn{display:inline-block;padding:7px 16px;background:var(--ink);color:#fff !important;text-decoration:none !important;font-size:12.5px;font-weight:700;line-height:1.4;border:1px solid var(--ink)}
.dmlock .dmbtn:hover{opacity:.85}
.dmgate-cta{margin:8px 0 4px}
.dmgate-cta.nofade .sssd-gate::before{display:none}
/* DEVMK-PAGES v1.7: 新医療機器の一覧・絞り込み・年度ボタン・トップの再掲 */
.xscroll{overflow-x:auto}
.nwf,.fynav{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 14px}
.nwfl{font-size:12px;color:var(--ink);font-weight:700;margin-right:4px}
.nwf button,.fynav a{font:inherit;font-size:12.5px;line-height:1.4;padding:5px 11px;border:1px solid var(--blue-pale);background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap}
.nwf button span{color:var(--grey);font-size:11px;margin-left:2px}
.nwf button:hover,.fynav a:hover{background:var(--blue-bg)}
.nwf button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.nwf button.on span{color:#fff}
.fynav{position:sticky;top:90px;background:#fff;padding:8px 0;z-index:2;border-bottom:1px solid var(--line2)}
.nwy{scroll-margin-top:200px;margin-top:26px;padding-bottom:6px;border-bottom:2px solid var(--blue-pale)}
.nwi{padding:12px 2px;border-bottom:1px solid var(--line2)}
.nwh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.nwh b{font-size:14.5px;color:var(--ink)}
.nwd{font-size:12.5px;color:#000;font-variant-numeric:tabular-nums;white-space:nowrap}
.nwk{font-size:11px;padding:1px 7px;border:1px solid var(--ink);white-space:nowrap}
.nwk.new{background:var(--ink);color:#fff}
.nwk.chg{background:#fff;color:var(--ink)}
.nwm{font-size:12px;color:#333;margin-top:3px}
.nwb{font-size:12.5px;color:#000;line-height:1.8;margin:6px 0 4px}
.nws{font-size:11px;color:var(--grey)}
.nws a{color:var(--grey)}
.nwtop{border:1px solid var(--blue-pale);border-top:3px solid var(--ink);padding:14px 16px 16px;margin:18px 0 6px}
.nwtop-h{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}
.nwtop-h .material-symbols-outlined{font-size:20px;color:var(--ink)}
.nwbtn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:9px 18px;background:var(--ink);color:#fff !important;text-decoration:none !important;font-size:13px;font-weight:700}
.nwbtn .material-symbols-outlined{font-size:18px}
.nwbtn:hover{opacity:.85}
/* DEVMK-PAGES v1.8: 棒グラフのマウス案内・企業会員の出し分け・段の確認表示 */
.bars rect.hit{fill:transparent;cursor:crosshair}
.bars rect.hit.on{fill:rgba(16,37,63,.07)}
.btip{position:fixed;z-index:9999;background:#fff;border:1px solid var(--line);padding:7px 10px;font-size:12px;line-height:1.6;color:#000;pointer-events:none;min-width:150px}
.btip b{display:block;color:var(--ink);margin-bottom:2px}
.btip div{display:flex;align-items:center;gap:6px}
.btip i{display:inline-block;width:10px;height:10px;flex:none}
.btip span{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}
.btip .sum{border-top:1px solid var(--line2);margin-top:3px;padding-top:2px;font-weight:700}
.dmlock-biz{display:none;font-size:12px;color:var(--grey)}
html.dm-biz .cta{display:none}
html.dm-biz .dmlock .dmbtn{display:none}
html.dm-biz .dmlock-biz{display:inline}
#dmviewTag{position:fixed;right:12px;bottom:12px;z-index:9999;background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:6px 12px}
/* DEVMK-PAGES v1.9: 過去の年度の表 */
.nwt{margin:4px 0 10px}
.nwt td{vertical-align:top}
.nwys>.nws{margin:-2px 0 6px}
/* DEVMK-PAGES v2.0: 企業会員のデータ（biz.php）の表示 */
.dmbiz{margin:14px 0 8px;border:1px solid var(--ink);border-top:3px solid var(--ink);padding:12px 16px 14px}
.dmbiz-h{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.dmbiz-h .material-symbols-outlined{font-size:18px;color:var(--ink)}
.dmbiz .dmxls{margin-left:auto;font:inherit;font-size:12px;font-weight:700;padding:5px 12px;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}
.dmbiz .dmxls:hover{background:var(--blue-bg)}
.dmbiz h3{margin-top:16px}
.dmbiz table td{vertical-align:top}
.nwx{font-size:12px;color:var(--ink);background:var(--band);padding:5px 9px;margin-top:4px}
html.dm-bizok .cta{display:none}
[hidden]{display:none !important}
/* DEVMK-PAGES v2.4（v2.1〜）: 見出しの右の操作ボタン（企業会員・病院プロファイルの型） */
.dmtitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.dmtitle h2{margin-top:6px}
.dmacts{text-align:right}
.dmacts-b{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.dmact{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:var(--ink);color:#fff !important;text-decoration:none !important;font:inherit;font-size:14px;font-weight:700;line-height:1.3;border:1px solid var(--ink);border-radius:4px;cursor:pointer}
.dmact .material-symbols-outlined{font-size:19px;color:#fff}
.dmact:hover{opacity:.88}
.dmacts-n{font-size:11.5px;color:var(--grey);margin-top:6px}
@media(max-width:760px){.dmacts{text-align:left}.dmacts-b{justify-content:flex-start}}
/* DEVMK-PAGES v2.3: 医師データベースの案内 */
.dmdoc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border:1px solid var(--line);border-left:4px solid var(--ink);background:#fff;padding:12px 16px;margin:16px 0 8px}
.dmdoc-t{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.dmdoc-t .material-symbols-outlined{font-size:20px;color:var(--ink)}
.dmdoc-b{flex:1 1 420px;font-size:12.5px;color:#333;line-height:1.7}
.dmdoc-a{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:var(--ink);color:#fff !important;text-decoration:none !important;font-size:12.5px;font-weight:700;white-space:nowrap}
.dmdoc-a .material-symbols-outlined{font-size:16px}
.dmdoc-a:hover{opacity:.88}
