
:root{--navy:#142d43;--ink:#213448;--muted:#5e7180;--orange:#f58b38;--paper:#f7fafb;--line:#dae4e9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;background:#fff;line-height:1.85}a{color:#176682;text-underline-offset:3px}a:hover{opacity:.84}.wrap{max-width:1100px;margin:0 auto;padding:0 22px}.notice{background:#eaf1f5;color:#425e70;font-size:12px;padding:6px 0}.header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.brand{font-weight:900;color:var(--navy);font-size:21px;text-decoration:none;letter-spacing:-.04em}.brand small{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:0}.nav{display:flex;gap:17px;flex-wrap:wrap}.nav a{font-weight:700;color:var(--navy);font-size:13px;text-decoration:none}.hero{padding:66px 0 68px;background:linear-gradient(120deg,#edf6f9 0%,#f5fbfa 58%,#fff4e8 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.eyebrow{color:#176682;font-size:13px;font-weight:800;letter-spacing:.05em}.hero h1{font-size:clamp(30px,4vw,48px);line-height:1.38;letter-spacing:-.055em;color:var(--navy);margin:12px 0 18px}.lead{font-size:17px;color:#486071}.btn{display:inline-block;background:var(--orange);color:#182d3d!important;font-weight:800;padding:13px 24px;border-radius:12px;text-decoration:none;box-shadow:0 5px 0 #ce6a26;transition:.15s}.btn:hover{transform:translateY(2px);box-shadow:0 3px 0 #ce6a26}.btn.alt{background:#fff;border:1px solid #8fb1bd;box-shadow:none;margin-left:9px;color:#1a5870!important}.visual{border:1px solid #cadfe5;background:rgba(255,255,255,.82);border-radius:30px;padding:28px;box-shadow:0 20px 40px #15435e13}.phone{border:9px solid var(--navy);background:linear-gradient(145deg,#f4faff,#e4f2f7);border-radius:27px;max-width:238px;min-height:340px;margin:auto;padding:26px 17px;text-align:center;box-shadow:17px 17px 0 #f6c28c}.phone .round{border-radius:50%;background:#d7edeb;width:74px;height:74px;margin:22px auto;display:grid;place-items:center;font-size:35px}.phone b{color:var(--navy);font-size:19px}.phone p{font-size:12px;color:#567}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.chip{font-size:12px;border-radius:30px;background:white;border:1px solid #c9dbe1;padding:5px 12px;color:#2b5b6b;font-weight:700}.section{padding:65px 0}.section.tint{background:var(--paper)}h2{font-size:clamp(24px,3vw,31px);line-height:1.45;color:var(--navy);letter-spacing:-.03em;margin:0 0 18px}h3{font-size:20px;color:var(--navy);margin:28px 0 10px}.sub{color:var(--muted);margin-top:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{border:1px solid var(--line);background:white;border-radius:17px;padding:23px;display:flex;flex-direction:column}.tile .n{font-size:11px;color:#d16d23;font-weight:900}.tile h3{margin:10px 0;font-size:19px}.tile p{color:var(--muted);font-size:14px;flex:1}.tile a{font-weight:800}.attention{border-left:4px solid #e48d43;padding:17px 20px;background:#fff6eb;border-radius:4px 10px 10px 4px;margin:22px 0}.bluebox{padding:23px;background:#eef7fa;border:1px solid #cde6ed;border-radius:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.steps{counter-reset:s}.step{counter-increment:s;display:flex;gap:17px;margin:19px 0}.step:before{content:counter(s);display:grid;place-items:center;background:var(--navy);color:white;font-weight:800;border-radius:50%;min-width:36px;height:36px}.step strong{display:block;color:var(--navy)}.article-wrap{max-width:850px;margin:0 auto;padding:46px 22px 80px}.article-wrap h1{font-size:clamp(27px,4vw,39px);line-height:1.45;color:var(--navy)}.article-wrap p,.article-wrap li{font-size:16px}.article-wrap ul{padding-left:1.4em}.article-wrap h2{margin-top:48px;border-bottom:2px solid #dbe7ed;padding-bottom:12px}.article-wrap h3{margin-top:30px}.article-wrap table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px}.article-wrap th,.article-wrap td{padding:12px;border:1px solid #d5e1e7;text-align:left}.article-wrap th{background:#eaf3f7}.meta{color:#6a7986;font-size:13px}.toc{background:#f3f8fa;padding:21px 28px;border-radius:15px}.toc a{text-decoration:none}.footer{background:#173349;color:#d5e4ed;padding:45px 0 22px}.footer a{color:#d5e4ed}.footnav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.footend{font-size:12px;color:#b0c9d7;border-top:1px solid #496074;margin-top:26px;padding-top:18px}.faq details{border-bottom:1px solid var(--line);padding:15px 5px}.faq summary{font-weight:800;cursor:pointer;color:var(--navy)}.small{font-size:13px;color:var(--muted)}@media(max-width:780px){.header-in{align-items:flex-start;padding-top:14px;padding-bottom:12px;flex-direction:column;gap:8px}.nav{gap:12px}.nav a{font-size:12px}.hero{padding:40px 0}.hero-grid,.split{grid-template-columns:1fr}.visual{display:none}.grid3{grid-template-columns:1fr}.section{padding:45px 0}.btn.alt{margin-left:0;margin-top:11px}.article-wrap{padding-top:28px}.article-wrap table{font-size:12px}}

/* Shiraberu editorial identity */
.brand{display:flex;align-items:center;gap:12px;line-height:1.4;flex-shrink:0}
.brand-logo{width:54px;height:54px;object-fit:contain;border-radius:50%}
.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.footer-brand img{border-radius:50%;background:#fff;object-fit:contain}
@media(max-width:780px){.brand{font-size:19px}.brand-logo{width:46px;height:46px}.footer-brand img{width:52px;height:52px}}

/* 2026-11-10 improvements */
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-note{font-size:12px;color:#587082;margin:15px 0 0}.price-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;padding:28px;border:1px solid #cadde5;background:#f6fafc;border-radius:20px;align-items:center}.price-panel p{margin:8px 0}.kicker{font-size:13px;font-weight:800;color:#275e76}.bigprice{font-size:38px;font-weight:900;line-height:1.3;color:#142d43}.bigprice small{font-size:16px}.price-actions .btn.alt{margin:0}.summary-panel{background:#eef6f8;border-radius:14px;padding:20px 24px;margin:25px 0}.summary-panel ul{margin:7px 0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.compare-grid h3{margin:0 0 10px}.editor-note{background:#f8fafb;padding:8px 24px 22px;border-left:3px solid #81bed0;margin:30px 0}.article-next{padding:22px;margin:26px 0;border:1px solid #dce8ed;border-radius:15px}.article-next h3{margin:0 0 10px}.article-next a{display:block;padding:8px 0;font-weight:700}.number-list li{margin:9px 0}@media(max-width:780px){.grid3,.price-panel,.compare-grid{grid-template-columns:1fr}.price-panel{padding:22px}.bigprice{font-size:32px}.cta-note{margin-bottom:4px}.nav a{font-size:11px}}
