/* チバ本店(v2-iso)の Apple純正風トークンを移植。カードは純白を背景(#f5f6f8)に溶かす=囲い感を消す。 */
:root{
  --ink:#111114;--muted:#5d646e;--sub:#828a96;
  --line:rgba(16,24,40,0.06);--cardline:rgba(16,24,40,0.05);
  --accent:#0a84ff;--green:#06c755;
  --bg:#f5f6f8;--card:#fff;--r:20px;--shadow:0 1px 2px rgba(16,24,40,0.04)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:radial-gradient(92% 320px at 50% 0,rgba(140,170,220,0.20),rgba(140,170,220,0) 72%) no-repeat,var(--bg);line-height:1.85;font-size:16px}
a{color:var(--accent)}
article a,.lead a,.cta-body a,.related a{font-weight:700}
main{max-width:720px;margin:0 auto;padding:0 18px}
.site{max-width:720px;margin:0 auto;padding:22px 18px 12px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em;font-feature-settings:"palt"}
.brand-logo{width:28px;height:28px;display:block}
.tag{margin:6px 0 9px;font-size:12.5px;color:var(--sub);line-height:1.6}
.badge{display:inline-block;font-size:11.5px;color:var(--sub);background:var(--card);border:1px solid var(--cardline);border-radius:999px;padding:4px 11px}
.crumb{font-size:12px;color:var(--sub);margin:16px 0 4px}
.crumb a{color:var(--sub)}
article h1,.hero h1{font-feature-settings:"palt";letter-spacing:-.03em;font-weight:900;color:var(--ink)}
article h1{font-size:27px;line-height:1.26;margin:.4em 0 .55em}
article h2{font-size:19px;line-height:1.45;font-weight:900;letter-spacing:-.02em;font-feature-settings:"palt";margin:1.9em 0 .5em;color:var(--ink)}
article h3{font-size:16.5px;font-weight:800;letter-spacing:-.01em;margin:1.4em 0 .4em;color:var(--ink)}
article p{margin:0 0 1.05em}
.lead{font-size:16.5px;color:#33373d}
.lead p{margin:0 0 .9em}
.conclusion{margin:1.3em 0 1.7em;background:var(--card);border:1px solid var(--cardline);box-shadow:var(--shadow);border-radius:var(--r);padding:16px 18px}
.conclusion-label{margin:0 0 7px;font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.conclusion p:last-child{margin:0;font-size:15px;line-height:1.8;color:var(--ink)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em -18px 1.4em;padding:0 18px}
table{border-collapse:collapse;font-size:12.5px;line-height:1.6;min-width:680px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#eef0f3;font-weight:800;white-space:nowrap;color:var(--ink)}
td a{word-break:break-all}
article ul,article ol{margin:0 0 1.1em;padding-left:1.35em}
article li{margin:0 0 .5em}
strong{font-weight:800}
.faq{margin-top:2.2em;border-top:1px solid var(--line);padding-top:1.2em}
.qa{background:var(--card);border:1px solid var(--cardline);box-shadow:var(--shadow);border-radius:var(--r);padding:14px 16px;margin:11px 0}
.qa .q{font-weight:800;margin:0 0 6px;font-size:15px;color:var(--ink);letter-spacing:-.01em}
.qa .a{margin:0;font-size:14.5px;color:var(--muted)}
.cta{margin:2.2em 0 1em;background:var(--card);border:1px solid var(--cardline);box-shadow:var(--shadow);border-radius:var(--r);padding:16px 18px}
.cta-label{margin:0 0 8px;font-size:12.5px;color:var(--sub)}
.cta-body{margin:0;font-size:15px;color:var(--ink)}
.cta-body a{display:inline-flex;align-items:center;gap:8px;margin-top:11px;background:var(--green);color:#fff;font-size:14px;padding:13px 20px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px rgba(6,199,85,0.3)}
.related{margin:2.4em 0 1em;border-top:1px solid var(--line);padding-top:1.2em}
.related h2{font-size:13px;margin:0 0 .7em;font-weight:800;letter-spacing:.02em;color:var(--sub)}
.related ul{margin:0;padding-left:1.1em}
.related li{margin:0 0 .55em;font-size:14.5px}
.hero{padding:36px 0 8px}
.hero h1{font-size:30px;line-height:1.22;margin:0 0 .4em}
.hero-sub{font-size:15px;color:var(--muted);margin:0 0 .7em;line-height:1.85}
.hero-disc{font-size:12.5px;color:var(--sub);margin:0}
.uta{margin:24px 0 6px;padding:30px 22px;text-align:center;background:var(--card);border:1px solid var(--cardline);border-radius:var(--r);box-shadow:var(--shadow)}
.uta-label{margin:0 0 16px;font-size:11.5px;letter-spacing:.18em;color:var(--sub)}
.uta-body{margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif;font-size:19px;line-height:2.05;color:var(--ink);letter-spacing:.06em}
.list{margin:16px 0 32px;display:flex;flex-direction:column;gap:12px}
.card{display:block;background:var(--card);border:1px solid var(--cardline);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;text-decoration:none;color:inherit;transition:box-shadow .15s ease}
.card:hover{box-shadow:0 4px 14px rgba(16,24,40,0.06)}
.card h2{font-size:16.5px;font-weight:800;letter-spacing:-.02em;margin:0 0 .4em;color:var(--ink);line-height:1.5}
.card p{font-size:13px;color:var(--sub);margin:0;line-height:1.7}
.site-foot{background:#0a0a0a;margin-top:46px;padding:32px 0 36px}
.foot-inner{max-width:720px;margin:0 auto;padding:0 18px}
.foot-brand{display:flex;align-items:center;gap:11px;margin:0 0 14px}
.foot-logo{width:36px;height:36px;display:block}
.foot-name{font-size:17px;font-weight:900;letter-spacing:-.02em;color:#fff}
.disc{font-size:12.5px;color:#9aa2ae;line-height:1.85;margin:0 0 13px}
.foot-links{margin:0 0 12px;font-size:13px}
.foot-links a{color:#e6e8ec;font-weight:700}
.foot-links i{color:#5a606b;font-style:normal;margin:0 8px}
.cw{font-size:11.5px;color:#6b7280;margin:0}