:root{--y:#e8a317;--sub:#fff4d6;--ac:#c4412b;--ink:#3a2e26;--bg:#fcfaf5;--line:#e8dcc0;--mute:#6b5a4c;--night:#2b221c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.9}a{color:inherit}:focus-visible{outline:3px solid var(--y);outline-offset:4px;border-radius:8px}header{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:6px 24px}header .logo{height:80px;display:block;margin-left:-10px;filter:brightness(0) invert(1) sepia(.3)}header nav{display:flex;gap:28px;font-size:15px;font-weight:700}header nav a{color:#f7efe3;text-decoration:none;position:relative;padding:4px 0}header nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--y);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}header nav a:hover::after,header nav a:focus-visible::after,header nav a[aria-current]::after{transform:scaleX(1)}.eb-ja{font-family:"Zen Kaku Gothic New",sans-serif!important;letter-spacing:.12em!important;font-size:15px!important}.eyebrow{font-family:Outfit,sans-serif;letter-spacing:.2em;font-size:13px;color:#b8892a}.hero{position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;background:radial-gradient(120% 90% at 75% 40%,#46372c 0%,var(--night) 60%);color:#f7efe3;padding:120px max(24px,6vw) 80px}.hero .eyebrow{color:var(--y)}.hero h1{font-family:"Zen Kaku Gothic New",sans-serif;font-size:clamp(34px,5vw,64px);line-height:1.35;margin:8px 0 24px;letter-spacing:.02em}.hero h1 span{display:block;opacity:0;transform:translateY(18px);animation:up .9s ease forwards}.hero h1 span:nth-child(1){animation-delay:.4s}.hero h1 span:nth-child(2){animation-delay:1s}.hero .eyebrow,.hero p,.hero .btns{opacity:0;animation:up .9s ease forwards}.hero .eyebrow{animation-delay:.1s}.hero p{animation-delay:1.7s}.hero .btns{animation-delay:2.2s}.hero p{font-size:17px;max-width:30em;margin:0 0 30px;color:#e8ddcd}.hero p b{color:#fff;font-weight:700}.btn{display:inline-block;padding:13px 28px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid #f7efe3;margin:0 10px 10px 0;transition:background .2s,color .2s,transform .2s}.btn.f{background:var(--y);border-color:var(--y);color:var(--night)}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn.o:hover,.btn.o:focus-visible{background:#f7efe3;color:var(--night)}@keyframes up{to{opacity:1;transform:none}}.sky{position:relative;width:100%;max-width:560px;justify-self:center}.sky svg{width:100%;height:auto;display:block;overflow:visible}.bm{stroke:var(--y);stroke-linecap:round;fill:none;stroke-dasharray:var(--L);stroke-dashoffset:var(--L);opacity:0;animation:draw 1.2s cubic-bezier(.2,.7,.2,1) forwards}.bm.dim{--o:.42}.bm.main{filter:drop-shadow(0 0 10px rgba(232,163,23,.7))}@keyframes draw{0%{opacity:var(--o,1)}100%{stroke-dashoffset:0;opacity:var(--o,1)}}.sunc{transform:translateY(120px);animation:rise 2.2s cubic-bezier(.2,.7,.2,1) .3s forwards}@keyframes rise{to{transform:none}}.halo{opacity:0;animation:fade 3s ease .6s forwards}.lb{opacity:0;animation:fade .8s ease forwards;font-family:"Noto Sans JP",sans-serif}.lb .w{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:20px;fill:#bfae99}.lb .s{font-size:12.5px;fill:#a8977f}.lb.main .w{font-size:34px;fill:var(--y)}.lb.main .s{font-size:16px;font-weight:700;fill:#f7efe3}.core{transform-box:fill-box;transform-origin:center;opacity:0;animation:pop 1.2s ease forwards,twinkle 6s ease-in-out 6s infinite}@keyframes pop{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}@keyframes twinkle{0%,100%{filter:drop-shadow(0 0 0 rgba(232,163,23,0))}50%{filter:drop-shadow(0 0 16px rgba(232,163,23,.75))}}.cmp{padding:120px max(24px,6vw);max-width:1240px;margin:0 auto}.cmp h2{font-family:"Zen Kaku Gothic New";font-size:clamp(26px,3vw,40px);margin:6px 0 12px;text-wrap:balance}.ib{display:inline-block}.cmp .lead{max-width:36em;margin:0 0 48px;color:var(--mute)}@media (max-width:820px){header{padding:4px 8px}header .logo{height:60px}header nav{display:none}.hero{grid-template-columns:1fr;padding:96px 16px 56px;min-height:auto;gap:8px}.sky{order:-1;max-width:420px}.cmp{padding:72px 16px}.lb .w{font-size:24px}.lb .s{display:none}.lb.main .w{font-size:38px}.lb.main .s{display:block;font-size:19px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero h1 span,.hero .eyebrow,.hero p,.hero .btns,.lb,.core,.halo,.card{opacity:1;transform:none}.bm{stroke-dashoffset:0;opacity:var(--o,1)}.sunc{transform:none}}.eyebrow.ja{font-family:"Zen Kaku Gothic New",sans-serif;letter-spacing:.12em;font-size:15px}.sec{padding:110px max(24px,6vw);max-width:1240px;margin:0 auto}.sec h2{font-family:"Zen Kaku Gothic New";font-size:clamp(26px,3vw,40px);margin:6px 0 12px;text-wrap:balance;line-height:1.45}.sec .lead{max-width:38em;margin:0 0 44px;color:var(--mute)}.band{background:var(--sub)}.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.rv.in{opacity:1;transform:none}.src{margin-top:18px;font-size:12px;color:var(--mute)}.btn.d{background:var(--ink);border-color:var(--ink);color:#fff}.cta{text-align:center}.btn.ac{background:var(--ac);border-color:var(--ac);color:#fff}.btn.ln{background:#fff;border-color:var(--ink);color:var(--ink)}@media (max-width:820px){.sec{padding:72px 16px}}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}.aware h2{font-size:clamp(28px,3.6vw,46px)}.qs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.qs li{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:18px 22px 18px 52px;position:relative;font-weight:700;min-width:0}.qs li::before{content:"";position:absolute;left:20px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:5px;border:2px solid var(--y);transition:background .4s ease .5s}.qs li.in::before{background:var(--y)}.qs li:nth-child(2){transition-delay:.12s}.qs li:nth-child(3){transition-delay:.24s}.qs li:nth-child(4){transition-delay:.36s}.proof{background:#fff;border-left:4px solid var(--y);padding:10px 14px;border-radius:0 10px 10px 0;margin:14px 0 18px;font-size:15px}.proof b{font-family:Outfit;font-size:22px;margin-right:4px}@media (max-width:820px){.qs{grid-template-columns:1fr}}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.app{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:16px 16px 22px;min-width:0}.app .vid{width:100%;aspect-ratio:16/9;border-radius:12px;display:block;background:#000;margin-bottom:14px}.app h3{font-family:"Zen Kaku Gothic New";font-size:22px;margin:0 0 6px}.app p{margin:0 0 10px;font-size:15px}.app:nth-child(2){transition-delay:.12s}.app:nth-child(3){transition-delay:.24s}@media (max-width:820px){.tiles,.apps,.others.two{grid-template-columns:1fr}}.costs{background:var(--night);color:#f7efe3}.costs .eyebrow{color:var(--y)}.costs .lead{color:#d9cbb8}.ex{margin-top:28px;border:1.5px dashed #6b5a4c;border-radius:18px;padding:20px 24px;display:flex;flex-wrap:wrap;gap:12px 40px;align-items:baseline}.ex h3{margin:0;font-family:"Zen Kaku Gothic New";font-size:18px;flex-basis:100%}.ex span{font-size:14px;color:#d9cbb8}.ex b{font-family:"Zen Kaku Gothic New";font-size:24px;color:#f7efe3;margin-left:8px}.ex .y{color:var(--y)}.costs .src{color:#b8a894}.dt{display:grid;gap:10px;margin-bottom:72px}.dh,.dr{display:grid;grid-template-columns:1fr 48px 1.15fr;align-items:stretch}.dh>div{font-family:"Zen Kaku Gothic New";font-size:20px;padding:0 22px 6px}.dh small{display:block;font-family:"Noto Sans JP";font-size:13px;font-weight:400;color:var(--mute)}.dh .r{color:#b07a0e}.dr .l,.dr .r{border-radius:14px;padding:16px 22px;font-size:16px;min-width:0}.dr .l{background:#fff;color:var(--mute);border:1.5px solid var(--line)}.dr .r{background:var(--night);color:#f7efe3;font-weight:700;border:1.5px solid var(--y)}.dr .m{display:grid;place-items:center;color:var(--y);font-weight:700;font-size:20px}.dr:nth-child(3){transition-delay:.08s}.dr:nth-child(4){transition-delay:.16s}.dr:nth-child(5){transition-delay:.24s}.dr:nth-child(6){transition-delay:.32s}.dr:nth-child(7){transition-delay:.4s}.loopw{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.lt{min-width:0}.lt h3{font-family:"Zen Kaku Gothic New";font-size:clamp(21px,2.1vw,28px);margin:0 0 14px;line-height:1.5}.lt p{margin:0 0 14px}.chef{font-family:"Zen Kaku Gothic New";font-size:18px;border-left:4px solid var(--y);padding-left:16px;margin-top:22px!important}.lp svg{width:100%;max-width:460px;display:block;margin:0 auto;overflow:visible}#loop .ring{fill:none;stroke:var(--line);stroke-width:2}#loop .arc{fill:none;stroke:var(--y);stroke-width:5;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1s ease}.lp.in #loop .arc{stroke-dashoffset:0}.lp.in #loop .arc:nth-of-type(2){transition-delay:.6s}.lp.in #loop .arc:nth-of-type(3){transition-delay:1.2s}#loop .dot{fill:var(--ac)}#loop .nd circle{fill:var(--night);stroke:var(--y);stroke-width:3}#loop text{text-anchor:middle;font-family:"Zen Kaku Gothic New";font-size:17px;fill:#f7efe3}#loop text.en{font-family:Outfit;font-size:11px;fill:var(--y)}#loop .io path{stroke:var(--ink);stroke-width:2.5;fill:none;marker-end:url(#ah)}#loop .io text{fill:var(--ink);text-anchor:start;font-size:15px}#loop .io.out text{text-anchor:middle;fill:var(--ac);font-size:17px}#loop .tk text{fill:var(--mute);font-family:"Noto Sans JP";font-size:13px}.bl{margin:44px 0 0;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:18px 24px}@media (max-width:820px){.dh,.dr{grid-template-columns:1fr 28px 1.1fr}.dr .l,.dr .r{padding:12px 12px;font-size:14px}.dh>div{font-size:16px;padding:0 10px 4px}.loopw,.svs{grid-template-columns:1fr}.chef{font-size:15px}.steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){#loop .arc{stroke-dashoffset:0;transition:none}#loop .dot{display:none}}.as h2{font-size:clamp(26px,3.2vw,40px)}.astep{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;position:relative}.astep::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--line),var(--y))}.astep li{position:relative;min-width:0}.astep .n{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bg);border:2px solid var(--y);font-family:Outfit;font-size:24px;color:#8a6a1c;position:relative}.astep li:nth-child(3) .n{background:var(--y);color:var(--night)}.astep li:nth-child(2){transition-delay:.15s}.astep li:nth-child(3){transition-delay:.3s}.astep h3{font-family:"Zen Kaku Gothic New";font-size:20px;margin:16px 0 4px}.astep p{margin:0;font-size:15px;color:var(--mute)}@media (max-width:820px){.as br.pc{display:none}.astep{grid-template-columns:1fr;gap:22px}.astep::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(180deg,var(--line),var(--y))}.astep li{display:grid;grid-template-columns:56px 1fr;column-gap:18px}.astep .n{grid-row:span 2}.astep h3{margin:6px 0 2px}}.more{margin-top:18px}.more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#8a6a1c;padding:6px 0}.more summary::-webkit-details-marker,.acc summary::-webkit-details-marker{display:none}.more summary::before{content:"+";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--y);font-family:Outfit;transition:transform .25s}.more[open] summary::before{transform:rotate(45deg)}.more .dt{margin-top:10px}.fl{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 36px}.fl li{font-size:15px;min-width:0}.fl b{display:block;font-family:"Zen Kaku Gothic New";font-size:17px}.acc{border-top:1px solid var(--line);margin-top:28px}.acc details{border-bottom:1px solid var(--line)}.acc summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:12px;padding:20px 4px}.acc summary::after{content:"+";font-family:Outfit;font-size:24px;color:var(--y);text-align:center;transition:transform .25s}.acc details[open] summary::after{transform:rotate(45deg)}.acc .no{font-family:Outfit;font-size:22px;color:var(--y)}.acc .tt{min-width:0}.acc b{font-family:"Zen Kaku Gothic New";font-size:20px;margin-right:14px}.acc em{font-style:normal;font-size:14px;color:var(--mute)}.acc .ad{margin:0 0 22px 64px;max-width:40em}.acc .ad p{margin:0 0 12px}.acc .mt{display:block;font-family:"Zen Kaku Gothic New";font-size:15px;color:#8a6a1c;margin:0 0 4px}.acc .ad ul{margin:0;padding-left:1.2em;font-size:15px;display:grid;gap:2px}.acc p{margin:0 0 22px 64px;max-width:40em;font-size:15px}.acc details:nth-child(2){transition-delay:.06s}.acc details:nth-child(3){transition-delay:.12s}.acc details:nth-child(4){transition-delay:.18s}.acc details:nth-child(5){transition-delay:.24s}.apps{grid-template-columns:repeat(2,1fr);margin-top:28px}.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:s}.steps li{counter-increment:s;border-top:2px solid var(--y);padding-top:16px;min-width:0}.steps li::before{content:"STEP " counter(s);display:block;font-family:Outfit;font-size:13px;letter-spacing:.12em;color:#b07a0e}.steps b{font-family:"Zen Kaku Gothic New";font-size:19px;display:block;margin:2px 0 6px}.steps p{margin:0;font-size:15px;color:var(--mute)}.steps li:nth-child(2){transition-delay:.12s}.steps li:nth-child(3){transition-delay:.24s}#talk .cta{margin-top:40px}.cmp>.dt+.more{margin-top:-28px;margin-bottom:48px}@media (max-width:820px){.fl,.apps,.steps{grid-template-columns:1fr}.steps{gap:22px}.acc summary{grid-template-columns:36px 1fr 24px}.acc b{display:block;font-size:18px}.acc p{margin-left:48px}.acc .ad{margin-left:48px}.acc .ad p{margin-left:0}}#loop .io.in text{text-anchor:start}#loop .io.in .h{font-size:15px;font-weight:700;fill:var(--ink)}#loop .io.in .q{font-size:16px;fill:#8a6a1c;font-family:"Zen Kaku Gothic New"}#loop .io.out .d{font-size:19px;font-weight:700;fill:var(--ink)}#loop .tk rect{fill:#fff;stroke:var(--y);stroke-width:1.5}#loop .tk text{fill:var(--ink);font-family:"Noto Sans JP";font-size:15px;font-weight:700}#loop .cy text{fill:var(--mute);font-family:"Noto Sans JP";font-size:13px}.lpn{text-align:center;font-size:13px;color:var(--mute);margin:8px 0 0}.bl p{margin:0 0 8px}.bl p:last-child{margin:0}.lt .cyc{display:inline-block;margin:4px 0;font-family:"Zen Kaku Gothic New";font-size:19px}