@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/reel/KiMin-B.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/reel/Genki-R.woff2) format("woff2")}:root{--sand:#ECE6C8;--teal:#34A19E;--deep:#12302E;--ink:#0E1F1E;--muted:#7E8A82;--sandm:rgba(236,230,200,.78);--line:rgba(236,230,200,.24);--disp:"Disp","Songti TC",serif;--body:"Body","PingFang TC",sans-serif;--w:min(1300px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.19,1,.22,1);--spring:cubic-bezier(.34,1.4,.5,1);--t:.45s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--sand);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums;letter-spacing:.04em}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}p{max-width:36em}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;line-height:1.08}.d0{font-size:clamp(2.3rem,.9rem + 6.4vw,5.6rem)}.d1{font-size:clamp(1.75rem,1.05rem + 3vw,3.1rem)}h3{font-size:1.28rem;font-family:var(--disp);font-weight:700}.eye{font-size:.74rem;letter-spacing:.26em;color:var(--teal);font-family:var(--disp);font-weight:700}.note{font-size:.87rem;color:var(--sandm);line-height:1.75}html.js .st{opacity:0;transform:translateY(24px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .6s var(--e) calc(var(--i,0) * 70ms),transform .7s var(--e) calc(var(--i,0) * 70ms)}html.js .boot-i{opacity:0;transform:translateY(20px)}html.js[data-boot] .boot-i{opacity:1;transform:none;transition:opacity .8s var(--e) calc(var(--b,0) * .12s),transform .9s var(--e) calc(var(--b,0) * .12s)}@media(prefers-reduced-motion:reduce){html.js .st,html.js .boot-i{opacity:1!important;transform:none!important;transition:none}}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:76px;height:76px;border-radius:50%;background:var(--teal);color:var(--deep);display:grid;place-items:center;font-size:.72rem;font-family:var(--disp);font-weight:700;pointer-events:none;opacity:0;transform:translate(-50%,-50%);scale:.3;transition:opacity .3s var(--e),scale .34s var(--spring);will-change:transform,scale}.cursor[data-on]{opacity:1;scale:.46}.cursor[data-big]{scale:1}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:40;pointer-events:none}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:clamp(11px,1.6vw,18px)}.nav .mark,.nav ul,.nav .toggle{pointer-events:auto}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1rem;line-height:1.2}.nav ul{display:flex;gap:clamp(12px,2vw,28px);font-size:.85rem}.nav a{text-decoration:none;transition:color var(--t) var(--e)}.nav ul a:hover,.nav ul a[data-on]{color:var(--teal)}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--sandm);cursor:pointer;user-select:none}.toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toggle i{display:block;width:34px;height:18px;border-radius:999px;border:1px solid var(--line);position:relative;transition:border-color var(--t) var(--e)}.toggle i:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:10px;height:10px;border-radius:50%;background:var(--sandm);transition:transform var(--t) var(--spring)}.toggle input:checked+i{border-color:var(--teal)}.toggle input:checked+i:after{transform:translate(16px)}.toggle input:focus-visible+i{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:980px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:66px}.hero{position:relative;min-height:100svh;display:grid;align-content:center;overflow:hidden;isolation:isolate;padding-block:clamp(80px,11vw,140px)}.hero .bg{position:absolute;inset:0;z-index:-3;background:url(/templates/reel/rl05-1600.webp) center/cover no-repeat}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.4s var(--e)}.hero video[data-on]{opacity:1}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:#0e1f1e99}.hero .in{display:grid;justify-items:end;text-align:end}.hero h1{max-width:15ch}.hero .sub{margin-block-start:clamp(14px,2vw,24px);color:var(--sandm)}.hero .cta{display:inline-flex;align-items:center;gap:10px;margin-block-start:clamp(20px,2.6vw,32px);background:var(--teal);color:var(--deep);text-decoration:none;border-radius:4px;padding:13px 26px;font-family:var(--disp);font-weight:700;transition:transform var(--t) var(--spring)}.hero .cta:hover,.hero .cta:focus-visible{transform:translateY(-2px)}@media(max-width:760px){.hero .in{justify-items:start;text-align:start}}.drift{position:absolute;inset-block-end:12%;inset-inline-start:-14%;z-index:1;width:clamp(120px,16vw,240px);aspect-ratio:16/9;border-radius:6px;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.9}html.js .drift{animation:rl-cross 26s linear infinite}@keyframes rl-cross{0%{transform:translate(0) rotate(-3deg)}to{transform:translate(130vw) rotate(3deg)}}@media(prefers-reduced-motion:reduce){html.js .drift{animation:none;display:none}}@media(max-width:760px){.drift{display:none}}.rule{display:flex;align-items:center;gap:16px;padding-block:clamp(26px,4vw,60px);color:var(--teal)}.rule i{display:block;height:1px;background:var(--line);flex:1}.rule span{font-size:.72rem;letter-spacing:.34em;font-family:var(--disp);font-weight:700}.acts section{position:relative;min-height:96svh;display:grid;align-content:center;overflow:hidden;isolation:isolate;padding-block:clamp(60px,9vw,120px)}.acts .bg{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat}.acts section:after{content:"";position:absolute;inset:0;z-index:-1;background:#0e1f1e9e}.acts .b section:after{background:#0e1f1e80}.acts .n{color:var(--teal);font-family:var(--disp);font-weight:700;letter-spacing:.24em;font-size:.78rem}.acts h2{margin-block:12px 14px;max-width:17ch}.acts p{color:var(--sandm)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.acts .bg{animation:rl-pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes rl-pan{0%{transform:scale(1.12) translateY(-2%)}to{transform:scale(1.02) translateY(2%)}}.kit{padding-block:clamp(46px,7vw,110px)}.kit ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,26px);margin-block-start:clamp(20px,3vw,42px)}.kit figure{margin:0 0 14px;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.kit p{font-size:.92rem;color:var(--sandm)}.kit h3{margin-block-end:6px}@media(max-width:900px){.kit ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.kit li,.faq li,.due tbody tr{animation:rl-rise linear both;animation-timeline:view();animation-range:entry 4% entry 76%}}}@keyframes rl-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.due{background:var(--sand);color:var(--ink);padding-block:clamp(46px,7vw,110px)}.due .eye{color:var(--teal)}.due .head{margin-block-end:clamp(20px,3vw,42px)}.due .head p{color:#4c5a52}.due table{width:100%;border-collapse:collapse;font-size:.95rem}.due th,.due td{text-align:start;padding:clamp(10px,1.4vw,17px) 10px;border-block-end:1px solid rgba(14,31,30,.16);vertical-align:baseline}.due th{font-family:var(--disp);font-weight:700;font-size:.8rem;letter-spacing:.14em;color:#4c5a52}.due td b{font-family:var(--disp);font-weight:700;font-size:1.28rem;color:var(--teal)}.due tfoot td{border-block-end:0;font-family:var(--disp);font-weight:700}.due .sum{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,60px);margin-block-start:clamp(20px,3vw,40px);border-block-start:2px solid var(--ink);padding-block-start:clamp(16px,2.4vw,28px)}.due .sum b{font-family:var(--disp);font-weight:700;display:block;font-size:clamp(1.9rem,1rem + 3.6vw,3.1rem);line-height:1}.due .sum small{font-size:.87rem;color:#4c5a52}@media(max-width:760px){.due thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.due tr{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding-block:10px;border-block-end:1px solid rgba(14,31,30,.16)}.due td{border:0;padding:3px 0}.due td:before{content:attr(data-k) "　";color:#4c5a52;font-size:.8rem}}.faq{padding-block:clamp(40px,6vw,96px)}.faq ul{margin-block-start:clamp(18px,2.6vw,36px)}.faq li{border-block-end:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding-block:clamp(14px,2vw,22px);display:flex;justify-content:space-between;gap:20px;align-items:baseline;font-family:var(--disp);font-weight:700;font-size:1.28rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--teal);font-size:1rem}.faq details[open] summary:after{content:"－"}.faq p{padding-block-end:clamp(14px,2vw,22px);color:var(--sandm)}.foot{background:var(--ink);padding-block:clamp(40px,6vw,90px) clamp(20px,3vw,34px)}.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,50px)}.fgrid h3{margin-block-end:12px;font-size:.95rem;color:var(--teal)}.fgrid li{padding-block:5px;font-size:.95rem}.fgrid a{text-decoration:none;transition:color var(--t) var(--e)}.fgrid a:hover{color:var(--teal)}.fbig{font-size:clamp(1.9rem,.5rem + 7vw,6.2rem);line-height:1.04;margin-block:clamp(26px,4vw,60px) clamp(16px,2.4vw,30px);color:var(--sand)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-block-start:1px solid var(--line);padding-block-start:16px;font-size:.74rem;color:var(--sandm)}@media(max-width:760px){.fgrid{grid-template-columns:minmax(0,1fr)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.acts .w>*,.due .sum div,.due tfoot tr,.fgrid div,.fgrid li,.due .head>*,.kit .w>p,.kit .w>h2,.faq .w>*{animation:rl-rise linear both;animation-timeline:view();animation-range:entry 2% entry 72%}}}.kit li{transition:transform var(--t) var(--e)}.kit li:hover{transform:translateY(-4px)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.due td,.due th,.kit li>*,.faq summary,.faq details p,.due .sum div>*{animation:rl-fade linear both;animation-timeline:view();animation-range:entry 0% entry 62%}}}@keyframes rl-fade{0%{opacity:0}to{opacity:1}}a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}