/* カスタマイズ：固定ヘッダーの高さは --en-sticky-top、背景・文字色は下記変数で変更。 */
#econel-mv{--en-ink:#163f2c;--en-accent:#d4fa53;--en-bg:#f1f5ed;--en-sticky-top:0px;--en-stage-height:calc(100svh - var(--en-sticky-top));width:100%;max-width:none;margin:0;padding:0;position:relative;isolation:isolate;overflow-anchor:none;color:var(--en-ink);font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;text-align:left;line-height:1.5}
#econel-mv *,#econel-mv *::before,#econel-mv *::after{box-sizing:border-box}
#econel-mv button{font:inherit;color:inherit;cursor:pointer;box-shadow:none;padding:0;line-height:1;background-image:none}
#econel-mv h1,#econel-mv h2,#econel-mv p{color:inherit;background:none;border:0;padding:0;box-shadow:none}
#econel-mv h1::before,#econel-mv h1::after,#econel-mv h2::before,#econel-mv h2::after{content:none}
#econel-mv button:focus-visible{outline:3px solid #357c3e;outline-offset:3px}
#econel-mv #en-story{height:480svh}#econel-mv .en-stage{position:sticky;top:var(--en-sticky-top);height:var(--en-stage-height);min-height:0;overflow:hidden;background:var(--en-bg)}#econel-mv #en-canvas{position:absolute;inset:0}#econel-mv canvas{display:block;width:100%;height:100%}#econel-mv .en-backword{position:absolute;top:15%;right:-2%;font-weight:900;font-size:clamp(80px,14vw,230px);letter-spacing:-.07em;color:#194a2a06;white-space:nowrap;pointer-events:none}#econel-mv .en-copy{position:absolute;top:33%;left:7%;width:43%;height:260px;pointer-events:none}#econel-mv .en-scene{position:absolute;inset:0;opacity:0;visibility:hidden}#econel-mv .en-scene:first-child{opacity:1;visibility:visible}#econel-mv .en-eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;margin:0 0 28px}#econel-mv .en-scene h1,#econel-mv .en-scene h2{font-size:clamp(35px,4.05vw,68px);letter-spacing:-.045em;line-height:1.38;margin:0 0 23px;font-weight:850}#econel-mv .en-scene h1 span,#econel-mv .en-scene h2 span{color:#709838}#econel-mv .en-description{font-size:clamp(14px,1.18vw,18px);line-height:2;letter-spacing:.02em;margin:0 0 26px}#econel-mv .en-tag{font-size:12px;display:inline-block;border-top:1px solid #163f2c25;padding-top:17px;letter-spacing:.07em}#econel-mv .en-object-label{position:absolute;left:62%;bottom:17%;display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.04em}#econel-mv .en-object-label>span{width:30px;height:30px;border:1px solid #19432d40;border-radius:50%;display:grid;place-items:center;font-size:11px}#econel-mv .en-footer{position:absolute;bottom:35px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:15px}#econel-mv .en-scroll{font-size:10px;letter-spacing:.14em}#econel-mv .en-scroll>span{margin-left:12px;font-size:20px}#econel-mv .en-footer nav{display:flex;gap:7px}#econel-mv .en-footer nav button{width:43px;height:43px;border-radius:50%;border:1px solid #19432d30;background:transparent;font-size:12px}#econel-mv .en-footer nav button[aria-current=true]{background:var(--en-ink);color:#fff;border-color:var(--en-ink)}#econel-mv .en-bottom-note{font-size:11px;letter-spacing:.08em}#econel-mv .en-progress{position:absolute;bottom:0;left:0;height:4px;width:100%;background:#163f2c12}#econel-mv .en-progress span{display:block;height:100%;width:100%;transform-origin:left;background:var(--en-ink);transform:scaleX(0)}#econel-mv .en-fallback{position:absolute;bottom:20%;left:7%;max-width:85%;background:#f1f5ed;padding:20px}
@media(max-width:1000px){#econel-mv .en-copy{left:5%;width:49%}#econel-mv .en-scene h1,#econel-mv .en-scene h2{font-size:clamp(32px,4.5vw,46px)}#econel-mv .en-object-label{left:60%;font-size:10px}#econel-mv .en-tag{font-size:11px}}
@media(max-width:900px){#econel-mv .en-stage{min-height:0}#econel-mv .en-copy{top:16%;left:7%;width:88%;height:230px}#econel-mv .en-eyebrow{font-size:10px;margin-bottom:14px}#econel-mv .en-scene h1,#econel-mv .en-scene h2{font-size:clamp(30px,8.4vw,45px);line-height:1.35;margin-bottom:14px}#econel-mv .en-description{font-size:13px;line-height:1.9;margin-bottom:12px}#econel-mv .en-tag{font-size:10px;padding-top:10px}#econel-mv .en-backword{top:49%;font-size:22vw}#econel-mv .en-object-label{left:auto;right:7%;bottom:12.5%;font-size:10px}#econel-mv .en-object-label>span{width:24px;height:24px}#econel-mv .en-footer{left:7%;right:7%;bottom:22px}#econel-mv .en-footer nav{gap:4px}#econel-mv .en-footer nav button{height:32px;width:32px;font-size:10px}#econel-mv .en-scroll{font-size:8px;letter-spacing:.06em}#econel-mv .en-scroll>span{margin-left:3px}#econel-mv .en-bottom-note{display:none}}
@media(max-height:650px) and (min-width:901px){#econel-mv .en-copy{top:25%}#econel-mv .en-scene h1,#econel-mv .en-scene h2{font-size:36px}#econel-mv .en-eyebrow{margin-bottom:14px}#econel-mv .en-description{margin-bottom:12px}#econel-mv .en-object-label{bottom:15%}}
@media(prefers-reduced-motion:reduce){#econel-mv html{scroll-behavior:auto}}

/* ヘッダーを省いた分の上余白。スマホの短い画面にも対応。 */
@media(max-width:900px){#econel-mv .en-copy{top:7%}}
@media(max-height:650px) and (max-width:900px){#econel-mv .en-copy{top:3%}#econel-mv .en-scene h1,#econel-mv .en-scene h2{font-size:26px}#econel-mv .en-eyebrow{margin-bottom:7px}#econel-mv .en-tag{display:none}}