:root{color-scheme:light;--ink:#192321;--muted:#56615e;--green:#13674d;--line:#dce3df;--soft:#f3f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85;letter-spacing:.02em}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3{margin:0}button,input,select,textarea{font:inherit}h1,h2,h3{line-height:1.35;letter-spacing:-.04em;text-wrap:balance}p{color:var(--muted)}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}section[id],details[id]{scroll-margin-top:100px}.site-header{height:88px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:40px;border-bottom:1px solid #e9edea;background:#fffffff5;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand-stack{text-decoration:none;display:grid;gap:0}.brand-stack img{width:140px;max-height:37px}.brand-stack small{font-size:12px;letter-spacing:.1em;line-height:1.3;color:var(--muted)}.header-nav{display:flex;gap:32px;margin-left:auto}.header-nav a{text-decoration:none;font-size:14px;font-weight:650}.header-nav a:hover{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:14px 27px;border-radius:8px;font-weight:700;text-decoration:none;font-size:16px;border:1px solid transparent;line-height:1.5;transition:background .15s,box-shadow .15s;cursor:pointer}.primary{background:var(--green);color:white}.primary:hover{background:#0b503b;box-shadow:0 4px 15px #13674d20}.secondary{background:#fff;border-color:#b8c4be}.secondary:hover{background:var(--soft)}.header-cta{min-height:44px;padding:10px 20px;font-size:14px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--green);margin-bottom:20px}.product-hero{text-align:center;padding:76px 32px 54px;overflow:hidden}.product-hero h1{font-size:clamp(36px,4.6vw,68px);font-weight:800;line-height:1.35;letter-spacing:-.065em}.product-hero h1 span{color:var(--green)}.hero-lead{font-size:18px;line-height:1.9;margin:26px auto}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.fine{font-size:14px;margin-top:16px}.device-stage{width:min(1180px,100%);margin:62px auto 0;position:relative;padding:0 100px 26px 10px}.desktop-device{border:9px solid #27312e;border-radius:20px;background:#27312e;box-shadow:0 28px 65px #1b453b1a;overflow:hidden}.desktop-device img{width:100%;border-radius:10px}.phone-device{position:absolute;right:6px;bottom:0;width:20%;border:7px solid #27312e;border-radius:28px;overflow:hidden;box-shadow:0 12px 40px #152e3326;background:#27312e}.phone-device img{width:100%}.device-note{font-size:14px;margin-top:26px}.workflow-intro{padding-block:100px 32px;text-align:center}.workflow-intro h2,.extras h2,.faq-section h2{font-size:clamp(30px,3.8vw,48px)}.flow-nav{display:flex;justify-content:center;gap:0;margin-top:44px;border-block:1px solid var(--line)}.flow-nav a{flex:1;display:flex;justify-content:center;align-items:center;gap:16px;padding:24px 8px;text-decoration:none;font-size:16px;font-weight:700}.flow-nav b{font-size:13px;color:var(--green);letter-spacing:.1em}.flow-nav a:hover{background:var(--soft)}.story-step{padding-block:100px;border-bottom:1px solid var(--line)}.step-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:center;margin-bottom:46px}.step-number{grid-column:1/-1;font-size:13px;font-weight:750;letter-spacing:.15em;color:var(--green);margin-bottom:24px}.step-copy h2{font-size:clamp(32px,3.9vw,52px);font-weight:750}.step-copy>p:last-child{font-size:17px;line-height:2}.product-shot{background:var(--soft);padding:30px;border-radius:18px}.product-shot img{width:100%;border:1px solid #dce3df;border-radius:8px;box-shadow:0 8px 25px #182f240c}.product-shot figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}.daily-shot{padding:32px 24px}.completion-line{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px;font-size:15px}.completion-line span{font-size:13px;letter-spacing:.12em;color:#f3d47d;background:#343538;padding:5px 12px;border-radius:4px}.reservation-flow{background:#f3f7f5;border-radius:18px;padding:54px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.reservation-flow>div+div{border-left:1px solid #cbd7d1;padding-left:48px}.flow-label{color:var(--green);font-size:14px;font-weight:700;margin-bottom:18px}.reservation-flow h3{font-size:24px;margin-bottom:18px}.reservation-flow p{font-size:16px}.support-link{font-size:14px;margin-top:24px}.record-note{max-width:800px;margin:36px auto 0}.record-note h3{font-size:21px;margin-bottom:12px}.record-note p{font-size:15px}.record-storage-basis{margin-top:20px;font-size:14px}.record-storage-basis p{font-size:14px;padding-top:16px}.manifesto{background:#f3f7f5;margin-top:0;padding:80px 0;color:#243d32}.manifesto p{color:#52645b;font-size:18px;margin-bottom:22px}.manifesto .manifesto-lead{font-size:17px;line-height:1.95;margin-top:24px;margin-bottom:0}.manifesto h2{font-size:clamp(30px,3.6vw,48px);line-height:1.55;font-weight:700}.sappo-signature{display:flex;align-items:center;gap:20px;margin-top:34px;color:#52645b;font-size:15px}.sappo-signature img{object-fit:contain}.extras{padding-block:110px}.extra-list{margin-top:40px}.extra-list>details,.faq details{border-bottom:1px solid var(--line)}summary{cursor:pointer}.extra-list>details>summary{list-style:none;padding:25px 44px 25px 0;position:relative;font-size:22px;font-weight:700;display:flex;align-items:center;gap:24px}.extra-list summary::-webkit-details-marker{display:none}.extra-list>details>summary:after{content:'+';position:absolute;right:5px;font-size:26px;font-weight:400;color:var(--green)}.extra-list>details[open]>summary:after{content:'−'}.extra-list>details>summary span{margin-left:auto;color:var(--muted);font-size:15px;font-weight:400}.extra-list>details>div{padding:0 0 30px;max-width:900px}.extra-list .product-shot{margin-top:24px}.pricing{text-align:center;background:#f3f7f5;padding:100px 0}.pricing h2{font-size:clamp(30px,4vw,52px)}.price-display{display:flex;align-items:baseline;justify-content:center;gap:28px;margin-top:35px;line-height:1.15}.trial-duration{font-size:28px;font-weight:600}.price-display>strong{font-size:112px;font-weight:600;letter-spacing:-.07em}.price-display>strong>span{font-size:26px;margin-left:8px;letter-spacing:0}.price-after{font-size:18px;margin-top:20px;margin-bottom:18px}.price-after strong{color:var(--ink);font-size:27px;font-weight:600}.price-after strong span{font-size:18px}.pricing .button{margin-top:28px}.price-conditions{max-width:720px;text-align:left;margin:30px auto 0;font-size:14px;border-top:1px solid #d2ddd7;padding-top:18px}.price-conditions summary{text-align:center}.price-conditions p{margin-top:16px}.faq-section{padding-block:100px}.faq{margin-top:35px}.faq summary{font-weight:600;font-size:17px;padding:24px 6px}.faq details p{padding:0 6px 26px;font-size:16px;max-width:900px}.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;padding-block:64px 110px}.contact-heading h2{font-size:40px;margin-bottom:24px}.contact-price{font-size:14px;margin-top:22px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{min-width:0}.contact-field.full{grid-column:1/-1}.contact-field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:48px;border:1px solid #b4c1ba;border-radius:6px;padding:10px;background:#fff;color:var(--ink)}.contact-field textarea{min-height:140px;resize:vertical}.contact-form-note{font-size:13px;line-height:1.8;margin:18px 0}.contact-form>.button{width:100%}.site-footer{border-top:1px solid var(--line);padding:42px max(32px,calc((100vw - 1160px)/2));background:#fafbfa}.footer-brand{display:flex;align-items:center;gap:24px;margin-bottom:28px;font-size:13px;color:var(--muted)}.footer-brand img{width:130px}.footer-meta{display:flex;flex-wrap:wrap;gap:14px 26px;font-size:13px;color:var(--muted)}.mobile-break{display:none}.skip-link{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:30}.skip-link:focus{top:4px}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d29424;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}
@media(min-width:1600px){.product-hero{padding-top:90px}.device-stage{margin-top:70px}}@media(max-width:900px){.site-header{padding-inline:24px;gap:24px}.header-nav{gap:18px}.wrap{width:calc(100% - 48px)}.product-hero{padding-top:58px}.step-copy{gap:25px}.step-copy>p:last-child{font-size:16px}.reservation-flow{padding:30px;gap:25px}.reservation-flow>div+div{padding-left:25px}.contact-section{gap:32px;grid-template-columns:1fr 1.2fr}.contact-heading h2{font-size:34px}.contact-grid{grid-template-columns:1fr}.contact-field.full{grid-column:auto}}
@media(max-width:600px){html{scroll-padding-top:76px}.site-header{height:72px;padding:0 18px;gap:12px}.brand-stack img{width:116px}.brand-stack small{font-size:12px}.header-nav{display:none}.header-cta{margin-left:auto;font-size:13px;padding:10px 14px}.wrap{width:calc(100% - 40px)}.product-hero{padding:44px 20px 30px}.eyebrow{font-size:12px;letter-spacing:.035em;margin-bottom:20px}.product-hero h1{font-size:clamp(27px,7.2vw,43px);letter-spacing:-.06em}.hero-lead{font-size:15px;margin-block:23px}.hero-lead br{display:none}.hero-actions{gap:10px;max-width:380px;margin-inline:auto}.hero-actions .button{width:100%;min-height:52px;font-size:15px}.fine{font-size:12px}.device-stage{margin-top:40px;padding:0 27px 22px 0;width:100%}.desktop-device{border-width:4px;border-radius:9px}.desktop-device img{border-radius:4px}.phone-device{width:24%;right:0;border-width:3px;border-radius:12px}.device-note{font-size:12px;margin-top:18px}.workflow-intro{padding-block:55px 0}.workflow-intro h2,.extras h2,.faq-section h2{font-size:30px}.flow-nav{margin-top:28px;display:grid;grid-template-columns:1fr 1fr}.flow-nav a{font-size:14px;padding:15px 6px;gap:10px}.flow-nav a:nth-child(-n+2){border-bottom:1px solid var(--line)}.story-step{padding-block:58px}.step-copy{display:block;margin-bottom:28px}.step-number{font-size:12px;margin-bottom:18px}.step-copy h2{font-size:34px}.step-copy>p:last-child{font-size:15px;margin-top:22px;line-height:1.95}.step-copy>p:last-child br{display:none}.product-shot{padding:12px;border-radius:10px}.product-shot figcaption{font-size:12px;margin-top:10px}.daily-shot{overflow-x:auto}.daily-shot img{min-width:660px}.daily-shot a{display:block;min-width:660px}.daily-shot figcaption{position:sticky;left:0;text-align:left}.completion-line{align-items:flex-start;font-size:13px;gap:12px}.completion-line span{flex-shrink:0;font-size:12px}.reservation-flow{padding:26px;grid-template-columns:1fr;gap:28px}.reservation-flow>div+div{border-left:0;border-top:1px solid #cbd7d1;padding:26px 0 0}.reservation-flow h3{font-size:22px}.reservation-flow p{font-size:14px}.reservation-flow br{display:none}.record-note h3{font-size:19px}.manifesto{padding:66px 0}.manifesto p{font-size:15px;margin-bottom:22px}.manifesto h2{font-size:30px;line-height:1.55;letter-spacing:-.045em}.sappo-signature{gap:14px;font-size:14px;margin-top:22px}.sappo-signature img{width:70px;height:70px}.extras{padding-block:64px}.extra-list{margin-top:25px}.extra-list>details>summary{display:block;font-size:19px;padding-block:20px}.extra-list>details>summary span{display:block;font-size:13px;margin-top:4px}.extra-list>details>summary:after{top:25px}.pricing{padding:64px 0}.pricing h2{font-size:29px}.price-display{gap:20px;margin-top:24px}.price-display>strong{font-size:96px}.trial-duration{font-size:23px}.pricing>.wrap>p:not(.eyebrow){font-size:14px}.pricing .button{width:100%}.faq-section{padding-block:64px}.faq summary{font-size:16px;padding-block:20px}.faq details p{font-size:14px}.contact-section{display:block;padding-block:20px 64px}.contact-heading h2{font-size:34px}.contact-heading>p{font-size:15px}.contact-form{margin-top:30px}.contact-grid{gap:16px}.site-footer{padding:32px 20px}.footer-brand{display:block}.footer-brand span{display:block;margin-top:12px}.footer-meta{font-size:12px;gap:14px 20px}.mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:600px){.manifesto{padding:56px 0}.manifesto h2{font-size:clamp(25px,6.6vw,30px);line-height:1.6}.manifesto .manifesto-lead{font-size:15px;line-height:1.9;margin-top:22px}.manifesto .manifesto-lead br{display:none}}