body{margin:0;padding:0;border:none}img,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,textarea,address,main,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;list-style-type:none}main,article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-weight:inherit}table{border:none;border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}caption{text-align:left}a,a:focus,a:hover,a:active{outline:0}input,input:focus,input:hover,input:active,textarea,textarea:focus,textarea:hover,textarea:active{outline:0}img{max-width:100%;height:auto;pointer-events:none;vertical-align:top}button{all:unset;box-sizing:border-box;cursor:pointer;touch-action:manipulation}svg{display:block;width:100%;height:100%}html,body{height:100%;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:min(clamp(.625rem,.0625rem + .625vw,.6875rem),.6944444444vw);scroll-padding-top:var(--spt, 0);scrollbar-gutter:stable}html[data-state=loading]{overflow:hidden;overscroll-behavior:none;cursor:wait}html[data-state=navOpen]{overflow:hidden;overscroll-behavior:none}@media screen and (min-width: 1440px){html{font-size:min(.6875vw,12px)}}@media screen and (max-width: 1023px){html{font-size:10px;font-size:2.5641025641vw;scroll-padding-top:inherit;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}}html *{box-sizing:border-box}body{color:#1c1c1c;font-family:YakuHanJP,Noto Sans JP, sans-serif;font-size:1rem;font-weight:400;line-height:1.75;letter-spacing:0;background-color:#fff;overflow-wrap:anywhere;word-break:normal;line-break:strict;overscroll-behavior:none}a:not([class]){color:red}[lang=en]{font-family:YakuHanJP,Noto Sans JP, sans-serif}@media screen and (max-width: 1023px){.nosp{display:none !important}}.nopc{display:none}@media screen and (max-width: 1023px){.nopc{display:block}}.sr-only{clip:rect(1px, 1px, 1px, 1px);position:absolute;left:0;top:0}.arrow{display:flex;align-items:center;justify-content:center;width:var(--arrow-wrap-size, 3rem);aspect-ratio:1}.arrow.has-round{border-radius:50%;background-color:var(--arrow-bg-color);color:var(--arrow-color)}.uline,.uline-r{text-decoration:none}.uline .line,.uline-r .line{background-image:linear-gradient(currentcolor, currentcolor);background-repeat:no-repeat;transition:background-size .2s cubic-bezier(0.3, 0.015, 0.12, 1)}@media screen and (min-width: 1025px)and (hover: hover),screen and (min-width: 1025px)and (pointer: fine){.uline:hover .line{background-size:100% 1px;background-position:bottom left}}.uline .line{background-size:0% 1px;background-position:bottom right}@media screen and (min-width: 1025px)and (hover: hover),screen and (min-width: 1025px)and (pointer: fine){.uline-r:hover .line{background-size:0% 1px;background-position:bottom right}}.uline-r .line{background-size:100% 1px;background-position:bottom left}.acdn-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(0.3, 0.015, 0.12, 1)}.acdn-content[data-hidden=false]{grid-template-rows:1fr}.acdn-inner{overflow:hidden}.space{height:calc(var(--lv)*100svh)}@media screen and (max-width: 1023px){.space{height:calc(var(--lv)*100svh/2)}}.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp, 1);overflow:hidden;width:100%}#world{position:absolute;inset:0;margin:auto;z-index:1}[data-hover=arrow] .arrow{display:grid;grid-template-areas:"arrow";overflow:hidden}[data-hover=arrow] .arrow>svg{-ms-grid-row:1;-ms-grid-column:1;grid-area:arrow}[data-hover=arrow] .arrow>svg:not(:last-child):first-child{transform:translateX(0%)}[data-hover=arrow] .arrow>svg:not(:first-child):last-child{transform:translateX(100%)}h1.title,h2.sub-title{font-family:Jost,sans-serif;font-weight:bold;line-height:1.1;letter-spacing:0;color:#fff;position:fixed;z-index:3;margin-block:calc((1em - 1lh)/2);pointer-events:none;mix-blend-mode:difference}h1.title{font-size:6rem;left:.5rem;top:.5rem}@media screen and (max-width: 1023px){h1.title{font-size:4rem}}h2.sub-title{font-size:3rem;right:.5rem;bottom:.5rem;text-align:right}@media screen and (max-width: 1023px){h2.sub-title{font-size:2rem}}.dev-008 section{height:100svh}.dev-008 section+section{border-top:1px solid red}.dev-008 .l-main{overflow:clip}.dev-008 #world{position:sticky;height:100lvh;margin-top:-100lvh;bottom:0;z-index:-1;background-color:#faee00}.dev-008 #guide{position:fixed;left:0;top:0;width:100%;z-index:1;display:grid;grid-template-columns:repeat(7, 1fr);padding:1.5384615385vw;gap:1.0769230769vw}@media screen and (max-width: 1023px){.dev-008 #guide{grid-template-columns:repeat(3, 1fr);padding:5.1282051282vw 3.5897435897vw;gap:2.1794871795vw}}.dev-008 #guide .cell{aspect-ratio:1}.dev-009{overflow:hidden;background-color:#eaeaea}.dev-009.is-phase{background-color:#afafaf}.dev-009.is-phase::before,.dev-009.is-phase::after{width:100%;height:1px;background-color:#cffcff;position:fixed;inset:0;opacity:.2;margin:auto;z-index:99;pointer-events:none}.is-webgl-dev .dev-009.is-phase::before,.is-webgl-dev .dev-009.is-phase::after{content:""}.dev-009.is-phase::after{rotate:90deg}.dev-009:not(.is-phase) #world{width:78.2rem;height:78.2rem}@media screen and (max-width: 1023px){.dev-009:not(.is-phase) #world{width:100vw;height:100vw}}.dev-009 h1{position:absolute;left:.5em;bottom:.5em;font-size:2.5vw;line-height:1;color:#fff;z-index:99;pointer-events:none;mix-blend-mode:overlay}.dev-009 #dango-info,.dev-009 #liquid-info{position:fixed;right:20px;bottom:20px;background-color:#fff;bottom:1px solid #ccc;padding:12px;z-index:99;border-radius:5px;width:20rem;display:none}.is-gui-dev .dev-009 #dango-info,.is-gui-dev .dev-009 #liquid-info{display:block}.dev-009 #dango-info .ttl,.dev-009 #liquid-info .ttl{font-size:1.5rem;font-weight:700}.dev-009 #dango-info .params,.dev-009 #liquid-info .params{padding-top:12px}.dev-009 #dango-info p,.dev-009 #liquid-info p{font-size:1.2rem;line-height:1}.dev-009 #dango-info p:has(b),.dev-009 #liquid-info p:has(b){margin-bottom:10px}.dev-009 #dango-info p:not(:has(b)),.dev-009 #liquid-info p:not(:has(b)){background-color:#f5f5f5;padding:5px 8px;margin-top:5px;display:flex;align-items:center;gap:2rem;border-radius:4px}.dev-009 #dango-info ul,.dev-009 #liquid-info ul{margin-bottom:5px;overflow-y:auto;max-height:40rem;scrollbar-width:none;-ms-overflow-style:none}.panel-scroll-fix .dev-009 #dango-info ul,.panel-scroll-fix .dev-009 #liquid-info ul{overflow-y:hidden}.dev-009 #dango-info ul::-webkit-scrollbar,.dev-009 #liquid-info ul::-webkit-scrollbar{display:none}.dev-009 #dango-info li,.dev-009 #liquid-info li{line-height:1;font-size:1rem;font-weight:700;background-color:#f5f5f5;padding:10px;margin-top:5px;border-radius:4px}.dev-009 #dango-info li summary,.dev-009 #liquid-info li summary{cursor:pointer}.dev-009 #dango-info li summary+.size,.dev-009 #liquid-info li summary+.size{margin-top:10px}.dev-009 #dango-info input[type=number],.dev-009 #dango-info .input,.dev-009 #dango-info select,.dev-009 #liquid-info input[type=number],.dev-009 #liquid-info .input,.dev-009 #liquid-info select{display:flex;align-items:center;width:10rem;height:2.5rem;border:none;background-color:#fff;font-size:1.1rem;text-align:center;justify-content:center;margin-left:auto}.dev-009 #dango-info input[type=number],.dev-009 #liquid-info input[type=number]{padding-left:1.5em;-moz-appearance:textfield}.dev-009 #dango-info input[type=number]::-webkit-outer-spin-button,.dev-009 #dango-info input[type=number]::-webkit-inner-spin-button,.dev-009 #liquid-info input[type=number]::-webkit-outer-spin-button,.dev-009 #liquid-info input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dev-009 #dango-info input[type=number]::-webkit-outer-spin-button,.dev-009 #dango-info input[type=number]::-webkit-inner-spin-button,.dev-009 #liquid-info input[type=number]::-webkit-outer-spin-button,.dev-009 #liquid-info input[type=number]::-webkit-inner-spin-button{-webkit-appearance:auto;opacity:1}.dev-009 #dango-info select,.dev-009 #liquid-info select{padding-left:1em}.dev-009 #dango-info .size,.dev-009 #liquid-info .size{font-size:1rem;margin-left:auto;display:flex;align-items:center;gap:5px;font-weight:400;margin-top:5px}.dev-009 #dango-info .pos,.dev-009 #liquid-info .pos{font-size:1rem;margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-weight:400;margin-top:5px}.dev-009 hr{margin-block:1rem;opacity:.3}.dev-009 .buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.dev-009 button{width:100%;display:flex;align-items:center;justify-content:center;padding:.4rem .8rem .6rem;background-color:#007acc;color:#fff;border:none;border-radius:4px;text-align:center;cursor:pointer;font-size:1rem}.dev-009 button:hover{background-color:#005a9e}.dev-009 button:active{background-color:#004080}.dev-009 button:disabled{opacity:.5;pointer-events:none}.dev-009 .btn-add-dangos{background-color:#28a745}.dev-009 .btn-add-dangos:hover{background-color:#218838}.dev-009 .btn-add-dangos:active{background-color:#1e7e34}.dev-009 .btn-remove-select{background-color:#6c757d}.dev-009 .btn-remove-select:hover{background-color:#5a6268}.dev-009 .btn-remove-select:active{background-color:#545b62}.dev-009 .btn-export-json{background-color:#ff6b35}.dev-009 .btn-export-json:hover{background-color:#e55a2b}.dev-009 .btn-export-json:active{background-color:#cc4e24}.frame{position:fixed;inset:0;margin:auto;pointer-events:none;opacity:0}.frameShow .frame{opacity:1}.frame img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.frame:nth-child(1) img{-o-object-position:top;object-position:top}.frame:nth-child(2) img{-o-object-position:bottom;object-position:bottom}.task-presentation #world{position:fixed;z-index:-1}.task-presentation [data-swiper-type=presentation]{display:flex;align-items:center;justify-content:center;height:100svh}.task-presentation .swiper-slide{display:grid;place-content:center;height:75vh;position:relative}.task-presentation .swiper-slide>*+*{margin-top:1lh}.task-presentation h1{font-size:6.4rem}.task-presentation h2{font-size:4.8rem}.task-presentation h3{font-size:3.6rem}.task-presentation h4{font-size:3rem}.task-presentation p,.task-presentation li{font-size:2.4rem}.task-presentation .center{text-align:center}.task-presentation a{text-decoration:underline;color:blue}.task-presentation a:hover{text-decoration:none}.task-presentation b{font-weight:700}.task-presentation .lt{position:absolute;left:7vw;top:0}.task-presentation img{display:block;width:70%}.task-presentation img.center{margin-inline:auto}.task-kuniokun .t-hero{overflow:hidden}.task-kuniokun .t-hero__fv{position:relative;height:100svh}@media screen and (max-width: 1023px){.task-kuniokun .t-hero__fv{height:max(60rem,100svh - 4.5rem)}}.task-kuniokun .t-hero__logo{position:absolute;top:0;left:0;width:100%;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}@media screen and (min-width: 1024px){.task-kuniokun .t-hero__logo{height:calc(100svh - min(100vw / (1440/80), 100svh / (900/80)))}}@media screen and (max-width: 1023px){.task-kuniokun .t-hero__logo{height:100%}}.task-kuniokun .t-hero__logo img{display:block;opacity:0}@media screen and (min-width: 1024px){.task-kuniokun .t-hero__logo img{width:min(100vw/(1440/560),100svh/(900/560))}}@media screen and (max-width: 1023px){.task-kuniokun .t-hero__logo img{width:30rem}}.task-kuniokun .t-hero__world{width:100%;position:absolute;left:0;bottom:0;z-index:3}@media screen and (min-width: 1024px){.task-kuniokun .t-hero__world{height:min(100vw/(1440/193),100svh/(900/193))}}.task-kuniokun .t-hero__world-canvas#world{position:absolute;inset:unset;left:0;right:0;bottom:0;margin:0 auto;z-index:2}@media screen and (min-width: 1024px){.task-kuniokun .t-hero__world-canvas#world{width:100%;height:min(100vw/(1440/900),100svh/(900/900))}}@media screen and (max-width: 1023px){.task-kuniokun .t-hero__world-canvas#world{width:100%;height:min(100vw/(390/660),100svh/(660/660))}}.task-kuniokun .t-hero__world-canvas.isLoading{height:100dvh !important}.task-kuniokun .t-hero__world-canvas.isLoading .bg{z-index:-1}.task-kuniokun .t-hero__world-canvas:has(canvas) canvas{opacity:1;transition:opacity .1s cubic-bezier(0.3, 0.015, 0.12, 1) 1s}.task-kuniokun .t-hero__world-canvas .guide{position:absolute;aspect-ratio:1;left:0;top:0;pointer-events:none;background-color:rgba(255,0,0,.1333333333)}@media screen and (min-width: 1024px){.task-kuniokun .t-hero__world-canvas .guide{width:min(100vw/(1440/168),100svh/(900/168))}}@media screen and (max-width: 1023px){.task-kuniokun .t-hero__world-canvas .guide{width:10rem}}.task-kuniokun .t-hero__world-canvas .bg{position:absolute;left:0;bottom:0;width:100%;height:100lvh;background-color:#fff;z-index:1;pointer-events:none}.task-kuniokun .t-hero__world-canvas canvas{opacity:0}@media screen and (min-width: 1024px){.task-kuniokun .t-hero__world-bg{position:absolute;width:min(100vw/(1440/1440),100svh/(900/1440));height:100%;top:0;left:0;right:0;z-index:1;margin-inline:auto}.task-kuniokun .t-hero__world-bg::before,.task-kuniokun .t-hero__world-bg::after{content:"";position:absolute;width:calc(50vw - (min(100vw / (1440/1440), 100svh / (900/1440))/2));height:100%;top:0;background-image:url("../imgs/project/task/kuniokun/uv/load.webp");background-size:min(100vw/(1440/1440),100svh/(900/1440)) min(100vw/(1440/706),100svh/(900/706));background-repeat:repeat-x}.task-kuniokun .t-hero__world-bg::before{left:100%;background-position:0 calc(min(100vw/(1440/238),100svh/(900/238))*-1)}.task-kuniokun .t-hero__world-bg::after{right:100%;background-position:right calc(min(100vw/(1440/238),100svh/(900/238))*-2)}.task-kuniokun .t-hero__world-bg picture img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0}}.task-kuniokun .t-hero__world-bg img{display:block;width:100%}.task-kuniokun .t-hero__movie{position:relative;z-index:1}@media screen and (min-width: 1024px){.task-kuniokun .t-hero__movie{height:calc(100svh - min(100vw / (1440/80), 100svh / (900/80)))}}@media screen and (max-width: 1023px){.task-kuniokun .t-hero__movie{height:100%}}.task-kuniokun .t-hero__movie-overlay{position:absolute;inset:0;margin:auto;z-index:2;background-color:rgba(0,0,0,.4)}@media screen and (max-width: 1023px){.task-kuniokun .t-hero__movie-overlay{background-color:rgba(0,0,0,.3)}}.task-kuniokun .t-hero__movie img,.task-kuniokun .t-hero__movie video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 75%;object-position:center 75%}.task-004{overflow:hidden;background-color:#000}@media screen and (max-width: 1023px){.task-004 #world{height:calc(100svh - 8.8rem);bottom:0;top:inherit}}.glsl-school-001{background-color:#000;overflow:hidden}.glsl-school-001.isFinish .splash{pointer-events:none;-webkit-clip-path:inset(50%);clip-path:inset(50%);transition:opacity 1s cubic-bezier(0.3, 0.015, 0.12, 1),-webkit-clip-path 1s cubic-bezier(0.3, 0.015, 0.12, 1);transition:opacity 1s cubic-bezier(0.3, 0.015, 0.12, 1),clip-path 1s cubic-bezier(0.3, 0.015, 0.12, 1);transition:opacity 1s cubic-bezier(0.3, 0.015, 0.12, 1),clip-path 1s cubic-bezier(0.3, 0.015, 0.12, 1),-webkit-clip-path 1s cubic-bezier(0.3, 0.015, 0.12, 1)}.glsl-school-001:not(.isFinish) .title,.glsl-school-001:not(.isFinish) .sub-title,.glsl-school-001:not(.isFinish) canvas{opacity:0}.glsl-school-001::before,.glsl-school-001::after{content:"";width:100%;height:20vh;position:absolute;left:0;z-index:2}.glsl-school-001::before{top:0;background:linear-gradient(to bottom, #000 5%, rgba(0, 0, 0, 0) 100%)}.glsl-school-001::after{bottom:0;background:linear-gradient(to top, #000 5%, rgba(0, 0, 0, 0) 100%)}.glsl-school-001 .title,.glsl-school-001 .sub-title{font-family:Jost,sans-serif;font-weight:bold;line-height:1.1;letter-spacing:0;color:#fff;position:fixed;z-index:3;margin-block:calc((1em - 1lh)/2);pointer-events:none;mix-blend-mode:difference}.glsl-school-001 .title{font-size:6rem;left:.5rem;top:.5rem}@media screen and (max-width: 1023px){.glsl-school-001 .title{font-size:4rem}}.glsl-school-001 .sub-title{font-size:3rem;right:.5rem;bottom:.5rem;text-align:right}@media screen and (max-width: 1023px){.glsl-school-001 .sub-title{font-size:2rem}}.glsl-school-001 .list{position:fixed;inset:0;margin:auto;display:flex;justify-content:center;z-index:1;mix-blend-mode:screen}.glsl-school-001 .list__group{width:max(13.8888888889vw,10rem);display:flex;flex-direction:column;flex-shrink:0}.glsl-school-001 .list__group:nth-child(1) .list__group-track{translate:0 calc(var(--track-move-y) * -1)}.glsl-school-001 .list__group:nth-child(2){flex-direction:column-reverse}.glsl-school-001 .list__group:nth-child(2) .list__group-track{translate:0 calc(var(--track-move-y) * 1)}.glsl-school-001 .list__group:nth-child(3) .list__group-track{translate:0 calc(var(--track-move-y) * -1)}.glsl-school-001 .list__group:nth-child(4){flex-direction:column-reverse}.glsl-school-001 .list__group:nth-child(4) .list__group-track{translate:0 calc(var(--track-move-y) * 1)}.glsl-school-001 .list__group:nth-child(5) .list__group-track{translate:0 calc(var(--track-move-y) * -1)}.glsl-school-001 .list__group:nth-child(6){flex-direction:column-reverse}.glsl-school-001 .list__group:nth-child(6) .list__group-track{translate:0 calc(var(--track-move-y) * 1)}.glsl-school-001 .list__group:nth-child(7) .list__group-track{translate:0 calc(var(--track-move-y) * -1)}.glsl-school-001 .list__group:nth-child(8){flex-direction:column-reverse}.glsl-school-001 .list__group:nth-child(8) .list__group-track{translate:0 calc(var(--track-move-y) * 1)}.glsl-school-001 .list__group-track{will-change:translate;display:flex;flex-direction:column}.glsl-school-001 .list__group-item{width:max(13.8888888889vw,10rem);aspect-ratio:1;background-color:#101010;-webkit-clip-path:inset(0.6944444444vw round 1.3888888889vw);clip-path:inset(0.6944444444vw round 1.3888888889vw)}.glsl-school-001 .splash{position:fixed;inset:0;margin:auto;background-color:#000;z-index:99;display:flex;align-items:center;justify-content:center;-moz-column-gap:3rem;column-gap:3rem;-webkit-clip-path:inset(0%);clip-path:inset(0%);cursor:wait}@media screen and (max-width: 1023px){.glsl-school-001 .splash{-moz-column-gap:1.5rem;column-gap:1.5rem}}.glsl-school-001 .splash-icon{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(6, 1fr);width:6rem;height:3rem;opacity:0;rotate:30deg;translate:0 -200%}@media screen and (max-width: 1023px){.glsl-school-001 .splash-icon{width:3rem;height:1.5rem}}.glsl-school-001 .splash-icon.isShow{opacity:1;rotate:0deg;translate:0 0%;transition:opacity .2s ease-out,rotate .6s cubic-bezier(0.3, 0.015, 0.12, 1),translate .8s cubic-bezier(0.3, 0.015, 0.12, 1)}.glsl-school-001 .splash-icon .dot{background-color:var(--dot-color, #FFF)}.glsl-school-001 .splash-icon .dot.is-c-brown1{--dot-color: #CE5D0B}.glsl-school-001 .splash-icon .dot.is-c-brown2{--dot-color: #B05D0B}.glsl-school-001 .splash-icon .dot.is-c-white1{--dot-color: #FFFFFF}.glsl-school-001 .splash-icon .dot.is-c-white2{--dot-color: #EEF1F1}.glsl-school-001 .splash-icon .dot.is-c-black{--dot-color: #000}.glsl-school-002 .splash{position:fixed;inset:0;margin:auto;z-index:999;background-color:#000;cursor:wait}.glsl-school-002 .splash.isComplete{opacity:0;pointer-events:none;transition:1s opacity cubic-bezier(0.3, 0.015, 0.12, 1)}.glsl-school-002 .splash img{position:absolute;inset:0;margin:auto;display:block;width:12.8rem;aspect-ratio:1}.glsl-school-002 .splash img:first-child{z-index:2;-webkit-clip-path:inset(0 0 calc(100% - var(--progress, 0%)));clip-path:inset(0 0 calc(100% - var(--progress, 0%)));transition:-webkit-clip-path .75s linear;transition:clip-path .75s linear;transition:clip-path .75s linear, -webkit-clip-path .75s linear}.glsl-school-002 .splash img:last-child{filter:brightness(0.2)}.glsl-school-002 h1,.glsl-school-002 h2{font-family:Jost,sans-serif;font-weight:bold;line-height:1.1;letter-spacing:0;color:#fff;position:fixed;z-index:3;margin-block:calc((1em - 1lh)/2);pointer-events:none;mix-blend-mode:difference}.glsl-school-002 h1{font-size:6rem;left:.5rem;top:.5rem}@media screen and (max-width: 1023px){.glsl-school-002 h1{font-size:4rem}}.glsl-school-002 h2{font-size:3rem;right:.5rem;bottom:.5rem;text-align:right}@media screen and (max-width: 1023px){.glsl-school-002 h2{font-size:2rem}}.glsl-school-002 .art-works{padding-block:calc(100lvh - var(--titleH, 0px)) calc(100lvh + var(--titleH, 0px));position:relative;z-index:2;overflow:clip;display:grid}.glsl-school-002 .art-works__item{grid-column:1;grid-row:1;pointer-events:none}.glsl-school-002 .art-works__item:has(.isSelected){pointer-events:all}.glsl-school-002 .art-works__item-lyrics{width:max(1000px,69.4444444444vw);margin-inline:auto}@media screen and (max-width: 1023px){.glsl-school-002 .art-works__item-lyrics{width:calc(100% - 8.6rem);margin-inline:auto 2rem}}.glsl-school-002 .art-works__item-lyric:not(:has(h3)){width:80%}@media screen and (max-width: 1023px){.glsl-school-002 .art-works__item-lyric:not(:has(h3)){width:100%}}.glsl-school-002 .art-works__item-lyric+div{margin-top:max(80px,5.5555555556vw)}@media screen and (max-width: 1023px){.glsl-school-002 .art-works__item-lyric+div{margin-top:4rem}}.glsl-school-002 .art-works__item-lyric [data-text]::-moz-selection{background-color:#fff;color:#000}.glsl-school-002 .art-works__item-lyric [data-text]::selection{background-color:#fff;color:#000}.glsl-school-002 .art-works__item-lyric p{display:flex;gap:.5em .33em;flex-wrap:wrap;font-size:max(26px,1.8055555556vw);font-family:"Dosis",sans-serif;font-weight:400;line-height:1;letter-spacing:.06em;color:rgba(255,0,0,0)}.glsl-school-002 .art-works__item-lyric p>span{display:flex}.glsl-school-002 .art-works__item-lyric p+p{margin-top:1em}.glsl-school-002 .art-works__item-lyric p[data-align=right]{justify-content:flex-end}@media screen and (max-width: 1023px){.glsl-school-002 .art-works__item-lyric p[data-align=right]{justify-content:flex-start}}@media screen and (max-width: 1023px){.glsl-school-002 .art-works__item-lyric p{font-size:1.5rem;gap:.5em .25em;letter-spacing:.03em}}.glsl-school-002 .art-works__item-lyric h3{padding-block:var(--titleH, 0px) 1em;display:flex;gap:.5em .33em;flex-wrap:wrap;font-size:max(40px,5.5555555556vw);font-family:"Dosis",sans-serif;font-weight:400;line-height:1;letter-spacing:.06em;color:rgba(255,0,0,0)}.glsl-school-002 .art-works__item-lyric h3>span{display:flex}@media screen and (max-width: 1023px){.glsl-school-002 .art-works__item-lyric h3{font-size:3rem;gap:.5em .25em;letter-spacing:.03em}}.glsl-school-002 .selecter{position:fixed;z-index:2;left:3.2rem;bottom:3.2rem;display:grid;row-gap:1.2rem;grid-template-columns:6.4rem;grid-template-rows:repeat(4, auto)}@media screen and (max-width: 1023px){.glsl-school-002 .selecter{left:1rem;bottom:1rem;row-gap:.8rem;grid-template-columns:3.2rem}}.glsl-school-002 .selecter-btn{display:block;cursor:pointer;position:relative;z-index:1}.glsl-school-002 .selecter-btn img{transition:opacity .2s cubic-bezier(0.3, 0.015, 0.12, 1),scale .45s cubic-bezier(0.3, 0.015, 0.12, 1)}.glsl-school-002 .selecter-btn.isSelected{z-index:2;pointer-events:none}.glsl-school-002 .selecter-btn.isSelected img{scale:1.3}.glsl-school-002 .selecter-btn:not(.isSelected) img{opacity:.5}@media screen and (min-width: 1025px)and (hover: hover),screen and (min-width: 1025px)and (pointer: fine){.glsl-school-002 .selecter-btn:not(.isSelected):hover img{opacity:1}}.glsl-school-002 .bg{position:fixed;inset:0;margin:auto;z-index:-1;display:none}.glsl-school-002 .bg-img{position:absolute;inset:0;margin:auto;opacity:0}.glsl-school-002 .bg-img::before{content:"";position:absolute;inset:0;margin:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--bg)}.glsl-school-002 .bg-img.isSelected{opacity:1}.glsl-school-002 .bg-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.glsl-school-002 .bg-img.img01{--bg: rgba(59, 34, 0, 0.45)}.glsl-school-002 .bg-img.img02{--bg: rgba(51, 51, 51, 0.45)}.glsl-school-002 .bg-img.img03{--bg: rgba(0, 0, 0, 0.45)}.glsl-school-002 .bg-img.img04{--bg: rgba(50, 5, 45, 0.3)}.glsl-school-002 #world{z-index:1;width:100%;height:100lvh;position:fixed}.glsl-school-002 .vp-spacer{position:fixed;z-index:-1;transform:translate3d(0, 0, -1px);pointer-events:none}@media screen and (min-width: 1024px){.glsl-school-002 .vp-spacer{display:none}}.glsl-school-002::before,.glsl-school-002::after{--space-h: 100px;content:"";background-color:var(--space-color, #FFFFFF);position:fixed;left:0;z-index:9999;transform:translate3d(0, 0, 9999px);width:100%;height:var(--space-h);pointer-events:none;transition:background-color .4s cubic-bezier(0.3, 0.015, 0.12, 1)}@media screen and (min-width: 1024px){.glsl-school-002::before,.glsl-school-002::after{content:none}}.glsl-school-002::before{top:calc(var(--space-h)*-1)}.glsl-school-002::after{bottom:calc(var(--space-h)*-1)}.glsl-school-003{overflow:hidden}.glsl-school-003 .title,.glsl-school-003 .sub-title{font-family:Jost,sans-serif;font-weight:bold;line-height:1.1;letter-spacing:0;color:#fff;position:fixed;z-index:3;margin-block:calc((1em - 1lh)/2);pointer-events:none;mix-blend-mode:difference}.glsl-school-003 .title{font-size:6rem;left:.5rem;top:.5rem}@media screen and (max-width: 1023px){.glsl-school-003 .title{font-size:4rem}}.glsl-school-003 .sub-title{font-size:3rem;right:.5rem;bottom:.5rem;text-align:right}@media screen and (max-width: 1023px){.glsl-school-003 .sub-title{font-size:2rem}}.glsl-school-003 .guide{position:absolute;width:420px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:0;margin:auto;opacity:var(--alpha, 0);mix-blend-mode:var(--difference, normal)}.glsl-school-003 .guide img{display:block;width:100%}.glsl-school-003 .control-panel{position:fixed;right:0;top:0}.glsl-school-003 .splash{position:fixed;inset:0;margin:auto;background-color:#fbecc4;z-index:99;display:flex;align-items:center;justify-content:center;cursor:wait;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0,center center;mask-position:0 0,center center;-webkit-mask-size:100% 100%,0;mask-size:100% 100%,0;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(#000, #000),url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0Z' fill='black'/></svg>");mask-image:linear-gradient(#000, #000),url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0Z' fill='black'/></svg>")}.glsl-school-003 .splash.isComplete{-webkit-mask-size:100% 100%,142vmax;mask-size:100% 100%,142vmax;transition:-webkit-mask-size 1s cubic-bezier(0.3, 0.015, 0.12, 1);transition:mask-size 1s cubic-bezier(0.3, 0.015, 0.12, 1);transition:mask-size 1s cubic-bezier(0.3, 0.015, 0.12, 1), -webkit-mask-size 1s cubic-bezier(0.3, 0.015, 0.12, 1);pointer-events:none}.glsl-school-003 .splash-icon{position:absolute;inset:0;margin:auto;width:15rem;aspect-ratio:1}.glsl-school-003 .splash-icon:first-child{z-index:2;-webkit-clip-path:inset(0 0 calc(100% - var(--progress, 0%)));clip-path:inset(0 0 calc(100% - var(--progress, 0%)));transition:-webkit-clip-path .75s linear;transition:clip-path .75s linear;transition:clip-path .75s linear, -webkit-clip-path .75s linear}