@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap";
.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}.ato-philosophy-figure{flex-direction:column;align-items:center;gap:.4em;margin:0;padding-block:5svh;display:flex}.ato-philosophy-row{flex-flow:wrap;justify-content:center;align-items:baseline;gap:.2em;display:flex}.ato-philosophy-img{zoom:var(--story-zoom,1);opacity:.85;width:auto;max-width:100%;height:auto;display:block}:root{--ato-shironeri:#fffffe;--ato-sumi:#373737;--ato-ten:#0083c6;--ato-font:"Shippori Mincho", "Hiragino Mincho ProN", "游明朝", "YuMincho", serif;--text-h1:28px;--text-h2:20px;--text-h3:16px;--text-base:14px;--icon-size:14px;--icon-size-lg:20px;--stroke-thin:1px;--pad-h2:5svh;--pad-h3:5svh;--pad-paragraphs:4.5svh;--story-zoom:1}@media (min-width:768px){:root{--text-h1:30px;--text-h2:24px;--text-h3:20px;--text-base:17px;--icon-size:14px;--icon-size-lg:20px;--stroke-thin:1.5px;--story-zoom:1.1}}html,body{background:var(--ato-shironeri);height:100%;margin:0}.ato{font:16px/2 var(--ato-font);color:var(--ato-sumi);background:var(--ato-shironeri);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;padding-inline:24px}@media (min-width:768px){.ato{padding-inline:0}}.ato>section{z-index:1;position:relative}.ato>section.ato-fv{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:100svh;display:flex;position:relative;overflow:hidden}.ato-bg-video{object-fit:cover;z-index:0;pointer-events:none;filter:brightness(1.25)contrast(1.05);opacity:0;width:100vw;height:100lvh;transition:opacity 1.2s ease-out;position:fixed;top:0;left:0}.ato-h1{z-index:3;font-size:var(--text-h1);letter-spacing:.12em;color:var(--ato-sumi);white-space:nowrap;text-align:center;margin:0;font-weight:600;position:relative}html[data-ato-phase=revealed] .ato-bg-video{opacity:1;transition-delay:6.3s}html[data-ato-phase=revealed] .ato-h1{animation:1.2s ease-out 6.3s forwards ato-tone-invert}@keyframes ato-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ato-tone-invert{0%{color:var(--ato-sumi)}to{color:var(--ato-shironeri)}}.ato-title-group{flex-direction:column;align-items:center;gap:0;display:flex}.ato-subtitle{z-index:3;font-size:var(--text-base);color:var(--ato-sumi);text-align:center;opacity:0;margin:0;position:relative}html[data-ato-phase=revealed] .ato-subtitle{animation:1s ease-out 3.5s forwards ato-fade-in,1.2s ease-out 6.3s forwards ato-tone-invert}.ato-brand{z-index:3;font-size:calc(var(--text-h1) * 1.5);letter-spacing:0;color:var(--ato-sumi);text-align:center;opacity:0;margin:0;font-weight:600;position:relative}.ato-brand__comma{margin-right:-.4em;display:inline-block}html[data-ato-phase=revealed] .ato-brand{animation:1s ease-out 5s forwards ato-fade-in,1.2s ease-out 6.3s forwards ato-tone-invert}.ato-swipe-guide{z-index:3;opacity:0;color:var(--ato-shironeri);position:absolute;bottom:6svh;left:50%;transform:translate(-50%)}html[data-ato-phase=revealed] .ato-swipe-guide{animation:.8s ease-out 8.5s forwards ato-fade-in}.ato-swipe-track{width:calc(var(--icon-size) * 1.6);height:calc(var(--icon-size) * 4);-webkit-backdrop-filter:blur(8px);background:#0000004d;border-radius:999px;justify-content:center;display:flex;position:relative}.ato-swipe-dot{bottom:calc(var(--icon-size) * .3);width:calc(var(--icon-size) * .9);aspect-ratio:1;background:currentColor;border-radius:50%;animation:2s ease-in-out infinite ato-swipe-up;position:absolute}@keyframes ato-swipe-up{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{transform:translateY(calc(var(--icon-size) * -2.5));opacity:1}to{transform:translateY(calc(var(--icon-size) * -2.5));opacity:0}}.ato-philosophy{max-width:640px;margin:0 auto}.ato-h2{padding-block:var(--pad-h2)}.ato-h3{padding-block:var(--pad-h3)}.ato-paragraphs{max-width:840px;padding-block:var(--pad-paragraphs);margin:0 auto}.ato-philosophy-text{font-size:var(--text-base);text-align:justify;margin:0;line-height:2}.ato-h3{max-width:640px;font-size:var(--text-h3);text-align:center;color:color-mix(in srgb, var(--ato-sumi) 50%, transparent);margin:0 auto;font-weight:600;line-height:1.6}.ato-value-desc{max-width:640px;font-size:var(--text-base);color:var(--ato-sumi);margin:0 auto;line-height:1.9}.ato-touch-hint{font-size:calc(var(--text-base) * .85);color:var(--ato-sumi);justify-content:center;align-items:center;gap:.55em;margin:0;line-height:1;display:flex}.ato-touch-hint__icon{flex-direction:column;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.ato-touch-hint__circle{background:color-mix(in srgb, var(--ato-sumi) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;width:1.7em;height:1.7em;display:inline-flex}.ato-touch-hint__ripple{border:2.5px solid var(--ato-shironeri);opacity:0;border-radius:50%;width:1em;height:1em;animation:1.6s ease-out .55s infinite ato-touch-ripple}.ato-touch-hint__finger-wrap{z-index:1;margin-top:-.3em;display:inline-flex;position:relative;transform:translate(3px)}.ato-touch-hint__finger{animation:1.6s ease-in-out infinite ato-touch-finger;display:block}.ato-touch-hint__text{animation:2.1s ease-in-out infinite ato-touch-text;display:inline-block}@keyframes ato-touch-ripple{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}@keyframes ato-touch-finger{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ato-touch-text{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ato-cta{flex-direction:column;align-items:stretch;min-height:100svh;padding:0;display:flex}.ato-cta-button{border:1px solid var(--ato-sumi);color:var(--ato-sumi);font-family:inherit;font-size:var(--text-base);cursor:pointer;background:0 0;padding:12px 32px;text-decoration:none;transition:opacity .2s;display:inline-block}.ato-cta-button:hover{opacity:.6}