@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);.opening{z-index:20000}.side__logo{z-index:10000}.kv__area{z-index:9999}.ico{z-index:3}.detail,.opening h1,.style,footer{z-index:2}.bg{z-index:1}*,:after,:before{box-sizing:border-box}a,button{color:inherit;cursor:pointer}button{background-color:#0000;border-width:0;padding:0}figure{margin:0}input::-moz-focus-inner{border:0;margin:0;padding:0}dd,dl,ol,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{margin:0}cite{font-style:normal}fieldset{border-width:0;margin:0;padding:0}img{border:0;display:block}.clearfix:after{clear:both;content:"";display:block}.over{opacity:1;transition:.4s}.pc{display:block}.sp{display:none}body{background:#000;color:#000;font-family:Inter,sans-serif;font-size:.875rem;letter-spacing:.05em;line-height:1;text-align:left}body:before{background:url(../images/bg.webp) no-repeat 50%;background-size:cover;content:"";height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}body img{width:100%}.fadeIn{animation-duration:1s;animation-fill-mode:both;opacity:0}.fadeIn.active{animation-delay:.2s;animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeInBlur{animation-duration:2s;animation-fill-mode:both;opacity:0}.fadeInBlur.active{animation-delay:.2s;animation-name:fadeInBlur}@keyframes fadeInBlur{0%{filter:blur(10px);opacity:0}30%{opacity:1}to{filter:blur(20);opacity:1}}footer{background:url(../images/foot.webp) top no-repeat;background-size:cover;color:#fff;padding:580px 0 40px;position:relative}footer .footer__logo{margin-bottom:4em;margin-inline:auto;width:113px}footer .footer__credit{font-size:.625rem;line-height:21px;margin-bottom:6em;text-align:center}footer .footer__credit span{font-size:.5rem}footer .footer__copy{font-size:.625rem;text-align:center}.opening{background:#000;display:grid;height:100svh;left:0;max-height:100%;place-content:center;position:fixed;top:0;width:100%}.opening h1{position:relative;width:15.0805270864vw}.opening h1 img.fadeIn{animation-duration:2s}.opening h1 img.fadeIn.active,.opening.hidden{animation-delay:0s}.opening.hidden{animation-duration:1s;animation-fill-mode:both;animation-name:hidden}@keyframes hidden{0%{opacity:1}to{opacity:0}}.opening .phase{height:100%;left:0;position:absolute;top:0;width:100%}.opening .phase1{background:url(../images/op/1.webp) 50% no-repeat;background-size:cover}.opening .phase1.fadeIn{animation-duration:.4s}.opening .phase1.fadeIn.active{animation-delay:0s}.opening .phase2{background:url(../images/op/2.webp) 50% no-repeat;background-size:cover}.opening .phase2.fadeIn{animation-duration:.4s}.opening .phase2.fadeIn.active{animation-delay:.6s}.opening .phase3{background:url(../images/op/3.webp) 50% no-repeat;background-size:cover}.opening .phase3.fadeIn{animation-duration:.4s}.opening .phase3.fadeIn.active{animation-delay:1.2s}.kv__area{display:grid;height:100svh;left:0;max-height:100%;place-content:center;position:absolute;top:0;width:100%}.kv__area h1 svg{fill:#88001e;margin-top:-1em;position:relative;transition:fill 2s .8s;width:62.6647144949vw}.kv__area h1 svg.active{fill:#fff}.kv__visual{background:url(../images/main.webp) 50% no-repeat;background-size:cover;height:100svh;left:0;max-height:100%;opacity:1;position:fixed;top:0;transition:opacity 2s;width:100%}.kv__visual.active{opacity:0}main{position:relative}main .bg{height:100lvh;left:0;opacity:0;position:fixed;top:0;transition:opacity .8s;width:100%}main .bg1{background:url(../images/bg2.webp) 50% no-repeat;background-size:cover}main .bg2{background:#000}main .bg.action1,main .bg.action2{opacity:1}.area{padding:300px 0}.content{overflow:hidden;position:relative;top:100vh}.side__logo{opacity:0;position:fixed;right:30px;top:50%;transition:opacity .4s;translate:0 -50%;width:22px}.side__logo.active{opacity:1}.concept{padding:330px 0}.concept p{margin-inline:auto;width:40.2635431918vw}.style,.style .wrap{position:relative}.style .wrap{overflow:hidden}.style .detail{background:#0009;color:#fff;display:grid;height:100%;left:0;opacity:0;place-items:center;position:absolute;top:0;transition:opacity .4s;width:100%}.style .detail:hover{cursor:pointer}.style .detail a{pointer-events:none;text-decoration:none}.style .detail.opa1{opacity:1}.style .detail.opa1 a{pointer-events:inherit}.style .detail .inr{width:min(23.4260614934vw,320px)}.style .detail .inr dl{align-items:center;display:flex;padding:5px 0;position:relative}.style .detail .inr dl dt{width:230px}.style .detail .inr dl dd{width:90px}.style .detail .btn{background:#fff;color:#000;font-size:.6875rem;height:20px;letter-spacing:.1em;width:90px}.style .detail .btn a{display:grid;height:100%;place-items:center;text-decoration:none;width:100%}.style .detail .btn a:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.style .detail__btm{padding:0 7em 4em 0;place-items:end end}.style .ico{bottom:15px;height:30px;left:15px;position:absolute;transition:transform .4s;width:30px}.style .ico:after,.style .ico:before{background:#fff;content:""}.style .ico:before{height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.style .ico:after{height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.style .ico.close{transform:rotate(45deg)}.style .ico:hover{cursor:pointer}.style1 .wrap{margin-bottom:500px;margin-inline:auto;width:43.9238653001vw}.style2 .wrap{margin-bottom:380px;margin-inline:auto;width:29.2825768668vw}.style3 .wrap{margin-bottom:400px;margin-inline:auto;width:38.7994143485vw}.style4 .wrap{margin:0 0 140px 23.4260614934vw;width:26.3543191801vw}.style5 .wrap{margin:0 0 560px 46.1200585652vw;width:32.9428989751vw}.style6 .wrap{margin-bottom:630px;margin-inline:auto;width:57.1010248902vw}.style7 .wrap{margin-bottom:370px;margin-inline:auto;width:62.2254758419vw}.style8 .wrap{margin-bottom:280px;margin-inline:auto;width:33.6749633968vw}.style9 .wrap{margin:0 0 0 60.0292825769vw;width:26.3543191801vw}.style10 .wrap{margin:0 0 0 13.17715959vw;top:-13.9092240117vw;width:41.7276720351vw}.style11 .wrap{margin-inline:auto;width:47.5841874085vw}@media(hover:hover)and (pointer:fine){.over:hover{opacity:.5}}@media(width < 560px){.pc{display:none}.sp{display:block}body:before{background:url(../images/bg_s.webp) no-repeat 50%;background-size:cover}footer{background:url(../images/foot_s.webp) top no-repeat;background-size:cover;padding:500px 0 80px}footer .footer__logo{width:28.9743589744vw}.opening h1{margin:0 auto;width:60vw}.opening .phase1{background:url(../images/op/1_s.webp) 50% no-repeat;background-size:cover}.opening .phase2{background:url(../images/op/2_s.webp) 50% no-repeat;background-size:cover}.opening .phase3{background:url(../images/op/3_s.webp) 50% no-repeat;background-size:cover}.kv__area{position:-webkit-sticky;position:sticky;top:0}.kv__area h1 svg{height:90svh;margin-left:2em;margin-top:auto;width:auto}.kv__visual{background:none;height:auto;margin-top:-100svh;position:relative}.kv__visual.active{opacity:1}main .bg1{background:url(../images/bg2_s.webp) 50% no-repeat;background-size:cover}.area{padding:200px 0}.content{padding:200px 0 0;top:0}.side__logo{right:3.5897435897vw;width:4.6153846154vw}.concept{padding:130px 0}.concept p{width:25.1282051282vw}.style .detail .inr{width:76.9230769231vw}.style .detail .inr dl{font-size:3.5897435897vw}.style .detail .inr dl dt{width:58.9743589744vw}.style .detail .btn,.style .detail .inr dl dd{width:23.0769230769vw}.style .detail__btm{padding:0;place-items:center}.style .ico{bottom:10px;height:20px;right:10px;width:20px}.style1 .wrap{margin-bottom:230px;width:100%}.style2 .wrap{margin-bottom:190px;width:100%}.style2 .wrap img{margin-inline:auto;width:76.9230769231vw}.style3 .wrap{margin-bottom:340px;width:100%}.style4 .wrap{margin:0 0 190px;width:100%}.style4 .wrap img{margin-inline:auto;width:48.7179487179vw}.style5 .wrap{margin:0 0 400px;width:100%}.style5 .wrap img{margin-inline:auto;width:71.7948717949vw}.style6 .wrap{margin-bottom:400px;width:100%}.style7 .wrap{margin-bottom:200px;width:100%}.style8 .wrap{width:100%}.style8 .wrap img{width:69.2307692308vw}.style9 .wrap{margin:0 0 290px;width:100%}.style10 .wrap{margin:0;width:100%}.style10 .wrap img{margin-inline:auto;width:79.4871794872vw}.style11 .wrap{margin-bottom:280px;width:100%}.obj .wrap{margin-inline:auto;width:64.1025641026vw}}@media(width < 560px)and (width < 560px){.style2 .wrap .ico{left:15.3846153846vw}.style4 .wrap .ico{left:28.2051282051vw}.style5 .wrap .ico{left:17.9487179487vw}.style10 .wrap .ico{left:12.8205128205vw}}