@charset "UTF-8";@font-face{font-family:Rounded;font-style:normal;font-weight:400;src:url(./MPLUSRounded1c-Regular.16ef55b7.woff2) format("woff2"),url(./MPLUSRounded1c-Regular.d614f14a.woff) format("woff")}@font-face{font-family:Rounded;font-style:medium;font-weight:500;src:url(./MPLUSRounded1c-Medium.bbe321ff.woff2) format("woff2"),url(./MPLUSRounded1c-Medium.a76542f1.woff) format("woff")}body,h1,p{margin:0;font-family:Rounded;font-style:normal}#loader{z-index:10;position:fixed;top:0;left:0;display:flex;background-color:#add8e6;width:100vw;height:100vh;color:#fff;font-size:2rem;justify-content:center;align-items:center;opacity:1;transition:ease 1s}#loader div{margin-bottom:3rem;animation:loading 1s infinite}@keyframes loading{0%{rotate:0deg}40%{rotate:180deg}80%{rotate:360deg}to{rotate:360deg}}#home-page-container{position:absolute;left:0;top:0;width:100%;pointer-events:none}#three-container{position:absolute;left:0;top:0;transition:ease 1s}.sketch-info{position:fixed;bottom:0;width:100%;padding:16px;display:flex;gap:16px}.sketch-info .sketch-title{color:#000;height:100%;white-space:nowrap}.sketch-info .description-container{display:block;white-space:nowrap;overflow:hidden}.sketch-info .description-container .description-contents{font-size:2rem}#pattern{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}#pattern #pattern-title{font-size:24px;font-weight:500;color:#fff;text-align:center;margin-bottom:1rem}#pattern #pattern-description{top:2.5rem;width:100%;height:3rem;display:block;text-align:center;color:#fff}#pattern #pattern-list{transform:translate(-50%);pointer-events:auto}#pattern ul{list-style:none;display:flex;gap:2rem;justify-content:space-between;padding:0}#pattern ul li{width:150px;text-align:center;color:#fff;background-color:#000;border-radius:8px;overflow:hidden}#pattern ul li img{display:block;margin:0;padding:0;height:auto}#pattern ul li p{margin:4px}#them-description{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;padding:1rem}#them-description #title{color:#fffc;width:100%;text-align:center;margin-bottom:1rem;z-index:-1}#them-description #title h2{margin:0}#them-description .my-point{color:#fff;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;font-size:14px;font-weight:400}#them-description .my-point p{padding:4px;border-radius:4px;line-height:24px}#them-description .my-point .bold{font-weight:500;color:#ffc455}#them-description #related{color:#fff}#lib{position:fixed;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem}#lib li{list-style:square;margin-bottom:1rem}#my-name{position:fixed;top:60%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:14px;line-height:28px}#my-name a{display:block;color:#fff;pointer-events:auto}#camera{position:absolute;bottom:20px;right:3rem;color:#fff}.hide{display:none;opacity:0}.type{font-size:3rem;position:fixed;color:#fffc;top:.5rem}#text-l{right:6rem}#text-r{right:2rem}.button{position:fixed;z-index:10;margin:16px;bottom:2.5rem}.button:hover{cursor:pointer}.button img{display:block;max-width:30px;max-height:30px}#btn-close{width:20px;left:2rem}#btn-description{position:fixed;right:2.5rem}.sketch-page-infopanel{font-family:Rounded;font-weight:400;width:100%;display:none;opacity:0}.sketch-page-infopanel #close-mask{position:fixed;top:0;width:100vw;height:100vh;background-color:#000c;z-index:1}.sketch-page-infopanel .show-contents{width:50vw;padding:1rem;position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:2;color:#fff;font-family:Rounded;font-weight:400;font-size:1rem;line-height:2rem}.sketch-page-infopanel .show-contents #panel-btn-close{color:#d4d4d4;z-index:2;position:relative;text-align:center;margin-top:20px}.sketch-page-infopanel .show-contents #panel-btn-close:hover{cursor:pointer}.sketch-page-infopanel.show{display:block;opacity:1}#logo-div{pointer-events:auto;position:fixed;padding:8px;top:2.5rem;left:2.5rem;width:16rem}#logo-div img{width:100%}#logo-div:hover:before{content:"\a0";display:block;position:absolute;width:100%;background-color:#000;border-radius:1rem;z-index:-1;top:0;transform:translate(-.5rem,1.5rem) rotate(-1deg)}.step-info{position:fixed;width:1px;height:1px;opacity:0;transition:ease-in-out 1s}.step-info.show{display:block;opacity:1}.step-info p{margin:16px;width:40vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem}#pos-nav{pointer-events:auto;font-family:Rounded;font-style:medium;position:fixed;right:2.5rem;width:150px;color:#faebd7;display:flex;flex-direction:column;gap:10vh}#pos-nav .nav-text{text-align:right;font-size:1rem;opacity:.6;transition:ease .7s}#pos-nav .nav-text.active{opacity:1;font-size:2rem}#pos-nav .nav-text:hover{opacity:1;color:#d5e6ff;transition:0s}.sketch-page-container{background-color:#000;height:100vh;width:100%}.sketch-page-container video{display:block;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sm-canvas{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.label-div{height:auto;font-family:Rounded;font-style:medium;font-size:1.5rem}.label-div .label-title{padding:0 1rem;background-color:#000;border-radius:8px;text-align:center;color:#fff;font-weight:500}.label-div .label-contents{display:none}.no-hover{pointer-events:none}#scroll-info{position:fixed;z-index:5;color:#fff;bottom:-.5rem;left:50%;translate:-50% -50%;text-align:center;font-size:1rem}#scroll-info #scroll-icon{height:70px;margin-bottom:.5rem}#scroll-info #scroll-icon img{height:100%}#mobile-contents{width:100vw;height:100vh;background-color:#41c59e;text-align:center}#mobile-contents #logo-mobile{position:absolute;transform:translate(-50%,-50%);top:25%;left:50%;width:70%}#mobile-contents #logo-mobile img{width:100%}#mobile-contents #logo-mobile #img-1{position:relative;transform:translateY(-10%) rotate(-5deg) scale(1.2);opacity:.3}#mobile-contents #logo-mobile #img-2{position:relative;transform:translateY(-50%) rotate(0)}@keyframes logowave{0%{transform:translateY(60%) rotate(0) scale(1);opacity:0}50%{transform:translate(0) rotate(-15deg) scale(1.2);opacity:.4}to{transform:translateY(60%) rotate(0) scale(1);opacity:0}}#mobile-contents #info-mobile{width:80%;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;color:#fff}#mobile-contents #info-mobile div{margin-bottom:1rem}#mobile-contents #link{width:80%;position:absolute;transform:translate(-50%,-50%);bottom:5%;left:50%;color:#fff;opacity:.7;font-size:14px}#mobile-contents #link a{color:#fff;-webkit-text-decoration:white underline;text-decoration:white underline}