@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap";/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.clear{*zoom: 1}.clear:before{content:" ";display:block}.clear:after{content:" ";display:block;clear:both}img{vertical-align:bottom;height:auto;width:100%;height:100%}img[src$=".svg"]{width:100%}a{text-decoration:none}a:hover{outline:0}a:focus{outline:0}a:active{outline:0}input:focus{outline:0;border:1px solid #04A4CC}h1,h2,h3,h4,h5,p,table,ul,ol{margin:0;padding:0}@keyframes loadingTxt{0%{opacity:0}22.2222222222%,33.3333333333%{opacity:1}44.4444444444%,to{opacity:0}}@keyframes loadingSvg{0%,to{filter:drop-shadow(5px 5px 20px rgb(255,255,255))}25%{filter:drop-shadow(-5px -5px 20px rgb(255,255,255))}50%{filter:drop-shadow(5px -5px 20px rgb(255,255,255))}75%{filter:drop-shadow(-5px 5px 20px rgb(255,255,255))}}@keyframes scrollarrow{0%,to{translate:0 12.5%}50%{translate:0 -12.5%}}html{font-size:62.5%;scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:#000;color:#fff;font:400 11px/1.4 Zen Kaku Gothic New,Yu Gothic,游ゴシック,YuGothic,游ゴシック体,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,sans-serif;overscroll-behavior-y:none}.wrapper{position:relative;width:100%;min-width:1000px}@media screen and (orientation: portrait){.wrapper{min-width:0}}#embed-host{position:fixed!important;top:0!important;right:0!important;z-index:10000!important}@media screen and (orientation: portrait){#embed-host{display:none}}#embed-host img{width:auto}.lil-gui.root{right:300px;z-index:10001}@media screen and (orientation: portrait){.lil-gui.root{right:0}}.cmn__container,.home main .l2 .pro__inner,.home main .l2 .cp__inner,.home main .l2>section .inner{width:75vw;margin-right:auto;margin-left:auto}@media screen and (orientation: portrait){.cmn__container,.home main .l2 .pro__inner,.home main .l2 .cp__inner,.home main .l2>section .inner{width:87.4358974359vw}}.cmn__cntcontainer,.home main .l2 .contact__inner{width:81.3657407407vw;margin-left:12.5vw}@media screen and (orientation: portrait){.cmn__cntcontainer,.home main .l2 .contact__inner{width:87.4358974359vw;margin-right:auto;margin-left:auto}}.cmn__bg{padding:30px;border-radius:50px;background:#0009}.header nav{position:fixed;top:50%;left:min(4.1666666667vw,72px);z-index:10;transition:.35s all ease;opacity:0;scrollbar-width:none;translate:0 -50%;pointer-events:none}@media screen and (orientation: portrait){.header nav{inset:auto 0 0 auto;padding:40px 0 70px 25px;border-top-left-radius:30px;background:#00000080;background-blend-mode:difference;pointer-events:none;border:1px solid rgba(250,250,250,.5);border-bottom:0;border-right:0;translate:0 0;backdrop-filter:blur(5px)}}.header nav::-webkit-scrollbar{display:none}@media screen and (min-width: 1025px){.header nav.is-shown{opacity:1;pointer-events:all}}.header nav ul{display:flex;flex-direction:column;justify-content:space-between;list-style:none;height:100%;transition:.35s all ease}@media screen and (orientation: portrait){.header nav ul{justify-content:center;width:fit-content}}.header nav ul li{display:flex;align-items:flex-start;position:relative;height:50px;padding-left:14px;transition:.35s all ease}@media screen and (orientation: portrait){.header nav ul li{padding-left:0}}.header nav ul li:last-of-type{height:auto}.header nav ul li:last-of-type span.progress{opacity:0}.header nav ul li span.progress{display:block;position:absolute;top:0;left:0;width:1px;height:0;background:#fff}.header nav ul li span.spprogress{display:none;position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff}.header nav ul li a{display:flex;justify-content:center;align-items:center;translate:0 -50%;transition:.35s all ease}@media screen and (orientation: portrait){.header nav ul li a{padding:0 30px 0 15px}}@media screen and (min-width: 1025px){.header nav ul li a:hover{opacity:.6}}.header nav ul li a div{position:relative}.header nav ul li a div p{font-size:1.2rem;letter-spacing:.08em;line-height:1;font-weight:500;color:#fff}@media screen and (orientation: portrait){.header nav ul li a div p{font-size:1.6rem;letter-spacing:0;line-height:1;font-weight:500}}.header nav ul li.crnt a div:before,.header nav ul li.crnt a div:after{opacity:1}.header nav ul li.crnt a div:before{translate:75% -75%}@media screen and (orientation: portrait){.header nav ul li.crnt a div:before{translate:100% -50%}}.header nav ul li.crnt a div:after{translate:-75% 75%}@media screen and (orientation: portrait){.header nav ul li.crnt a div:after{translate:-100% 50%}}.header__menu{display:none;justify-content:center;align-items:center;position:fixed;right:0;bottom:0;z-index:50;width:64px;aspect-ratio:1}@media screen and (orientation: portrait){.header__menu{display:flex}}.header__menuInner{position:relative;width:50%;height:25%}.header__menuInner span,.header__menuInner:before,.header__menuInner:after{position:absolute;content:"";top:0;left:0;width:100%;height:2px;border-radius:9999px;background:#fff;transition:.35s all ease}.header__menuInner:after{top:100%}.header__menuInner span{display:block;top:50%;left:50%;translate:-50% -50%;opacity:0}.header__menuInner span:nth-of-type(2){top:50%}.header.is-on nav{opacity:1;pointer-events:all}.header.is-on .header__menuInner:before,.header.is-on .header__menuInner:after{top:50%;opacity:0}.header.is-on .header__menuInner span{rotate:45deg;opacity:1}.header.is-on .header__menuInner span:nth-of-type(2){rotate:-45deg}.svg-icon{display:none}@media screen and (orientation: portrait){.mq4pc{display:none}}.mq4sp{display:none}@media screen and (orientation: portrait){.mq4sp{display:block}}.Svh,.Lvh{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;opacity:0;pointer-events:none}.Lvh{height:100lvh}.Ttl{font-size:2rem;letter-spacing:.08em;line-height:100%;font-weight:500}.Indicator{position:fixed;top:5px;right:5px;display:flex;gap:4px;z-index:999999}.Indicator>span{display:none;width:10px;aspect-ratio:1;border-radius:9999px}.Indicator>span.is-on{display:block}.home main .nt{position:fixed;top:30px;right:30px;z-index:1000;pointer-events:none}@media screen and (orientation: portrait){.home main .nt{top:20px;right:20px}}.home main .nt .rScaleDown{width:70px;opacity:0;shape-rendering:crispEdges}@media screen and (orientation: portrait){.home main .nt .rScaleDown{width:35px}}.home main .l1{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden}.home main .l1 canvas{width:100vw;height:100vh;height:100lvh;touch-action:auto!important}.home main .l2{position:relative;z-index:2}.home main .l2>section{transition:.5s all ease;opacity:0;pointer-events:none}.home main .l2>section.is-crnt{opacity:1;pointer-events:all}.home main .l2 .vh{display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100svh}.home main .l2 .vh>div{flex:1}.home main .l2 .mv{position:relative}.home main .l2 .mv h1{opacity:0}.home main .l2 .mv .scroll{display:flex;align-items:center;gap:6px;position:fixed;right:72px;bottom:76px}@media screen and (orientation: portrait){.home main .l2 .mv .scroll{display:none}}.home main .l2 .mv .scroll p{font-size:1.4rem;letter-spacing:.08em;line-height:1;font-weight:500;color:#fff}.home main .l2 .mv__type{display:flex;align-items:center;gap:4px;position:fixed;bottom:76px;left:72px}@media screen and (orientation: portrait){.home main .l2 .mv__type{gap:4px;bottom:35px;left:27px}}.home main .l2 .mv__type span.circle{display:block;width:6px;height:6px;border-radius:9999px;background:#fff;translate:0 0px}.home main .l2 .mv__type p{font-size:1.4rem;letter-spacing:.08em;line-height:1;font-weight:500;color:#fff}.home main .l2 .cp{display:flex;align-items:center;padding-top:min(17.1888988362vh,11.1111111111vw);padding-top:min(17.1888988362svh,11.1111111111vw)}@media screen and (orientation: portrait){.home main .l2 .cp{padding-top:min(6.3981042654vh,13.8461538462vw);padding-top:min(6.3981042654svh,13.8461538462vw)}}.home main .l2 .cp__inner h2{margin-bottom:144px}@media screen and (orientation: portrait){.home main .l2 .cp__inner h2{filter:drop-shadow(2px 2px 3px rgb(0,0,0));margin-bottom:140px}}.home main .l2 .cp__innerTxt{display:flex;flex-direction:column;gap:38px;padding-left:8.3333333333vw}@media screen and (orientation: portrait){.home main .l2 .cp__innerTxt{gap:282px;padding:0 6.9230769231vw}}.home main .l2 .cp__innerTxt p{font-size:1.6rem;letter-spacing:.08em;line-height:3;font-weight:400}@media screen and (orientation: portrait){.home main .l2 .cp__innerTxt p{font-size:1.4rem;letter-spacing:.08em;line-height:3.4285714286;font-weight:400}}@media screen and (orientation: portrait){.home main .l2 .cp__innerTxt p{filter:drop-shadow(2px 2px 3px rgb(0,0,0))}}.home main .l2 .pro{display:flex;align-items:center;padding-top:min(17.1888988362vh,11.1111111111vw);padding-top:min(17.1888988362svh,11.1111111111vw)}@media screen and (orientation: portrait){.home main .l2 .pro{padding-top:min(6.3981042654vh,13.8461538462vw);padding-top:min(6.3981042654svh,13.8461538462vw)}}.home main .l2 .pro__inner{display:flex;justify-content:space-between}@media screen and (orientation: portrait){.home main .l2 .pro__inner{flex-direction:column;justify-content:flex-start;gap:156px}}@media screen and (orientation: portrait){.home main .l2 .pro__innerTtl h2{filter:drop-shadow(2px 2px 3px rgb(0,0,0))}}.home main .l2 .pro__innerTxt{width:29.224537037vw;margin-top:-12px}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxt{width:100%}}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxt>p,.home main .l2 .pro__innerTxt h3{filter:drop-shadow(2px 2px 3px rgb(0,0,0))}}.home main .l2 .pro__innerTxt>p{font-size:2rem;letter-spacing:.08em;line-height:1;font-weight:400;margin-bottom:25px}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxt>p{font-size:1.6rem;letter-spacing:.05em;line-height:140%;font-weight:400}}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxt>p{margin-bottom:18px}}.home main .l2 .pro__innerTxt h3{font-size:3.8rem;letter-spacing:.08em;line-height:1;font-weight:400;margin-bottom:64px}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxt h3{font-size:2.8rem;letter-spacing:.08em;line-height:1.4;font-weight:400}}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxt h3{margin-bottom:28px}}.home main .l2 .pro__innerTxtPs{display:flex;flex-direction:column;gap:38px}.home main .l2 .pro__innerTxtPs p{font-size:1.6rem;letter-spacing:.08em;line-height:3;font-weight:400}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxtPs p{font-size:1.4rem;letter-spacing:.08em;line-height:2.5714285714;font-weight:400}}@media screen and (orientation: portrait){.home main .l2 .pro__innerTxtPs p{filter:drop-shadow(2px 2px 3px rgb(0,0,0))}}.home main .l2 .skill{position:relative;min-height:300vh;min-height:300svh}.home main .l2 .skill__inner{height:100%}.home main .l2 .skill__innerTtl{position:fixed;top:15.9355416294vh;top:15.9355416294svh;left:12.5vw}@media screen and (orientation: portrait){.home main .l2 .skill__innerTtl{top:min(6.3981042654vh,13.8461538462vw);top:min(6.3981042654svh,13.8461538462vw);left:6.6666666667vw}}.home main .l2 .works__infos{position:fixed;bottom:8.6839749329vh;bottom:8.6839749329svh;left:10.4166666667vw}@media screen and (orientation: portrait){.home main .l2 .works__infos{left:6.6666666667vw;bottom:30px}}.home main .l2 .works__infosInfo{position:absolute;bottom:0;left:0;opacity:0;pointer-events:none;transition:.35s all ease}.home main .l2 .works__infosInfo p{filter:drop-shadow(2px 2px 3px rgb(0,0,0));white-space:nowrap}.home main .l2 .works__infosInfo p.ttl{font-size:2rem;letter-spacing:.08em;line-height:1.6;font-weight:500}@media screen and (orientation: portrait){.home main .l2 .works__infosInfo p.ttl{font-size:1.4rem;letter-spacing:.08em;line-height:2;font-weight:500}}.home main .l2 .works__infosInfo p.date{font-size:1.4rem;letter-spacing:.08em;line-height:1.5714285714;font-weight:500;margin-top:22px}@media screen and (orientation: portrait){.home main .l2 .works__infosInfo p.date{font-size:1.4rem;letter-spacing:.08em;line-height:2;font-weight:500}}.home main .l2 .works__infosInfo p.client{font-size:1.6rem;letter-spacing:.08em;line-height:1.75;font-weight:400;margin-top:16px}@media screen and (orientation: portrait){.home main .l2 .works__infosInfo p.client{font-size:1.4rem;letter-spacing:.08em;line-height:2;font-weight:400}}.home main .l2 .works__infosInfo p a{display:inline;color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:.35s all ease}@media screen and (min-width: 1025px){.home main .l2 .works__infosInfo p a:hover{opacity:.6}}.home main .l2 .works__infosInfo.is-crnt{opacity:1;pointer-events:all}.home main .l2 .contact{position:relative}.home main .l2 .contact.is-crnt{transition-duration:1s}.home main .l2 .contact__inner{padding-top:min(17.1888988362vh,11.1111111111vw);padding-top:min(17.1888988362svh,11.1111111111vw)}@media screen and (orientation: portrait){.home main .l2 .contact__inner{padding-top:min(7.7014218009vh,16.6666666667vw);padding-top:min(7.7014218009svh,16.6666666667vw)}}.home main .l2 .contact__innerTtl h2{font-size:2rem;letter-spacing:.08em;line-height:100%;font-weight:700}@media screen and (orientation: portrait){.home main .l2 .contact__innerTtl h2{font-size:2rem;letter-spacing:.08em;line-height:1;font-weight:700}}.home main .l2 .contact__innerGit{margin-top:min(13.5183527305vh,8.7384259259vw);margin-top:min(13.5183527305svh,8.7384259259vw)}@media screen and (orientation: portrait){.home main .l2 .contact__innerGit{margin-top:min(24.5260663507vh,53.0769230769vw);margin-top:min(24.5260663507svh,53.0769230769vw)}}.home main .l2 .contact__innerGit p{font-size:2rem;letter-spacing:.08em;line-height:100%;font-weight:700;text-align:center}.home main .l2 .contact__innerBtns{margin-top:min(23.903312444vh,15.4513888889vw);margin-top:min(23.903312444svh,15.4513888889vw);display:flex;justify-content:center;align-items:center;gap:6.25vw}@media screen and (orientation: portrait){.home main .l2 .contact__innerBtns{margin-top:min(13.7440758294vh,29.7435897436vw);margin-top:min(13.7440758294svh,29.7435897436vw);flex-direction:column;gap:36px}}.home main .l2 .contact__innerBtnsBtn{width:554px;height:141px}@media screen and (orientation: portrait){.home main .l2 .contact__innerBtnsBtn{width:338px;height:86px}}.home main .l2 .contact__innerBtnsBtn a{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:100%;padding:0 76px;overflow:hidden;border-radius:16px}@media screen and (orientation: portrait){.home main .l2 .contact__innerBtnsBtn a{padding:27px 46px}}.home main .l2 .contact__innerBtnsBtn a:before{position:absolute;content:"";inset:0;z-index:-1;padding:1px;border-radius:16px;background:linear-gradient(310deg,#ffffff4d 4.06%,#9999991a 75.83%);-webkit-mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.home main .l2 .contact__innerBtnsBtn a:after{position:absolute;content:"";top:0;left:0;width:200%;height:100%;background:linear-gradient(128.34deg,#d9d9d940 11.575%,#73737340 30.325% 69.675%,#d9d9d940 88.425%);transition:.35s all ease;backdrop-filter:8px}@media screen and (min-width: 1025px){.home main .l2 .contact__innerBtnsBtn a:hover:after{translate:-50% 0}}@media screen and (orientation: portrait){.home main .l2 .contact__innerBtnsBtn a .cnt{display:flex;align-items:center;height:100%}}.home main .l2 .contact__innerBtnsBtn a .cnt p{font-size:2.4rem;letter-spacing:.08em;line-height:1;font-weight:700;color:#fff}@media screen and (orientation: portrait){.home main .l2 .contact__innerBtnsBtn a .cnt p{font-size:1.4rem;letter-spacing:.08em;line-height:1;font-weight:700}}.home main .l2 .contact__innerBtnsBtn a .cnt figure{height:100%}.home main .l2 .contact__innerBtnsBtn a>figure{width:38px}@media screen and (orientation: portrait){.home main .l2 .contact__innerBtnsBtn a>figure{height:100%}}.home main .loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;height:100lvh;background:#000;pointer-events:none;transition:.35s all ease}.home main .loading,.home main .loading>*{transition:.35s all ease}.home main .loading>*{opacity:0}.home main .loading__percent{position:absolute;right:108px;bottom:77px}@media screen and (orientation: portrait){.home main .loading__percent{right:22px;bottom:26px;bottom:calc(100lvh - 100svh + 26px)}}.home main .loading__percent p{font-size:1.6rem;letter-spacing:.08em;line-height:1;font-weight:500}.home main .loading__percent p span.num{display:inline-block;width:42px;text-align:center}.home main .loading__img{position:relative}.home main .loading__svg{width:21.2384259259vw;aspect-ratio:1}@media screen and (orientation: portrait){.home main .loading__svg{width:min(37.3222748815vh,80.7692307692vw);width:min(37.3222748815svh,80.7692307692vw)}}.home main .loading__svg svg,.home main .loading__svg .circle{line-height:0;animation:loadingSvg 5s ease 0s both infinite;animation-delay:0s}.home main .loading__svg svg{display:none}.home main .loading__svg span.circle{display:block;width:100%;height:100%;border-radius:9999px;background:#fff}.home main .loading__txt{position:relative;margin-top:23px}@media screen and (orientation: portrait){.home main .loading__txt{position:absolute;top:calc(100% + 23px);left:50%;margin-top:0;padding-top:0;translate:-50% 0}}.home main .loading__txt p{font-size:2.4rem;letter-spacing:.08em;line-height:1.1666666667;font-weight:500;position:relative;width:100%;filter:drop-shadow(5px 5px 5px rgba(255,255,255,.5));text-align:center;transition:.6s all ease}@media screen and (orientation: portrait){.home main .loading__txt p{font-size:2.4rem;letter-spacing:0;line-height:1;font-weight:500}}@media screen and (orientation: portrait){.home main .loading__txt p{font-size:6.1538461538vw;font-weight:300;white-space:nowrap}}.home main .loading__txt>p:after{display:inline-block;content:"...";filter:inherit;transition:inherit;opacity:inherit}.home main .loading__txt>p span.whose{display:inline-block;position:relative}.home main .loading__txt>p span.whose span.txt{position:absolute;top:0;left:50%;animation:loadingTxt 9s ease both infinite;translate:-50% 0}.home main .loading__txt>p span.whose span.txt:first-of-type{position:static}.home main .loading__txt>p span.whose span.txt:nth-of-type(2){animation-delay:3s}.home main .loading__txt>p span.whose span.txt:nth-of-type(3){animation-delay:6s}@keyframes ellipsisAnimation{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.home main .loading__txtLoaded{position:absolute;top:50%;left:50%;transition:.6s all ease .3s;opacity:0;translate:-50% -50%}.home main .loading__txtLoaded p{white-space:nowrap}.home main .loading.baby-is-loaded .loading__txt>p{opacity:0}.home main .loading.baby-is-loaded .loading__txtLoaded{opacity:1}.home main .loading.splash-is-on>*{opacity:1}.home main .loading.splash-is-on.splash-is-ended{opacity:0}