@font-face{font-display:swap;font-family:Sawarabi Gothic;font-style:normal;font-weight:400;src:url(../assets/font/SawarabiGothic-Regular.woff2) format("woff2")}:root{--bgColor:#e8e8e8;--yellow:#ff0;--black:#2d2d2d;--white:#fefefe;--gray:#7e7e7e;--blue:#05acfc;--deepBlue:#024aff;--red:#ff2a2a;--green:#78ff02;--orange:#ff8900;--instaPink:#f7005a;--xBlack:#000;--linktreeGreen:#41df5d;--v-sqrt:sqrt(100vw * 100vh);--fontSize:calc(var(--v-sqrt)/50)}body,html{background-color:var(--bgColor);cursor:none;font-family:Sawarabi Gothic,sans-serif;font-weight:400;height:auto;position:relative;width:100%}.noopacity{opacity:0;visibility:hidden}.nodisplay{display:none!important}.fixed{position:fixed!important}.noevent{pointer-events:none;-webkit-user-select:none;user-select:none}.scroll_gutter{scrollbar-gutter:stable}.overlay{background-image:linear-gradient(#e8e8e86e,#e8e8e887),url(../assets/images/noise.png);background-repeat:repeat;background-size:200px;height:100%;opacity:.25;pointer-events:none;position:fixed;z-index:5000}.main_container,.overlay{left:0;overflow:hidden;top:0;width:100%}.main_container{background-color:var(--bgColor);height:auto;position:relative}.main_container:hover{cursor:none}.bg_anim{animation:mainContanerBgAnim 30s ease-in-out infinite alternate}@keyframes mainContanerBgAnim{0%{background-color:#fefefe70}20%{background-color:#41ff0070}40%{background-color:#ffff0070}60%{background-color:#ff2a2a70}80%{background-color:#05aefc70}to{background-color:#2d2d2d70}}.loading_container{filter:contrast(1.25) saturate(1.25);height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.block_container{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;left:0;overflow:hidden;position:absolute;top:0}.block-active{pointer-events:none}.block-active,.block_layer{background-color:var(--yellow)}.block_layer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loaing_text{color:var(--black);display:flex;font-size:clamp(24px,2vmax,60px);line-height:1.4;overflow:hidden}.loaing_text_emoji1{animation:loading1 1.2s steps(6) infinite alternate;transform:translateY(-5%)}.loaing_text_emoji2{animation:loading2 1.2s steps(6) infinite alternate;transform:translateY(102%)}@keyframes loading1{0%{transform:translateY(-5%)}to{transform:translateY(105%)}}@keyframes loading2{0%{transform:translateY(102%)}to{transform:translateY(-2%)}}#matterCanvas{left:0;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}#matterCanvas,.top_container{filter:contrast(1.25) saturate(1.25);pointer-events:none;z-index:3}.top_container{height:100vh;min-height:500px;position:relative;width:100vw}.title_block_top{align-items:flex-end;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;will-change:opacity,transform;z-index:200}.title_block_top,.title_top{background-color:var(--yellow);width:100%}.title_top{transform:scaleY(0);transform-origin:bottom center;will-change:transform}.logo_block{font-size:0;height:auto;left:50%;line-height:1;opacity:0;overflow:hidden;position:absolute;top:68%;transform:translate(-50%,-50%);width:50vw;z-index:3}#logo_title{height:auto;width:100%}#logo_title path{fill:var(--black)}.st0{fill:none;stroke:var(--black);stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10}.logo_horn{opacity:0}@media (max-width:767px){.logo_block{width:60vmin}}.work_container{filter:contrast(1.25) saturate(1.25);height:100vh;min-height:500px;pointer-events:none;position:relative;width:100vw;z-index:2}.title_block,.work_container{background-color:var(--yellow)}.title_block{height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;will-change:opacity,transform;z-index:200}.title_works{background-color:var(--yellow);transform:scale(0);transform-origin:top center}.title_works,.title_works img{will-change:transform}.play_btn{cursor:none;left:50%;pointer-events:all;position:absolute;top:50%;transform:translate(-50%,-50%);width:8%;z-index:100}.play_btn img{height:100%;object-fit:cover;width:100%}.inq_container{filter:contrast(1.25) saturate(1.25);height:100vh;min-height:500px;position:relative;width:100vw;z-index:1}.inq_container,.title_contact{background-color:var(--yellow)}.title_contact{transform:scale(0);transform-origin:top center}.title_contact,.title_contact img{will-change:transform}.copy{background-color:var(--deepBlue);left:26%;letter-spacing:.2vmax;line-height:1.8;overflow:hidden;padding:1.5%;position:absolute;text-align:center;text-wrap:nowrap;top:25%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:40%;z-index:1}.copy span{color:var(--white);display:inline-block;font-size:clamp(14px,1.5vmax,40px)}.tagline{left:70%;letter-spacing:.2vmax;line-height:1.8;padding:1.5% 0;position:absolute;text-align:center;text-wrap:nowrap;top:48%;transform:translate(-50%,-50%);width:40%;z-index:1}.tagline,.tagline_block{background-color:var(--red);overflow:hidden}.tagline_block{display:flex}.tagline_inner{color:var(--white);font-size:clamp(14px,1.5vmax,40px);letter-spacing:.2vmax;padding:0 0 0 5%;-webkit-user-select:none;user-select:none;white-space:nowrap}.x_sns{background-color:var(--xBlack);left:30%;top:60%}.instagram_sns,.x_sns{cursor:none;padding:1%;pointer-events:all;position:absolute;touch-action:manipulation;width:5%}.instagram_sns{background-color:var(--instaPink);right:36%;top:63%}.linktree_sns{background-color:var(--linktreeGreen);cursor:none;left:42%;padding:1%;pointer-events:all;position:absolute;top:67%;touch-action:manipulation;width:5%}.sns_link{-webkit-user-select:none;user-select:none}.inq_container a{cursor:none;display:block;height:100%;width:100%}.inq_container img{height:auto;width:100%}.inq_block{background-color:var(--orange);bottom:5%;height:fit-content;left:68%;letter-spacing:.15vmax;line-height:1.8;padding:1% 2%;position:absolute;text-align:center;text-wrap:nowrap;transform:translate(-50%);z-index:1}.inq_text{color:var(--white);font-size:clamp(12px,1.3vmax,32px);-webkit-user-select:none;user-select:none;white-space:nowrap}.inq_mail{color:var(--white);font-size:clamp(14px,1.5vmax,40px);letter-spacing:.15vw;pointer-events:stroke;text-decoration:none!important;-webkit-user-select:all;user-select:all}.inq_mail::-moz-selection{background:var(--black);color:var(--white)}.inq_mail::selection{background:var(--black);color:var(--white)}footer{background-color:var(--black);bottom:5%;color:var(--white);font-size:clamp(10px,1.2vmax,18px);height:fit-content;left:2%;letter-spacing:.05vw;line-height:1;padding:1%;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}@media (max-width:767px) and (hover:none){.play_btn{width:12%}.copy{left:46%;top:28%}.copy,.tagline{padding:3%;width:70%}.tagline{left:54%;top:52%}.x_sns{left:10%;top:61%}.instagram_sns,.x_sns{padding:1.5%;width:15%;z-index:100}.instagram_sns{right:18%;top:64%}.linktree_sns{left:44%;padding:1.5%;top:59%;width:15%;z-index:100}.inq_block{bottom:16%;height:fit-content;padding:3%;position:absolute}.inq_block,footer{left:50%;transform:translate(-50%)}footer{bottom:5%;padding:2%}}.marquee{color:var(--yellow);font-size:clamp(30px,3vmax,48px);opacity:0}.marquee,.marquee_block{-webkit-user-select:none;user-select:none}.marquee_block{background-color:var(--yellow);display:flex;overflow:hidden;transform:scaleY(1.68);transform-origin:top}.marquee_inner{font-weight:700;line-height:1.5;padding:0 0 0 2%}.cursor,.marquee_inner{-webkit-user-select:none;user-select:none}.cursor{filter:contrast(1.25) saturate(1.25);height:3.5vmax;left:50vw;opacity:0;pointer-events:none;position:fixed;top:-50px;transform:translate(-50%,-50%);transform-origin:50% 50%;width:3.5vmax;z-index:2000}.cursor_img{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.cursor_text{background-color:var(--yellow);font-size:clamp(12px,1.5vmax,35px);letter-spacing:.1vmax;padding:15% 12%;top:-40%;white-space:nowrap}.cursor_emoji,.cursor_text{line-height:1;position:absolute}.cursor_emoji{font-size:clamp(30px,3vmax,68px);left:50%;transform:rotate(-30deg);transform-origin:right bottom}@media (hover:none){.cursor{left:48%;top:6%;transform:translate(-50%,-50%)}.cursor_text{line-height:1.2;padding:20% 16%;position:absolute;text-align:center;top:-80%}.cursor_emoji{position:absolute;top:-45%}}