/*
  style.css — S1 入札情報通知 法務3ページ・メール見本ページ共用スタイル
  business/newco/s1/site/ の下位ページ（tokushoho/privacy/terms/sample-mail）用。
  index.html と同一のブランド系統（濃紺×白／ティール×オレンジ）。
  作成: 制作・開発部 Zcode T3 (2026-10-22)。社長CHECK c6343729271 決定1（サイト統合）。
*/
:root{
  --navy:#0b2545;
  --navy-2:#13315c;
  --white:#ffffff;
  --teal:#0d9488;
  --teal-dark:#0f766e;
  --orange:#f97316;
  --bg-soft:#f5f8fa;
  --text:#1e293b;
  --text-sub:#475569;
  --line:#dbe4ec;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic UI","Noto Sans JP",Meiryo,sans-serif;color:var(--text);background:var(--white);line-height:1.85}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}
a{color:var(--teal-dark)}
.site-header{background:var(--navy)}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;max-width:1040px}
.site-header .brand{color:var(--white);text-decoration:none;font-size:17px;font-weight:700;letter-spacing:.04em}
.site-header .brand small{font-weight:400;opacity:.75;margin-left:8px;font-size:11.5px}
.site-header nav a{color:var(--white);text-decoration:none;font-size:13px;margin-left:14px;opacity:.9}
.site-header nav a:hover{opacity:1;text-decoration:underline}
main{padding:46px 0 30px}
h1{font-size:clamp(21px,3.2vw,28px);color:var(--navy);margin-bottom:8px}
.updated{font-size:12.5px;color:var(--text-sub);margin-bottom:26px}
h2{font-size:17.5px;color:var(--navy);margin:34px 0 10px;padding-left:10px;border-left:4px solid var(--teal)}
h3{font-size:15px;color:var(--navy);margin:22px 0 6px}
p,li,td,th{font-size:14px}
p{margin-bottom:12px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:6px}
table.stack{width:100%;border-collapse:collapse;margin:14px 0 8px}
table.stack th,table.stack td{border:1px solid var(--line);padding:12px 14px;font-size:13.5px;text-align:left;vertical-align:top}
table.stack th{background:var(--navy);color:var(--white);white-space:nowrap;width:200px}
table.stack tr:nth-child(even) td{background:var(--bg-soft)}
.note{background:var(--bg-soft);border-left:4px solid var(--teal);border-radius:0 8px 8px 0;padding:14px 18px;font-size:13px;color:var(--text-sub);margin:18px 0}
.draft{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12.5px;padding:12px 16px;border-radius:8px;margin:20px 0}
.tag{display:inline-block;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.small{font-size:12.5px}
.muted{color:var(--text-sub)}
/* メール見本（sample-mail.html。実配信 buildEmail_ の出力と同一書式） */
.mail{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 26px rgba(11,37,69,.08);margin:14px 0 6px}
.mail-head{background:var(--navy);color:var(--white);padding:14px 18px;font-size:13px}
.mail-head .muted{opacity:.8;font-size:12px;margin-bottom:2px}
.mail-head .subj{font-weight:700;font-size:13.5px}
.mail-body{padding:20px 22px;font-size:14px;white-space:pre-wrap;font-family:inherit}
.mail-body .meta{color:var(--text-sub);font-size:13px}
.mail-body .foot{border-top:1px dashed var(--line);margin-top:14px;padding-top:12px;color:var(--text-sub);font-size:13px;white-space:pre-wrap}
.mail-body b{color:var(--navy)}
.mail-body .item{border-left:3px solid var(--teal);background:var(--bg-soft);padding:10px 14px;margin:10px 0;border-radius:0 8px 8px 0;font-size:13.5px}
.btn{display:inline-block;background:var(--orange);color:var(--white);font-weight:700;text-decoration:none;font-size:15px;border-radius:10px;padding:12px 30px;box-shadow:0 6px 18px rgba(249,115,22,.35)}
.btn:hover{background:#ea580c}
.site-footer{background:var(--navy);color:#94a8c0;font-size:12.5px;padding:30px 0;border-top:1px solid rgba(255,255,255,.12);margin-top:30px}
.site-footer ul{list-style:none;margin:0 0 10px}
.site-footer li{display:inline;margin-right:14px}
.site-footer a{color:#cbd5e1;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer p{font-size:11.5px;line-height:1.8;margin-bottom:8px}
@media (max-width:640px){
  /* Keep legal/sample-page navigation available on narrow phones. */
  .site-header .wrap{flex-wrap:wrap;gap:4px 0;padding:10px 16px}
  .site-header .brand{display:inline-flex;align-items:center;min-height:44px}
  .site-header nav{display:flex;width:100%;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .site-header nav a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;margin-left:0;padding:0 12px;font-size:13px}
  .site-header nav a:focus-visible{outline:2px solid var(--white);outline-offset:-2px}
  table.stack th{width:110px;font-size:12.5px}
  .mail-body{padding:14px;font-size:13px}
}


/* Shared current-price block (sample mail page). */
  .pricing-summary{max-width:720px;margin:0 auto;text-align:center}
  .pricing-current{font-size:clamp(24px,5vw,32px);font-weight:800;color:var(--navy);margin:0 0 12px}
  .pricing-details{text-align:left;margin:24px 0;padding-left:1.5em}
  .pricing-details li{margin:8px 0}
  .pricing-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:28px 0}
  .pricing-actions .btn{font:inherit;font-weight:700;border:0}
  .pricing-actions button:disabled{opacity:.5;cursor:not-allowed}
  .pricing-legal{font-size:13px;color:var(--text-sub)}