@charset "utf-8";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:1rem;font-family:"tot-shizukamin-stdn",sans-serif;font-weight:400;font-style:normal;color:#fff;background-color:#020201}.br-sp{display:none}.br-pc{display:inline-block}@media only screen and (max-width:768px){.br-sp{display:inline-block}.br-pc{display:none}}.hero-header{width:100%;height:100vh;position:relative;background:url(../images/head-img.png) right center / contain no-repeat;background-color:#020201;color:#fff}.hero-header::before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,0) 100%)}.header-nav{width:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(2,2,1,.9);backdrop-filter:blur(8px)}.nav-inner{max-width:1200px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:space-between}.logo{color:#D9B96F;text-decoration:none;font-size:32px;letter-spacing:3px;line-height:1.3}.logo span{display:block;font-size:8px;letter-spacing:2px;color:#aaa;margin-top:4px}.nav-menu ul{display:flex;gap:30px;list-style:none}.nav-menu a{color:#fff;text-decoration:none;font-size:14px;letter-spacing:2px;position:relative}.nav-menu a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:#D72638;transition:0.3s}.nav-menu a:hover::after{width:100%}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.3s}.nav-menu.active .nav-overlay{opacity:1;pointer-events:auto}.hamburger{display:none;position:relative;width:30px;height:20px;z-index:1001}.hamburger span{position:absolute;left:0;width:100%;height:2px;background:#fff;transition:.3s;transform-origin:center}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:50%;bottom:auto;transform:translateY(-50%) rotate(-45deg)}.hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.hero-text{max-width:600px;margin:0;padding:0 20px}.hero-text h1{font-size:80px;color:#D9B96F;letter-spacing:6px;font-weight:400;line-height:1}.sub-en{font-size:16px;color:#aaa;margin-bottom:20px}.catch{font-size:36px;margin:20px 0;letter-spacing:1px;font-weight:400}.desc{font-size:14px;line-height:2;max-width:480px;color:#ddd}@media (max-width:768px){.hero-header{background:url(../images/head-sp-bg.jpg) center / cover no-repeat}.hero-text h1{font-size:48px}.catch{font-size:22px}.desc{font-size:13px}.hamburger{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#020201;display:flex;align-items:center;justify-content:center;transition:0.4s}.header-nav{background:transparent;backdrop-filter:none}.logo{display:none}.nav-inner{justify-content:flex-end}.nav-menu ul{flex-direction:column;gap:30px;text-align:center}.nav-menu.active{right:0}.nav-menu::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.3s}.nav-menu.active::before{opacity:1;pointer-events:auto}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;text-align:center;pointer-events:none}.scroll-text{display:block;margin-bottom:8px;font-size:10px;letter-spacing:2px;color:#D9B96F}.scroll-line{display:block;width:1px;height:40px;margin:0 auto;background:rgba(217,185,111,.4);position:relative;overflow:hidden}.scroll-line::after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:#D72638;animation:scroll-line 2s infinite}@keyframes scroll-line{0%{top:-100%}50%{top:0%}100%{top:100%}}.scroll-indicator{animation:float 2.5s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}.section::before,.section::after{content:"";position:absolute;width:90%;left:5%;height:1px;background:linear-gradient(to right,transparent,#D9B96F,transparent);box-shadow:0 0 8px rgba(217,185,111,.4);z-index:2}.section::before{top:0}.section::after{bottom:0}.split::before{display:none}.concept{position:relative}.concept::before{content:"";position:absolute;top:0;left:5%;width:90%;height:1px;background:linear-gradient(to right,transparent,#D9B96F,transparent);box-shadow:0 0 8px rgba(217,185,111,.4);z-index:2}.section{position:relative;padding:100px 20px;background:#020201;color:#EDE6D7}.container{max-width:1100px;margin:0 auto}.sec-label{color:#D72638;letter-spacing:2px;margin-bottom:20px}.lead{font-size:20px;margin-bottom:20px}.text{font-size:14px;line-height:2;color:#ccc}@media (max-width:768px){.section{padding:80px 24px}.container{padding:0 8px}}.section{background-repeat:no-repeat;background-size:cover;background-position:center}.concept{background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,0) 100%),url(../images/concept-bg.png) right center / contain no-repeat}.event{background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.3) 80%,rgba(0,0,0,.1) 100%),url(../images/event-bg.png) center / cover no-repeat;background-position:70% center}.split-left{background:linear-gradient(rgba(215,38,56,.9),rgba(215,38,56,.95)),url(../images/creators-bg.jpg) center / cover no-repeat}.split-right{background:linear-gradient(rgba(2,2,1,.95),rgba(2,2,1,.98)),url(../images/texture.jpg) center / cover no-repeat}@media (max-width:768px){.concept,.event,.split-left,.split-right{background-attachment:scroll}}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.card{position:relative;border:1px solid #D9B96F;padding:30px;transition:.3s;overflow:hidden;color:#fff}.card::before{content:"";position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}.card::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.8));z-index:1}.card h4{color:#D9B96F;margin-bottom:10px}.card h4,.card p{position:relative;z-index:2}.card-sound::before{background-image:url(../images/card-img01.png)}.card-visual::before{background-image:url(../images/card-img02.png)}.card-body::before{background-image:url(../images/card-img03.png)}.card:hover::before{transform:scale(1.05);transition:.5s}.card:hover::after{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.7))}.event{position:relative;padding:120px 20px;color:#fff;background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.4) 70%,rgba(0,0,0,0) 100%),url(../images/event-bg.png) right center / contain no-repeat;background-color:#020201}.event-inner{max-width:1200px;margin:0 auto;padding:0 20px}.event-text{max-width:500px}.event-title{font-size:42px;font-weight:400;margin:20px 0;letter-spacing:2px}.event-list{list-style:none;padding-left:0}.event-list li{margin-bottom:12px;line-height:1.6}.event-list span{display:block;font-size:12px;color:#D9B96F;letter-spacing:1px;margin-bottom:2px}.btn-outline{display:inline-block;margin-top:30px;padding:12px 40px;border:1px solid #D9B96F;color:#D9B96F;text-decoration:none;transition:.3s}.btn-outline::after{content:"→";margin-left:12px;font-size:14px;display:inline-block;transition:transform .3s}.btn-outline:hover::after{transform:translateX(6px)}.btn-outline:hover{background:#D9B96F;color:#000}@media (max-width:768px){.event{padding:80px 24px;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.9)),url(../images/event-bg.png) right center / contain no-repeat}.event-title{font-size:28px}}.split{display:grid;grid-template-columns:1fr 1fr}.split-left{background:#D72638;padding:80px;color:#fff}.split-right{background:#020201;padding:80px}.big{font-size:32px;margin:20px 0}.highlight{background:#D9B96F;color:#000;padding:10px;display:inline-block;margin-bottom:20px}.btn-split{display:inline-block;margin-top:30px;padding:12px 40px;background:#020201;border:1px solid #D9B96F;color:#D9B96F;text-decoration:none;transition:.3s;box-shadow:0 0 0 rgba(217,185,111,0)}.btn-split::after{content:"→";margin-left:12px;font-size:14px;display:inline-block;transition:transform .3s}.btn-split:hover::after{transform:translateX(8px)}.btn-split:hover{background:#020201;color:#D9B96F;transform:translateY(-2px);box-shadow:0 0 12px rgba(217,185,111,.6),0 0 24px rgba(217,185,111,.3)}.credit{margin-top:20px;color:#D9B96F}@media (max-width:768px){.card-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.split-left,.split-right{padding:40px 20px}.event-title{font-size:28px}}.split-left{position:relative;padding:80px;color:#fff;overflow:hidden}.split-left::before{content:"";position:absolute;inset:0;background:url(../images/creators-bg.png) center / cover no-repeat;z-index:0}.split-left::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(120,15,25,.75) 0%,rgba(150,20,30,.8) 60%,rgba(130,10,20,.7) 100%);z-index:1}.split-left *{position:relative;z-index:2}@media (max-width:768px){.split-left{padding:40px}}.split-right{position:relative;padding:80px;color:#fff;overflow:hidden}.split-right::before{content:"";position:absolute;inset:0;background:url(../images/producer-bg.png) center / cover no-repeat;z-index:0}.split-right::after{content:"";position:absolute;inset:0;background:rgba(2,2,1,.4);z-index:1}.split-right *{position:relative;z-index:2}@media (max-width:768px){.split-right{padding:40px}}.footer{background:#020201;color:#fff;padding:40px 20px;border-top:1px solid #111}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-logo h2{font-size:28px;color:#D9B96F;letter-spacing:4px;font-weight:400;line-height:1.2}.footer-logo p{font-size:4px;color:#777;letter-spacing:1px;margin-top:5px;font-weight:400}.footer-sns{display:flex;gap:50px;align-items:center}.sns-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#D9B96F;transition:.3s}.sns-item i{font-size:24px;margin-bottom:8px;transition:.3s;color:#D9B96F}.sns-item span{font-size:11px;letter-spacing:1px;color:#aaa}.sns-item:hover{color:#D9B96F}.sns-item:hover i{transform:translateY(-3px);color:#D72638}.sns-item:hover span{color:#fff}.sns-item,.sns-item:visited{color:#D9B96F}.footer-info{text-align:right}.footer-info p{font-size:12px;margin-bottom:5px}.footer-info small{font-size:10px;color:#777}.footer a{color:#fff;text-decoration:none;transition:.3s}.footer a:visited{color:#fff}.footer a:hover{color:#D9B96F}@media (max-width:768px){.footer-inner{flex-direction:column;align-items:center;gap:30px;text-align:center}.footer-logo{text-align:center}.footer-sns{justify-content:center;gap:30px}.footer-info{text-align:center}}.legal{background:#020201;color:#EDE6D7}.legal-inner{max-width:900px}.legal-title{font-size:28px;margin-bottom:40px;color:#D9B96F;letter-spacing:2px}.legal-subtitle{font-size:18px;color:#D9B96F;letter-spacing:2px}.legal-table{border-top:1px solid rgba(217,185,111,.3)}.legal-row{display:grid;grid-template-columns:220px 1fr;padding:18px 0;border-bottom:1px solid rgba(217,185,111,.15)}.legal-row dt{color:#D9B96F;font-size:14px;letter-spacing:1px}.legal-row dd{font-size:14px;line-height:1.8;color:#ccc}.legal a{color:#EDE6D7;text-decoration:none;transition:.3s}.legal a:visited{color:#EDE6D7}.legal a:hover{color:#D9B96F}@media (max-width:768px){.legal-title{font-size:22px}.legal-subtitle{font-size:16px}.legal-row{grid-template-columns:1fr;gap:8px}.legal-row dt{font-size:13px}.legal-row dd{font-size:13px}}.fade-in{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s ease,transform .8s ease}.fade-in.show{opacity:1;transform:translateY(0)}.fade-in.delay-1{transition-delay:.2s}.fade-in.delay-2{transition-delay:.4s}.fade-in.delay-3{transition-delay:.6s}.terms-text{font-size:14px;line-height:2;color:#ccc}.terms-text h2{margin-top:40px;margin-bottom:10px;font-size:16px;color:#D9B96F;letter-spacing:1px}.terms-text p{margin-bottom:15px}.terms-text ul{margin:10px 0 20px 20px}.terms-text li{margin-bottom:8px}@media (max-width:768px){.terms-text{font-size:13px}.terms-text h2{font-size:14px}}