:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Noto Sans JP,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #111315;--paper: #ffffff;--line: #dedfdd;--movie-blue: #2a6cf5;--movie-night: #010916;--sanpo-ink: #0c3d2a;--sanpo-green: #125934;--sanpo-paper: #fbf3e6;--page-gutter: clamp(1.5rem, 6vw, 5.5rem);--content-width: 80rem}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-inline-size:20rem;margin:0;overflow-x:clip;color:var(--ink);background:var(--paper);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-inline-size:100%}a{color:inherit;text-decoration:none}:where(a,button):focus-visible{outline:.2rem solid currentColor;outline-offset:.25rem}.skip-link{position:fixed;z-index:20;inset-block-start:1rem;inset-inline-start:1rem;padding:.7rem 1rem;color:#fff;background:#000;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:10;border-block-end:1px solid var(--line);background:var(--paper)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-block-size:4.7rem;max-inline-size:100rem;margin-inline:auto;padding-inline:var(--page-gutter)}.site-header__brand{font-size:clamp(1.45rem,1.2rem + .65vw,2rem);font-weight:800;letter-spacing:-.08em;line-height:1}.primary-navigation__list,.site-footer__links{display:flex;align-items:center;gap:clamp(1.75rem,3.6vw,3.25rem);margin:0;padding:0;list-style:none}.primary-navigation a,.site-footer a{font-size:.96rem;font-weight:650;letter-spacing:.02em}.primary-navigation a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:.35em}.menu-toggle{display:none;border:0;padding:0;color:var(--ink);background:transparent;font:inherit;font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:pointer}.intro{background:var(--paper)}.intro__inner{max-inline-size:100rem;margin-inline:auto;padding:clamp(4.5rem,7.5vw,8rem) var(--page-gutter) clamp(4.5rem,7vw,7.5rem)}.intro h1{max-inline-size:none;margin:0;font-size:clamp(2.5rem,1.85rem + 2vw,3.25rem);font-weight:780;letter-spacing:-.065em;line-height:1.18;text-wrap:balance}.intro p{max-inline-size:48rem;margin:clamp(1.4rem,2vw,2.1rem) 0 0;font-size:clamp(1.05rem,.95rem + .45vw,1.38rem);font-weight:500;letter-spacing:.01em;line-height:1.8;text-wrap:pretty}.app-section{position:relative;isolation:isolate;overflow:clip}.app-section__inner{position:relative;z-index:1;display:grid;align-items:center;max-inline-size:var(--content-width);min-block-size:44rem;margin-inline:auto;padding:clamp(4.8rem,8vw,8.2rem) var(--page-gutter)}.app-section__content{max-inline-size:35rem}.app-section__label{margin:0 0 clamp(1.25rem,2.2vw,1.8rem);font-size:clamp(.78rem,.7rem + .25vw,.98rem);font-weight:760;letter-spacing:.025em;line-height:1.2}.app-section h2{margin:0;font-size:clamp(3rem,2.25rem + 3.4vw,5rem);font-weight:760;letter-spacing:-.07em;line-height:1.02;text-wrap:balance}.app-section__headline{margin:clamp(1.5rem,2.5vw,2.35rem) 0 0;font-size:clamp(1.45rem,1.1rem + 1.25vw,2.15rem);font-weight:720;letter-spacing:-.04em;line-height:1.35;text-wrap:balance}.app-section__description{max-inline-size:31rem;margin:clamp(.9rem,1.6vw,1.35rem) 0 0;font-size:clamp(1rem,.92rem + .36vw,1.2rem);font-weight:500;letter-spacing:.01em;line-height:1.8;text-wrap:pretty}.app-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-block-start:clamp(2rem,3.2vw,3rem)}.app-cta{display:inline-flex;align-items:center;justify-content:center;inline-size:15rem;block-size:4rem;border:1px solid currentColor;border-radius:.6rem;font-size:1rem;font-weight:720;letter-spacing:.01em;line-height:1;white-space:nowrap;transition:transform .16s ease,background-color .16s ease,color .16s ease}.app-cta:hover{transform:translateY(-.15rem)}.app-section--movie{color:#fff;background:var(--movie-night)}.app-section__background{position:absolute;z-index:-1;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center 48%}.app-section__inner--movie{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.8fr);column-gap:clamp(2rem,6vw,7.5rem)}.app-section--movie .app-section__label{color:#2d74ff}.app-section--movie .app-cta--primary{border-color:var(--movie-blue);background:var(--movie-blue);color:#fff}.app-section--movie .app-cta--primary:hover{background:#1859df}.app-section--movie .app-cta--outline{border-color:#ffffffbf;background:#01091629;color:#fff}.app-section--movie .app-cta--outline:hover{background:#ffffff21}.phone-media{position:relative;justify-self:center;inline-size:clamp(17.5rem,21vw,23rem);aspect-ratio:1022 / 2082}.phone-media__screen,.phone-media__frame{position:absolute;inset:0;inline-size:100%;block-size:100%}.phone-media__screen{z-index:1;inset:1.45% 3.35% 1.7%;inline-size:93.3%;block-size:96.85%;border-radius:10.8%/5.3%;object-fit:cover}.phone-media__frame{z-index:0;pointer-events:none}.app-section--sanpo{color:var(--sanpo-ink);background-color:var(--sanpo-paper);background-image:linear-gradient(rgba(174,141,94,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(174,141,94,.075) 1px,transparent 1px);background-size:2rem 2rem}.app-section__inner--sanpo{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr)}.app-section--sanpo h2{max-inline-size:12ch;font-size:clamp(2.75rem,2rem + 3vw,4.65rem);line-height:1.22}.app-section--sanpo .app-section__label,.app-section--sanpo .app-section__headline{color:var(--sanpo-green)}.app-section--sanpo .app-cta--primary{border-color:var(--sanpo-green);background:var(--sanpo-green);color:#fff}.app-section--sanpo .app-cta--primary:hover{background:#0d4628}.app-section--sanpo .app-cta--outline{border-color:#174235;background:#ffffff61;color:#123e2f}.app-section--sanpo .app-cta--outline:hover{background:#ffffffbf}.sanpo-map{position:absolute;z-index:0;inset-block-start:-11%;inset-inline-end:clamp(-4rem,0vw,1rem);inline-size:min(48vw,39rem);block-size:auto;opacity:.89;pointer-events:none}.sanpo-mascot{position:absolute;z-index:1;inset-inline-end:clamp(1rem,5vw,5.2rem);inset-block-end:clamp(-3rem,-1vw,-.75rem);inline-size:clamp(12rem,21vw,18rem);block-size:auto;filter:drop-shadow(0 1rem .85rem rgba(76,50,12,.16));pointer-events:none}.site-footer{background:var(--paper)}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;min-block-size:6.2rem;max-inline-size:100rem;margin-inline:auto;padding-inline:var(--page-gutter)}.site-footer p{margin:0;font-size:.86rem;font-weight:650;letter-spacing:.02em}@media(max-width:63.99rem){.app-section__inner{min-block-size:39rem}.phone-media{inline-size:clamp(16rem,30vw,20rem)}}@media(max-width:47.99rem){:root{--page-gutter: clamp(1.45rem, 8vw, 2.25rem)}.site-header__inner{min-block-size:4.25rem}.site-header__brand{font-size:1.55rem}html.js .menu-toggle{display:inline-flex;align-items:center;min-block-size:2.75rem}html.js .primary-navigation{position:absolute;z-index:2;inset-block-start:100%;inset-inline:0;display:none;padding:1.1rem var(--page-gutter) 1.4rem;border-block-end:1px solid var(--line);background:var(--paper);box-shadow:0 .7rem 1.5rem #1213151a}html.js .primary-navigation.is-open{display:block}html:not(.js) .primary-navigation{padding:.4rem var(--page-gutter) 1rem;border-block-start:1px solid var(--line)}.primary-navigation__list{align-items:stretch;flex-direction:column;gap:.25rem}.primary-navigation a{display:block;padding-block:.8rem;font-size:1rem}.intro__inner{padding-block:3.7rem 3.5rem}.intro h1{font-size:clamp(2rem,1.45rem + 2.8vw,2.5rem);letter-spacing:-.055em;line-height:1.28}.intro p{margin-block-start:1.2rem;font-size:1.05rem;line-height:1.75}.app-section__inner{display:flex;flex-direction:column;align-items:stretch;min-block-size:0;padding-block:3.5rem 2.5rem}.app-section__content{max-inline-size:none}.app-section__label{margin-block-end:1.25rem;font-size:.83rem}.app-section h2{font-size:clamp(2.45rem,1.9rem + 5.5vw,3rem);line-height:1.08}.app-section__headline{margin-block-start:1.35rem;font-size:1.35rem;line-height:1.42}.app-section__description{margin-block-start:.8rem;font-size:1rem;line-height:1.8}.app-actions{flex-direction:column;gap:.7rem;margin-block-start:1.8rem}.app-cta{inline-size:100%;block-size:3.5rem;border-radius:.55rem;font-size:1rem}.app-section__inner--movie{gap:2rem}.phone-media{inline-size:100%;max-inline-size:30rem;aspect-ratio:1.34 / 1;margin-inline:auto;overflow:hidden;border:2px solid rgba(207,184,132,.46);border-radius:1.35rem;box-shadow:0 1rem 2.8rem #0000003d}.phone-media__screen{inset:0;inline-size:100%;block-size:100%;border-radius:0;object-position:center 39%}.phone-media__frame{display:none}.app-section__inner--sanpo{min-block-size:48rem;padding-block-end:13.5rem}.app-section--sanpo h2{max-inline-size:none;font-size:2.15rem;line-height:1.25}.app-section--sanpo .app-section__headline{margin-block-start:1.55rem}.sanpo-map{inset-block-start:2.25rem;inset-inline-end:-12%;inline-size:min(82vw,31rem);opacity:.72}.sanpo-mascot{inset-inline-end:.2rem;inset-block-end:.45rem;inline-size:clamp(10rem,43vw,14rem)}.site-footer__inner{min-block-size:5.9rem;padding-inline:1.15rem}.site-footer p,.site-footer a{font-size:.76rem}.site-footer__links{gap:clamp(1.2rem,6vw,2rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-cta{transition:none}.app-cta:hover{transform:none}}@media(forced-colors:active){.app-cta,.site-header,.primary-navigation{border:1px solid CanvasText}}