*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:1rem}body{min-height:100vh;background-color:#2b2b2b;font-family:Noto Sans JP,sans-serif;color:#fff}.main{max-width:90%;margin:4rem auto 0}.title{display:inline-block;margin-bottom:4rem;font-size:8rem;font-weight:900;line-height:1.1}.title:after{content:"";background:#fff;width:75%;max-width:50rem;height:.5rem;margin-top:1.5rem}.p5Canvas,.title:after{display:block}.sketch-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;-webkit-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:translateY(100%);transform:translateY(100%)}.active-sketch .sketch-overlay{-webkit-transform:translateY(0);transform:translateY(0)}.sketch-overlay__close{display:block;position:absolute;top:2rem;right:2rem;width:4rem;height:4rem;border:2px solid #2b2b2b;padding:0;background:none;cursor:pointer;opacity:0;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}.sketch-overlay__close:after,.sketch-overlay__close:before{content:"";display:block;position:absolute;top:0;left:50%;height:100%;width:.25rem;background-color:#2b2b2b}.sketch-overlay__close:before{background-color:#2b2b2b;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.sketch-overlay__close:after{background-color:#2b2b2b;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.active-sketch .sketch-overlay__close{opacity:1;-webkit-transition-delay:.5s;transition-delay:.5s}.sketch-list__item{display:inline-block;margin-bottom:1.5rem;margin-right:1.5rem}.sketch-list__button{color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:1rem 2.5rem 1.125rem;border:1px solid #fff;line-height:1;letter-spacing:.025em;-webkit-transition:.2s ease-in;transition:.2s ease-in;-webkit-transition-property:background-color,color;transition-property:background-color,color;cursor:pointer}.sketch-list__button:hover{background-color:#fff;color:#2b2b2b}.text-input{position:fixed;z-index:10;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2rem;padding:.25em 1em .5em;border:none}.text-input.hide{display:none}.text-input.loading{opacity:.5}.text-input.error{border-top:5px solid #fd3c4e}