:root{--ink:#203f34;--muted:#647269;--paper:#f7f6f0;--line:#dfe3d8;--green:#315f43;--pink:#925f76;font-family:'Yu Gothic UI','Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.85}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:var(--green)}header{max-width:1240px;min-height:102px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:.08em}.brand small{display:block;font-size:10px;letter-spacing:.12em;font-weight:500}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;width:45px;height:45px;border-radius:13px;font-size:17px;letter-spacing:-.04em}.header-link{text-decoration:none;font-size:13px}.header-link span{font-size:24px;margin-left:16px}main{max-width:1240px;margin:auto;padding:16px 30px 70px}.test{font-size:12px;padding:10px 18px;margin:8px 0;background:#f5ecd6;border:1px solid #e4d6ac;border-radius:8px;color:#685828}.intro{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center;padding:38px 0 52px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;color:#64816b;margin:0 0 16px}.intro h1{font-size:clamp(42px,4.8vw,64px);font-weight:750;line-height:1.35;letter-spacing:.035em;margin:0 0 25px}.intro-lead{font-size:21px;font-weight:600;line-height:1.8;margin:0 0 16px}.intro>div>p:not(.eyebrow):not(.intro-lead){color:var(--muted);font-size:14px}.intro-art{position:relative;padding-bottom:40px}.intro-art>img{width:100%;display:block}.mascots{position:absolute;right:14px;bottom:0;display:flex;align-items:center;gap:6px}.mascots img{height:97px;width:auto;object-fit:contain}.mascots p{font-size:12px;background:#fffdf8;padding:10px 15px;border:1px solid var(--line);border-radius:15px 15px 15px 0;line-height:1.7}.intro-note{font-size:11px!important}.button,button{display:inline-block;background:var(--green);color:white;border:0;border-radius:7px;padding:14px 25px;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}.button span,button span{padding-left:18px}.button:hover,button:hover{background:#214b33}.button:active,button:active{transform:translateY(1px)}h1{font-size:30px;line-height:1.5}h2{font-size:clamp(22px,2.4vw,30px);line-height:1.5;letter-spacing:.025em;margin:0 0 18px}h3{font-size:18px;margin-top:26px}p{margin:12px 0}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:25px}.section-heading>p{color:var(--muted);font-size:13px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin-bottom:0}.model-section{padding:35px 0 48px;border-top:1px solid var(--line)}fieldset{border:0;margin:0;padding:0}legend{font-size:13px;font-weight:650;margin-bottom:12px}.required{font-size:10px;display:inline-block;color:#985441;background:#f5e9df;padding:0 6px;border-radius:4px;vertical-align:2px;margin-left:4px}.optional{color:var(--muted);font-size:11px;font-weight:400}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.model-option{position:relative;display:block;cursor:pointer}.model-radio{position:absolute;width:1px;height:1px;opacity:0}.model-card{display:block;padding:27px 29px;background:#fdfcf7;border:2px solid #d9e0d3;border-radius:16px;transition:border-color .15s,box-shadow .15s;height:100%}.controlview .model-card{background:#fcf8f7;border-color:#e4d9dd}.model-option:hover .model-card{border-color:#7e9b7c}.model-radio:checked+.model-card{border-color:var(--green);box-shadow:0 0 0 3px #315f431a}.controlview .model-radio:checked+.model-card{border-color:var(--pink);box-shadow:0 0 0 3px #925f761a}.model-radio:focus-visible+.model-card{outline:3px solid #4f7cb0;outline-offset:5px}.model-top{display:flex;align-items:center;gap:12px}.model-number{font-size:24px;color:#7b987e;line-height:1}.controlview .model-number{color:#ad8193}.model-tag{font-size:11px;letter-spacing:.03em}.radio-mark{width:23px;height:23px;border:1px solid #a3b59f;background:white;border-radius:50%;margin-left:auto;flex-shrink:0}.model-radio:checked+.model-card .radio-mark{background:var(--green);box-shadow:inset 0 0 0 5px white}.controlview .model-radio:checked+.model-card .radio-mark{background:var(--pink)}.model-name{display:block;font-size:31px;font-weight:750;margin:17px 0 8px;letter-spacing:.03em}.model-description{display:block;font-size:18px;line-height:1.7;font-weight:600}.model-software-title{display:block;font-size:11px;font-weight:600;color:var(--muted);margin:24px 0 8px}.software-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:58px;align-content:start}.software-chips>span{font-size:11px;padding:3px 9px;border-radius:5px;background:#e9efdf;border:1px solid #d5e1cd;color:#36543a}.controlview .software-chips>span{background:#f1e6ec;border-color:#e5d4de;color:#755268}.model-uses{display:flex;flex-direction:column;gap:9px;margin:22px 0;font-size:13px;line-height:1.7}.model-uses>span>span{color:#7e9a5c;margin-right:7px}.model-note{display:block;font-size:11px;line-height:1.8;color:var(--muted);min-height:42px}.model-bottom{border-top:1px solid var(--line);padding-top:19px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.choose-label,.chosen-label{padding:7px 15px;background:#edf1e6;border-radius:6px;font-size:12px;font-weight:650}.chosen-label{display:none;background:var(--green);color:white}.controlview .chosen-label{background:var(--pink)}.model-radio:checked+.model-card .chosen-label{display:inline}.model-radio:checked+.model-card .choose-label{display:none}.common-note{font-size:12px;color:var(--muted);max-width:900px;margin-top:18px}.flow-section{padding:42px 32px;background:#e9eee4;border-radius:16px;margin:0 0 42px}.flow-section h2{font-size:26px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;padding:0;margin:24px 0 0;list-style:none}.steps li{display:flex;gap:12px;line-height:1.7}.steps li>span{display:grid;place-items:center;align-self:flex-start;flex-shrink:0;width:29px;height:29px;border-radius:50%;border:1px solid #afc2a7;font-size:12px}.steps strong{font-size:14px}.steps p{font-size:12px;color:var(--muted);margin:7px 0 0}.card{background:#fffef9;padding:30px 34px;border:1px solid var(--line);border-radius:14px;margin:24px 0}.card .eyebrow{margin-bottom:10px}.card>p{font-size:13px;color:var(--muted)}.options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.option{padding:18px;border:1px solid #dce3d5;background:#f6f8f1;border-radius:9px;display:flex;gap:11px;align-items:start;font-size:14px;cursor:pointer}.option input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:var(--green)}.option small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.request-card{padding-top:36px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:25px}.wide{grid-column:1/-1}label{font-weight:600;font-size:13px}input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;font:inherit;font-weight:400;color:var(--ink);background:#fff;border:1px solid #bec9ba;border-radius:6px;padding:12px 13px;margin:7px 0 0}textarea{min-height:125px;resize:vertical}input[name=quantity]{max-width:130px}input::placeholder,textarea::placeholder{color:#879086;font-size:12px}.check{display:flex;gap:12px;align-items:start;font-size:12px;font-weight:400;margin-top:25px}.check input{flex-shrink:0;width:19px;height:19px;margin:2px 0;accent-color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:23px}.muted,.actions>span{color:var(--muted);font-size:12px}.error{background:#fbece5;color:#8c3a27;border-left:4px solid #b56b50;padding:18px;border-radius:4px}.success{background:#e4f0df;color:#2a5733;border-left:4px solid #5c8b4c;padding:18px;border-radius:4px}.included-note{background:#edf2e6;border-radius:8px;padding:15px;font-size:14px!important;color:var(--ink)!important}.included-note small{font-size:12px}table{width:100%;border-collapse:collapse;font-size:13px;overflow-wrap:anywhere}th,td{padding:15px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:11px;color:var(--muted)}th:last-child,td:last-child{text-align:right}.total{font-size:20px;font-weight:750;background:#edf2e6}.url{overflow-wrap:anywhere}.honeypot{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere}details{padding:15px 0;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:11px;color:var(--muted)}:focus-visible{outline:3px solid #5385b7;outline-offset:3px}.skip-link{position:absolute;top:-80px;left:15px;z-index:10;background:white;padding:8px 15px}.skip-link:focus{top:10px}button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:800px){header{min-height:85px;padding:18px 22px}main{padding:14px 22px 45px}.intro{gap:15px;padding:35px 0}.intro h1{font-size:44px}.intro-lead{font-size:17px}.mascots img{height:72px}.mascots p{font-size:10px;padding:7px}.model-card{padding:23px 20px}.model-name{font-size:28px}.steps{gap:15px}.steps strong{font-size:12px}.steps p{font-size:11px}}@media(max-width:600px){header{padding:16px 18px}.brand{font-size:19px}.brand-mark{width:38px;height:38px}.header-link{font-size:11px}.header-link span{margin-left:3px}main{padding:10px 17px 40px}.test{font-size:10px;padding:8px 12px}.intro{grid-template-columns:1fr;padding:27px 0 30px;gap:20px}.intro h1{font-size:44px;margin-bottom:18px}.intro-lead{font-size:18px}.intro>div>p:not(.eyebrow):not(.intro-lead){font-size:13px}.intro-art{max-width:440px;width:100%;margin:auto;padding-bottom:33px}.mascots img{height:72px}.mascots{right:5px}.section-heading{display:block}.section-heading>p{font-size:12px}.model-section{padding:30px 0}.model-grid,.options,.grid{grid-template-columns:1fr;gap:16px}.model-card{padding:25px 23px}.model-name{font-size:31px}.model-uses{font-size:13px}.software-chips{min-height:unset}.model-note{min-height:unset}.model-bottom{font-size:11px}.flow-section{padding:25px 22px;margin-bottom:26px}.flow-section h2{font-size:23px}.steps{grid-template-columns:1fr;gap:22px}.steps strong{font-size:14px}.steps p{font-size:12px}.card{padding:25px 20px;margin:20px 0}.card h2{font-size:23px}.wide{grid-column:auto}.actions button{width:100%;font-size:14px;padding:15px 11px}.actions>span{font-size:11px}.grid{gap:20px}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}.model-radio{font-size:16px}th,td{padding:12px 5px;font-size:11px}.total{font-size:16px}.header-link{white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:.12em}}

.pc-unit{border:1px solid var(--line);border-radius:10px;padding:22px;margin:24px 0;background:#fff}.pc-unit legend{padding:0 8px;font-size:18px}.pc-unit .options{margin-bottom:0}.quantity-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}.secondary{padding:12px 18px}.unit-summary ul{padding-left:22px}.unit-summary li{margin:12px 0} @media(max-width:600px){.pc-unit{padding:17px 14px}.quantity-controls{align-items:center}}
.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.type-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:#f5f8f0}.type-card h3{margin:0 0 12px}.type-card p{font-size:13px}.type-card .type-price{font-size:30px;font-weight:750;margin:18px 0}.type-price small{font-size:12px}.type-card dl{font-size:11px;display:grid;grid-template-columns:1fr auto;gap:5px 8px}.type-card dd{margin:0;text-align:right}@media(max-width:800px){.type-grid{grid-template-columns:1fr}.type-card .type-price{font-size:28px}}
