:root{--brand:#B95028;--deep:#943E20;--ink:#4A3328;--muted:#746052;--paper:#FAF9F6;--wash:#F3EAE0;--line:#E8DED1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:var(--paper);line-height:1.9}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding-inline:48px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:26px}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-.05em}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.site-header nav a{text-decoration:none}.header-download{padding:10px 21px;border:1px solid var(--brand);border-radius:30px;color:var(--brand)}.hero{display:grid;grid-template-columns:1fr 1.04fr;grid-template-rows:auto auto;column-gap:44px;padding-block:50px 100px;align-items:center}.hero-copy{padding-top:15px}.intro{font-size:14px;font-weight:700;margin-bottom:24px;color:var(--brand)}h1{font-size:clamp(34px,4.1vw,56px);font-weight:900;letter-spacing:-.045em;line-height:1.55}h2{font-size:clamp(29px,3.15vw,42px);font-weight:900;line-height:1.65;letter-spacing:-.035em}.lead{margin-top:24px;font-size:16px;line-height:2}.hero-scene{position:relative;grid-column:2;grid-row:1 / 3;padding-bottom:45px}.hero-photo{width:100%;height:530px;object-fit:cover;object-position:58% center;border-radius:120px 14px 14px 14px}.notification{display:flex;gap:12px;align-items:center;position:absolute;bottom:23px;left:-26px;width:calc(100% - 4px);max-width:385px;padding:18px 20px;background:rgba(255,255,255,.96);border-radius:20px;box-shadow:0 12px 40px #4a33281a}.notification>div{flex:1}.notification-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.notification-top span{color:var(--muted);font-size:11px}.notification p{font-size:14px;line-height:1.6}.scene-caption{position:absolute;right:0;bottom:0;font-size:11px;color:var(--muted)}.hero-install{display:flex;align-items:center;gap:20px;align-self:start;margin-top:28px}.store-link{display:inline-block;flex-shrink:0;line-height:0;border-radius:10px}.store-link img{width:174px;height:64px}.hero-install p{font-size:12px;line-height:1.9;font-weight:700}.hero-install p span{font-size:11px;color:var(--muted);font-weight:400}.section{padding-block:100px}.arrival{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid var(--line);align-items:center}.section-copy p{font-size:16px;line-height:2.1;margin-top:24px;max-width:31em}.arrival-visual{padding:30px 20px}.route{display:flex;align-items:center;gap:12px;margin:0 20px 42px}.route-point{background:white;border:1px solid var(--line);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:13px}.route-line{flex:1;border-top:3px dotted #c9ab8e}.route-home{display:flex;align-items:center;gap:12px;border-radius:50%;background:var(--wash);width:116px;height:116px;justify-content:center;color:var(--brand);font-weight:700;flex-direction:column;gap:0}.route-home svg{width:38px;height:38px}.arrival-note{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:20px}.arrival-note strong{font-size:18px}.arrival-note p{font-size:14px}.fine{font-size:11px;line-height:1.9;color:var(--muted)}.diary-section{background:var(--wash);padding-block:88px 100px}.diary-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:42px 84px;align-items:center}.diary-photo{align-self:stretch}.diary-photo img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:45% center;border-radius:12px 90px 12px 12px}.diary-paper{grid-column:1 / -1;width:68%;margin:0 auto;background:#fffdf7;padding:28px 46px 22px;box-shadow:0 8px 24px #4a33280a;border-left:3px solid #e4c79b;position:relative}.paper-label{font-size:13px;color:var(--muted);margin-bottom:22px}.entry,.reply{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.entry p,.reply p{font-size:19px;font-weight:500}.reply{margin-left:38px}.author{font-size:12px;color:var(--muted)}.start h2{margin-bottom:42px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0}.steps li{border-top:2px solid var(--line);padding-top:24px}.step-number{font-size:28px;color:var(--brand);font-weight:900}.steps h3{font-size:18px;margin:12px 0}.steps p{font-size:14px;color:var(--muted)}.privacy-band{background:#f0ece5;padding-block:54px}.privacy-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.privacy-content h2{font-size:27px}.privacy-content p{font-size:14px;margin-bottom:14px}.privacy-content a{font-size:13px;color:var(--brand)}.faq{max-width:1000px}.faq h2{font-size:30px;margin-bottom:32px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:23px 32px 23px 0;font-size:16px;font-weight:700;cursor:pointer;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'＋';position:absolute;right:0;color:var(--brand)}.faq details[open] summary::after{content:'−'}.faq details p{padding-bottom:24px;color:var(--muted);font-size:14px;line-height:2}.download{text-align:center;background:var(--brand);color:#fff;padding-block:70px}.download-icon{margin:0 auto 22px;border-radius:21px}.download h2{line-height:1.6}.download p{margin-top:16px;font-size:15px}.download .store-link{margin-top:28px}.download .download-note{font-size:12px;margin-top:12px}.site-footer{padding-block:46px}.site-footer .wordmark{font-size:21px}.site-footer nav{display:flex;flex-wrap:wrap;gap:15px 25px;margin-block:24px}.site-footer nav a{font-size:12px}.site-footer>p{font-size:11px;color:var(--muted);margin-top:12px}a:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:5px}.download a:focus-visible{outline-color:white}@media(max-width:900px){.wrap{padding-inline:28px}.hero{column-gap:28px}.hero-photo{height:470px}.hero-install{gap:12px;flex-wrap:wrap}.arrival{gap:40px}.diary-layout{gap:36px}.diary-paper{width:85%}.steps{gap:24px}.notification{left:-16px}.privacy-content{gap:30px}}@media(max-width:640px){.wrap{padding-inline:24px}.site-header{padding-block:18px}.wordmark{font-size:24px}.wordmark img{width:39px;height:39px}.site-header nav>a:not(.header-download){display:none}.header-download{font-size:11px;padding:8px 13px}.hero{grid-template-columns:1fr;padding-top:27px;padding-bottom:56px;gap:0}.hero-copy{padding:0}.intro{font-size:12px;margin-bottom:14px}h1{font-size:37px;line-height:1.5;letter-spacing:-.06em}.lead{font-size:14px;margin-top:16px;line-height:1.9}.desktop{display:none}.hero-scene{grid-column:1;grid-row:auto;margin-top:27px;padding-bottom:42px}.hero-photo{height:320px;object-position:57% 48%;border-radius:66px 10px 10px 10px}.notification{left:10px;bottom:18px;max-width:none;width:calc(100% - 20px);padding:13px 14px;border-radius:16px;gap:10px}.notification>img{width:36px;height:36px}.notification p{font-size:12px}.notification-top{font-size:11px;margin-bottom:3px}.scene-caption{bottom:0;font-size:10px}.hero-install{margin-top:17px;gap:14px;flex-wrap:nowrap}.store-link img{width:152px;height:56px}.hero-install p{font-size:11px}.hero-install p span{font-size:10px}.section{padding-block:58px}h2{font-size:29px;line-height:1.6}.arrival{grid-template-columns:1fr;gap:20px}.section-copy p{font-size:14px;margin-top:20px}.arrival-visual{padding:14px 8px 0}.route{margin-bottom:20px}.diary-section{padding-block:48px}.diary-layout{grid-template-columns:1fr;gap:26px}.diary-photo{grid-row:2}.diary-photo img{height:245px;min-height:0;border-radius:10px 58px 10px 10px}.diary-paper{width:100%;padding:22px 22px 18px}.entry p,.reply p{font-size:16px}.reply{margin-left:20px}.paper-label{margin-bottom:14px;font-size:12px}.start h2{font-size:27px;margin-bottom:28px}.steps{grid-template-columns:1fr;gap:24px}.steps li{position:relative;padding:20px 0 0 46px}.step-number{position:absolute;left:3px;top:15px}.steps h3{font-size:17px;margin:0 0 8px}.steps p{font-size:14px}.privacy-band{padding-block:40px}.privacy-content{grid-template-columns:1fr;gap:20px}.privacy-content h2{font-size:25px}.faq h2{font-size:25px}.faq summary{font-size:14px;padding-block:21px}.download{padding-block:48px}.download h2{font-size:29px}.download p{font-size:14px}.site-footer{padding-block:35px}.site-footer nav{gap:13px 22px}}@media(max-width:360px){.wrap{padding-inline:20px}h1{font-size:33px}.hero-install{gap:10px}.hero-install p{font-size:10px}.store-link img{width:142px;height:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
