/* Portal direction: open white header, cyan hero, logo-led comparison, clear orange actions. */
:root{--ink:#252525;--muted:#626b70;--blue:#047dab;--navy:#34464c;--line:#dedfe0;--wash:#f2f6f7;--pale:#eef9fb;--radius:8px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
body{padding-bottom:76px}.wrap{max-width:1130px;padding:0 25px}a:hover{color:#087ead}.siteheader{background:white;position:relative;z-index:30}.brandrow{min-height:78px;gap:32px}.brand{gap:16px;align-items:center}.brandname{font-size:30px;font-weight:900;letter-spacing:-.04em;color:#151515;line-height:1}.brandcaption{font-size:12px;border-left:1px solid #ddd;padding-left:15px;line-height:1.5;max-width:106px}.headerlinks{margin-left:auto;gap:26px;font-size:14px}.headerlinks a:last-child{border:0;padding:0}.menubutton{width:47px;height:43px;padding:7px 2px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:space-around;flex:none}.menubutton span{height:1.5px;background:#333;width:100%;display:block}.site-menu{position:absolute;top:100%;right:0;left:0;background:#fff;border-top:1px solid #eee;box-shadow:0 12px 20px #0001}.site-menu .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;padding-top:20px;padding-bottom:20px}.site-menu a{font-size:15px;padding:15px 0;border-bottom:1px solid #eee}.portal-hero{background:#e4f7fa;overflow:hidden;border-bottom:1px solid #d7edf0}.hero-inner{height:480px;position:relative;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:40px;width:60%}.hero-tag{display:inline-block;background:#fff;border:1px solid #70acc2;padding:7px 17px;font-size:15px;margin-bottom:18px}.hero-copy h1{font-size:44px;line-height:1.4;color:#111;letter-spacing:.02em;font-weight:800}.hero-copy h1>span{font-size:22px;font-weight:700;letter-spacing:0}.hero-copy h1 em{font-style:normal;color:#d5821d}.hero-brand{font-size:46px;font-weight:900;letter-spacing:-.055em;line-height:1.4;margin-top:9px;color:#151515}.hero-sub{font-size:15px;margin-top:10px;color:#3d565e}.hero-visual{position:absolute;right:-135px;top:0;bottom:0;width:760px;background-image:linear-gradient(90deg,#e4f7fa 0%,transparent 25%),url('/assets/hero.jpg');background-position:center;background-size:cover;mix-blend-mode:multiply}.hero-search{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:0;align-items:center;background:#fff;box-shadow:0 3px 6px #2449552b;border:1px solid #93becb;border-radius:6px;width:680px;padding:10px}.hero-search select{border:0;background:#fff;color:#303c40;font-weight:700;width:150px;padding:3px 12px;border-right:1px solid #ddd;border-radius:0;font-size:15px;min-height:37px}.hero-query{flex:1;min-width:0}.hero-search input{width:100%;min-width:0;border:0;padding:4px 16px;font-size:16px;outline-offset:-1px;min-height:37px}.hero-search button{border:0;background:#eaa135;color:#181818;font-weight:700;min-height:39px;min-width:83px;font-size:16px;border-radius:2px}.hero-search button span{margin-left:3px;font-size:23px;line-height:1;vertical-align:middle}.mobile-only{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sectionheading{text-align:center;margin-bottom:29px}.sectionheading h2{font-size:25px;line-height:1.5;color:#087eae;font-weight:700}.sectionheading p{font-size:15px;color:#606c72;margin-top:9px}.featured-section{padding:42px 0 36px;background:#f1f6f8}.featured-panel{background:#fff;border-radius:24px;padding:25px 28px 20px}.featured-panel .ad-note{font-size:12px;margin-bottom:17px}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.featured-card{text-align:center;display:flex;flex-direction:column;min-width:0;border-right:1px solid #e7eeee;padding-right:17px}.featured-card:last-child{border:0;padding:0}.feature-label{font-size:14px;background:#e9f7f8;color:#216772;border-radius:3px;padding:5px 4px;margin-bottom:9px;font-weight:700}.feature-logo{display:flex;align-items:center;justify-content:center;height:83px;padding:8px 2px}.service-logo{max-width:156px;width:156px;height:62px;object-fit:contain;flex:none;border:0;background:#fff;padding:3px}.service-name-text{font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.03em}.featured-card h3{font-size:16px;line-height:1.5;min-height:24px;margin:2px 0 7px}.feature-point{font-size:15px;color:#444;min-height:27px;font-weight:700}.feature-fee{font-size:14px;margin:4px 0 15px}.feature-fee b{font-size:21px;color:#d5790b;margin-left:5px}.featured-card .btn{width:100%;min-height:43px;min-width:0;margin-top:7px;padding:8px 5px;font-size:14px;border-radius:5px}.featured-card .feature-detail{background:#298c96;border-color:#298c96}.featured-card .feature-detail:hover{background:#20727a;border-color:#20727a}.feature-note{font-size:12px;color:#6e7477;margin-top:20px}.feature-note a{color:#047dab;text-decoration:underline}.purpose-section{padding:36px 0 42px;background:#f1f6f8}.purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.purpose-grid>a{background:white;border:1px solid #d9e6ea;border-top:4px solid #7eb6c5;position:relative;min-height:130px;padding:22px 19px 19px;transition:border-color .15s}.purpose-grid>a:hover{border-color:#258fab}.purpose-grid h3{font-size:18px;margin-bottom:5px}.purpose-grid p{font-size:14px;color:#63757a}.purpose-arrow{position:absolute;right:13px;bottom:10px;color:#4597a9;font-size:28px;line-height:1}.workspace{padding:45px 0 50px;background:#fff;border-top:1px solid #e5ecee}.compare-layout{grid-template-columns:235px minmax(0,1fr);gap:27px}.filterbox{border-radius:6px;background:#f5f8f9;border:1px solid #dae5e8;padding:20px 17px}.filterbox h2{font-size:17px;display:block}.filterbox h2 button{float:right;font-size:12px;margin-top:3px}.filter-section{border-color:#dde6e8}.filter-section>label,.filter-section legend,.filterbox input,.filterbox select,.checkline{font-size:14px}.sideguide{background:#eef7f8;color:#283e44;border:1px solid #cce1e7;padding:23px 19px}.sideguide .eyebrow{color:#277b8b;font-size:13px;letter-spacing:0}.sideguide p{color:#586f76}.sideguide a{border-color:#83b4bf}.results-heading{margin-bottom:14px}.results-heading h2{font-size:17px}.results-heading h2 b{font-size:28px;color:#087eae}.sort select{font-size:13px;border-color:#ccc}.company-card{border:1px solid #d5e1e5;border-radius:7px;margin-bottom:20px;background:#fff}.company-top{padding:20px 22px 15px;background:#fafcfc;border-bottom:1px solid #e6edef}.identity{gap:20px}.identity h3{font-size:21px;color:#145982}.identity p{font-size:12px;color:#73787a}.identity .service-logo{width:128px;max-width:128px;height:46px}.cardbody{grid-template-columns:1fr;gap:17px;padding:18px 22px}.cardbrief{font-size:14px;color:#414c50;margin-bottom:15px}.metrics{grid-template-columns:1fr 1fr 1.05fr;border:1px solid #e0e7e9;gap:0}.metric{padding:11px 10px;text-align:center;border-right:1px solid #e0e7e9}.metric:last-child{border:0}.metric>span{font-size:12px;color:#5b6970}.metric strong.fee{font-size:25px;color:#d47a12}.metric strong.smallmetric{font-size:16px}.cardtags{margin-top:13px;gap:7px}.cardtags span{background:#f1f6f7;color:#527078;border-radius:2px;padding:2px 7px;font-size:12px}.btn{background:#e9a035;border-color:#e9a035;color:#252016;border-radius:5px;min-height:47px;font-size:15px}.btn:hover{background:#d98e23;border-color:#d98e23;color:#17130c}.btn.secondary{color:#2b7182;border-color:#8cb4be;background:#fff}.cardaction{display:flex;align-items:center;gap:23px}.cardaction .btn{width:60%;min-width:245px;padding:10px}.cardaction .detaillink{margin:0;font-size:14px;color:#087eae}.cardfoot{background:#fff;padding:10px 22px;border-top:1px dashed #dbe3e7}.comparecheck{font-size:13px}.cardfoot small{font-size:11px}.picklabel{display:none}.contentsection{background:#f5f8f9;padding:48px 0;border:0}.contentsection+.contentsection{background:#fff}.sectionhead .eyebrow,.faq-grid .eyebrow{display:none}.sectionhead h2,.faq-grid h2{font-size:24px;color:#087eae}.sectionhead{align-items:center}.guide-item{background:white;border-top:3px solid #9bbfc8;padding:22px}.guide-item .step{display:none}.guide-item h3{font-size:17px}.guide-item p{font-size:14px;line-height:1.9}.guide-item a{font-size:14px}.faq-grid{grid-template-columns:290px 1fr;gap:40px}.faq summary{font-size:15px}.truststrip{display:block;border-top:1px solid #e0e8ec;padding:28px 0}.truststrip h3{margin-bottom:8px}.truststrip p{font-size:13px}.footer{background:#ecf1f3;color:#30444b;padding-bottom:35px}.footer .brandname{color:#333}.footerlinks{font-size:13px}.footernote{border-top:1px solid #cddbe0;color:#67767d;font-size:12px}.persistent-cta{position:fixed;bottom:0;left:0;right:0;background:#334247dd;z-index:25;display:flex;align-items:center;justify-content:center;gap:25px;padding:11px 20px;color:#fff;min-height:70px}.persistent-cta>span{font-size:14px}.persistent-cta .btn{min-height:46px;min-width:280px;font-size:16px}.comparetray{bottom:0;width:100%;border:0;border-radius:0;padding:12px max(20px,calc((100vw - 950px)/2));gap:22px;background:#334247f5;min-height:70px;box-shadow:none}.comparetray p{white-space:nowrap}.comparetray .btn{white-space:nowrap;background:#e9a035;border:0;color:#252016}.comparetray .textbutton{white-space:nowrap;color:#fff}.statusmsg:not(:empty){position:fixed;bottom:83px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #91bac5;background:white;z-index:50;max-width:90%;box-shadow:0 3px 14px #0002}.pageheader h1{font-size:30px;color:#27363e}.pageheader p{font-size:16px}.toc{border-top:3px solid #97bec9}.article-body h2{color:#176a8c;font-size:24px;border-bottom:1px solid #c5dbe2;padding-bottom:12px}.article-body p{color:#3c4e55}.answerbox{background:#eff8fa;border-color:#7db2c1}.detail-intro{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px;border:1px solid #d5e3e8}.detail-intro p{font-size:12px;margin:3px 0}.detail-intro .btn{margin-left:auto}.detail-intro .service-name-text{font-size:25px}.calc-result strong{color:#ba6500}.calc-fields input{font-size:16px}.simform fieldset{background:#f2f7f8}.simchoices label:has(input:checked){color:#255c6b;background:#e9f7fa;border-color:#4593aa}.filterhint{font-size:12px}.article-body table th{width:27%}
@media(min-width:1450px){.wrap{max-width:1180px}.hero-inner{height:505px}}
@media(max-width:1000px){.wrap{padding:0 23px}.headerlinks{gap:18px}.brandcaption{display:none}.hero-copy h1{font-size:37px}.hero-copy h1>span{font-size:20px}.hero-brand{font-size:41px}.hero-visual{right:-225px;width:750px}.featured-panel{padding:23px 20px}.featured-grid{gap:12px}.featured-card{padding-right:11px}.feature-logo .service-logo{max-width:140px;width:100%}.purpose-grid{gap:12px}.purpose-grid h3{font-size:16px}.purpose-grid>a{padding:20px 12px;min-height:118px}.compare-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.identity{gap:15px}.identity h3{font-size:18px}.identity .service-logo{width:100px;max-width:100px}.cardaction .btn{min-width:0;width:60%;flex:1}.cardaction .detaillink{font-size:13px}.cardbody{padding:17px}.metric{padding:10px 5px}.metric strong.smallmetric{font-size:14px}.cardfoot{padding:10px 17px}.cardfoot small{font-size:10px}}
@media(max-width:720px){body{padding-bottom:71px}.wrap{padding:0 18px}.brandrow{min-height:66px;gap:15px}.brandname{font-size:26px}.menubutton{width:34px;height:36px}.headerlinks{display:none}.brandrow .menubutton{margin-left:auto}.site-menu .wrap{grid-template-columns:1fr;padding:14px 22px}.site-menu a{font-size:14px;padding:12px 0}.hero-inner{height:421px;align-items:start}.hero-copy{padding-top:24px;width:100%;padding-bottom:0}.hero-tag{font-size:11px;padding:4px 9px;margin-bottom:9px}.hero-copy h1{font-size:31px;line-height:1.45;letter-spacing:0}.hero-copy h1>span{font-size:16px}.hero-brand{font-size:33px;margin-top:6px}.hero-sub{font-size:12px;line-height:1.7;max-width:245px;margin-top:7px}.hero-visual{width:390px;right:-136px;top:88px;bottom:53px;opacity:.6;background-position:center}.hero-copy{z-index:2}.hero-search{width:calc(100% - 36px);bottom:22px;padding:6px;border-color:#a5c7d0;border-radius:4px}.hero-search select{width:108px;font-size:12px;padding:3px 4px}.hero-search input{padding:4px 8px;font-size:14px}.hero-search button{min-width:55px;font-size:13px}.hero-search button span{display:none}.mobile-only{display:block}.sectionheading{margin-bottom:21px}.sectionheading h2{font-size:20px}.sectionheading p{font-size:13px;line-height:1.8;margin-top:7px}.featured-section{padding:29px 0 24px}.featured-panel{padding:19px 14px 16px;border-radius:13px}.featured-panel .ad-note{font-size:11px;line-height:1.7;margin-bottom:15px}.featured-grid{grid-template-columns:1fr 1fr;gap:24px 13px}.featured-card{padding:0;border-right:0}.feature-label{font-size:12px;padding:4px 1px}.feature-logo{height:65px}.feature-logo .service-logo{height:46px;max-width:128px}.service-name-text{font-size:21px}.featured-card h3{font-size:14px;min-height:22px;margin:1px 0 6px}.feature-point{font-size:12px;min-height:23px}.feature-fee{font-size:12px;margin:2px 0 6px}.feature-fee b{font-size:19px}.featured-card .btn{min-height:40px;font-size:12px;padding:7px 3px;margin-top:6px}.feature-note{font-size:10px;line-height:1.8;margin-top:19px}.purpose-section{padding:19px 0 30px}.purpose-grid{grid-template-columns:1fr 1fr;gap:11px}.purpose-grid>a{padding:18px 13px;min-height:109px}.purpose-grid h3{font-size:15px}.purpose-grid p{font-size:12px}.workspace{padding:31px 0 36px}.compare-layout{display:block}.filterbox{padding:20px}.filterbox h2{font-size:17px}.mobile-filter{background:#eef7fa;border-color:#abcbd5;font-size:14px;color:#2a687a;padding:11px}.results-heading h2{font-size:15px}.results-heading h2 b{font-size:25px}.sort select{font-size:12px;max-width:165px}.company-top{padding:16px 14px 12px}.identity{gap:12px}.identity .service-logo{width:86px;max-width:86px;height:43px}.identity h3{font-size:17px}.identity p{font-size:10px}.company-card{margin-bottom:17px}.cardbody{padding:14px;gap:14px}.cardbrief{font-size:13px;line-height:1.8;margin-bottom:13px}.metric>span{font-size:10px;line-height:1.5}.metric strong.fee{font-size:22px}.metric strong.smallmetric{font-size:13px;line-height:1.5;display:block}.metric{padding:9px 4px}.metrics{grid-template-columns:1fr 1fr 1fr}.cardtags{gap:5px;margin-top:11px}.cardtags span{font-size:10px;padding:2px 5px}.cardaction{gap:13px}.cardaction .btn{font-size:12px;min-height:45px;padding:9px 6px;gap:5px;width:60%}.cardaction .detaillink{font-size:11px;white-space:normal;width:30%}.cardfoot{padding:9px 14px;align-items:center;gap:8px}.comparecheck{font-size:11px;gap:5px}.cardfoot small{font-size:9px;max-width:128px;text-align:right;line-height:1.6}.filterhint{font-size:11px;line-height:1.8}.contentsection{padding:32px 0}.sectionhead h2,.faq-grid h2{font-size:21px}.guide-grid{gap:14px}.guide-item{padding:20px}.guide-item h3{font-size:16px}.guide-item p{font-size:14px}.faq-grid{display:block}.faq summary{font-size:14px}.faq details p{font-size:14px}.truststrip h3{font-size:15px}.truststrip p{font-size:12px}.footer{padding-bottom:25px}.footerlinks{font-size:12px}.footernote{font-size:11px}.persistent-cta{min-height:65px;padding:9px 15px}.persistent-cta>span{display:none}.persistent-cta .btn{min-width:0;width:290px;min-height:46px;font-size:15px}.comparetray{padding:10px 15px;min-height:65px;gap:12px}.comparetray p{font-size:12px}.comparetray .btn{font-size:13px;padding:8px 13px}.pageheader h1{font-size:24px}.pageheader p{font-size:14px}.article-body h2{font-size:21px}.article-body p{font-size:15px}.detail-intro{padding:18px;gap:13px}.detail-intro .btn{width:100%;margin:0}.detail-intro .service-logo{width:140px}.calc-fields label{font-size:14px}.calc-result strong{font-size:28px}.site-menu[hidden]{display:none}.toc{position:static}.simchoices label{font-size:13px}.comparison th,.comparison td{font-size:13px}.sectionhead a{font-size:13px}}

/* Keep actions and comparison text readable on narrow screens. */
@media(max-width:720px){.cardbrief,.cardaction .btn,.cardaction .detaillink,.comparecheck,.featured-card .btn,.feature-point,.hero-sub,.feature-label,.hero-search select,.hero-search button{font-size:14px}.cardaction .detaillink{width:32%}.feature-point{min-height:42px}.cardfoot small{font-size:11px}.cardfoot{flex-wrap:wrap}.metric>span{font-size:12px}.cardtags span{font-size:12px}.cardfoot small{max-width:none}.purpose-grid p{font-size:13px}}