<style>
:root{
  --accent:#F6416C;
  --deep:#00B8A9;
  --ink:#2E2E2E;
  --paper:#F8F3D4;
  --sub:#FFDE7D;
  --cream:#fffdf5;
  --white:#ffffff;
  --soft:#f3fbf9;
  --line:#EAEAEA;
  --shadow:0 14px 34px rgba(46,46,46,.08);
  --shadow-soft:0 6px 18px rgba(46,46,46,.06);
  --radius:18px;
  --max:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.95;letter-spacing:.03em}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Zen Maru Gothic","Noto Sans JP",system-ui,sans-serif;line-height:1.42;margin:0 0 22px;font-weight:900;letter-spacing:.04em}
h1{font-size:clamp(38px,6vw,68px)}
h2{font-size:clamp(28px,4vw,46px)}
h3{font-size:clamp(20px,2.4vw,28px)}
p{margin:0 0 18px}.lead{font-size:clamp(17px,2vw,22px);font-weight:500}.small{font-size:14px;opacity:.78}
.section{padding:104px 22px}.paper{background:var(--paper)}.cream{background:var(--cream)}.white{background:var(--white)}.soft{background:var(--soft)}
.container{max-width:var(--max);margin:0 auto}.narrow{max-width:840px;margin:0 auto}.center{text-align:center}.grid{display:grid;gap:26px}.two{grid-template-columns:1fr 1fr;align-items:center}.three{grid-template-columns:repeat(3,1fr)}
.label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(0,184,169,.25);border-radius:999px;color:var(--deep);background:rgba(255,255,255,.72);font-weight:800;font-size:14px;margin-bottom:24px}
.marker{background:linear-gradient(transparent 62%,rgba(255,222,125,.78) 0);font-weight:900}.accent{color:var(--accent)}.deep{color:var(--deep)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 30px;border-radius:14px;background:var(--accent);color:white;text-decoration:none;font-weight:900;box-shadow:0 10px 24px rgba(246,65,108,.24);transition:.2s ease}.btn:hover{filter:brightness(.95);transform:translateY(-2px)}.btn.outline{background:white;color:var(--deep);border:2px solid var(--deep);box-shadow:none}.cta-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:30px}
.card{background:rgba(255,255,255,.86);border:1px solid rgba(234,234,234,.9);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:30px}.card.big{padding:40px}.card.link{transition:.2s ease;text-decoration:none;display:block}.card.link:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.nav{position:sticky;top:0;z-index:20;background:rgba(248,243,212,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(46,46,46,.06)}.nav-inner{max-width:1180px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;text-decoration:none}.brand img{width:46px;height:46px;object-fit:contain}.nav-links{display:flex;gap:18px;font-size:14px;font-weight:800}.nav-links a{text-decoration:none}.nav-cta{padding:10px 16px;font-size:14px}
.hero-sub{padding:88px 22px 96px;background:radial-gradient(circle at 84% 18%,rgba(0,184,169,.15),transparent 30%),linear-gradient(135deg,var(--paper),#fff7db)}
.breadcrumb{font-size:13px;margin-bottom:26px;opacity:.7}.breadcrumb a{text-decoration:none;font-weight:800;color:var(--deep)}
.article{background:var(--white);border-radius:30px;box-shadow:var(--shadow);padding:46px}.article h2{margin-top:42px}.article h2:first-child{margin-top:0}.article blockquote{margin:34px 0;padding:26px 30px;border-left:6px solid var(--deep);background:var(--soft);border-radius:16px;font-weight:800}.article ul{padding-left:1.2em}.article li{margin-bottom:10px}
.case-head{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tag{font-size:13px;font-weight:800;background:rgba(0,184,169,.1);color:var(--deep);border-radius:999px;padding:5px 10px}.readmore{display:inline-flex;margin-top:12px;color:var(--accent);font-weight:900;text-decoration:none}.readmore::after{content:" →"}
.next-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}.check{display:flex;gap:10px;align-items:flex-start}.check::before{content:"✓";color:var(--deep);font-weight:900}.footer{padding:34px 22px;background:var(--ink);color:white;text-align:center;font-size:13px}
@media (max-width:860px){.two,.three,.next-links{grid-template-columns:1fr}.section{padding:74px 18px}.hero-sub{padding:58px 18px 76px}.article{padding:30px 22px}.nav-links{display:none}}
</style>
