body{margin:0;padding:0;background-color:#0135ff;font-family:Monospace;font-size:13px;line-height:24px;overscroll-behavior:none;position:relative;height:100vh;font-family:Helvetica,Arial,sans-serif;overflow:hidden}.lil-gui{display:none !important}.effect_box{width:100%;height:100vh;position:fixed;top:0px;left:0px;z-index:100;pointer-events:none;opacity:0;transition:.1s}.effect_box--disp{opacity:1}.effect_box img{width:100%;height:100%;object-fit:cover}#container,canvas{width:100%;height:100vh}canvas{position:fixed;top:0px;left:0px}.info{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);margin:auto;color:#fff;padding:20px 0px;text-align:center;display:flex;justify-content:center;align-items:center;z-index:1000;display:none;height:650px;max-height:800px;background-color:#6400ff;border-radius:13px}.info:before,.info:after{content:"";display:block;background-color:#6400ff;background-image:url(assets/images/7615648054c26531459b.svg);background-repeat:no-repeat;background-position:center;background-size:100% 14px;width:85px;height:30px;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (max-width: 768px){.info:before,.info:after{background-size:100% 14px;width:77px;height:29px}}.info:before{bottom:calc(100% - 3px);border-radius:10px 10px 0px 0px}.info:after{top:calc(100% - 3px);border-radius:0px 0px 10px 10px}.info-pc{width:100%;max-width:520px}.info-sp{width:100%;max-width:320px;height:100vh;max-height:515px;padding:25px 10px !important;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:20px}.info-sp .info-fig__box{width:200px}.info-title{font-weight:500;font-family:"Playfair Display",serif;color:#242424;background-color:#fff;width:calc(100% - 54px);margin:auto;border-radius:5px;padding:27px 10px 33px 10px;font-size:31px;letter-spacing:0px;position:relative;margin-bottom:43px}.info-title:after{content:"";width:100%;height:.5px;background-color:#3c3c3c;position:absolute;left:0px;top:105px}@media screen and (max-width: 768px){.info-title:after{top:72px}}.info-title span{font-size:13px}@media screen and (max-width: 768px){.info-title{padding:16px 10px 19px 10px;font-size:25px;width:calc(100% - 24px);margin-bottom:26px}}.info-fig{width:100%;height:200px}@media screen and (max-width: 768px){.info-fig{width:140px}}.info-fig__box{margin:auto;margin-top:25px;margin-bottom:25px}@media screen and (max-width: 768px){.info-fig__box{margin-top:-23px;margin-bottom:-27px}}.info-gif__sp{height:210px}.info-gif__pc{height:30%}.info-inner{font-size:22px;letter-spacing:1px;width:100%}.info__min{position:absolute;left:0px;bottom:0px;z-index:400;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 60px);padding:30px 30px;text-align:center}.info__min .start-btn{margin-left:12px;padding:3px 49px;font-size:12px;margin:auto}.info__min img{width:420px}.sp .info-sp{display:block}.sp .exit_desc{display:none}.sp .info__min{display:none}.sp .ui_stage{display:block}.pc .info-pc{display:block}.pc .info-sp{display:none}#sp_min .info-fig{width:215px;margin-left:-15px}.exit_desc{color:blue;position:fixed;top:-10px;left:10px;font-size:13px;z-index:5}.key{border-radius:15px;background-color:#fff;font-size:18px;color:#000;padding:10px 0px 0px 10px;height:42px;width:42px;display:inline-block;margin:5px;text-align:left}.space-key{border-radius:15px;background-color:#fff;font-size:18px;color:#000;padding:13px 5px 13px 5px;display:inline-block;width:100%;max-width:245px}.start-btn,.start-btn--sp_min{padding:15px 40px;border-radius:100px;font-size:16px;cursor:pointer;background-color:#fff;color:#000 !important;max-width:200px;margin:auto}@media screen and (max-width: 768px){.start-btn,.start-btn--sp_min{margin:10px auto}}.start-btn--sp,.start-btn--sp_min{padding:10px}.start-btn button{background-color:unset;border:none;font-size:18px;letter-spacing:1px}@media screen and (max-width: 768px){.start-btn button{font-size:15px;color:#000;letter-spacing:.5px}}.cover{width:100%;height:100vh;background-color:rgba(0,0,0,.85);position:absolute;top:0px;left:0px;z-index:500}.fork{font-size:13px}.hide{display:none !important}.cursor{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);margin:auto;width:5px;height:5px;border-radius:100px;background-color:#0059ff;z-index:100;transition:.1s;mix-blend-mode:difference}.pc .cursor_hover{width:35px;height:35px;mix-blend-mode:normal;background-color:unset;background-image:url(assets/images/63f03ccb83f49b3ffc0a.svg);background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:0px}.sp .cursor_hover{width:100px;height:100px;background-color:#fff;display:flex;justify-content:center;align-items:center;mix-blend-mode:normal}.sp .cursor_hover:before{content:"touch me!";text-decoration:underline;color:blue}.wrapper{width:100%;height:100vh}.ui_stage{position:absolute;left:0px;bottom:70px;width:100%;height:180px;user-select:none;-webkit-user-select:none;z-index:300;display:none}.ui_btn{position:absolute;left:55px;top:22px;width:130px;height:130px;user-select:none;-webkit-user-select:none}.btn{margin:0px 10px;width:50px;height:47px;position:relative;background-size:100% 100%;background-position:center;background-repeat:no-repeat;user-select:none;-webkit-user-select:none}.btn_w{background-image:url(assets/images/c1ea6a7d1af52227569d.png);top:-19px}.btn_a{background-image:url(assets/images/80b082320ae73a89881d.png);top:-64px;left:-49px}.btn_s{background-image:url(assets/images/d15d04d9c4309a3129a5.png);bottom:-33px}.btn_d{background-image:url(assets/images/d37a12426207a6cd4349.png);top:-112px;right:-49px}.btn_jump{width:80px;height:80px;background-color:#fff;position:absolute;right:30px;bottom:45px;display:flex;justify-content:center;align-items:center;border-radius:100px;user-select:none;-webkit-user-select:none}.btn_jump span{transform:scale(0.8)}.ui .btn{margin:10px}.sp{bottom:55px !important;-webkit-touch-callout:none;-webkit-user-select:none}#sp_min .btn_jump{left:50%;transform:translateX(-50%);bottom:-20px;height:60px;width:120px}.joystick{position:fixed;bottom:.5rem;position:absolute;right:40px;bottom:40px;z-index:10;user-select:none;-webkit-user-select:none}.joystick-frame{width:64px;height:64px;border-radius:100rem;border:2px #fff solid;position:relative}.joystick-ball{width:43px;height:43px;background:#fff;border-radius:100rem;border:2px #fff solid;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#joystick_move{right:auto;left:50px;bottom:230px}#camera_range{-webkit-appearance:none;appearance:none;background-color:unset;height:7px;width:90px;border-radius:6px;border:solid 2px #fff;transform:rotate(90deg);position:absolute;right:100px;bottom:107px}#camera_range:focus,#camera_range:active{outline:none}#camera_range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;position:relative;border:2px solid rgba(0,0,0,.7);width:22px;height:40px;display:block;background-color:#fff;border-radius:10px;box-shadow:unset}#camera_range:active::-webkit-slider-thumb{box-shadow:unset;transition:.4s}.loader_section{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9999;background-color:#000;opacity:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.showcontainer{opacity:0}#loader_back{width:100%;height:100vh;position:fixed;top:0px;left:0px;z-index:10000;background-color:#000;display:flex;justify-content:center;align-items:center;pointer-events:none}.loader_close{display:none !important}.loader,.loader:before,.loader:after{border-radius:50%}.loader{color:#fff;font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 .5em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);transform:scale(0.5);transform-origin:center}.loader:before,.loader:after{position:absolute;content:""}.loader:before{width:5.2em;height:10.2em;background:#000;border-radius:10.2em 0 0 10.2em;top:-0.1em;left:-0.1em;-webkit-transform-origin:5.1em 5.1em;transform-origin:5.1em 5.1em;-webkit-animation:load2 2s infinite ease 1.5s;animation:load2 2s infinite ease 1.5s}.loader:after{width:5.2em;height:10.2em;background:#000;border-radius:0 10.2em 10.2em 0;top:-0.1em;left:4.9em;-webkit-transform-origin:.1em 5.1em;transform-origin:.1em 5.1em;-webkit-animation:load2 2s infinite ease;animation:load2 2s infinite ease}@-webkit-keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}