:root{--mint: #a8e6cf;--mint-dark: #7cc9a5;--white: #ffffff;--navy: #1e3a5f;--navy-light: #2d5080;--pink: #ffd3b6;--pink-soft: #ffe8d6;--gray: #f8f9fa;--gray-text: #6c757d;--shadow-card: 0 6px 20px rgba(30,58,95,.12), 0 2px 6px rgba(30,58,95,.08);--shadow-hover: 0 12px 32px rgba(30,58,95,.18), 0 4px 10px rgba(30,58,95,.12);--radius: 20px;--radius-lg: 28px;--black: 30, 58, 95;--gray-light: 248, 249, 250;--gray-dark: 30, 58, 95;--accent: #7cc9a5;--accent-light: #a8e6cf;--accent-dark: #1e3a5f;--accent-gradient: linear-gradient(135deg, #7cc9a5, #1e3a5f);--box-shadow: 0 6px 20px rgba(30,58,95,.12), 0 2px 6px rgba(30,58,95,.08);--box-shadow-lg: 0 12px 32px rgba(30,58,95,.18), 0 4px 10px rgba(30,58,95,.12)}*{box-sizing:border-box}body{margin:0;font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;color:var(--navy);background:#fff;background-image:radial-gradient(circle at 15% 20%,rgba(168,230,207,.12) 0%,transparent 25%),radial-gradient(circle at 85% 70%,rgba(255,211,182,.12) 0%,transparent 25%),linear-gradient(180deg,transparent 0%,rgba(248,249,250,.4) 100%);background-attachment:fixed;line-height:1.8;font-size:16px}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 10% 30%,rgba(168,230,207,.06) 1px,transparent 1.5px),radial-gradient(circle at 70% 50%,rgba(255,211,182,.06) 1px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(168,230,207,.06) 1px,transparent 1.5px);background-size:180px 180px,220px 220px,200px 200px;pointer-events:none;z-index:0;opacity:.8}main{width:760px;max-width:calc(100% - 2em);margin:auto;padding:2em 1em;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--navy);line-height:1.3;font-family:Inter,Noto Sans JP,sans-serif;font-weight:900}h1{font-size:2em}h2{font-size:1.6em;border-bottom:3px solid var(--mint);padding-bottom:.3em;margin-top:2em}h3{font-size:1.3em}a{color:var(--navy-light);text-decoration:none;transition:color .2s}a:hover{color:var(--navy)}p{margin-bottom:1.2em}.prose p{margin-bottom:1.5em}img{max-width:100%;height:auto;border-radius:var(--radius)}code{padding:2px 6px;background-color:#a8e6cf1a;border-radius:4px;font-size:.9em;color:var(--navy)}pre{padding:1.5em;border-radius:var(--radius);background:var(--navy);color:var(--mint)}pre>code{all:unset}blockquote{border-left:4px solid var(--mint);padding:.5em 1em;margin:1.5em 0;background:#a8e6cf0d;border-radius:0 var(--radius) var(--radius) 0;color:var(--navy-light)}hr{border:none;border-top:2px solid var(--mint);margin:2em 0}table{width:100%;border-collapse:collapse;margin:1.5em 0}th,td{border:2px solid var(--mint);padding:.75em 1em;text-align:left}th{background:var(--navy);color:var(--white);font-weight:600}tr:nth-child(2n){background:#a8e6cf0d}.page-wrapper{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:32px;padding:32px 24px;align-items:flex-start}.page-wrapper main{min-width:0;width:auto;max-width:100%;margin:0;padding:0}.sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:90px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--mint);border-radius:99px}.sidebar-ad{background:var(--white);border:3px solid var(--mint);box-shadow:var(--shadow-card);border-radius:var(--radius);padding:22px;position:relative}.sidebar-ad:before{content:"💼 PR";position:absolute;top:-12px;left:16px;background:var(--pink);color:var(--navy);font-size:12px;font-weight:900;padding:4px 16px;border-radius:99px;letter-spacing:1px;border:2px solid var(--pink-soft);box-shadow:0 3px 8px #ffd3b666}.sidebar-ad h4{margin:6px 0 10px;font-size:16px;color:var(--navy);font-family:Inter,sans-serif;font-weight:900}.sidebar-ad p{font-size:13px;color:var(--navy-light);margin:0 0 14px}.sidebar-ad .cta-btn{font-size:14px;padding:10px 24px;width:100%;justify-content:center}.sidebar-popular{background:#fff;border:3px solid var(--mint);box-shadow:var(--shadow-card);border-radius:var(--radius);padding:1.5em;margin-bottom:1.5em}.sidebar-popular h4{font-size:1.05em;margin-bottom:.8em;color:var(--navy);border-bottom:2px solid var(--mint);padding-bottom:.3em;font-family:Inter,sans-serif;font-weight:900}.sidebar-popular a{display:block;padding:.6em 0;border-bottom:1px solid rgba(168,230,207,.2);font-size:.85em;line-height:1.5;color:var(--navy)}.sidebar-popular a:last-child{border-bottom:none}.sidebar-popular a:hover{color:var(--mint-dark)}.sidebar-adsense{background:#fff;border:3px solid var(--mint);box-shadow:var(--shadow-card);border-radius:var(--radius);padding:1em;margin-bottom:1.5em;text-align:center;min-height:250px}.sidebar-adsense .ad-label{font-size:.7em;color:var(--gray-text);margin-bottom:.5em;text-align:left}.sidebar-cta-gradient{background:linear-gradient(135deg,var(--navy),var(--navy-light));border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.5em;margin-bottom:1.5em;text-align:center;color:#fff;border:3px solid var(--navy-light)}.sidebar-cta-gradient h4{color:#fff;font-size:1em;margin-bottom:.5em;font-family:Inter,sans-serif;font-weight:900}.sidebar-cta-gradient p{color:#ffffffe6;font-size:.85em;margin-bottom:1em;line-height:1.5}.sidebar-cta-gradient .cta-btn{background:#fff;color:var(--navy)!important;font-size:.9em;padding:.6em 1.5em;box-shadow:0 4px 12px #0003}.sidebar-banner{background:linear-gradient(135deg,#ffd3b633,#ffe8d626);border:2px solid var(--pink);border-radius:var(--radius);padding:1.2em;margin-bottom:1.5em;text-align:center}.sidebar-banner .banner-label{display:inline-block;background:var(--pink);color:var(--navy);font-size:.7em;font-weight:700;padding:.1em .6em;border-radius:4px;margin-bottom:.5em}.sidebar-banner h4{font-size:1em;margin-bottom:.8em;color:var(--navy);font-family:Inter,sans-serif;font-weight:900}.sidebar-banner .cta-btn{display:block;font-size:.9em;padding:.6em 1em}.inline-banner{position:relative;background:var(--white);border:3px solid var(--mint);box-shadow:var(--shadow-card);border-radius:var(--radius);padding:32px 36px 32px 40px;margin:36px 0;overflow:visible}.inline-banner:before{content:"";position:absolute;top:50%;left:-16px;width:0;height:0;border-style:solid;border-width:12px 16px 12px 0;border-color:transparent var(--mint) transparent transparent;transform:translateY(-50%)}.inline-banner:after{content:"💡 おすすめ";position:absolute;top:-14px;left:28px;background:var(--pink);color:var(--navy);font-weight:900;font-size:13px;padding:5px 18px;border-radius:99px;letter-spacing:1px;box-shadow:0 4px 10px #ffd3b666;border:2px solid var(--pink-soft)}.inline-banner h3{margin:8px 0 10px;font-size:23px;color:var(--navy);font-family:Inter,sans-serif;font-weight:900}.inline-banner p{margin:0 0 20px;color:var(--navy-light);font-size:15px}.cta-box{background:linear-gradient(135deg,#a8e6cf1a,#ffd3b61a);border:4px solid var(--mint);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);padding:40px 36px;text-align:center;margin:52px 0;position:relative}.cta-box:before{content:"🌱";position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:40px}.cta-box h3{font-size:27px;margin:0 0 12px;color:var(--navy);font-family:Inter,sans-serif;font-weight:900}.cta-box p{margin:0 0 24px;color:var(--navy-light);font-size:15px}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:#fff!important;font-weight:900;font-size:15px;padding:12px 32px;border-radius:99px;border:2px solid var(--navy);text-decoration:none;box-shadow:0 6px 14px #1e3a5f4d,inset 0 -3px #0000001f;transition:.2s}.cta-btn:before{content:"→";margin-right:2px;font-size:16px}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1e3a5f66,inset 0 -3px #0000001f;color:#fff!important}.tag,.tag-step{display:inline-block;background:var(--navy);color:var(--mint);font-weight:900;font-size:13px;padding:5px 14px;border-radius:99px;margin-bottom:12px;border:2px solid var(--navy-light);align-self:flex-start}.badge-new,.badge-trust{background:var(--pink);color:var(--navy);padding:.15em .6em;border-radius:50px;font-size:.75em;font-weight:700;vertical-align:middle}.section-adsense{text-align:center;padding:1em;margin:2em 0;min-height:100px}.section-adsense .ad-label{font-size:.7em;color:var(--gray-text);margin-bottom:.3em}.article-end-ad{margin:2.5em 0;padding:1.5em;text-align:center;background:#a8e6cf08;border-radius:var(--radius);border:1px solid var(--mint);min-height:120px}.article-end-ad .ad-label{font-size:.7em;color:var(--gray-text);margin-bottom:.5em}.footer-ad-section{max-width:1200px;margin:0 auto;padding:0 1em 2em}.footer-adsense{text-align:center;min-height:90px;padding:1em}.footer-adsense .ad-label{font-size:.7em;color:var(--gray-text);margin-bottom:.3em}@media(max-width:1024px){.sidebar{display:none}.page-wrapper{grid-template-columns:1fr;max-width:760px}.page-wrapper main{max-width:100%}.footer-ad-section{padding:0 1em 1em}}@media(max-width:900px){.hero h1{font-size:34px}.hero{padding:44px 24px}.section-title{font-size:26px}}@media(max-width:720px){body{font-size:16px}main{padding:1em}h1{font-size:1.6em}h2{font-size:1.3em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}footer[data-astro-cid-sz7xmlte]{background:rgb(var(--gray-dark));color:#9ca3af;padding:3em 1em;margin-top:3em}.footer-inner[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;text-align:center}.footer-brand[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:1.1em;color:#fff;margin-bottom:.8em}.logo-icon[data-astro-cid-sz7xmlte]{background:var(--accent-gradient);color:#fff;padding:.2em .5em;border-radius:8px;font-size:.8em;font-weight:800}.footer-desc[data-astro-cid-sz7xmlte]{font-size:.9em;margin-bottom:1.5em}.footer-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1.5em;margin-bottom:1.5em}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#9ca3af;font-size:.9em;transition:color .2s}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#fff}.copyright[data-astro-cid-sz7xmlte]{font-size:.85em;margin-bottom:.5em}.disclaimer[data-astro-cid-sz7xmlte]{font-size:.75em;color:#6b7280}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none}a[data-astro-cid-eimmu3lg].active{font-weight:bolder;text-decoration:underline}header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.6em 1em}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.5em;text-decoration:none;color:rgb(var(--gray-dark));font-weight:700}.logo-icon[data-astro-cid-3ef6ksr2]{background:var(--accent-gradient);color:#fff;padding:.2em .5em;border-radius:8px;font-size:.85em;font-weight:800;letter-spacing:.05em}.logo-text[data-astro-cid-3ef6ksr2]{font-size:1.1em}.internal-links[data-astro-cid-3ef6ksr2]{display:flex;gap:.3em}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.internal-links[data-astro-cid-3ef6ksr2] a{padding:.5em .7em;color:var(--gray-text);font-size:.9em;font-weight:500;border-radius:8px;transition:background .2s,color .2s}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.internal-links[data-astro-cid-3ef6ksr2] a:hover{background:#f3f4f6;color:rgb(var(--gray-dark))}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active,.internal-links[data-astro-cid-3ef6ksr2] a.active{color:var(--accent);background:#eef2ff}.menu-btn[data-astro-cid-3ef6ksr2]{display:none;background:none;border:none;padding:.5em;cursor:pointer;color:rgb(var(--gray-dark))}@media(max-width:720px){.menu-btn[data-astro-cid-3ef6ksr2]{display:block}.internal-links[data-astro-cid-3ef6ksr2]{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid #e5e7eb;padding:.5em;box-shadow:0 4px 12px #0000001a}.internal-links[data-astro-cid-3ef6ksr2].open{display:flex}}