:root{--maxw: 760px;--maxw-wide: 1160px;--serif: "Noto Serif JP", serif;--ink: #1f2d3d;--muted: #6b7a8d;--line: #e2e8f0;--bg: #f7fafc;--bg-soft: #eef3f8;--brand: #1c7d86;--brand-d: #15616a;--brand-soft: #e2f1f2;--navy: #1f3a5f;--navy-d: #16294338;--accent: #2a9d8f;--accent-d: #21847a;--accent-soft: #e4f4f1;--gold: #e8a13a;--gold-d: #c9842a;--gold-soft: #fbf0dd;--radius: 16px;--radius-sm: 11px;--shadow-sm: 0 2px 12px rgba(31,58,95,.06);--shadow: 0 18px 40px -22px rgba(28,70,90,.34)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(820px 460px at 92% 0%,rgba(28,125,134,.08),transparent 60%),radial-gradient(760px 420px at 0% 100%,rgba(31,58,95,.06),transparent 60%);background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;font-family:Noto Sans JP,system-ui,-apple-system,sans-serif;line-height:1.9;font-size:16px;letter-spacing:.01em}img{max-width:100%;height:auto}a{color:var(--brand-d)}.pulse-bar{height:4px;background:linear-gradient(90deg,var(--brand) 0%,var(--accent) 45%,var(--gold) 100%)}.site-header{position:sticky;top:0;z-index:50;background:#fffffff0;backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--line);box-shadow:0 1px #1f3a5f08}.hd-inner{max-width:var(--maxw-wide);margin:0 auto;padding:.7rem 1.1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--navy)}.brand-ico{width:2rem;height:2rem;position:relative;flex:none;background:linear-gradient(135deg,var(--brand),var(--accent));border-radius:9px;box-shadow:0 4px 10px -3px #1c7d8680}.brand-ico:before,.brand-ico:after{content:"";position:absolute;background:#fff;border-radius:1.5px}.brand-ico:before{width:52%;height:16%;top:42%;left:24%}.brand-ico:after{width:16%;height:52%;top:24%;left:42%}.brand-text{display:flex;flex-direction:column;font-family:var(--serif);font-weight:700;font-size:1.24rem;line-height:1.1;letter-spacing:.04em}.brand-text small{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:.64rem;color:var(--muted);letter-spacing:.02em;margin-top:.2rem}.gnav{display:flex;gap:1.3rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.gnav a{color:var(--ink);text-decoration:none;font-size:.85rem;letter-spacing:.03em;font-weight:700}.gnav a:hover{color:var(--brand-d)}.gnav .gnav-cta{background:var(--brand);color:#fff;padding:.5rem 1rem;border-radius:999px;box-shadow:var(--shadow-sm)}.gnav .gnav-cta:hover{background:var(--brand-d);color:#fff}@media (max-width: 560px){.hd-inner{flex-direction:column;align-items:stretch;gap:.55rem}.gnav{justify-content:center;gap:1rem}.brand{justify-content:center}.brand-text small{display:none}}.container{max-width:var(--maxw);margin:0 auto;padding:1.8rem 1.1rem 4rem}.container.wide{max-width:var(--maxw-wide)}h1{font-family:var(--serif);font-size:1.72rem;font-weight:700;line-height:1.5;letter-spacing:.02em;margin:.2rem 0 1.1rem;color:var(--navy)}h2{font-family:var(--serif);font-size:1.3rem;font-weight:600;line-height:1.6;letter-spacing:.02em;margin:2.4rem 0 1rem;padding:0 0 .35rem .8rem;position:relative;border-bottom:1px solid var(--line)}h2:before{content:"";position:absolute;left:0;top:.15rem;bottom:.55rem;width:4px;border-radius:3px;background:linear-gradient(var(--brand),var(--accent))}h3{font-family:var(--serif);font-size:1.08rem;font-weight:600;letter-spacing:.02em;margin:1.6rem 0 .5rem;color:var(--brand-d)}p{margin:.9rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.03em;padding:.9rem 1.6rem;border-radius:10px;box-shadow:var(--shadow-sm);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.btn:hover{background:var(--brand-d);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-sm{padding:.5rem 1.05rem;font-size:.84rem}.btn-block{display:flex;width:100%}.btn-accent{background:var(--gold);color:#3a2a05}.btn-accent:hover{background:var(--gold-d);color:#3a2a05}.aff-tag{font-size:.68rem;background:#ffffff59;padding:.08rem .35rem;border-radius:5px}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;font-weight:700;letter-spacing:.02em;padding:.24rem .7rem;border-radius:999px;line-height:1.6;white-space:nowrap}.badge.o{color:var(--brand-d);background:var(--brand-soft)}.badge.w{color:var(--accent-d);background:var(--accent-soft)}.badge.g{color:var(--gold-d);background:var(--gold-soft)}.badge.n{color:#475569;background:#eef2f7}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1.4rem}.tab{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:.84rem;letter-spacing:.02em;padding:.46rem 1.1rem;border-radius:999px;transition:.16s}.tab:hover{border-color:var(--brand);color:var(--brand-d)}.tab.active{background:var(--brand);border-color:var(--brand);color:#fff}.art-hd{position:relative;border-radius:20px;overflow:hidden;margin:.2rem 0 1.6rem;min-height:250px;display:flex;box-shadow:var(--shadow);background:var(--navy)}.art-hd-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art-hd-veil{position:absolute;inset:0;background:linear-gradient(180deg,#1431434d,#1431439e 55%,#15616aeb)}.art-hd-inner{position:relative;align-self:flex-end;width:100%;padding:1.7rem 1.8rem 1.5rem;color:#fff}.art-hd-inner .badge{box-shadow:var(--shadow-sm)}.art-hd-inner h1{color:#fff;margin:.7rem 0;font-size:1.66rem;line-height:1.5;text-shadow:0 2px 16px rgba(0,0,0,.34)}.art-meta{display:flex;gap:.9rem;align-items:center;font-size:.8rem;color:#ffffffeb}.am-author{font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.am-author:before{content:"";width:.85rem;height:.85rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--gold))}@media (max-width: 600px){.art-hd-inner h1{font-size:1.36rem}.art-hd{min-height:210px}}.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card>a{text-decoration:none;color:inherit;display:block}.card .thumb{position:relative}.card .thumb img{width:100%;aspect-ratio:1200/627;object-fit:cover;display:block}.card .thumb.ph{aspect-ratio:1200/627;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--serif);font-weight:600;font-size:1rem;letter-spacing:.04em}.card .thumb.ph.o{background:linear-gradient(135deg,#1c7d86,#4aa7ad)}.card .thumb.ph.w{background:linear-gradient(135deg,#2a9d8f,#5cc1b4)}.card .thumb.ph.g{background:linear-gradient(135deg,#1f3a5f,#3d6493)}.card .thumb .badge{position:absolute;top:.7rem;left:.7rem;box-shadow:var(--shadow-sm)}.card .body{padding:.9rem 1rem 1.1rem}.card .body h3{font-family:var(--serif);font-size:.96rem;font-weight:600;margin:0;line-height:1.6;color:var(--ink)}.scards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.4rem 0 .6rem}.scard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.3rem 1.4rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.scard.lead{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft),var(--shadow)}.scard .lead-tag{align-self:flex-start;font-family:var(--serif);font-size:.72rem;font-weight:700;color:#3a2a05;background:var(--gold);padding:.2rem .7rem;border-radius:999px;margin-bottom:.5rem;letter-spacing:.02em}.scard h3{font-family:var(--serif);margin:0 0 .5rem;font-size:1.12rem;font-weight:600;color:var(--navy)}.scard .meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.scard .price{font-size:.9rem;color:var(--ink);margin:.1rem 0 .5rem}.scard .price b{font-family:var(--serif);font-size:1.04rem;color:var(--brand-d)}.scard .feat{font-size:.86rem;color:#4d5a68;line-height:1.85;margin:0 0 1rem;flex:1}.scard .cta{margin-top:auto}.cmp-note{font-size:.8rem;color:var(--muted);margin:.2rem 0 1.6rem}.post{max-width:100%;margin:0 auto}.art-body{max-width:860px;margin:0 auto}.post>.badge{display:inline-flex;margin-bottom:.5rem}.toc{background:linear-gradient(135deg,var(--brand-soft),#f4fbfb);border:1px solid #cfe7e8;border-radius:14px;padding:1.1rem 1.3rem 1.15rem;margin:0 0 1.8rem}.toc-h{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--serif);font-weight:700;margin-bottom:.6rem;color:var(--brand-d);letter-spacing:.02em}.toc-h:before{content:"";width:1.05rem;height:1.05rem;flex:none;border-radius:3px;background:linear-gradient(135deg,var(--brand),var(--accent));-webkit-mask:linear-gradient(#000 0 0) center/100% 60% no-repeat}.toc ol{counter-reset:toc;margin:0;padding-left:0;list-style:none}.toc li{counter-increment:toc;position:relative;padding-left:2rem;margin:.4rem 0}.toc li:before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:.05rem;font-family:var(--serif);font-size:.72rem;font-weight:700;color:var(--brand-d);background:#fff;border:1px solid #cfe7e8;border-radius:6px;padding:.05rem .3rem}.toc li.toc-sub{padding-left:2.7rem;font-size:.9rem}.toc li.toc-sub:before{content:"└";left:1.1rem;border:0;background:none;color:var(--accent-d)}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--brand-d);text-decoration:underline}.prose{font-size:1rem;line-height:2;background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:var(--radius);padding:1.6rem 1.8rem;box-shadow:var(--shadow-sm)}.prose>:first-child{margin-top:0}.prose>p:first-of-type{font-size:1.05rem;color:var(--navy)}.prose .lead{position:relative;margin:-1.6rem -1.8rem 2.2rem;padding:2.15rem 1.8rem 1.4rem;background:linear-gradient(135deg,var(--brand-soft),var(--accent-soft));border:0;border-radius:13px 13px 0 0;border-bottom:2px dashed #b9dee0;font-size:1.05rem;line-height:1.95;color:var(--navy);box-shadow:none}.prose .lead:before{content:"はじめに";position:absolute;top:.7rem;left:1.5rem;font-family:var(--serif);font-weight:700;font-size:.68rem;letter-spacing:.14em;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));padding:.22rem .85rem;border-radius:999px;box-shadow:var(--shadow-sm)}.prose .lead>:first-child{margin-top:0}.prose .lead>:last-child{margin-bottom:0}.prose .lead p{margin:.7rem 0}.prose .lead strong{background:transparent;padding:0;color:var(--brand-d)}.prose .lead-note{font-size:.85rem;color:var(--muted);margin-top:.95rem}@media (max-width: 760px){.prose .lead{margin:-1.2rem -1.1rem 1.8rem;padding:2.1rem 1.1rem 1.2rem}}.prose .point{position:relative;margin:2rem 0;padding:1.25rem 1.3rem 1.15rem;background:linear-gradient(135deg,var(--gold-soft),#fffdf6);border:1.5px solid var(--gold);border-radius:14px;box-shadow:0 12px 26px -14px #a8884fa6;color:#4a3a12}.prose .point:before{content:"POINT";position:absolute;top:-.82rem;left:1.1rem;background:linear-gradient(135deg,var(--gold-d),var(--gold));color:#fff;font-family:var(--serif);font-weight:700;font-size:.72rem;letter-spacing:.14em;padding:.22rem .85rem;border-radius:999px;box-shadow:var(--shadow-sm)}.prose .point>:first-child{margin-top:.2rem}.prose .point>:last-child{margin-bottom:0}.prose .point p{margin:.35rem 0;font-weight:600}.prose .point strong{background:transparent;padding:0;color:var(--gold-d)}.prose .faq{display:grid;gap:.85rem;margin:1.3rem 0 .5rem}.prose .faq>p{position:relative;margin:0;padding:1rem 1.15rem 1rem 3.1rem;background:linear-gradient(135deg,#ffffff,var(--accent-soft));border:1.5px solid #d4ecec;border-radius:18px;box-shadow:var(--shadow-sm);color:#2c4a55}.prose .faq>p:before{content:"Q";position:absolute;left:.85rem;top:.95rem;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:.82rem;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));border-radius:50%;box-shadow:0 4px 10px -3px #1c7d868c}.prose .faq>p strong{display:block;margin-bottom:.35rem;font-size:1rem;color:var(--brand-d);background:transparent;padding:0}.prose h2{clear:both;position:relative;font-family:var(--serif);font-size:1.24rem;font-weight:700;color:var(--navy);margin:2.6rem 0 1.1rem;padding:.1rem 0 .55rem 2.5rem;min-height:1.7rem;border:0;border-bottom:2px dashed #cfe7e8}.prose h2:before{content:"＋";position:absolute;left:0;top:0;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;font-weight:700;color:#fff;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 4px 10px -3px #1c7d8680}.prose h3{font-family:var(--serif);font-size:1.08rem;font-weight:700;margin:1.8rem 0 .5rem;padding-left:.7rem;border-left:4px solid var(--accent);color:var(--brand-d)}.prose p{margin:1.1rem 0}.prose img{width:100%;aspect-ratio:1200/627;object-fit:cover;border-radius:14px;margin:1.6rem 0;box-shadow:var(--shadow-sm)}.prose img.thumb-r,.prose img.thumb-l{width:240px;max-width:42%;aspect-ratio:4/3;margin:.2rem 0 .7rem;border-radius:12px}.prose img.thumb-r{float:right;margin-left:1.4rem}.prose img.thumb-l{float:left;margin-right:1.4rem}@media (max-width: 560px){.prose img.thumb-r,.prose img.thumb-l{float:none;width:100%;max-width:100%;margin:1.1rem 0}}.prose strong{font-weight:700;color:var(--brand-d);background:var(--brand-soft);padding:.06em .35em;border-radius:5px}.prose a{color:var(--brand-d);font-weight:700}.prose ul{list-style:none;padding-left:0;margin:1.1rem 0}.prose ul li{position:relative;padding-left:1.8rem;margin:.55rem 0}.prose ul li:before{content:"✓";position:absolute;left:0;top:.15rem;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;background:var(--accent);border-radius:50%}.prose ol{counter-reset:li;list-style:none;padding-left:0;margin:1.1rem 0}.prose ol>li{counter-increment:li;position:relative;padding-left:2rem;margin:.55rem 0}.prose ol>li:before{content:counter(li);position:absolute;left:0;top:.05rem;width:1.45rem;height:1.45rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--brand-d);background:var(--brand-soft);border:1px solid #cfe7e8;border-radius:50%}.prose blockquote{position:relative;margin:1.5rem 0;padding:1rem 1.1rem 1rem 2.7rem;background:var(--brand-soft);border:1px solid #cfe7e8;border-left:4px solid var(--brand);border-radius:12px;color:#2c4a55;font-size:.95rem}.prose blockquote:before{content:"＋";position:absolute;left:.9rem;top:.85rem;color:#fff;background:var(--brand);width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;line-height:1}.prose blockquote p{margin:.3rem 0}.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:1.3rem 0;font-size:.92rem;border:1px solid #cfe7e8;border-radius:12px;overflow:hidden}.prose th,.prose td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--line)}.prose th{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:700;border:0}.prose tbody tr:nth-child(2n){background:var(--bg-soft)}.prose tbody tr:last-child td{border-bottom:0}.art-cta{background:linear-gradient(135deg,var(--brand-soft),#f4fbfb);border:1px solid #cfe7e8;border-radius:var(--radius);padding:1.4rem;margin:2rem 0;box-shadow:var(--shadow-sm)}.art-cta-h{font-family:var(--serif);font-weight:700;font-size:1.08rem;color:var(--brand-d);margin-bottom:.35rem;letter-spacing:.02em}.art-cta p{margin:.3rem 0 1rem;font-size:.92rem}.art-cta-btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.art-cta-btns .btn{width:100%}.related{margin:2.4rem auto 0}.post-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.prow{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.prow:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.prow>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.prow-media{position:relative}.prow-media img{width:100%;aspect-ratio:1200/627;object-fit:cover;display:block}.prow-media .ph{width:100%;aspect-ratio:1200/627;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--serif);font-weight:600;font-size:1rem}.prow-media .ph.o{background:linear-gradient(135deg,#1c7d86,#4aa7ad)}.prow-media .ph.w{background:linear-gradient(135deg,#2a9d8f,#5cc1b4)}.prow-media .ph.g{background:linear-gradient(135deg,#1f3a5f,#3d6493)}.prow-media .badge{position:absolute;top:.7rem;left:.7rem;box-shadow:var(--shadow-sm)}.prow-body{padding:.95rem 1.15rem 1.15rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.prow-top{display:flex;align-items:center;gap:.6rem}.prow-date{font-size:.75rem;color:var(--muted);letter-spacing:.02em}.prow-body h3{font-family:var(--serif);font-size:1.06rem;font-weight:700;line-height:1.55;margin:.1rem 0;color:var(--ink)}.prow-body p{color:var(--muted);font-size:.83rem;margin:0;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prow .more{color:var(--brand-d);font-weight:700;font-size:.83rem;margin-top:auto;padding-top:.4rem}@media (max-width: 900px){.post-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.post-list{grid-template-columns:1fr}}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2.2rem 0 .5rem}.pager a{color:var(--brand-d);font-weight:700;font-size:.9rem;text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem 1.2rem;transition:.14s}.pager a:hover{border-color:var(--brand)}.pager .cur{color:var(--muted);font-size:.88rem}.pager .disabled{color:#c3ccd6;font-weight:700;font-size:.9rem;border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;padding:.55rem 1.2rem}.cat-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}.cat-chips .chip{text-decoration:none;font-weight:700;font-size:.85rem;padding:.45rem 1.05rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted)}.cat-chips .chip:hover{border-color:var(--brand);color:var(--brand-d)}.cat-chips .chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);margin-top:2.6rem}.ft-inner{max-width:var(--maxw-wide);margin:0 auto;padding:2rem 1.1rem;color:var(--muted);font-size:.82rem}.ft-note{margin:0 0 .6rem}.foot-cats{display:flex;flex-wrap:wrap;gap:1rem;margin:.2rem 0 .7rem}.foot-cats a{color:var(--brand-d);text-decoration:none;font-weight:700}.foot-cats a:hover{text-decoration:underline}.foot-links{display:flex;flex-wrap:wrap;gap:1rem;margin:.5rem 0}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--ink);text-decoration:underline}.ft-copy{margin:.6rem 0 0;opacity:.85}@media (max-width: 760px){.cards,.scards{grid-template-columns:1fr}}@media (max-width: 600px){h1{font-size:1.46rem}.hd-inner{padding:.7rem .8rem}.art-cta-btns{grid-template-columns:1fr}.prose{padding:1.2rem 1.1rem}}