:root{--navy:#10204f;--ink:#1a2340;--blue:#1f5fd0;--blue-dark:#17489e;--blue-pale:#bfd2f2;--muted:#5b6684;--faint:#8792ac;--line:#e4e9f2;--bg:#fff;--bg-soft:#f4f7fc;--radius:10px;--wrap:1120px;--read:720px;--font:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", Meiryo, system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-feature-settings:"palt" 1;margin:0;font-size:16px;line-height:1.9}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.read{max-width:var(--read);margin:0 auto}.site-header{border-bottom:1px solid var(--line);z-index:30;background:#fff;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.logo{flex:none;display:block}.logo img{width:auto;height:40px}.logo:hover{text-decoration:none}.nav{gap:26px;font-size:.92rem;font-weight:500;display:flex}.nav a{color:var(--ink)}.nav a:hover{color:var(--blue);text-decoration:none}.nav-drawer{display:none}.nav-toggle{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:8px;display:none}.feature{border-bottom:1px solid var(--line);padding:40px 0 48px}.feature__grid{grid-template-columns:1.55fr 1fr;align-items:start;gap:44px;display:grid}.feature__thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);margin-bottom:20px;display:block;overflow:hidden}.feature__thumb img{object-fit:cover;width:100%;height:100%}.feature__meta{color:var(--faint);align-items:center;gap:12px;margin-bottom:14px;font-size:.78rem;display:flex}.badge{background:var(--navy);color:#fff;letter-spacing:.04em;border-radius:4px;padding:4px 12px;font-size:.72rem;font-weight:700}.feature h1,.feature h2.feature__title{letter-spacing:.01em;color:var(--ink);margin:0 0 18px;font-size:clamp(1.5rem,3.3vw,2.14rem);font-weight:900;line-height:1.45}.feature__title a{color:inherit}.feature__title a:hover{color:var(--blue);text-decoration:none}.feature__desc{color:var(--muted);margin:0;font-size:.95rem;line-height:1.95}.rail__head{letter-spacing:.12em;color:var(--ink);margin:0 0 16px;font-size:.78rem;font-weight:700}.pick{border-top:1px solid var(--line);gap:14px;padding:14px 0;display:flex}.pick:last-of-type{border-bottom:1px solid var(--line)}.pick__thumb{aspect-ratio:4/3;background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;flex:0 0 78px;overflow:hidden}.pick__thumb img{object-fit:cover;width:100%;height:100%}.pick__cat{color:var(--blue);margin-bottom:4px;font-size:.7rem;font-weight:700}.pick__title{margin:0;font-size:.87rem;font-weight:700;line-height:1.65}.pick__title a{color:var(--ink)}.pick__title a:hover{color:var(--blue);text-decoration:none}.checkbox{background:var(--bg-soft);border-radius:var(--radius);margin-top:26px;padding:24px}.checkbox h3{margin:0 0 8px;font-size:.98rem;font-weight:700}.checkbox p{color:var(--muted);margin:0 0 14px;font-size:.85rem;line-height:1.85}.arrow-link{font-size:.87rem;font-weight:700}.tagbar{padding:28px 0}.tags{flex-wrap:wrap;gap:10px;display:flex}.tag{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:7px 17px;font-size:.82rem;font-weight:700}.tag:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.section{padding:52px 0}.section--soft{background:var(--bg-soft)}.section--navy{background:var(--navy);color:#fff}.section__head{align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.section__head h2{letter-spacing:.01em;margin:0;font-size:1.4rem;font-weight:900}.section__head .en{letter-spacing:.16em;color:var(--faint);font-size:.72rem;font-weight:700}.section__head .more{margin-left:auto;font-size:.85rem;font-weight:700}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px 26px;display:grid}.card__thumb{aspect-ratio:16/10;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);margin-bottom:14px;display:block;overflow:hidden}.card__thumb img{object-fit:cover;width:100%;height:100%}.card__cat{color:var(--blue);margin-bottom:6px;font-size:.72rem;font-weight:700}.card__title{margin:0 0 8px;font-size:1rem;font-weight:700;line-height:1.6}.card__title a{color:var(--ink)}.card__title a:hover{color:var(--blue);text-decoration:none}.card__desc{color:var(--muted);margin:0 0 8px;font-size:.85rem;line-height:1.8}.card__date{color:var(--faint);font-size:.76rem}.case-grid{grid-template-columns:1fr 1.35fr;align-items:start;gap:40px;display:grid}.case-lede p{color:var(--muted);margin:0 0 18px;font-size:.92rem}.case-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:16px;padding:22px 24px}.case-card__meta{color:var(--blue);margin-bottom:10px;font-size:.76rem;font-weight:700}.case-card__title{margin:0 0 14px;font-size:1rem;font-weight:700;line-height:1.6}.case-card__title a{color:var(--ink)}.case-card__result{border-top:1px dashed var(--line);text-align:right;color:var(--blue);padding-top:12px;font-size:1.7rem;font-weight:900;line-height:1.2}.case-card__result small{color:var(--muted);margin-left:6px;font-size:.72rem;font-weight:700}.starter-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:flex-start;gap:16px;margin-bottom:14px;padding:18px 20px;display:flex}.step:hover{border-color:var(--blue);text-decoration:none}.step__n{background:var(--navy);color:#fff;border-radius:6px;flex:none;place-items:center;width:26px;height:26px;margin-top:3px;font-size:.8rem;font-weight:700;display:grid}.step__title{color:var(--ink);margin:0;font-size:.98rem;font-weight:700;line-height:1.5}.step__note{color:var(--faint);margin:2px 0 0;font-size:.8rem}.ranking{counter-reset:rank;margin:0;padding:0;list-style:none}.ranking li{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:14px 0;display:flex}.ranking li:before{counter-increment:rank;content:counter(rank);color:var(--blue);flex:0 0 16px;font-size:1.05rem;font-weight:900}.ranking a{color:var(--ink);font-size:.92rem;font-weight:500;line-height:1.6}.ranking a:hover{color:var(--blue);text-decoration:none}.newsletter{grid-template-columns:1fr 1.1fr;align-items:start;gap:48px;display:grid}.newsletter .en{letter-spacing:.16em;color:var(--blue-pale);margin-bottom:14px;font-size:.72rem;font-weight:700}.newsletter h2{color:#fff;margin:0 0 16px;font-size:clamp(1.3rem,2.6vw,1.72rem);font-weight:900;line-height:1.5}.newsletter p{color:var(--blue-pale);margin:0;font-size:.87rem;line-height:1.9}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.field{color:#fff;background:#16295c;border:1px solid #2c4270;border-radius:7px;width:100%;padding:15px 16px;font-family:inherit;font-size:.92rem}.field::placeholder{color:#7f8cae}.field:focus{outline:2px solid var(--blue);outline-offset:1px}.newsletter .note{color:var(--blue-pale);margin:4px 0 0;font-size:.76rem}.newsletter .note a{color:#fff;text-decoration:underline}.btn{background:var(--blue);cursor:pointer;text-align:center;border:0;border-radius:7px;padding:15px 30px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s;display:inline-block;color:#fff!important}.btn:hover{background:var(--blue-dark);text-decoration:none}.btn--wide{width:100%}.article-head{padding:38px 0 24px}.breadcrumb{color:var(--faint);margin-bottom:14px;font-size:.78rem}.breadcrumb a{color:var(--muted)}.article-head h1{color:var(--ink);margin:0 0 16px;font-size:clamp(1.5rem,3.4vw,2.05rem);font-weight:900;line-height:1.5}.article-head__meta{color:var(--faint);flex-wrap:wrap;gap:16px;font-size:.8rem;display:flex}.article-hero img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);width:100%}.prose{padding:36px 0 10px;font-size:1.02rem}.prose h2{border-left:4px solid var(--blue);margin:2.5em 0 .9em;padding-left:14px;font-size:1.28rem;font-weight:900;line-height:1.55}.prose h3{margin:2em 0 .7em;font-size:1.08rem;font-weight:700;line-height:1.6}.prose p{margin:0 0 1.6em}.prose ul,.prose ol{margin:0 0 1.7em;padding-left:1.5em}.prose li{margin-bottom:.65em}.prose strong{font-weight:700}.prose blockquote{background:var(--bg-soft);border-radius:var(--radius);border-left:4px solid var(--blue);color:var(--ink);margin:0 0 1.9em;padding:22px 24px;font-size:.97rem}.prose blockquote p:last-child{margin-bottom:0}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.8em;font-size:.9rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:11px 13px;line-height:1.75}.prose th{background:var(--bg-soft);font-weight:700}.prose hr{border:0;border-top:1px solid var(--line);margin:2.8em 0}.prose code{background:var(--bg-soft);border:1px solid var(--line);border-radius:4px;padding:.1em .4em;font-size:.9em}.table-scroll{overflow-x:auto}.cta{border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--radius);margin:44px 0;padding:28px}.cta h3{margin:0 0 10px;font-size:1.08rem;font-weight:900;line-height:1.6}.cta p{color:var(--muted);margin:0 0 18px;font-size:.9rem}.sources{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding-top:22px;font-size:.85rem}.sources h4{letter-spacing:.1em;color:var(--faint);margin:0 0 10px;font-size:.76rem}.sources ul{margin:0;padding-left:1.3em}.sources li{word-break:break-all;margin-bottom:6px;line-height:1.7}.site-footer{border-top:1px solid var(--line);background:#fff;padding:48px 0 26px;font-size:.86rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:34px;display:grid}.footer-brand img{width:auto;height:44px;margin-bottom:14px}.footer-brand p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.9}.footer-grid h4{margin:0 0 14px;font-size:.86rem;font-weight:700}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin-bottom:10px}.footer-grid li a{color:var(--muted);font-size:.84rem}.footer-grid li a:hover{color:var(--blue)}.copyright{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;font-size:.78rem;display:flex}.copyright a{color:var(--faint)}.empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--faint);padding:40px;font-size:.9rem}.page-head{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:44px 0}.page-head h1{margin:0 0 10px;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:900}.page-head .en{letter-spacing:.16em;color:var(--faint);margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.page-head p{color:var(--muted);max-width:640px;margin:0;font-size:.92rem}@media (width<=900px){.feature__grid,.case-grid,.starter-grid,.newsletter{grid-template-columns:1fr;gap:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (width<=720px){.nav{display:none}.nav-toggle{display:block}.site-header__inner.is-open+.nav-drawer{border-top:1px solid var(--line);padding:12px 0 18px;display:block}.nav-drawer a{color:var(--ink);border-bottom:1px solid var(--line);padding:11px 0;font-weight:700;display:block}.form-grid{grid-template-columns:1fr}.section{padding:40px 0}.footer-grid{grid-template-columns:1fr}}
