:root{--linen:#faf8f4;--linen-deep:#efe9df;--sand:#eae3d6;--cocoa:#4a4038;--cocoa-soft:#6b5f55;--moss:#7f9c8a;--moss-ink:#4f6b5b;--moss-ink-dark:#3a5245;--moss-pale:#e4eae5;--honey:#d7a64a;--honey-pale:#f3e7cc;--honey-ink:#6b4e12;--white:#fff;--line:#cfc6b8;--display:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif;--body:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;--pad:clamp(20px,5.5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--linen);color:var(--cocoa);font-family:var(--body);-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.8}img{max-width:100%;display:block}a{color:var(--moss-ink)}a:hover{color:var(--moss-ink-dark)}:focus-visible{outline:3px solid var(--honey);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;line-height:1.4}p{margin:0}.notice{background:var(--linen-deep);text-align:center;padding:10px var(--pad);padding-top:calc(10px + env(safe-area-inset-top,0px));font-size:14px}.notice strong{margin-right:.8em}.header{z-index:10;-webkit-backdrop-filter:saturate(1.2)blur(8px);background:#faf8f4f0;position:sticky;top:0}.header-inner{height:76px;padding:0 var(--pad);justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;display:flex}.brand{color:var(--cocoa);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{object-fit:cover;background:var(--moss);width:44px;height:44px;color:var(--linen);border-radius:14px;place-items:center;font-size:11px;font-weight:700;display:grid}.brand-name{font-family:var(--display);letter-spacing:.02em;font-size:25px;font-weight:700}.nav{align-items:center;gap:32px;font-weight:500;display:flex}.nav a{color:var(--cocoa);text-decoration:none}.nav a:hover{color:var(--moss-ink)}.nav .nav-cta{background:var(--cocoa);height:44px;color:var(--linen);border-radius:22px;align-items:center;padding:0 22px;display:inline-flex}.nav .nav-cta:hover{color:var(--linen);background:#2f2822}.menu-btn{background:var(--linen-deep);cursor:pointer;border:none;border-radius:22px;place-items:center;width:44px;height:44px;display:none}.menu-btn svg{width:20px;height:20px}.btn{border:1.5px solid var(--cocoa);border-radius:27px;justify-content:center;align-items:center;min-height:54px;padding:0 30px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-dark{background:var(--cocoa);color:var(--linen)}.btn-dark:hover{color:var(--linen);background:#2f2822}.btn-line{color:var(--cocoa);background:0 0}.btn-line:hover{background:var(--linen-deep);color:var(--cocoa)}.section{padding:clamp(56px,8vw,96px) var(--pad)}.wrap{max-width:1280px;margin:0 auto}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.section-head h2{font-size:clamp(28px,3.4vw,40px)}.section-head p{max-width:460px}.placeholder{text-align:center;color:var(--cocoa-soft);place-items:center;padding:16px;font-size:14px;display:grid}.hero{padding:clamp(32px,6vw,72px) var(--pad) clamp(56px,7vw,96px);grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,64px);max-width:1440px;margin:0 auto;display:grid}.hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.35}.hero .lead{max-width:34em;margin-top:28px;font-size:clamp(15px,1.3vw,18px);line-height:1.95}.hero .actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero-visual{aspect-ratio:6/5;background:var(--sand);border-radius:40px;position:relative;overflow:hidden}.hero-visual:before{content:"";aspect-ratio:1;background:var(--honey);opacity:.35;border-radius:50%;width:38%;position:absolute;top:22%;left:31%}.hero-visual span{text-align:center;position:absolute;inset:auto 0 18%}.apps{background:var(--white)}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.app{background:var(--linen);border-radius:28px;flex-direction:column;gap:16px;padding:28px;display:flex}.app-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-icon{object-fit:cover;width:64px;height:64px;font-family:var(--display);border-radius:18px;flex-shrink:0;place-items:center;font-size:28px;font-weight:700;display:grid}.badge{background:var(--moss-pale);color:var(--moss-ink-dark);white-space:nowrap;border-radius:12px;padding:3px 12px;font-size:13px;font-weight:700}.badge.soon{background:var(--honey-pale);color:var(--honey-ink)}.app h3{font-size:23px}.app .kind{color:var(--moss-ink);margin-top:2px;font-size:14px;font-weight:700}.app .copy{flex-grow:1;font-size:15px}.app .links{flex-wrap:wrap;gap:18px;font-size:15px;font-weight:700;display:flex}.app .links a{align-items:center;min-height:44px;display:inline-flex}.atelier{background:#f2f5f2}.atelier .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.atelier-visual{aspect-ratio:13/10;background:var(--moss-pale);color:var(--moss-ink);border-radius:40px}.atelier h2{font-size:clamp(28px,3.4vw,40px)}.atelier h2 small{margin-top:4px;font-size:clamp(18px,1.9vw,26px);display:block}.atelier .body{max-width:36em;margin-top:24px;font-size:clamp(15px,1.2vw,17px);line-height:1.95}.member{background:var(--white);border-radius:20px;max-width:36em;margin-top:24px;padding:20px 24px}.member strong{font-size:15px;display:block}.member p{margin-top:4px;font-size:15px}.atelier .actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.support{background:var(--white)}.support .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);display:grid}.support h2{font-size:clamp(28px,3.4vw,40px)}.support .intro{max-width:30em;margin-top:20px}.help-list{border-top:1px solid var(--linen-deep);margin:28px 0 0;padding:0;list-style:none}.help-list a{border-bottom:1px solid var(--linen-deep);min-height:56px;color:var(--cocoa);justify-content:space-between;align-items:center;font-weight:700;text-decoration:none;display:flex}.help-list a:hover{color:var(--moss-ink)}.help-list svg{flex-shrink:0;width:18px;height:18px}.contact-card{background:var(--linen);border-radius:28px;align-self:start;padding:clamp(28px,3.5vw,44px)}.contact-card h3{font-size:26px}.contact-card p{margin-top:14px}.contact-card .btn{margin-top:28px}.contact-card .note{color:var(--cocoa-soft);margin-top:18px;font-size:14px}.footer{background:var(--cocoa);color:var(--linen);padding:56px var(--pad) calc(40px + env(safe-area-inset-bottom,0px))}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer .brand-name{color:var(--linen)}.footer .tag{color:#e6ded2;margin-top:8px;font-size:14px}.footer nav{grid-template-columns:repeat(3,auto);gap:6px 48px;font-size:14px;display:grid}.footer nav a{color:var(--linen);align-items:center;min-height:36px;display:inline-flex}.footer nav a:hover{color:#fff}.copyright{color:#e6ded2;max-width:1280px;margin:28px auto 0;font-size:13px}@media (width<=1080px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.menu-btn{display:grid}.nav{padding:8px var(--pad) 20px;background:var(--linen);border-bottom:1px solid var(--linen-deep);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:76px;left:0;right:0}.nav.open{display:flex}.nav a{border-bottom:1px solid var(--linen-deep);align-items:center;min-height:52px;display:flex}.nav .nav-cta{border-bottom:none;justify-content:center;margin-top:14px}.hero,.atelier .wrap,.support .wrap{grid-template-columns:minmax(0,1fr)}.hero-visual{aspect-ratio:16/11;border-radius:28px;order:-1}.atelier-visual{aspect-ratio:16/10;border-radius:28px}.footer nav{grid-template-columns:repeat(2,auto)}}@media (width<=560px){.header-inner{height:64px}.nav{top:64px}.brand-mark{border-radius:12px;width:36px;height:36px;font-size:10px}.brand-name{font-size:22px}.app-grid{grid-template-columns:minmax(0,1fr)}.app{border-radius:22px;padding:22px}.app-icon{border-radius:16px;width:56px;height:56px;font-size:24px}.hero .actions .btn,.atelier .actions .btn,.contact-card .btn{width:100%}.footer nav{grid-template-columns:minmax(0,1fr)}}.skip-link{z-index:20;background:var(--cocoa);color:var(--linen);border-radius:12px;padding:10px 16px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:16px}.brand-mark{background:0 0}.nav a[aria-current=page]:not(.nav-cta){color:var(--moss-ink);text-underline-offset:6px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.btn,.nav a,.help-list a,.app .links a{transition:background-color .15s,color .15s}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-head{padding:clamp(32px,5vw,64px) var(--pad) clamp(28px,4vw,48px)}.page-head .wrap{max-width:960px}.crumbs{color:var(--cocoa-soft);margin-bottom:14px;font-size:14px}.crumbs ol{flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"／";color:var(--line);margin:0 .4em}.crumbs a{color:var(--cocoa-soft)}.page-head h1{font-size:clamp(30px,4vw,46px)}.page-head .lead{max-width:40em;margin-top:18px;font-size:clamp(15px,1.3vw,17px);line-height:1.95}.page-body{padding:0 var(--pad) clamp(56px,8vw,96px)}.page-body .wrap{max-width:960px}.block{margin-top:clamp(40px,6vw,64px)}.block:first-child{margin-top:0}.block>h2{margin-bottom:20px;font-size:clamp(22px,2.6vw,30px)}.panel{background:var(--white);border-radius:24px;padding:clamp(22px,3vw,32px)}.note{color:var(--cocoa-soft);font-size:14px}.check{background:var(--honey-pale);color:var(--honey-ink);border-radius:6px;padding:0 .2em}.app-hero{flex-wrap:wrap;align-items:center;gap:clamp(18px,3vw,32px);display:flex}.app-hero .app-icon{border-radius:28px;width:112px;height:112px;font-size:44px}.app-hero .kind{color:var(--moss-ink);margin-top:6px;font-weight:700}.app-hero .reading{color:var(--cocoa-soft);margin-left:.6em;font-size:15px;font-weight:500}.app-hero .actions{flex-wrap:wrap;gap:14px;width:100%;margin-top:28px;display:flex}.meta{color:var(--cocoa-soft);margin-top:14px;font-size:14px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feature{background:var(--white);border-radius:20px;padding:22px 24px}.feature h3{font-size:18px}.feature p{margin-top:6px;font-size:15px}.steps{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--white);counter-increment:step;border-radius:20px;padding:20px 24px 20px 76px;position:relative}.steps li:before{content:counter(step);background:var(--moss-pale);width:38px;height:38px;color:var(--moss-ink-dark);font-family:var(--display);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:20px;left:22px}.steps strong{font-family:var(--display);font-size:17px;display:block}.steps p{margin-top:4px;font-size:15px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.plan{background:var(--white);border:1.5px solid var(--linen-deep);border-radius:22px;padding:24px}.plan h3{font-size:18px}.plan .price{font-family:var(--display);color:var(--moss-ink-dark);margin-top:4px;font-size:22px;font-weight:700}.plan .price-note{color:var(--cocoa-soft);font-size:14px}.plan ul{margin:14px 0 0;padding-left:1.2em;font-size:15px}.plan li{margin:4px 0}.notes{color:var(--cocoa-soft);margin:16px 0 0;padding-left:1.2em;font-size:14px}.faq{border-top:1px solid var(--linen-deep)}.faq details{border-bottom:1px solid var(--linen-deep)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:12px 0;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--moss-ink);flex-shrink:0;font-weight:700}.faq details[open] summary:after{content:"−"}.faq .answer{padding:0 0 20px;font-size:15px}.faq .answer p+p{margin-top:.8em}.link-list{border-top:1px solid var(--linen-deep);margin:0;padding:0;list-style:none}.link-list a{border-bottom:1px solid var(--linen-deep);min-height:56px;color:var(--cocoa);justify-content:space-between;align-items:center;font-weight:700;text-decoration:none;display:flex}.link-list a:hover{color:var(--moss-ink)}.link-list svg{flex-shrink:0;width:18px;height:18px}.disclaimer{background:var(--linen-deep);border-radius:18px;margin-top:clamp(40px,6vw,64px);padding:20px 24px;font-size:14px}.other-apps{flex-wrap:wrap;gap:10px;display:flex}.other-apps a{background:var(--white);min-height:48px;color:var(--cocoa);border-radius:24px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-weight:700;text-decoration:none;display:inline-flex}.other-apps img,.other-apps .app-icon{border-radius:10px;width:36px;height:36px;font-size:16px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;background:var(--white);border-radius:18px;width:100%;font-size:15px;overflow:hidden}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linen-deep);padding:14px 16px}.table th{background:var(--moss-pale);color:var(--moss-ink-dark);white-space:nowrap}.table tr:last-child td{border-bottom:none}.doc{background:var(--white);border-radius:28px;padding:clamp(24px,4vw,48px)}.doc h1{margin-bottom:12px;font-size:clamp(26px,3.2vw,34px)}.doc h2{border-bottom:1px solid var(--linen-deep);margin-top:40px;padding-bottom:8px;font-size:20px}.doc h3{margin-top:26px;font-size:17px}.doc p,.doc li{font-size:15px}.doc p{margin:12px 0}.doc ul,.doc ol{padding-left:1.4em}.doc li{margin:6px 0}.doc hr{border:none;border-top:1px dashed var(--line);margin:32px 0}.doc table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px;display:block;overflow-x:auto}.doc th,.doc td{border:1px solid var(--linen-deep);text-align:left;vertical-align:top;padding:9px 12px}.doc th{background:var(--moss-pale)}.doc a{word-break:break-all}.doc-foot{flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:15px;font-weight:700;display:flex}.form{gap:22px;display:grid}.field label,.field .label{margin-bottom:8px;font-weight:700;display:block}.field .req{color:var(--honey-ink);background:var(--honey-pale);border-radius:10px;margin-left:8px;padding:1px 8px;font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1.5px solid var(--line);background:var(--white);width:100%;min-height:52px;color:var(--cocoa);font:inherit;border-radius:14px;padding:12px 16px;font-size:16px}.field textarea{resize:vertical;min-height:200px;line-height:1.8}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--honey);outline-offset:2px;border-color:var(--cocoa)}.field .hint{color:var(--cocoa-soft);margin-top:6px;font-size:14px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form .btn{cursor:pointer;border:none;font-family:inherit}.form .btn:disabled{opacity:.6;cursor:wait}.form-alert{background:var(--honey-pale);color:var(--honey-ink);border-radius:16px;padding:16px 20px;font-size:15px}.atelier-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=820px){.feature-grid,.plans,.atelier-points{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.app-hero .app-icon{border-radius:22px;width:88px;height:88px;font-size:36px}.app-hero .actions .btn{width:100%}.steps li{padding:18px 18px 18px 66px}.steps li:before{left:16px}}.shot-strip{justify-content:center;gap:16px;margin-top:clamp(32px,5vw,48px);display:flex;overflow:hidden}.shot-strip img,.screen img{background:var(--white);border-radius:28px;box-shadow:0 18px 40px -24px #4a403873}.shot-strip img{width:min(30%,240px);height:auto}.screens{gap:clamp(28px,4vw,44px);display:grid}.screen{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,40px);display:grid}.screen img{width:100%;height:auto}.screen-no{font-family:var(--display);color:var(--moss-ink);letter-spacing:.08em;font-size:14px;font-weight:700}.screen h3{margin-top:2px;font-size:20px}.screen p{margin-top:8px;font-size:15px}.screen ul{margin:12px 0 0;padding-left:1.2em;font-size:15px}.screen li{margin:4px 0}@media (width<=560px){.screen{grid-template-columns:minmax(0,1fr)}.screen img{max-width:240px;margin:0 auto}.shot-strip img{border-radius:16px;width:31%}}