:root{--color-primary: #E65100;--color-primary-light: #FFF3E0;--color-primary-dark: #BF360C;--color-accent: #ff6b35;--color-accent-hover: #e55a2b;--color-text: #2d2d2d;--color-text-light: #6b7280;--color-text-muted: #9ca3af;--color-bg: #ffffff;--color-bg-warm: #fdf8f5;--color-bg-light: #f9fafb;--color-bg-card: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-success: #10b981;--color-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--max-width: 780px;--max-width-wide: 1080px;--font-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-warm);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 1.25rem}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{max-width:var(--max-width-wide);margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;height:60px}.site-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:800;font-size:1.2rem}.site-logo .logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;flex-shrink:0}.site-logo:hover{text-decoration:none;color:var(--color-primary)}.header-nav{display:flex;gap:1.5rem;list-style:none;font-size:.9rem}.header-nav a{color:var(--color-text-light);text-decoration:none;font-weight:500;transition:color .2s}.header-nav a:hover{color:var(--color-primary)}.breadcrumb{font-size:.85rem;color:var(--color-text-muted);padding:.75rem 0;list-style:none;display:flex;flex-wrap:wrap;gap:.25rem}.breadcrumb a{color:var(--color-text-light);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb .separator{margin:0 .25rem}.pr-notice{display:inline-block;background:var(--color-bg-light);border:1px solid var(--color-border);padding:.35rem 1rem;font-size:.8rem;color:var(--color-text-muted);border-radius:100px;margin-bottom:1rem}.article-wrapper{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem 2rem;margin-bottom:2rem}@media(max-width:640px){.article-wrapper{border-radius:0;padding:1.5rem 1.25rem;margin:0 -1.25rem 1.5rem}}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.article-date{font-size:.85rem;color:var(--color-text-muted)}.article-category{display:inline-block;background:var(--color-primary-light);color:var(--color-primary-dark);font-size:.78rem;font-weight:600;padding:.2rem .75rem;border-radius:100px}h1{font-size:1.65rem;line-height:1.45;font-weight:800;margin-bottom:.75rem;color:var(--color-text)}h2{font-size:1.3rem;font-weight:700;margin:2.5rem 0 1rem;padding:.65rem 0 .65rem 1rem;border-left:4px solid var(--color-primary);background:linear-gradient(90deg,var(--color-primary-light) 0%,transparent 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.5}h3{font-size:1.1rem;font-weight:700;margin:2rem 0 .6rem;padding-bottom:.4rem;border-bottom:2px dotted var(--color-border);color:var(--color-text)}p{margin-bottom:1.1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark);text-decoration:underline}strong{color:var(--color-text);font-weight:700}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}ul,ol{margin:.5rem 0 1.2rem 1.5rem}li{margin-bottom:.4rem}li::marker{color:var(--color-primary)}table{width:100%;border-collapse:separate;border-spacing:0;margin:1.25rem 0;font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}th,td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--color-border-light)}th{background:var(--color-bg-light);font-weight:700;font-size:.85rem;color:var(--color-text-light);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fefaf8}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.cta-box{background:linear-gradient(135deg,#fff7f0,#fff);border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:1.75rem 1.5rem;margin:2rem 0;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent),var(--color-primary))}.cta-box h3{color:var(--color-accent);margin:0 0 .5rem;padding:0;border:none;font-size:1.15rem}.cta-box p{font-size:.95rem;color:var(--color-text-light);margin-bottom:1rem}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--color-accent) 0%,#ff8a5b 100%);color:#fff!important;padding:.85rem 2.5rem;border-radius:100px;font-size:1rem;font-weight:700;text-decoration:none!important;box-shadow:0 4px 12px #ff6b354d;transition:all .25s;letter-spacing:.02em}.cta-button:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 100%);box-shadow:0 6px 20px #ff6b3566;transform:translateY(-1px);text-decoration:none!important}.cta-badge{display:inline-block;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .6rem;border-radius:100px;margin-bottom:.6rem}.faq{margin:1.5rem 0}.faq dt{font-weight:700;margin-top:1.25rem;padding:.75rem 1rem .75rem 2.8rem;background:var(--color-bg-light);border-radius:var(--radius-sm);position:relative;font-size:.95rem}.faq dt:before{content:"Q";position:absolute;left:.75rem;top:.65rem;background:var(--color-primary);color:#fff;width:1.6rem;height:1.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}.faq dd{margin-left:0;padding:.75rem 1rem 1rem 2.8rem;position:relative;font-size:.95rem;color:var(--color-text)}.faq dd:before{content:"A";position:absolute;left:.75rem;top:.65rem;background:var(--color-info);color:#fff;width:1.6rem;height:1.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin:1.5rem 0}.article-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--color-text);transition:all .2s;display:block}.article-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.article-card .card-thumb{width:100%;height:160px;object-fit:cover;display:block}.article-card .card-body{padding:1rem 1.25rem 1.25rem}.article-card .card-category{display:inline-block;background:var(--color-primary-light);color:var(--color-primary-dark);font-size:.75rem;font-weight:600;padding:.15rem .6rem;border-radius:100px;margin-bottom:.6rem}.article-card .card-title{font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:.5rem;color:var(--color-text)}.article-card .card-date{font-size:.8rem;color:var(--color-text-muted)}.hero{background:linear-gradient(135deg,#e65100,#f57c00,#ffb74d);color:#fff;padding:3rem 1.25rem;text-align:center;margin-bottom:2rem}.hero h1{color:#fff;font-size:1.85rem;margin-bottom:.75rem}.hero p{font-size:1.05rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.7}.comparison-table{border:2px solid var(--color-primary);border-radius:var(--radius-md);overflow:hidden;margin:1.5rem 0}.comparison-table th{background:var(--color-primary);color:#fff;font-weight:700}.comparison-table tr.recommended{background:#fff5f0}.comparison-table .rec-badge{display:inline-block;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .5rem;border-radius:100px;margin-left:.3rem}.site-footer{background:var(--color-text);color:#d1d5db;padding:2.5rem 0 1.5rem;font-size:.85rem;margin-top:3rem}.footer-inner{max-width:var(--max-width-wide);margin:0 auto;padding:0 1.25rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}@media(max-width:640px){.footer-inner{grid-template-columns:1fr;gap:1.5rem}}.footer-brand{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.footer-desc{color:#9ca3af;font-size:.8rem;line-height:1.7}.footer-heading{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:.6rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.3rem}.footer-links a{color:#9ca3af;text-decoration:none;font-size:.83rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{max-width:var(--max-width-wide);margin:1.5rem auto 0;padding:1rem 1.25rem 0;border-top:1px solid #374151;text-align:center;color:#6b7280;font-size:.78rem}@media(max-width:768px){.header-inner{flex-direction:column;gap:.5rem;padding:.6rem 1rem}.header-nav{gap:1rem}.header-nav a{font-size:.8rem}.hero h1{font-size:1.5rem}.hero p{font-size:.9rem}.article-grid{grid-template-columns:1fr;gap:1rem}.article-card .card-thumb{height:140px}.comparison-table{font-size:.8rem}.comparison-table th,.comparison-table td{padding:.5rem .4rem}.cta-box{padding:1.25rem 1rem;margin:1.5rem 0}.cta-button{font-size:.9rem;padding:.7rem 1.5rem}.container{padding-left:1rem;padding-right:1rem}.breadcrumb{font-size:.75rem}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1.05rem}blockquote{padding:.8rem 1rem;margin:1rem 0}}@media(max-width:480px){.hero{padding:2rem 1rem!important}.hero h1{font-size:1.3rem}.article-card .card-thumb{height:120px}.table-responsive{margin:0 -1rem;padding:0 1rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.point-box{background:var(--color-bg-light);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin:1.5rem 0;border-left:4px solid var(--color-primary)}.point-box p{margin:0;font-weight:600}:root{--color-primary-rgb: 230, 81, 0;--color-primary-soft: #fff3e0;--color-accent-soft: #fff4ea}body{font-family:"Noto Sans JP",var(--font-sans);background:radial-gradient(circle at 100% -5%,rgba(var(--color-primary-rgb),.11) 0%,transparent 40%),radial-gradient(circle at -5% 0%,rgba(255,107,53,.08) 0%,transparent 34%),var(--color-bg-warm)}.site-main{padding-top:1rem;padding-bottom:2rem}.article-wrapper h2{font-size:clamp(1.26rem,2.2vw,1.58rem);margin:2.6rem 0 1.05rem;padding:.65rem 0 .68rem .9rem;border-left:4px solid var(--color-primary);border-bottom:2px solid rgba(var(--color-primary-rgb),.22);border-radius:0 10px 10px 0;background:linear-gradient(90deg,var(--color-primary-soft) 0%,rgba(255,255,255,.96) 90%)}.article-wrapper h3{position:relative;margin:2.1rem 0 .8rem;padding:0 0 .45rem 1rem;border-bottom:1px dashed #b7c5b9;font-size:clamp(1.06rem,1.8vw,1.2rem)}.article-wrapper h3:before{content:"";position:absolute;left:.12rem;top:.48rem;width:.48rem;height:.48rem;border-radius:999px;background:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15)}.article-wrapper .cta-box{border:1px solid #ffd2bd;border-radius:calc(var(--radius-lg) + 2px);background:linear-gradient(150deg,var(--color-accent-soft) 0%,#ffffff 55%,var(--color-primary-soft) 125%);box-shadow:0 14px 28px #11182714;padding:1.9rem 1.55rem 1.6rem}.article-wrapper .cta-box:before{height:5px;background:linear-gradient(90deg,#ff7a45 0%,var(--color-primary) 100%)}.article-wrapper .cta-box h3{margin:0 0 .6rem;padding:0;border:0;font-size:1.2rem}.article-wrapper .cta-box h3:before{content:none}.article-wrapper .cta-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));letter-spacing:.04em}.article-wrapper .cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.85rem 1.85rem;border-radius:999px;background:linear-gradient(135deg,#ff7e33,#ff5a1f);box-shadow:0 8px 20px #ff5a1f52;transition:transform .2s ease,box-shadow .2s ease}.article-wrapper .cta-button:after{content:"→";transition:transform .2s ease}.article-wrapper .cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ff5a1f66}.article-wrapper .cta-button:hover:after{transform:translate(3px)}.article-wrapper ul{list-style:none;margin:.85rem 0 1.35rem;padding-left:0}.article-wrapper ul li{position:relative;margin-bottom:.55rem;padding-left:1.55rem}.article-wrapper ul li:before{content:"";position:absolute;left:.22rem;top:.34rem;width:.4rem;height:.78rem;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(40deg)}.article-wrapper ol li{margin-bottom:.55rem}.article-wrapper .table-responsive{margin:1.3rem 0;border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}.article-wrapper .table-responsive table{margin:0;min-width:640px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:#fff}.article-wrapper table th,.article-wrapper table td{padding:.8rem .95rem;border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);vertical-align:top}.article-wrapper table th:last-child,.article-wrapper table td:last-child{border-right:none}.article-wrapper table thead th{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;font-size:.84rem;white-space:nowrap}.article-wrapper table tbody tr:nth-child(2n) td{background:#f8fcf8}.article-wrapper table tbody tr:hover td{background:#f2f8f3}.article-wrapper table :is(th,td)[align=right],.article-wrapper table :is(th,td)[style*="text-align: right"]{text-align:right}.article-wrapper .point-box,.article-wrapper .warning-box{position:relative;margin:1.5rem 0;padding:1rem 1.15rem 1rem 3rem;border-radius:var(--radius-md);border:1px solid transparent}.article-wrapper .point-box{background:#ecf5ff;border-color:#bfdbfe}.article-wrapper .warning-box{background:#fff9dd;border-color:#facc15}.article-wrapper .point-box:before,.article-wrapper .warning-box:before{position:absolute;left:1rem;top:.92rem;width:1.35rem;height:1.35rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}.article-wrapper .point-box:before{content:"i";background:#2563eb}.article-wrapper .warning-box:before{content:"!";background:#ca8a04}.article-wrapper :is(.point-box,.warning-box) p:last-child{margin-bottom:0}@media(max-width:768px){.site-main{padding-top:.75rem;padding-bottom:1.5rem}.article-wrapper h2{margin-top:2.2rem;font-size:1.2rem}.article-wrapper .cta-box{padding:1.35rem 1rem}.article-wrapper .cta-button{width:100%}.article-wrapper .table-responsive table{min-width:560px}}