:root{--bg: #f7f5ef;--surface: #ffffff;--soft: #e7f0e8;--brown: #dccdb8;--green: #2f5d3a;--text: #2a2a2a;--muted: #5f665f;--radius: 16px;--shadow: 0 8px 24px rgba(20, 40, 20, .08)}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans JP,system-ui,sans-serif;color:var(--text);background:linear-gradient(180deg,#faf8f3,#f5f7f2)}a{color:var(--green);text-decoration:none}img{max-width:100%;display:block;border-radius:12px}.container{width:min(1120px,92vw);margin:0 auto}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.section{margin:28px 0}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.category-card{min-height:132px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.category-card-icon{width:52px;height:52px;object-fit:contain}.category-card span{display:block;width:100%;text-align:center;font-weight:700;color:var(--text);line-height:1.5}.feature-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-link-card{--feature-bg: none;position:relative;min-height:176px;padding:22px 20px;overflow:hidden;display:flex;align-items:flex-end;background-image:linear-gradient(90deg,#f9f6eff5,#f9f6efe0 42%,#f9f6ef2e),var(--feature-bg);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid #ece3d6}.feature-link-card-content{position:relative;z-index:1;max-width:64%}.feature-link-card h3{margin:0 0 8px;font-family:"Noto Serif JP",serif;font-size:1.25rem;line-height:1.45;color:var(--text)}.feature-link-card p{margin:0;color:var(--muted);line-height:1.7;font-size:.96rem}.latest-card{overflow:hidden;display:flex;flex-direction:column;min-height:100%;transition:transform .18s ease,box-shadow .18s ease}.latest-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1428141f}.latest-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:0}.latest-card-body{padding:16px}.latest-card-body h3{margin:12px 0 10px;font-family:"Noto Serif JP",serif;font-size:20px;line-height:1.45;color:var(--text)}.latest-card-body p{margin:0;color:var(--muted);line-height:1.8;font-size:14px}.badge{display:inline-block;background:#edf4ed;color:var(--green);border-radius:999px;padding:4px 10px;font-size:12px}.hero{padding:36px;display:grid;gap:20px;align-items:center;grid-template-columns:1.1fr 1fr}.hero-cover{min-height:420px;grid-template-columns:1fr;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#fcf9f3f0,#fcf9f3c7,#fcf9f32e 68%,#fcf9f314),url(/images/top-hero-generated.png);background-size:cover;background-position:center;border:1px solid #e8dfd0}.hero-copy{max-width:520px;position:relative;z-index:1}.hero h1{font-family:"Noto Serif JP",serif;font-size:clamp(28px,4vw,48px);margin:0 0 12px}.hero p{color:var(--muted);line-height:1.8}.btn{display:inline-block;background:var(--green);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700}.header{position:sticky;top:0;z-index:10;backdrop-filter:blur(4px);background:#f7f5efeb;border-bottom:1px solid #ece8df}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.article{background:var(--surface);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.article h1,.article h2,.article h3{font-family:"Noto Serif JP",serif}.article p,.article li{line-height:1.9}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border:1px solid #ebe6de;padding:10px;text-align:left}.table th{background:#faf7f1}.ad-slot{margin:28px 0;padding:16px;border:1px dashed #cfc4b3;border-radius:12px;background:#fbf7f0}.ad-slot small{color:#7c6f62;display:block;margin-bottom:8px}.fixed-ad-left,.fixed-ad-right{position:fixed;top:120px;width:160px;min-height:600px;padding:12px;border:1px solid #e8dece;border-radius:16px;background:#fbf7f0f0;box-shadow:0 12px 28px #192d1814;z-index:40;display:none}.fixed-ad-left{right:calc(50% + 590px)}.fixed-ad-right{left:calc(50% + 590px)}.fixed-ad-left small,.fixed-ad-right small{display:block;margin-bottom:8px;text-align:center;color:#7c6f62;font-size:12px}.fixed-ad-left .adsbygoogle,.fixed-ad-right .adsbygoogle{width:100%;min-height:560px}.footer{margin-top:40px;padding:30px 0;background:linear-gradient(120deg,#1f4d2b,#355d3e);color:#f5fbf4}.footer-company{padding-top:14px;border-top:1px solid rgba(245,251,244,.18)}.footer-company-name,.footer-company-desc,.footer-company-link{margin:0}.footer-company-name{font-weight:700}.footer-company-desc{margin-top:6px;opacity:.92}.footer-company-link{display:inline-block;color:#f5fbf4;opacity:.92;text-decoration:none}.footer-company-link:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}@media (max-width: 820px){.hero{grid-template-columns:1fr;padding:20px}.hero-cover{min-height:360px;background-image:linear-gradient(180deg,#fcf9f3eb,#fcf9f3b3 42%,#fcf9f333),url(/images/top-hero-generated.png);background-position:center}.hero-copy{max-width:100%}.article{padding:20px}.feature-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-link-card-content{max-width:70%}}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.article-main{background:linear-gradient(180deg,#fffffffa,#fcfaf6fa);border:1px solid #ece7de;border-radius:20px;padding:28px;box-shadow:0 20px 48px #28372114}.crumbs{display:flex;gap:8px;flex-wrap:wrap;color:#7b7b74;font-size:13px;margin-bottom:16px}.article-title{font-family:"Noto Serif JP",serif;font-size:clamp(32px,4vw,52px);line-height:1.25;margin:10px 0 14px}.article-keyword{margin:10px 0 0;color:#6d755f;font-size:13px}.article-lead{color:#4f564f;line-height:1.9;font-size:17px}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:#6f746f;font-size:13px;margin:10px 0 18px}.article-visual{margin:0 0 18px}.article-hero{width:100%;border-radius:18px;border:1px solid #ece7de}.article-visual figcaption{margin-top:8px;font-size:12px;color:#77736b}.inline-figure{margin:18px 0 22px;padding:14px;border:1px solid #e8e1d6;border-radius:18px;background:#fffdf9}.inline-figure img{width:100%;border-radius:14px}.inline-figure figcaption{margin-top:10px;color:#6e726b;font-size:13px;line-height:1.7}.point-box,.result-box,.toc,.article-closing{padding:18px;margin:16px 0;border:1px solid #e9e4da;box-shadow:none}.point-box{background:linear-gradient(135deg,#fbfaf5,#f1f7ef)}.result-box{background:linear-gradient(135deg,#eff7ef,#fbfaf6)}.box-title{margin:0 0 12px;font-size:20px}.toc summary{cursor:pointer;list-style:none;font-weight:700}.toc summary::-webkit-details-marker{display:none}.toc-body{padding-top:12px}.article-flow p,.article-flow li{line-height:1.9;font-size:16px}.article-flow p{margin:0 0 14px}.article-flow ul,.article-flow ol{padding-left:20px;margin:12px 0 16px}.article-main h2{font-family:"Noto Serif JP",serif;margin-top:32px;border-left:5px solid #8bae8a;padding-left:10px}.article-main h3{font-family:"Noto Serif JP",serif;margin-top:24px;margin-bottom:10px}.mini-note,.warning-box,.tip-box,.check-box{border-radius:16px;padding:16px 18px;margin:16px 0;border:1px solid #e8e1d6}.mini-note{background:#faf8f3}.warning-box{background:#fff8f1}.tip-box{background:#eef7ef}.check-box{background:#f9fbf7}.card-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.cause-card,.step-card,.compare-card{border:1px solid #e8e1d6;border-radius:16px;background:#fff;padding:16px}.cause-card h3,.step-card h3,.compare-card h3{margin-top:0}.step-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.step-number{width:32px;height:32px;border-radius:999px;display:inline-grid;place-items:center;background:#2f5d3a;color:#fff;font-size:14px;font-weight:700;margin-bottom:10px}.faq details{border:1px solid #e9e4da;border-radius:10px;padding:12px;margin-bottom:10px;background:#fff}.faq summary{cursor:pointer;font-weight:700}.related-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.related-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;border:1px solid #e8e1d6;background:#fff}.related-card span{color:#697063;font-size:13px}.side-card{padding:18px;border:1px solid #ece7de;margin-bottom:14px;box-shadow:none}.article-side{position:sticky;top:84px}.side-card h3{margin-top:0;margin-bottom:10px;font-family:"Noto Serif JP",serif}.side-link{display:inline-block;margin-top:8px;font-size:14px;font-weight:700}.side-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.side-list li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.side-list.compact li{grid-template-columns:1fr;gap:6px}.side-list a{display:grid;gap:4px}.side-list span{color:#6b7169;font-size:12px}.side-rank{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#f2d97d;color:#4c4227;font-weight:700;font-size:12px}.side-tags{display:flex;gap:10px;flex-wrap:wrap}.side-tags a{border-radius:999px;border:1px solid #d9dfd2;padding:8px 12px;background:#f8faf5;color:#3a5d42;font-size:13px}.article-closing{background:linear-gradient(135deg,#faf8f3,#f2f6ee)}@media (max-width: 980px){.article-shell{grid-template-columns:1fr}.article-side{position:static}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid,.related-grid,.card-grid{grid-template-columns:1fr}}@media (min-width: 1560px){.fixed-ad-left,.fixed-ad-right{display:block}}@media (max-width: 720px){.article-main{padding:18px;border-radius:18px}.article-title{font-size:clamp(28px,8vw,36px)}.article-lead{font-size:15px}.article-meta{gap:8px 14px}.toc[open] summary{margin-bottom:8px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card-grid{grid-template-columns:1fr}.feature-link-card{min-height:164px}.feature-link-card-content{max-width:76%}}@media (max-width: 1559px){.fixed-ad-left,.fixed-ad-right{display:none}}