/* 業種の画面（Yamagishi Sync Lab）。外の書体は読まない（CSP の font-src 'self'）。 */
:root{--ink:#0a0f1c;--navy:#121a2c;--sub:#4a5162;--faint:#8b909c;--paper:#f6f4ef;--card:#fffdf9;--plate:#efece4;--amber:#f5a524;--amber2:#b45309;--teal:#2dd4bf;--teal2:#0f766e;
  --hair:1px solid rgba(18,26,44,.1);--hair2:1px solid rgba(18,26,44,.18);--r:8px;--mono:ui-monospace,"Cascadia Mono",Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--navy);font-family:"Hiragino Sans","Yu Gothic UI","Yu Gothic","Meiryo",system-ui,sans-serif;line-height:1.75}
a{color:var(--teal2)}
.top{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}
.top-in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.logo{text-decoration:none;display:flex;align-items:baseline;gap:10px}.logo b{color:#fff;font-size:1.05rem}.logo span{color:#9aa4b8;font-size:.82rem}
.badge{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--ink);background:var(--amber);border-radius:999px;padding:2px 10px}
.tabs{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.tab{border:1px solid rgba(255,255,255,.18);background:transparent;color:#c7cedb;padding:6px 14px;border-radius:999px;cursor:pointer;font:inherit;font-size:.88rem}
.tab:hover{border-color:var(--amber)}.tab[aria-selected=true]{background:var(--amber);color:var(--ink);border-color:var(--amber);font-weight:700}
.trialbar{max-width:1180px;margin:0 auto;padding:10px 16px 0;font-size:.86rem;color:var(--sub)}.trialbar b{color:var(--amber2)}.trialbar a{margin-left:8px}
.wrap{max-width:1180px;margin:0 auto;padding:6px 16px 40px}
.lead{color:var(--sub);font-size:.9rem;margin:8px 0 12px}
.safe{display:flex;gap:10px;align-items:flex-start;background:#f0fdfa;border:1px solid #99f6e4;border-left:4px solid var(--teal2);border-radius:0 var(--r) var(--r) 0;padding:10px 14px;margin:0 0 14px;font-size:.86rem;color:#134e4a}
.safe details{margin-top:4px}.safe ul{margin:6px 0 0;padding-left:1.2em}
.pane{display:none}.pane.on{display:block}
.card{background:var(--card);border:var(--hair);border-radius:var(--r);padding:16px 18px;margin-bottom:14px}
.h{font-size:1.05rem;margin:0 0 12px;padding:8px 12px;background:var(--plate);border-left:4px solid var(--amber2);border-radius:0 var(--r) var(--r) 0}
.h small{color:var(--faint);font-weight:400;font-size:.8rem}.h3{font-size:.95rem;margin:0 0 6px}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.filters label{display:flex;flex-direction:column;font-size:.8rem;color:var(--sub)}
.filters label.chk{flex-direction:row;align-items:center;gap:6px;padding-bottom:6px}
select,input{font:inherit;font-size:.9rem;padding:6px 8px;border:var(--hair2);border-radius:6px;background:#fff;color:var(--navy);margin-top:3px}
button{font:inherit;font-size:.88rem;border:var(--hair2);background:#fff;color:var(--navy);padding:7px 14px;border-radius:999px;cursor:pointer}
button:hover{border-color:var(--amber2)}button.primary{background:var(--ink);color:#fff;border-color:var(--ink);width:100%;margin-top:6px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kpi{border:var(--hair);border-radius:var(--r);padding:10px 12px;background:#fff}
.kpi .lab{font-size:.74rem;color:var(--faint)}.kpi .val{font-family:var(--mono);font-size:1.35rem;line-height:1.3}.kpi .val small{font-size:.7rem;color:var(--sub)}
.kpi .cmp{font-size:.74rem;color:var(--sub)}
.read{font-size:.88rem;margin:12px 0 0;padding:10px 12px;background:var(--plate);border-radius:6px}
.note{font-size:.78rem;color:var(--faint);margin:8px 0 0}.src{font-size:.72rem;color:var(--faint);margin:6px 0 0}
.tablehead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sc{overflow-x:auto}
.tbl2{width:100%;border-collapse:collapse;font-size:.84rem}.tbl2 th,.tbl2 td{border-bottom:var(--hair);padding:6px 8px;text-align:left;white-space:nowrap}
.tbl2 th{background:var(--plate);font-weight:600;cursor:pointer}.tbl2 td.n{text-align:right;font-family:var(--mono)}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.grid2.m5{grid-template-columns:300px minmax(0,1fr)}
.form label{display:flex;flex-direction:column;font-size:.8rem;color:var(--sub);margin-bottom:8px}
.form button{margin:0 6px 8px 0}
.sheetwrap{background:#d9d6cf;border-radius:var(--r);padding:12px;overflow:hidden}
.a4{position:relative;width:210mm;height:297mm;background:#fff;color:#121a2c;padding:14mm 14mm 12mm;box-shadow:0 4px 18px rgba(0,0,0,.18);overflow:hidden}
.a4 .wm{position:absolute;top:42%;left:0;right:0;text-align:center;font-size:84px;font-weight:700;color:rgba(180,83,9,.08);transform:rotate(-18deg);pointer-events:none}
.a4 .sh{display:flex;align-items:center;gap:12px;border-bottom:3px solid var(--th);padding-bottom:8px}
.a4 .sh img{max-height:44px;max-width:120px}.a4 .firm{font-weight:700;font-size:15pt;color:var(--th)}.a4 .day{margin-left:auto;font-size:9pt;color:#555}
.a4 .stitle{margin:10mm 0 6mm}.a4 .stitle small{font-size:9pt;color:#666;letter-spacing:.06em}.a4 .stitle h1{font-size:22pt;margin:2mm 0 0;color:var(--th)}.a4 .to{font-size:10pt;margin:2mm 0 0}
.a4 .skgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm}
.a4 .sk{border:1px solid #ddd;border-top:3px solid var(--th);padding:2.5mm 3mm}.a4 .sk span{display:block;font-size:8pt;color:#666}.a4 .sk b{display:block;font-size:15pt;font-family:var(--mono)}.a4 .sk em{display:block;font-style:normal;font-size:7.5pt;color:#555}
.a4 .schart{margin:6mm 0 2mm}.a4 .sread{font-size:9.5pt;margin:2mm 0}.a4 .smemo{font-size:9.5pt;border-left:3px solid var(--th);padding-left:3mm}
.a4 .sfoot{position:absolute;left:14mm;right:14mm;bottom:10mm;border-top:1px solid #ccc;padding-top:2mm}.a4 .sfoot p{font-size:7pt;color:#555;margin:0 0 1.5mm;line-height:1.5}
.tfoot{background:var(--ink);color:#9aa4b8;margin-top:30px;font-size:.82rem}
.tfoot div{max-width:1180px;margin:0 auto;padding:22px 16px;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
.tfoot a{color:#e6e9f0;text-decoration:none;margin-right:16px}.tfoot a:hover{color:var(--amber)}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.grid2.m5{grid-template-columns:1fr}.tabs{margin-left:0}}
@media print{
  @page{size:A4;margin:0}
  body{background:#fff}.no-print,.top,.trialbar,.tfoot,.lead,.safe{display:none!important}
  .wrap{padding:0;max-width:none}.pane{display:none!important}#t4{display:block!important}
  .grid2.m5{display:block}.sheetwrap{background:none;padding:0;height:auto!important}
  .a4{box-shadow:none;transform:none!important;break-after:page}
  .a4 .wm{color:rgba(180,83,9,.08)}
}
.a4 .stbl{width:100%;border-collapse:collapse;font-size:8.5pt;margin:4mm 0}.a4 .stbl th,.a4 .stbl td{border-bottom:1px solid #ddd;padding:1.4mm 2mm;text-align:right;font-family:var(--mono)}
.a4 .stbl th:first-child,.a4 .stbl td:first-child{text-align:left;font-family:inherit}.a4 .stbl th{color:#666;font-weight:600}
/* 2026-10-19 頭を明るく・スマホでは貼り付けず一行に */
.top{background:rgba(255,253,249,.96);border-bottom:1px solid rgba(18,26,44,.12);backdrop-filter:saturate(140%) blur(6px)}
.logo b{color:var(--navy)}.logo span{color:var(--faint)}
.tab{background:#fff;color:var(--sub);border-color:rgba(18,26,44,.16)}
.tab:hover{border-color:var(--amber2);color:var(--navy)}
.tab[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (max-width:760px){
  .top{position:static}
  .top-in{padding:8px 12px;gap:6px 10px}
  .logo b{font-size:.95rem}.logo span{display:none}
  .badge{font-size:.62rem;padding:1px 8px}
  .tabs{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto;white-space:nowrap;font-size:.8rem;padding:5px 12px}
  .wrap{padding:4px 12px 30px}
  .card{padding:14px 14px}
  select,input{max-width:100%}
}
/* 2026-10-19 作り直し：白・プラチナ × ディープネイビー × 落ち着いたアンバー（黒の帯とビビッドな色はやめた） */
:root{--canvas:#f8fafc;--paper:#f8fafc;--card:#ffffff;--plate:#f1f5f9;--ink:#0f172a;--navy:#0f172a;--sub:#475569;--faint:#64748b;--accent:#b45309;--amber:#b45309;--amber2:#b45309;--teal2:#1e293b;--good:#1e293b}
html,body{background:#f8fafc}
.top{background:rgba(255,255,255,.95);border-bottom:1px solid rgba(15,23,42,.08)}
.logo b{color:#0f172a}.logo span{color:#64748b}
.badge{color:#9a3412;background:#fbf3ea;border:1px solid rgba(180,83,9,.3)}
.tab{background:#fff;color:#475569;border-color:rgba(15,23,42,.14)}
.tab:hover{border-color:#b45309;color:#0f172a}
.tab[aria-selected=true]{background:#1e293b;color:#fff;border-color:#1e293b}
button.primary{background:#1e293b;border-color:#1e293b}button.primary:hover{background:#b45309;border-color:#b45309}
.safe{background:#ffffff;border:1px solid rgba(15,23,42,.08);border-left:3px solid #1e293b;color:#1e293b}
.h{background:#f1f5f9;border-left-color:#b45309}
.read{background:#f1f5f9}
.trialbar a{color:#1e293b}
.tfoot{background:#f1f5f9;color:#64748b;border-top:1px solid rgba(15,23,42,.08)}
.tfoot a{color:#1e293b}.tfoot a:hover{color:#b45309}
.sheetwrap{background:#e2e8f0}