@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#151b27;--muted:#5f6878;--line:#dce1e7;--paper:#fff;--soft:#f4f6f8;--lime:#d7f441;--blue:#2648bf;font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5;letter-spacing:-.035em}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:16px;top:-80px;background:var(--lime);padding:14px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}.header-inner{width:min(1360px,calc(100% - 80px));min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto}.wordmark{display:inline-flex;align-items:center;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.065em;font-size:1.75rem}.brand-icon{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:34px;height:34px;margin-right:10px;font-size:1.4rem;letter-spacing:0}.brand-period{color:#5d7600}nav{display:flex;gap:30px;font-size:.875rem;font-weight:600}nav a:hover,.text-link:hover,.footer-bottom a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:70px 0 66px}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;margin-bottom:24px;line-height:1.8}.line{display:inline-block;width:24px;height:3px;background:var(--ink);vertical-align:middle;margin-right:10px}.hero h1{font-weight:900;font-size:clamp(2.8rem,4.6vw,4.35rem);line-height:1.32;letter-spacing:-.06em;margin:0 0 25px}.highlight{box-shadow:inset 0 -.3em var(--lime)}.hero-copy{color:var(--muted);font-size:1rem;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 19px;font-size:.875rem;font-weight:700;border:1px solid var(--line);background:white;line-height:1.6}.button.dark{background:var(--ink);border-color:var(--ink);color:white}.button:hover{border-color:var(--ink);background:var(--lime);color:var(--ink)}.feature{background:var(--ink);color:white;padding:26px 30px;display:flex;flex-direction:column;justify-content:center;position:relative}.feature-label{display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.13em;color:#c9d0dc;border-bottom:1px solid #3b4350;padding-bottom:15px}.feature-label>span{font-size:.75rem}.focus-diagram{display:flex;align-items:center;justify-content:center;min-height:122px;font-size:.75rem;gap:10px}.focus-diagram span{padding:10px 8px;border:1px solid #697181;white-space:nowrap}.focus-diagram .diagram-center{background:var(--lime);color:var(--ink);border-color:var(--lime);font-size:.875rem;font-weight:700;padding:17px 12px}.focus-diagram i{width:20px;height:1px;background:#697181}.feature .eyebrow{color:var(--lime);margin-bottom:10px}.feature h2{font-size:1.65rem;margin-bottom:12px;line-height:1.6}.feature p:not(.eyebrow){font-size:.875rem;color:#c9d0dc;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;font-size:.875rem;font-weight:700}.feature .text-link{color:var(--lime);padding-top:18px;border-top:1px solid #3b4350}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft)}.principles>.wrap{display:flex;justify-content:space-between;align-items:center;padding-top:21px;padding-bottom:21px;gap:16px;font-size:.875rem}.principles p{margin:0;color:var(--muted)}.principles b{margin:0 18px;color:#a2aaba;font-weight:400}.section{padding-top:70px;padding-bottom:66px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head h2{font-size:1.8rem;margin:0}.section-head .eyebrow{color:var(--muted);margin-bottom:9px}.section-head>p{font-size:.875rem;color:var(--muted);margin:0}.product-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);padding:28px 26px}.product-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.product-top .eyebrow{letter-spacing:.02em;margin:0;color:var(--muted)}.tool-mark{width:45px;height:45px;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:1.6rem;font-weight:800;border-radius:10px}.orange{background:#fff0dc;color:#ba4905}.coral{background:#ffebe3;color:#b33c20}.purple{background:#eee9ff;color:#6634c4}.product-card h3{font-family:Arial,sans-serif;font-size:1.8rem;letter-spacing:-.05em;margin-bottom:12px}.product-card>p{font-size:1rem;margin-bottom:23px;min-height:3.8em}.fit{border-top:1px solid var(--line);padding-top:17px;margin-bottom:20px}.fit>span{font-size:.75rem;color:var(--muted)}.fit p{font-size:.875rem;line-height:1.8;margin:8px 0 0}.product-card>.text-link{width:100%}.small-note{color:var(--muted);font-size:.75rem;margin-top:18px}.guides-section{background:var(--soft)}.guide-card{display:block;position:relative;background:white;border-top:3px solid var(--ink);padding:23px 26px}.guide-card:hover{background:#faffdf}.guide-meta{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--muted)}.guide-number{display:block;font-family:Arial,sans-serif;font-weight:800;font-size:3.2rem;color:#d2d8e1;line-height:1.5;margin:14px 0 8px}.guide-card h3{font-size:1.35rem;margin-bottom:14px;min-height:3em}.guide-card p{font-size:.875rem;color:var(--muted);margin-bottom:28px}.guide-card .text-link{width:100%}.update{display:grid;grid-template-columns:145px 1fr 100px 20px;align-items:center;gap:24px;border-top:1px solid var(--line);padding:24px 0}.update:last-of-type{border-bottom:1px solid var(--line)}.update-source{font-size:.75rem;color:var(--muted)}.update h3{font-size:1rem;letter-spacing:0;margin:0;line-height:1.7}.update time{font-size:.75rem;color:var(--muted)}.update:hover h3{color:var(--blue)}.empty{padding:28px 0;border-top:1px solid var(--line);color:var(--muted)}footer{background:var(--ink);color:white;padding:45px max(40px,calc((100% - 1200px)/2)) 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.footer-top p{margin:0;font-size:.875rem;color:#c9d0dc}.disclosure{font-size:.75rem;color:var(--muted);line-height:1.8}footer .disclosure{color:#c9d0dc;max-width:840px;margin-bottom:28px}.footer-bottom{border-top:1px solid #3b4350;padding-top:22px;display:flex;justify-content:space-between;gap:16px;font-size:.75rem;color:#c9d0dc}.footer-bottom a{margin-right:24px}.page-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800}.intro{color:var(--muted);max-width:680px}.table-scroll{overflow:auto;margin-top:32px}table{width:100%;border-collapse:collapse;text-align:left;min-width:780px;font-size:.875rem}th,td{padding:24px 18px;border-bottom:1px solid var(--line);line-height:1.8;vertical-align:top}thead{background:var(--ink);color:white}thead th{font-weight:500}tbody th{font-size:1.15rem}td .button{margin-top:12px;white-space:nowrap;font-size:.75rem}td>.text-link{display:block}.editor-note{background:var(--soft);border-left:4px solid var(--lime);padding:28px 32px;margin-top:48px}.editor-note h2{font-size:1.35rem}.editor-note p{margin-bottom:0}.article-wrap{width:min(790px,calc(100% - 48px));margin:auto}.back{display:inline-block;color:var(--muted);font-size:.875rem;margin-bottom:38px}.article-wrap>h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.5}.article-meta{color:var(--muted);font-size:.75rem;margin-bottom:20px}.article-lead{font-size:1.15rem;line-height:2;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 48px}.article-body h2{font-size:1.5rem;margin-top:48px;margin-bottom:22px}.article-body p{line-height:2.1}.article-body a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.checklist{background:var(--soft);padding:30px;margin:48px 0}.checklist h2{margin-top:0}.checklist li{line-height:2;padding-bottom:10px}.checklist .eyebrow{margin-bottom:12px}.article-cta{border:1px solid var(--line);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.article-cta h2{font-size:1.8rem;margin:0 0 8px}.article-cta p{font-size:.875rem;margin:0}.article-cta .eyebrow{font-size:.75rem;margin-bottom:8px}.article-cta .button{flex-shrink:0}.sources{margin-top:48px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.sources h2{font-size:1.1rem;margin-top:16px}.sources li{line-height:2}
@media(min-width:1500px){.hero{gap:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header-inner{width:calc(100% - 48px)}.hero{gap:32px}.feature{padding:24px}.feature h2{font-size:1.4rem}.product-card{padding:24px 20px}.product-top{align-items:start;flex-direction:column;gap:12px}.principles b{margin:0 9px}.guide-card{padding:22px 20px}.guide-card h3{font-size:1.2rem}.focus-diagram{gap:5px}.focus-diagram i{width:12px}}@media(max-width:700px){.header-inner{min-height:84px;flex-direction:column;align-items:flex-start;padding:18px 0;gap:18px}.wordmark{font-size:1.5rem}.brand-icon{width:28px;height:28px;font-size:1.2rem}nav{gap:23px;flex-wrap:wrap;font-size:.875rem}.hero{grid-template-columns:1fr;padding:40px 0;gap:36px}.hero h1{font-size:3rem}.hero-copy br{display:none}.feature{padding:22px 26px}.feature h2{font-size:1.6rem}.focus-diagram{min-height:110px;gap:12px}.focus-diagram i{width:28px}.principles>.wrap{align-items:start;flex-direction:column;gap:6px}.principles p{font-size:.75rem}.section{padding-top:46px;padding-bottom:44px}.section-head{align-items:start;flex-direction:column;gap:14px;margin-bottom:26px}.section-head h2{font-size:1.6rem}.product-grid,.guide-grid{grid-template-columns:1fr;gap:18px}.product-top{flex-direction:row;align-items:center;margin-bottom:18px}.product-card>p{min-height:0}.product-card{padding:24px}.guide-card{padding:24px}.guide-card h3{min-height:0;font-size:1.4rem}.guide-number{font-size:2.6rem;margin-top:10px}.guide-card p{margin-bottom:20px}.update{grid-template-columns:1fr 24px;gap:8px;padding:22px 0}.update-source{grid-column:1}.update h3{grid-column:1}.update time{grid-column:1}.update>span:last-child{grid-column:2;grid-row:2}footer{padding:34px 24px 22px}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.footer-bottom>div{display:flex;flex-wrap:wrap;row-gap:14px}.article-cta{align-items:start;flex-direction:column}.article-wrap>h1{font-size:2rem}.article-body h2{font-size:1.35rem}.article-lead{font-size:1.05rem}.checklist{padding:24px}.checklist ul{padding-left:22px}.eyebrow{font-size:.75rem;letter-spacing:.11em}}

.product-card h3{font-family:Arial,"Hiragino Kaku Gothic ProN",sans-serif;font-size:1.4rem;line-height:1.6;min-height:2.2em}.ad-notice{font-size:.875rem;line-height:1.8;padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.disclosure{font-size:.875rem}.guide-grid{row-gap:24px}
.affiliate-ad{flex-shrink:0;min-width:0;max-width:100%}.article-cta .affiliate-ad a{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:14px 19px;border:1px solid var(--line);background:white;color:var(--ink);font-size:.875rem;font-weight:700;line-height:1.6;text-decoration:none}.article-cta .affiliate-ad a:hover{border-color:var(--ink);background:var(--lime)}