:root{--ink:#25352c;--green:#285a40;--muted:#58645b;--line:#d8dfd5;--paper:#fff;--wash:#f5f6ef;--soft:#edf2e6;--focus:#a34d05}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:18px;line-height:1.7}a{color:var(--green);text-underline-offset:4px}button,input,select{font:inherit}button,select,label{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.6vw,44px);line-height:1.45;letter-spacing:.02em}h2{font-size:26px;line-height:1.45}h3{font-size:22px}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:white}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}.brand{text-decoration:none;font-size:27px;font-weight:800;white-space:nowrap}.brand img{display:block;width:210px;height:64px;object-fit:contain}.header-link{font-size:16px;font-weight:700;min-height:48px;display:flex;align-items:center}.hero{display:flex;align-items:center;justify-content:space-between;padding-block:32px 24px;gap:24px}.hero h1{margin-bottom:12px}.hero p:last-child{margin-bottom:0}.eyebrow{font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--muted);display:block;margin-bottom:8px}.mascot{width:150px;height:150px;object-fit:contain;flex-shrink:0}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.purpose{border:1px solid var(--line);border-radius:14px;background:var(--wash);padding:18px 20px;text-decoration:none;display:flex;flex-direction:column;gap:3px}.purpose:hover{border-color:var(--green);background:var(--soft)}.purpose-number{font-size:13px;color:var(--muted);font-weight:700}.purpose strong{font-size:20px}.purpose>span:last-child{font-size:15px}.service-section{padding-block:32px 52px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading h2{margin:0}.section-heading a{font-size:16px;white-space:nowrap}.ad-note{font-size:14px;color:var(--muted);margin:12px 0 20px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{min-width:0;border:1px solid var(--line);border-radius:16px;padding:22px;background:white;display:flex;flex-direction:column}.service-identity{display:flex;align-items:center;gap:14px;margin-bottom:16px}.service-identity h2{font-size:23px;margin:0;overflow-wrap:anywhere}.service-identity .eyebrow{font-size:12px;margin:0 0 4px}.service-image{width:66px;height:66px;object-fit:contain;flex:0 0 66px}.service-initial{width:60px;height:60px;display:grid;place-items:center;background:var(--soft);border-radius:12px;color:var(--green);font-size:24px;flex:0 0 60px}.summary{margin-bottom:12px;font-size:17px;overflow-wrap:anywhere}.audience{font-size:15px;color:var(--muted);margin-bottom:12px}.price{font-size:19px;font-weight:700;margin-bottom:10px;overflow-wrap:anywhere}.tags{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;margin-bottom:20px}.tags span{background:var(--wash);border-radius:5px;padding:3px 8px}.card-actions{margin-top:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 18px;min-height:52px;border-radius:9px;border:1px solid transparent;text-decoration:none;font-weight:700;line-height:1.5;text-align:center}.primary{background:var(--green);color:white}.primary:hover{background:#1b432d}.secondary{background:white;border-color:var(--green);color:var(--green)}.service-card .button{width:100%;font-size:16px;padding-inline:10px}.card-subactions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:15px;min-height:44px}.card-subactions a{padding-block:10px}.compare-choice{display:flex;align-items:center;min-height:44px;gap:7px}.compare-choice input{width:20px;height:20px;accent-color:var(--green)}.all-services{display:flex;max-width:400px;margin:26px auto 0}.site-footer{border-top:1px solid var(--line);background:var(--wash);padding:30px 0 40px}.site-footer p{font-weight:bold;margin-bottom:12px}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:15px;margin-bottom:12px}.site-footer small{font-size:13px;color:var(--muted)}.listing{padding-block:30px 60px}.listing>h1{margin-bottom:8px}.filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;background:var(--wash);padding:20px;border-radius:12px;margin:22px 0}.filters label{font-size:15px;font-weight:700}.filters select{display:block;min-height:48px;background:white;border:1px solid #8c998e;border-radius:7px;padding:8px 32px 8px 12px;font-size:17px;margin-top:6px;max-width:100%}.filters>a{font-size:15px;padding-block:12px}.empty-state{grid-column:1/-1;background:var(--wash);padding:24px;border-radius:12px}.compare-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:10;width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;justify-content:center;gap:16px;background:white;border:2px solid var(--green);border-radius:12px;padding:12px 20px;box-shadow:0 4px 24px #22332220}.has-compare{padding-bottom:110px}.comparison{padding-top:40px;scroll-margin-top:20px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.comparison-grid article{min-width:0;border:1px solid var(--line);padding:20px;border-radius:12px}.comparison-grid h3{overflow-wrap:anywhere}.comparison-grid dl{margin-bottom:20px}.comparison-grid dt{font-size:14px;color:var(--muted);margin-top:16px}.comparison-grid dd{margin:0;overflow-wrap:anywhere}.comparison-grid .button{font-size:16px;width:100%}#compare-pair{display:block;max-width:100%;padding:10px;font-size:16px}.detail{padding-block:26px 48px;max-width:1000px}.back-link{font-size:16px}.detail-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start}.detail h1{margin-bottom:12px}.detail-image{width:150px;height:100px;object-fit:contain;object-position:left;margin-bottom:16px}.detail-summary{font-size:21px}.for-you{border-left:4px solid var(--green);padding:4px 0 4px 18px;margin-block:22px}.for-you h2{font-size:17px;margin-bottom:6px}.for-you p{margin:0;font-size:19px}.decision-box{background:var(--wash);border:1px solid var(--line);border-radius:16px;padding:24px}.decision-box dl{margin:0 0 22px}.decision-box dl>div{padding-block:12px;border-bottom:1px solid var(--line)}.decision-box dt{font-size:14px;color:var(--muted)}.decision-box dd{margin:0;font-weight:700}.decision-box .button{width:100%}.feature-section{margin-top:36px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0}.feature-grid li{padding:22px;border:1px solid var(--line);border-radius:12px;font-size:19px}.before-order{margin-top:32px;padding:24px;background:var(--wash);border-radius:12px}.before-order h2{font-size:22px}.source-note{font-size:14px;margin-top:18px;color:var(--muted)}.detail-sticky{display:none}.prose{max-width:800px;padding-block:40px 60px;min-height:55vh}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:20}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purpose strong{font-size:18px}}@media(max-width:640px){body{font-size:18px}.container{width:calc(100% - 32px)}.header-inner{min-height:70px;gap:12px}.brand{font-size:24px}.brand img{width:155px;height:50px}.header-link{font-size:14px}.hero{padding-block:22px 18px;gap:8px;position:relative}.hero h1{font-size:28px;line-height:1.45}.hero .eyebrow{font-size:12px;letter-spacing:0}.hero p:last-child{font-size:15px}.mascot{width:66px;height:80px;position:absolute;right:0;top:42px;background:white}.hero:has(.mascot) .hero-copy{padding-right:58px}.hero:has(.mascot) h1{font-size:25px}.purpose-grid{gap:8px;grid-template-columns:1fr}.purpose{padding:12px 14px;display:grid;grid-template-columns:24px 1fr;column-gap:10px;border-radius:9px}.purpose-number{grid-row:1/3;align-self:center}.purpose strong{font-size:18px}.purpose>span:last-child{font-size:13px}.service-section{padding-top:24px}.section-heading h2{font-size:23px}.section-heading a{font-size:14px}.ad-note{font-size:12px;margin-block:10px 16px}.card-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:20px}.service-card .button{font-size:17px}.filters{padding:16px;gap:12px}.filters label{width:100%}.filters select{width:100%}.filters .button{font-size:16px}.comparison-grid{gap:8px}.comparison-grid article{padding:12px}.comparison-grid h3{font-size:19px}.comparison-grid dd{font-size:16px}.comparison-grid .button{font-size:14px;padding:10px 6px}.compare-bar{gap:8px;padding:10px}.compare-bar .button{font-size:14px;min-height:44px;padding:8px 10px}#compare-count{font-size:14px}.detail-intro{grid-template-columns:1fr;gap:12px}.detail-image{height:70px;width:120px}.detail h1{font-size:29px}.detail-summary{font-size:19px}.decision-box{padding:18px}.decision-box dl>div{padding-block:8px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid li{padding:16px}.detail-sticky{display:block;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:10}.detail-sticky .button{width:100%;font-size:16px}.has-detail-sticky{padding-bottom:95px}.site-footer nav{gap:12px;font-size:14px}.before-order{padding:20px}.before-order .button{width:100%;font-size:16px}}
/* Compact mobile choices keep the first service CTA close to the entrance. */
@media(max-width:640px){.purpose{padding:11px 14px;align-items:center}.purpose-number{grid-row:auto}.purpose>span:last-child{display:none}}
