*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#3d2e1e;background:#1a2e1a;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}.hamburger{z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 2px 12px #0000001a}.hamburger:hover{transform:scale(1.1)}.hamburger span{background:#2d5a27;width:24px;height:2px;display:block;position:relative}.hamburger span:before,.hamburger span:after{content:"";background:#2d5a27;width:24px;height:2px;display:block;position:absolute;left:0}.hamburger span:before{top:-8px}.hamburger span:after{top:8px}.hero{background:#1a2e1a;justify-content:center;align-items:center;width:100%;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:1;background:radial-gradient(at 50% 35%,#ffffdc66 0%,#0000 55%),radial-gradient(circle at 30% 20%,#fffac840 0%,#0000 40%),radial-gradient(circle at 70% 25%,#fffac833 0%,#0000 35%),linear-gradient(#b4dc8c26 0%,#fffff01a 50%,#b4dc8c33 100%);position:absolute;inset:0}.hero-content{z-index:3;text-align:center;padding:0 20px;position:relative}.hero-logo-wrap{-webkit-backdrop-filter:blur(10px);background:#2d5a27b8;border-radius:24px;width:fit-content;margin:0 auto 32px;padding:32px 48px;box-shadow:0 8px 32px #00000026,inset 0 0 20px #ffffff14}.hero-logo{width:100%;max-width:380px}.hero-catchcopy{color:#1a2e1a;letter-spacing:.08em;text-shadow:0 0 8px #fffc,0 0 16px #ffffff80;font-size:18px;font-weight:600;line-height:2.2}.hero-characters{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-chara{filter:drop-shadow(0 2px 8px #0003);opacity:0;width:auto;height:34%;position:absolute}@keyframes pop-bottom{0%{opacity:0;transform:translateY(100%)rotate(0)}10%{opacity:1;transform:translateY(30%)rotate(-5deg)}55%{opacity:1;transform:translateY(30%)rotate(-5deg)}65%{opacity:0;transform:translateY(100%)rotate(0)}to{opacity:0;transform:translateY(100%)rotate(0)}}@keyframes pop-top-left{0%{opacity:0;transform:translate(-80%,-80%)rotate(50deg)scaleX(-1)}10%{opacity:1;transform:translate(-20%,-20%)rotate(50deg)scaleX(-1)}55%{opacity:1;transform:translate(-20%,-20%)rotate(50deg)scaleX(-1)}65%{opacity:0;transform:translate(-80%,-80%)rotate(50deg)scaleX(-1)}to{opacity:0;transform:translate(-80%,-80%)rotate(50deg)scaleX(-1)}}@keyframes pop-top-right{0%{opacity:0;transform:translate(80%,-80%)rotate(-30deg)}10%{opacity:1;transform:translate(20%,-20%)rotate(-30deg)}55%{opacity:1;transform:translate(20%,-20%)rotate(-30deg)}65%{opacity:0;transform:translate(80%,-80%)rotate(-30deg)}to{opacity:0;transform:translate(80%,-80%)rotate(-30deg)}}@keyframes pop-left{0%{opacity:0;transform:translate(-100%)rotate(0)scaleX(-1)}10%{opacity:1;transform:translate(-30%)rotate(10deg)scaleX(-1)}55%{opacity:1;transform:translate(-30%)rotate(10deg)scaleX(-1)}65%{opacity:0;transform:translate(-100%)rotate(0)scaleX(-1)}to{opacity:0;transform:translate(-100%)rotate(0)scaleX(-1)}}@keyframes pop-right{0%{opacity:0;transform:translate(100%)rotate(0)}10%{opacity:1;transform:translate(30%)rotate(-10deg)}55%{opacity:1;transform:translate(30%)rotate(-10deg)}65%{opacity:0;transform:translate(100%)rotate(0)}to{opacity:0;transform:translate(100%)rotate(0)}}.hero-chara-1{height:35%;animation:9s ease-in-out infinite pop-bottom;bottom:5%;left:16%}.hero-chara-2{height:38%;animation:10.5s ease-in-out .7s infinite pop-top-left;top:2%;left:-2%}.hero-chara-3{height:36%;animation:9.5s ease-in-out 1.8s infinite pop-left;bottom:20%;left:0}.hero-chara-4{height:42%;animation:11s ease-in-out 1.1s infinite pop-bottom;bottom:5%;right:20%}.hero-chara-5{height:25%;animation:10s ease-in-out 2.5s infinite pop-right;bottom:20%;right:0}.hero-chara-6{height:46%;animation:10.8s ease-in-out .3s infinite pop-top-right;top:2%;right:-3%}.hero-scroll-hint{z-index:3;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll-hint span{color:#fffc;letter-spacing:.15em;text-shadow:0 1px 4px #0006;font-size:11px}.scroll-line{background:#fff9;width:1px;height:40px;animation:1.8s ease-in-out infinite scroll-anim}@keyframes scroll-anim{0%{transform-origin:top;opacity:0;transform:scaleY(0)}30%{transform-origin:top;opacity:1;transform:scaleY(1)}70%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.section-heading{text-align:center;z-index:2;letter-spacing:.12em;margin-bottom:40px;font-size:28px;font-weight:700;position:relative}.section-heading:after{content:"";opacity:.5;background:currentColor;border-radius:2px;width:40px;height:3px;margin:12px auto 0;display:block}.about-section{background:linear-gradient(#e8f5e2 0%,#f5f0e1 100%);padding:100px 20px;position:relative;overflow:hidden}.about-content{z-index:2;text-align:center;max-width:700px;margin:0 auto;position:relative}.about-text{color:#3d2e1e;font-size:16px;line-height:2.4}.character-section{background:linear-gradient(#f5f0e1 0%,#d4e8c2 50%,#b8d9a0 100%);padding:100px 20px;position:relative;overflow:hidden}.character-grid{z-index:2;flex-wrap:wrap;justify-content:center;gap:32px;max-width:1000px;margin:0 auto;display:flex;position:relative}.character-card{background:#ffffffd9;border-radius:20px;width:280px;max-width:90vw;transition:transform .3s;overflow:hidden;box-shadow:0 4px 24px #00000014}.character-card:hover{transform:translateY(-4px)}.character-card-img{aspect-ratio:1;background:#e8f5e2;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.character-card-img img{object-fit:contain;width:80%;height:80%}.character-card-info{text-align:center;padding:24px}.character-name{color:#2d5a27;margin-bottom:8px;font-size:22px;font-weight:700}.character-desc{color:#5c4a3a;font-size:14px;line-height:1.8}.character-note{text-align:center;color:#888;z-index:2;margin-top:24px;font-size:12px;position:relative}.movie-section{color:#fff;background:linear-gradient(#b8d9a0 0%,#2d5a27 100%);padding:100px 20px;position:relative;overflow:hidden}.movie-section .section-heading{color:#fff}.movie-block{z-index:2;max-width:800px;margin:0 auto 60px;position:relative}.movie-block:last-child{margin-bottom:0}.movie-sub-heading{text-align:center;letter-spacing:.08em;margin-bottom:24px;font-size:20px;font-weight:600}.movie-player{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 32px #0003}.movie-player iframe{aspect-ratio:16/9;border:none;width:100%;display:block}.ehon-section{color:#fff;background:linear-gradient(#2d5a27 0%,#f5f0e1 100%);padding:100px 20px;position:relative;overflow:hidden}.ehon-section .section-heading{color:#fff}.ehon-intro{text-align:center;z-index:2;text-shadow:1px 1px 4px #0003;margin-bottom:40px;font-size:16px;line-height:2;position:relative}.ehon-block{z-index:2;max-width:800px;margin:0 auto;position:relative}.ehon-title{text-align:center;letter-spacing:.05em;margin-bottom:20px;font-size:18px;font-weight:600}.nurie-section{background:#f5f0e1;padding:100px 20px;position:relative;overflow:hidden}.nurie-intro{text-align:center;z-index:2;color:#5c4a3a;margin-bottom:40px;font-size:16px;line-height:2;position:relative}.nurie-grid{z-index:2;flex-wrap:wrap;justify-content:center;gap:24px;max-width:900px;margin:0 auto;display:flex;position:relative}.nurie-card{text-align:center;background:#fff;border-radius:16px;width:180px;max-width:90vw;transition:transform .3s;display:block;overflow:hidden;box-shadow:0 4px 20px #00000014}.nurie-card:hover{transform:translateY(-4px)}.nurie-card img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%;padding:12px}.nurie-name{color:#2d5a27;padding:10px 8px 4px;font-size:14px;font-weight:700;display:block}.nurie-dl{color:#fff;letter-spacing:.05em;background:#2d5a27;border-radius:20px;margin:4px 12px 12px;padding:8px 0;font-size:13px;font-weight:600;transition:background .3s;display:block}.nurie-dl:hover{background:#3a7a32}.nurie-more{color:#2d5a27;letter-spacing:.05em;z-index:2;background:0 0;border:2px solid #2d5a27;border-radius:50px;width:fit-content;margin:40px auto 0;padding:14px 40px;font-size:15px;font-weight:600;transition:background .3s,color .3s;display:block;position:relative}.nurie-more:hover{color:#fff;background:#2d5a27}.sns-section{text-align:center;background:linear-gradient(#f5f0e1 0%,#e8f5e2 100%);padding:80px 20px}.sns-intro{color:#5c4a3a;margin-bottom:32px;font-size:16px}.sns-btns{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.sns-btn{color:#fff;border-radius:50px;align-items:center;gap:12px;padding:16px 40px;font-size:18px;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-flex}.sns-btn:hover{transform:scale(1.05)}.sns-btn-icon{width:28px;height:28px}.sns-btn-instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 20px #c832504d}.sns-btn-instagram:hover{box-shadow:0 6px 28px #c8325066}.sns-btn-youtube{background:red;box-shadow:0 4px 20px #ff000040}.sns-btn-youtube:hover{box-shadow:0 6px 28px #ff000059}.footer{text-align:center;background:#1a2e1a;padding:48px 20px}.footer-logo{margin-bottom:16px}.footer-logo img{opacity:.7;max-width:180px;margin:0 auto}.footer-copyright{color:#ffffff80;font-size:12px}.leaves{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.leaf{background:#2d5a2726;border-radius:0 50% 50%;width:12px;height:12px;animation:linear infinite leaf-fall;position:absolute}@keyframes leaf-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.leaf:first-child{width:10px;height:10px;animation-duration:12s;animation-delay:0s;left:8%}.leaf:nth-child(2){width:14px;height:14px;animation-duration:16s;animation-delay:2s;left:22%}.leaf:nth-child(3){width:8px;height:8px;animation-duration:14s;animation-delay:4s;left:38%}.leaf:nth-child(4){width:12px;height:12px;animation-duration:13s;animation-delay:1s;left:52%}.leaf:nth-child(5){width:10px;height:10px;animation-duration:15s;animation-delay:3s;left:68%}.leaf:nth-child(6){width:16px;height:16px;animation-duration:18s;animation-delay:5s;left:82%}.leaf:nth-child(7){width:9px;height:9px;animation-duration:17s;animation-delay:6s;left:14%}.leaf:nth-child(8){width:11px;height:11px;animation-duration:11s;animation-delay:2.5s;left:75%}@media (max-width:768px){.hero-logo{max-width:200px}.hero-catchcopy{font-size:15px}.section-heading{font-size:22px}.about-text{font-size:14px}.character-card{width:100%;max-width:320px}.nurie-card{width:160px}.hero-chara{height:22%}.hero-chara-1{height:22%;bottom:3%;left:2%}.hero-chara-2{height:26%;top:-1%;left:-2%}.hero-chara-3{height:20%;bottom:20%;left:0}.hero-chara-4{height:24%;bottom:3%;right:5%}.hero-chara-5{height:18%;bottom:25%;right:-3%}.hero-chara-6{height:28%;top:1%;right:-3%}.sns-btn{padding:14px 32px;font-size:16px}}