@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Montserrat:ital,wght@0,500;0,600;0,700;1,500&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--color-navy: #111C35;--color-navy-mid: #1D2C4E;--color-navy-light: #465985;--color-cream: #F6F4EC;--color-cream-dark: #EEECE4;--color-border: #E5E3E1;--color-text: #111C35;--color-text-light: #5A6072;--color-bg: #F6F4EC;--color-white: #FFFFFF;--color-accent: #1D2C4E;--color-accent-hover: #465985;--color-success: #606B57;--max-width: 800px;--max-width-wide: 1200px;--header-height: 60px;--font-heading: "Montserrat", "Noto Sans JP", sans-serif;--font-body: "DM Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.8;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-header{position:sticky;top:0;z-index:100;background:var(--color-cream);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center;padding:0 24px}.header-inner{max-width:var(--max-width-wide);width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-logo{text-decoration:none;color:var(--color-navy);font-family:var(--font-heading);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.site-logo span{font-weight:700}.header-nav{display:none;gap:28px}.header-nav a{text-decoration:none;color:var(--color-navy);font-family:var(--font-body);font-size:.875rem;font-weight:500;opacity:.6;transition:opacity .2s}.header-nav a:hover{opacity:1}.hero{position:relative;background:var(--color-navy);color:var(--color-white);overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#111c35b3,#1d2c4e66,#111c3599)}.hero-content{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:64px 24px;text-align:center}.hero-catchphrase{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;letter-spacing:.04em;line-height:1.3;margin-bottom:14px}.hero-subcopy{font-family:var(--font-body);font-size:.9375rem;color:#ffffffb3;line-height:1.7;margin-bottom:0;font-weight:400}.main-content{max-width:var(--max-width);margin:0 auto;padding:40px 24px 80px}.category-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}.category-nav a{text-decoration:none;color:var(--color-navy);padding:8px 18px;border-radius:24px;font-family:var(--font-body);font-size:.8125rem;font-weight:500;border:1px solid var(--color-border);background:var(--color-white);transition:all .2s}.category-nav a:hover{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.section-heading{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--color-navy-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.article-list{display:grid;gap:16px}.article-card{display:flex;gap:16px;text-decoration:none;color:inherit;padding:20px;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;transition:box-shadow .25s,border-color .25s}.article-card:hover{box-shadow:0 4px 24px #111c350f;border-color:var(--color-cream-dark)}.article-card img{width:120px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.article-card-body h2{font-family:var(--font-heading);font-size:.9375rem;margin:0 0 6px;border:none;padding:0;line-height:1.5;font-weight:600;color:var(--color-navy)}.article-card-body p{font-size:.8125rem;color:var(--color-text-light);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}article h1{font-family:var(--font-heading);font-size:1.5rem;line-height:1.4;margin-bottom:16px;font-weight:700;color:var(--color-navy)}article h2{font-family:var(--font-heading);font-size:1.25rem;line-height:1.4;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-navy);font-weight:600;color:var(--color-navy)}article h3{font-family:var(--font-heading);font-size:1.0625rem;line-height:1.4;margin:32px 0 12px;font-weight:600;color:var(--color-navy-mid)}article p{margin-bottom:16px}article ul,article ol{margin:0 0 16px 24px}article li{margin-bottom:8px}article a{color:var(--color-navy-mid);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--color-border);transition:text-decoration-color .2s}article a:hover{text-decoration-color:var(--color-navy)}article img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}article figure{margin:24px 0}article figcaption{font-size:.8125rem;color:var(--color-text-light);text-align:center;margin-top:8px}article blockquote{border-left:3px solid var(--color-navy);padding:12px 16px;margin:16px 0;background:var(--color-white);color:var(--color-text-light);border-radius:0 8px 8px 0}article table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.875rem}article th,article td{border:1px solid var(--color-border);padding:10px 12px;text-align:left}article th{background:var(--color-cream);font-weight:600;color:var(--color-navy);font-family:var(--font-heading);font-size:.8125rem}.article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.8125rem;color:var(--color-text-light);margin-bottom:24px}.article-meta .category-badge{background:var(--color-navy);color:var(--color-white);padding:3px 12px;border-radius:12px;font-size:.75rem;font-weight:500;text-decoration:none;font-family:var(--font-body);transition:background .2s}.article-meta .category-badge:hover{background:var(--color-navy-light)}.eyecatch{width:100%;border-radius:10px;margin-bottom:24px;aspect-ratio:16 / 9;object-fit:cover}.comparison-table{overflow-x:auto;margin:24px 0}.comparison-table table{min-width:500px}.pros-cons{display:grid;gap:16px;margin:24px 0}.pros-cons .pros,.pros-cons .cons{padding:16px;border-radius:10px}.pros-cons .pros{background:#edf4e8;border:1px solid #C8DBBA}.pros-cons .cons{background:#fceaea;border:1px solid #E8B4B4}.pros-cons h3{margin-top:0;margin-bottom:8px}.summary-box{background:var(--color-white);border:2px solid var(--color-navy);border-radius:10px;padding:20px;margin:24px 0}.summary-box h3{margin-top:0;color:var(--color-navy)}.steps-list{margin:24px 0;counter-reset:step}.steps-list .step{display:flex;gap:16px;margin-bottom:16px;padding:16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px}.steps-list .step-number{flex-shrink:0;width:36px;height:36px;background:var(--color-navy);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-heading);font-size:.875rem}.faq-section details{border:1px solid var(--color-border);border-radius:10px;margin-bottom:8px;overflow:hidden}.faq-section summary{padding:14px 16px;font-weight:600;cursor:pointer;background:var(--color-white);list-style:none;font-family:var(--font-heading);font-size:.9375rem}.faq-section summary:before{content:"Q. ";color:var(--color-navy-mid);font-weight:700}.faq-section details[open] summary{border-bottom:1px solid var(--color-border)}.faq-section .faq-answer{padding:14px 16px;background:var(--color-cream)}.breadcrumb{font-size:.75rem;color:var(--color-text-light);margin-bottom:16px}.breadcrumb a{color:var(--color-text-light);text-decoration:none}.breadcrumb a:hover{color:var(--color-navy)}.breadcrumb span{margin:0 6px;opacity:.5}.toc{background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;padding:16px 20px;margin:24px 0}.toc h2{font-size:.8125rem;margin:0 0 8px;border:none;padding:0;color:var(--color-navy-light);text-transform:uppercase;letter-spacing:.06em}.toc ol{margin:0;padding-left:20px}.toc li{margin-bottom:4px;font-size:.875rem}.toc a{color:var(--color-text);text-decoration:none;transition:color .2s}.toc a:hover{color:var(--color-navy-mid)}.affiliate-disclosure{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:8px 14px;margin-bottom:16px;font-size:.75rem;color:var(--color-text-light)}.affiliate-disclosure a{color:var(--color-text-light)}.empty-state{text-align:center;color:var(--color-text-light);padding:60px 20px}.empty-state p{font-size:.9375rem}.site-footer{background:var(--color-navy);color:#ffffff73;text-align:center;padding:40px 24px;font-size:.8125rem}.footer-inner{max-width:var(--max-width-wide);margin:0 auto}.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.footer-links a{color:#ffffff8c;text-decoration:none;font-size:.8125rem;transition:color .2s}.footer-links a:hover{color:#ffffffe6}@media(min-width:768px){.header-nav{display:flex}.hero-content{padding:80px 24px}.hero-catchphrase{font-size:2.5rem}.hero-subcopy{font-size:1rem}article h1{font-size:1.875rem}article h2{font-size:1.375rem}.main-content{padding:48px 24px 96px}.pros-cons{grid-template-columns:1fr 1fr}.article-card img{width:180px;height:120px}.article-card-body h2{font-size:1rem}}@media(min-width:1024px){.hero-content{padding:96px 24px}.hero-catchphrase{font-size:2.875rem}}