/* Host Plan Lab — shared WordPress and static-preview styles. */
:root{--hpl-paper:#f6f5f0;--hpl-ink:#18211f;--hpl-blue:#214ce3;--hpl-orange:#ec562b;--hpl-line:#d9ddd5;--hpl-muted:#58635d;--hpl-white:#fff;--hpl-radius:18px;--hpl-font:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.hpl-site{margin:0;background:var(--hpl-paper);color:var(--hpl-ink);font-family:var(--hpl-font);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}body.hpl-site a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}body.hpl-site img{max-width:100%;height:auto}body.hpl-site button,body.hpl-site input,body.hpl-site select{font:inherit}body.hpl-site button,body.hpl-site a{ -webkit-tap-highlight-color:transparent}body.hpl-site button{cursor:pointer}body.hpl-site :focus-visible{outline:3px solid var(--hpl-blue);outline-offset:5px}body.hpl-site h1,body.hpl-site h2,body.hpl-site h3,body.hpl-site p{margin-top:0}body.hpl-site h1,body.hpl-site h2,body.hpl-site h3{line-height:1.5;letter-spacing:-.035em}body.hpl-site h1{font-size:clamp(34px,4vw,58px);font-weight:800}body.hpl-site h2{font-size:clamp(27px,3vw,38px);font-weight:750}body.hpl-site h3{font-size:21px;font-weight:700}body.hpl-site p{margin-bottom:1.2em}body.hpl-site small{font-size:12px}body.hpl-site .hpl-wrap{width:min(1184px,calc(100% - 72px));margin-inline:auto}.hpl-skip{position:absolute;top:-100px;left:20px;padding:12px 20px;background:white;z-index:100}.hpl-skip:focus{top:10px}.hpl-header{border-bottom:1px solid var(--hpl-line);background:var(--hpl-paper);position:relative;z-index:5}.hpl-header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hpl-brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.hpl-brand img{width:38px;height:38px;object-fit:contain}.hpl-wordmark{font-size:23px;font-weight:800;letter-spacing:-1.15px;line-height:1.2}.hpl-wordmark span{color:var(--hpl-blue)}.hpl-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:650}.hpl-nav a{text-decoration:none;padding:12px 0;border-bottom:2px solid transparent}.hpl-nav a:hover,.hpl-nav a[aria-current=page]{color:var(--hpl-blue);border-color:var(--hpl-blue)}.hpl-nav .hpl-nav-tool{background:var(--hpl-ink);color:white;padding:10px 16px;border-radius:7px}.hpl-menu-toggle{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid var(--hpl-line);border-radius:8px;background:transparent;font-size:13px}.hpl-ad-note{font-size:11px;color:var(--hpl-muted);padding:10px 0 0}.hpl-ad-note a{text-decoration:underline}.hpl-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:56px 0 62px;align-items:center}.hpl-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px}.hpl-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hpl-orange);flex:none}.hpl-hero h1{margin-bottom:22px;line-height:1.5;font-size:clamp(36px,3.55vw,52px)}.hpl-hero h1 em{font-style:normal;color:var(--hpl-blue)}.hpl-lead{color:var(--hpl-muted);font-size:15px;max-width:38em;line-height:2}.hpl-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hpl-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:51px;padding:12px 21px;background:var(--hpl-blue);color:white!important;border:1px solid var(--hpl-blue);border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;line-height:1.6;transition:background .18s,transform .18s}.hpl-button:hover{background:#163bbd;transform:translateY(-2px)}.hpl-button:after{content:"↗";font-size:18px;font-weight:400}.hpl-button.hpl-secondary{background:transparent;color:var(--hpl-ink)!important;border-color:#aab2a9}.hpl-button.hpl-secondary:hover{background:white}.hpl-button.hpl-dark{background:var(--hpl-ink);border-color:var(--hpl-ink)}.hpl-hero-visual{position:relative;min-width:0}.hpl-hero-image{width:100%;height:398px!important;object-fit:cover;object-position:65% center;border-radius:22px;display:block}.hpl-photo-note{font-size:10px;color:var(--hpl-muted);margin:9px 2px 0;text-align:right}.hpl-visual-label{position:absolute;left:-17px;bottom:37px;background:white;border:1px solid #e2e5df;border-radius:11px;padding:12px 18px;box-shadow:0 8px 26px #18211f0b;display:flex;gap:13px;align-items:center;font-size:12px;line-height:1.6}.hpl-visual-label b{display:block;font-size:15px}.hpl-label-icon{display:grid;place-items:center;background:#eef2ff;border-radius:8px;width:38px;height:42px;color:var(--hpl-blue);font-size:23px}.hpl-proof{border-top:1px solid var(--hpl-line);border-bottom:1px solid var(--hpl-line);display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:12px;font-weight:600}.hpl-proof span{display:flex;gap:10px;align-items:center}.hpl-proof i{font-style:normal;color:var(--hpl-blue)}.hpl-section{padding:73px 0}.hpl-section+.hpl-section{border-top:1px solid var(--hpl-line)}.hpl-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.hpl-section-head h2{margin-bottom:8px}.hpl-section-head p{font-size:13px;color:var(--hpl-muted);margin:0}.hpl-text-link{font-size:13px;font-weight:700;color:var(--hpl-blue)!important;white-space:nowrap}.hpl-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hpl-route{display:block;background:#fff;border:1px solid var(--hpl-line);border-radius:var(--hpl-radius);padding:27px 26px 23px;text-decoration:none;transition:transform .18s,border-color .18s}.hpl-route:hover{transform:translateY(-4px);border-color:var(--hpl-blue)}.hpl-route-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.hpl-route-num{font:12px ui-monospace,SFMono-Regular,monospace;color:var(--hpl-muted)}.hpl-route-icon{width:46px;height:46px;display:grid;place-items:center;background:#eef2ff;color:var(--hpl-blue);border-radius:12px;font-size:23px;font-weight:700}.hpl-route:nth-child(2) .hpl-route-icon{background:#fff0e8;color:#a84017}.hpl-route:nth-child(3) .hpl-route-icon{background:#edf3eb;color:#3d6340}.hpl-route h3{font-size:19px;margin-bottom:12px}.hpl-route p{font-size:13px;color:var(--hpl-muted);line-height:1.85;min-height:47px;margin-bottom:22px}.hpl-route-link{font-size:12px;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid #edf0e9;padding-top:15px}.hpl-comparison{background:#fff;border:1px solid var(--hpl-line);border-radius:var(--hpl-radius);overflow:hidden}.hpl-table-wrap{overflow:auto}table.hpl-table{border-collapse:collapse;min-width:680px;width:100%;text-align:left;font-size:13px}.hpl-table th,.hpl-table td{padding:22px 25px;border-bottom:1px solid #e8ebe4;vertical-align:top}.hpl-table thead th{background:#edf0e9;font-size:11px;letter-spacing:.02em;font-weight:650}.hpl-table tbody th{font-size:16px;white-space:nowrap;width:25%}.hpl-table small{display:block;font-size:11px;color:var(--hpl-muted);font-weight:400;margin-top:5px}.hpl-table tr:last-child td,.hpl-table tr:last-child th{border-bottom:0}.hpl-table a{color:var(--hpl-blue)!important;font-size:12px;font-weight:650}.hpl-price{font-size:19px;font-weight:750;letter-spacing:-.03em;white-space:nowrap}.hpl-price span{font-size:11px;font-weight:400}.hpl-small-note{font-size:11px;color:var(--hpl-muted);margin:14px 0 0;line-height:1.9}.hpl-host-name{display:flex;align-items:center;gap:9px}.hpl-provider-dot{height:9px;width:9px;background:#165893;border-radius:50%;flex:none}.hpl-provider-dot.sakura{background:#d23e77}.hpl-provider-dot.conoha{background:#588222}.hpl-editorial{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hpl-story{display:grid;grid-template-columns:155px 1fr;gap:22px;text-decoration:none;align-items:center}.hpl-story-art{border-radius:13px;aspect-ratio:1.14;background:#e5ebfa;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px}.hpl-story-art i{height:15px;width:75%;background:var(--hpl-blue);border-radius:3px;display:block}.hpl-story-art i:nth-child(2){width:55%;background:#7c98ef}.hpl-story-art i:nth-child(3){width:35%;background:#b8c8f6}.hpl-story-art.orange{background:#f5e6db;flex-direction:row;gap:9px}.hpl-story-art.orange i{width:30%;height:52px;background:#d95728}.hpl-story-art.orange i:nth-child(2){height:auto;width:auto;background:transparent;color:#9c3b16;font-style:normal;font-size:27px}.hpl-story-art.orange i:nth-child(3){height:52px;width:30%;background:#edb89b}.hpl-story-meta{font-size:10px;letter-spacing:.08em;color:var(--hpl-muted);font-weight:650;margin-bottom:8px}.hpl-story h3{font-size:18px;margin-bottom:9px}.hpl-story p{font-size:12px;color:var(--hpl-muted);margin:0}.hpl-story:hover h3{color:var(--hpl-blue)}.hpl-author-panel{border:1px solid var(--hpl-line);border-radius:20px;display:grid;grid-template-columns:230px 1fr;overflow:hidden;background:white}.hpl-author-mark{background:#e9ede4;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:30px}.hpl-author-mark strong{font-size:28px;letter-spacing:-1.5px}.hpl-author-mark span{font:10px ui-monospace,monospace;letter-spacing:.13em;margin-top:6px}.hpl-author-copy{padding:34px 39px}.hpl-author-copy .hpl-eyebrow{margin-bottom:13px}.hpl-author-copy h2{font-size:24px;margin-bottom:15px}.hpl-author-copy p{font-size:13px;color:var(--hpl-muted);margin-bottom:13px}.hpl-bottom-cta{padding:44px;background:var(--hpl-blue);color:white;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hpl-bottom-cta h2{font-size:28px;margin-bottom:8px}.hpl-bottom-cta p{font-size:13px;margin:0;color:#e4eaff}.hpl-bottom-cta .hpl-button{background:white;color:var(--hpl-blue)!important;border-color:white;flex:none}.hpl-footer{padding:49px 0 24px;border-top:1px solid var(--hpl-line);margin-top:26px}.hpl-footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start}.hpl-footer p{font-size:12px;color:var(--hpl-muted);margin:15px 0 0;max-width:350px}.hpl-footer-links{display:flex;gap:25px;font-size:11px;flex-wrap:wrap;max-width:560px;justify-content:end}.hpl-footer-links a{text-decoration:none}.hpl-footer-bottom{font-size:10px;color:var(--hpl-muted);display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--hpl-line);margin-top:35px;padding-top:19px}.hpl-page-head{padding:54px 0 37px;border-bottom:1px solid var(--hpl-line)}.hpl-breadcrumb{font-size:11px;color:var(--hpl-muted);margin-bottom:31px}.hpl-breadcrumb a{text-decoration:none}.hpl-page-head h1{font-size:clamp(31px,3.8vw,46px);margin-bottom:18px;max-width:850px}.hpl-page-head .hpl-lead{max-width:760px}.hpl-meta{font-size:11px;color:var(--hpl-muted);display:flex;gap:20px;flex-wrap:wrap}.hpl-article-layout{display:grid;grid-template-columns:minmax(0,790px) 260px;gap:80px;padding-top:40px;padding-bottom:60px}.hpl-article{min-width:0;font-size:15px}.hpl-article h2{font-size:27px;margin:45px 0 22px;padding-top:8px}.hpl-article h3{font-size:20px;margin:29px 0 13px}.hpl-article>section:first-child h2{margin-top:0}.hpl-article ul,.hpl-article ol{padding-left:24px;margin:18px 0 24px}.hpl-article li{padding-left:5px;margin-bottom:9px}.hpl-article a:not(.hpl-button):not(.hpl-route){color:var(--hpl-blue)}.hpl-article .hpl-table{min-width:540px}.hpl-article .hpl-table td,.hpl-article .hpl-table th{padding:17px}.hpl-article .hpl-table tbody th{font-size:14px;white-space:normal}.hpl-aside{font-size:12px}.hpl-aside-inner{position:sticky;top:30px;border-top:2px solid var(--hpl-ink);padding-top:20px}.hpl-aside strong{display:block;margin-bottom:18px}.hpl-aside a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--hpl-line);color:var(--hpl-muted)}.hpl-aside p{color:var(--hpl-muted);font-size:11px;margin-top:25px}.hpl-callout{padding:24px 26px;border-radius:12px;background:#eaf0ff;margin:22px 0;border-left:3px solid var(--hpl-blue)}.hpl-callout p:last-child{margin-bottom:0}.hpl-callout strong{display:block;margin-bottom:8px}.hpl-callout.hpl-warning{background:#fbede4;border-color:#b74b1b}.hpl-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:22px 0}.hpl-pair>div{background:white;border:1px solid var(--hpl-line);border-radius:12px;padding:22px}.hpl-pair h3{margin:0 0 15px;font-size:18px}.hpl-pair ul{font-size:13px;padding-left:18px;margin-bottom:0}.hpl-step{display:grid;grid-template-columns:40px 1fr;gap:18px;border-bottom:1px solid var(--hpl-line);padding:26px 0}.hpl-step>span{background:var(--hpl-ink);color:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:13px ui-monospace,monospace}.hpl-step h3{margin:0 0 10px}.hpl-step p:last-child{margin-bottom:0}.hpl-source-list{font-size:12px;padding-left:20px!important;overflow-wrap:anywhere}.hpl-source-list li{margin-bottom:12px}.hpl-faq details{border-bottom:1px solid var(--hpl-line);padding:20px 0}.hpl-faq summary{font-weight:650;cursor:pointer;list-style-position:outside;padding-right:15px;margin-left:17px}.hpl-faq details p{font-size:14px;color:var(--hpl-muted);padding-top:15px;margin-bottom:0}.hpl-tool-box{border:1px solid var(--hpl-line);background:white;border-radius:17px;padding:30px;margin:23px 0}.hpl-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hpl-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650}.hpl-field input,.hpl-field select{width:100%;padding:11px 12px;border:1px solid #acb6ab;border-radius:6px;background:white;color:var(--hpl-ink);min-height:47px}.hpl-field small{font-size:10px;font-weight:400;color:var(--hpl-muted)}.hpl-tool-result{margin-top:25px;padding:24px;background:#edf2ff;border-radius:11px}.hpl-tool-result span{font-size:12px}.hpl-tool-result strong{display:block;font-size:34px;letter-spacing:-1px;color:var(--hpl-blue)}.hpl-tool-breakdown{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:12px;color:var(--hpl-muted)}.hpl-tool-error{color:#a22718;font-size:13px}.hpl-checklist{display:flex;flex-direction:column;gap:0}.hpl-checklist label{display:flex;gap:14px;border-bottom:1px solid var(--hpl-line);padding:16px 0;cursor:pointer;font-size:14px;align-items:start}.hpl-checklist input{width:21px;height:21px;accent-color:var(--hpl-blue);margin:3px 0 0;flex:none}.hpl-checklist input:checked+span{color:var(--hpl-muted)}.hpl-progress{height:6px;background:#e5e9e1;border-radius:10px;overflow:hidden;margin:15px 0}.hpl-progress span{display:block;width:0;background:var(--hpl-blue);height:100%;transition:width .2s}.hpl-progress-text{font-size:12px;color:var(--hpl-muted)}.hpl-utility-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hpl-utility-buttons button{background:white;border:1px solid #aab2a9;border-radius:6px;font-size:12px;padding:10px 16px;min-height:44px;color:var(--hpl-ink)}.hpl-review-badge{display:inline-flex;gap:7px;align-items:center;color:var(--hpl-blue);background:#eaf0ff;border-radius:5px;font-size:11px;padding:4px 9px;margin-bottom:14px}.hpl-noscript{background:#f9e9e1;padding:16px;font-size:13px}.hpl-contact-panel{border:1px solid var(--hpl-line);background:white;padding:26px;border-radius:15px}.hpl-contact-panel .hpl-button{margin-top:12px}.hpl-inline-code{background:#e9ede5;padding:2px 6px;border-radius:4px;font-size:13px}.hpl-preview-info{background:#18211f;color:white;padding:9px 18px;font-size:11px;text-align:center}.hpl-preview-info a{color:white!important}.hpl-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hpl-hero{gap:65px}.hpl-hero-image{height:420px!important}}
@media(max-width:1000px){.hpl-nav{gap:18px}.hpl-nav a{font-size:12px}.hpl-wordmark{font-size:21px}.hpl-header-inner{gap:15px}.hpl-hero{gap:26px}.hpl-hero h1{font-size:36px}.hpl-hero-image{height:355px!important}.hpl-article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:35px}.hpl-story{grid-template-columns:110px 1fr}.hpl-story h3{font-size:16px}.hpl-proof{font-size:11px}}
@media(max-width:760px){body.hpl-site .hpl-wrap{width:calc(100% - 36px)}.hpl-header-inner{min-height:75px}.hpl-brand img{width:34px;height:34px}.hpl-wordmark{font-size:21px}.hpl-menu-toggle{display:flex}.hpl-nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--hpl-paper);padding:17px 22px 24px;border-bottom:1px solid var(--hpl-line);box-shadow:0 12px 20px #18211f0a}.hpl-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.hpl-nav a{font-size:14px;padding:12px}.hpl-nav .hpl-nav-tool{text-align:center;margin-top:10px}.hpl-ad-note{font-size:10px;padding-top:10px}.hpl-hero{grid-template-columns:1fr;padding:32px 0 35px;gap:30px}.hpl-eyebrow{font-size:10px;margin-bottom:17px}.hpl-hero h1{font-size:clamp(34px,7.8vw,48px);line-height:1.5;margin-bottom:17px}.hpl-lead{font-size:14px}.hpl-actions{margin-top:22px;gap:10px}.hpl-button{font-size:12px;padding:12px 17px;gap:16px}.hpl-hero-image{height:300px!important}.hpl-visual-label{left:12px;bottom:38px;padding:10px 14px}.hpl-proof{display:grid;grid-template-columns:1fr;gap:10px;padding:19px 0;font-size:11px}.hpl-section{padding:45px 0}.hpl-section-head{align-items:start;gap:15px;flex-direction:column;margin-bottom:22px}.hpl-section-head h2{font-size:27px}.hpl-grid-3{grid-template-columns:1fr;gap:12px}.hpl-route{padding:22px}.hpl-route-top{margin-bottom:16px}.hpl-route p{min-height:0;margin-bottom:18px}.hpl-route h3{font-size:20px}.hpl-editorial{grid-template-columns:1fr;gap:25px}.hpl-story{grid-template-columns:115px 1fr;gap:18px}.hpl-story h3{font-size:17px}.hpl-author-panel{grid-template-columns:1fr}.hpl-author-mark{min-height:135px}.hpl-author-copy{padding:25px}.hpl-author-copy h2{font-size:22px}.hpl-bottom-cta{padding:28px 23px;align-items:start;flex-direction:column;gap:22px}.hpl-bottom-cta h2{font-size:25px}.hpl-footer{padding-top:32px}.hpl-footer-top{flex-direction:column}.hpl-footer-links{justify-content:start;gap:17px 24px}.hpl-footer-bottom{font-size:9px;flex-direction:column;gap:5px;margin-top:27px}.hpl-page-head{padding:34px 0 27px}.hpl-breadcrumb{margin-bottom:24px}.hpl-page-head h1{font-size:31px}.hpl-article-layout{grid-template-columns:1fr;padding-top:30px;gap:25px}.hpl-aside{order:-1}.hpl-aside-inner{position:static;border-top:1px solid var(--hpl-line);padding-top:15px}.hpl-aside strong{margin-bottom:7px}.hpl-aside a{display:inline-block;margin-right:16px;border:0;padding:5px 0;font-size:11px}.hpl-aside p{display:none}.hpl-article h2{font-size:25px;margin-top:34px}.hpl-article{font-size:14px}.hpl-pair{grid-template-columns:1fr}.hpl-tool-box{padding:20px}.hpl-tool-grid{gap:16px}.hpl-tool-result{padding:20px}.hpl-tool-result strong{font-size:31px}.hpl-callout{padding:20px}.hpl-article .hpl-table{font-size:12px}.hpl-table th,.hpl-table td{padding:18px}.hpl-preview-info{font-size:10px}}
@media(max-width:390px){.hpl-tool-grid{grid-template-columns:1fr}.hpl-actions{flex-direction:column;align-items:stretch}.hpl-hero-image{height:260px!important}.hpl-story{grid-template-columns:90px 1fr}.hpl-wordmark{font-size:20px}}
@media(max-width:760px){.hpl-visual-label{max-width:calc(100% - 24px);font-size:11px;gap:10px}.hpl-visual-label b{font-size:13px}.hpl-label-icon{flex:none}.hpl-page-head h1{font-size:clamp(26px,6.8vw,31px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body.hpl-site{background:white;font-size:12pt}.hpl-header,.hpl-footer,.hpl-ad-note,.hpl-aside,.hpl-preview-info,.hpl-utility-buttons,.hpl-actions{display:none!important}body.hpl-site .hpl-wrap{width:100%}.hpl-article-layout{display:block;padding:15px 0}.hpl-page-head{padding:10px 0}.hpl-tool-box{break-inside:avoid}.hpl-table{min-width:0!important}.hpl-table-wrap{overflow:visible}a:after{content:none!important}}