body{background:#edebe0;margin:0;font-family:Hiragino Kaku Gothic ProN}.privacy{max-width:800px;margin:60px auto;padding:0 20px;line-height:1.8}.privacy .privacy-date{text-align:right;display:block}html{scroll-behavior:smooth;scroll-padding-top:80px}h1,h2,h3{color:#1e1e1e;font-family:Instrument Sans,sans-serif}p,li{font-size:18px}body{color:#2e3030;background:#edebe0;flex-direction:column;min-height:100vh;margin:0;font-family:Noto Sans JP,sans-serif}.lpwork-item__link img,.updates-info-item img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}section{scroll-margin-top:0}section:last-of-type{margin-bottom:70px;padding-bottom:70px}#about{scroll-margin-top:10px}main{z-index:1;flex:1}img{width:100%;height:auto}h4{margin:0}a{color:inherit;text-decoration:none;display:inline-block}.section__container{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;padding:0 20px;display:flex}.threework,.updates{text-align:center}.updates-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lpwork-item__link,.overview-axis{margin-bottom:24px}.updates-wrapper{text-align:start;flex-direction:column;display:flex}.updates-container{margin-bottom:80px}.updates-info-list{flex-direction:column;gap:16px;padding:0;display:flex}.updates-info-item{background:#fff9;flex:0 0 100%}.updates-info-item:hover{opacity:.7}.updates-info-item::active{transition:all .1s;transform:scale(.98)}.updates-desc{margin:7px}.updates-title{padding:0 7px}.work-link{align-self:flex-start}.overview-list,.about-list{flex-direction:column;gap:12px;display:flex}.about-list-item:last-child{margin-bottom:0}.about-list-item:before{content:"◾️";opacity:.6;margin-right:.5em}.sp-break{white-space:normal}.i-header{z-index:100;background:#e2e0d4;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex;position:fixed}.i-header .logo{color:#1e1e1e;writing-mode:horizontal-tb;margin:0;font-size:56px;font-weight:700}.i-header .logo rt{opacity:.6;letter-spacing:.05em;font-size:10px}.i-header .submenu{flex-direction:column;gap:2rem;padding:2rem;display:flex}.i-header .submenu a{color:#ebebeb;font-size:24px;font-weight:500}.menu-btn{z-index:300;cursor:pointer;background:0 0;border:none;width:2rem;height:1.5rem;position:relative}.menu-btn span{background:#263238;width:100%;height:2px;position:absolute;left:0}.menu-btn span:first-child{top:0}.menu-btn span:nth-child(2){top:50%;transform:translateY(-50%)}.menu-btn span:nth-child(3){bottom:0}.menu-btn.active span:first-child{background:#ebebeb;top:50%;transform:translateY(-50%)rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){background:#ebebeb;bottom:auto;transform:translateY(-50%)rotate(-45deg)}.global-nav{z-index:200;background:#263238;width:70%;height:100vh;padding-top:5rem;transition:all .3s;position:fixed;top:0;right:-100%}.global-nav.active{right:0}.overlay{opacity:0;pointer-events:none;background:#ffffff80;transition:all .3s;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:auto}.loading{opacity:1;transition:opacity .4s}.loading.hide{opacity:0;pointer-events:none}.loading-text{color:#fff;letter-spacing:.2em;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.detail-btn{color:#fff;cursor:pointer;background:#263238;border:none;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:18px;display:inline-flex}.detail-btn:hover{opacity:.8}.detail-btn svg{color:#fff;width:40px;height:40px}.btn-wrapper{text-align:end}.btn{text-align:center;color:#fff;cursor:pointer;background:#263238;border:none;border-radius:4px;padding:5px 10px;font-size:18px;display:inline-block}.btn:hover{opacity:.8}main>section+section{margin-top:2rem}.hero{height:90vh;position:relative}#three{position:absolute;inset:0;overflow:hidden}.section__head h2{color:#1e1e1e;text-align:start;margin-bottom:0;padding-bottom:.3rem;font-size:38px;font-weight:700}.section__main h3{font-size:24px}.section__desc{text-align:left;margin-top:0;margin-bottom:unset;color:#0009;font-size:28px;font-weight:400}.updates-title,.updates-desc{margin:0;padding:10px 7px}.updates-title{font-size:21px;font-weight:400}.updates-desc{font-size:16px}.label{font-weight:700}.label:after{content:":";margin-left:.5em}.i-footer{border-top:1px solid #0000000d;padding:2rem 1rem 1rem;font-size:.85rem}.i-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.i-footer-nav-list{justify-content:center;gap:1rem;display:grid}.i-footer-nav-link{color:#263238;align-items:center;gap:.2rem;font-weight:500;display:flex}.footer-inner-col2{flex-direction:column;gap:15px;display:flex}.github-icon{color:#e2e0d4;background:#263238;border-radius:4px;height:30px;padding:6px}.i-footer-sns a:hover{transform:translateY(-1px)}.i-footer-privacy{opacity:.7;font-weight:400}.i-footer-nav-link:before{content:"";background-color:#333;width:.5rem;height:.05rem;display:block}@media (width>=768px){.section__head h2{font-size:56px}h3{font-size:30px}h4{font-size:21px}.i-header .submenu a{color:#1e1e1e;background-image:linear-gradient(90deg,#1e1e1e,#e2e0d4);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-size:18px;transition:background-size .3s}.i-header .submenu a:hover{background-size:100% 1px}html{scroll-padding-top:0}body{padding-bottom:80px}section:last-of-type{margin-bottom:70px;padding-bottom:130px}h3{margin:0}.section__container p,.lpwork .lpwork-theme{margin:5px 0}.lpwork .detail-btn{margin-bottom:30px}#about{scroll-margin-top:30px}.menu-btn{display:none}.global-nav{background:0 0;width:auto;height:auto;padding:0;position:static}.submenu{flex-direction:column}main{margin-left:clamp(5rem,10vw,10rem)}.hero{height:100vh}.section__container{max-width:1680px;margin:0 auto;padding:0 20px}.is-2col{flex-direction:row;gap:40px}.is-2col .section__head,.is-2col .section__main{flex:1}.is-2col .section__main{margin-top:40px}.sp-break{white-space:nowrap}.updates{position:relative}.btn-wrapper{position:absolute;top:70%;right:0}.overview-axis{margin-top:24px}.overview-list,.about-list{gap:5px;margin-top:5px}.threework-container,.updates-container{flex-direction:column;gap:24px;display:flex}.updates-wrapper{overflow:hidden}.i-header{flex-direction:column;width:clamp(5rem,10vw,10rem);height:100vh;padding-top:2rem;top:0;left:0}.i-header .logo{writing-mode:vertical-rl;margin-bottom:3rem;font-size:70px}.i-header .logo rt{font-size:15px}.updates-info-list{flex-direction:row;gap:20px;display:flex}.updates-info-item{flex:0 0 250px;height:250px}.updates-link{box-sizing:border-box;width:100%;padding:20px;display:block}.updates-title{margin-bottom:7px}.updates-desc{margin:0;padding-top:0;font-size:16px;line-height:2rem}.i-footer-inner{padding-inline:2rem;flex-direction:row;justify-content:space-around;align-items:flex-start;padding-bottom:2rem}.footer-inner-col2{flex-direction:column;display:flex}.footer-inner-col2 a,.i-footer-sns{font-weight:700}.work-link{flex:none}.i-footer-nav-list{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){main,.i-footer{margin-left:clamp(5rem,10vw,10rem)}}.coverflow{perspective:800px;width:100%;height:300px;margin:0 auto;position:relative;overflow:hidden}.coverflow__item{cursor:pointer;background-position:50%;background-size:cover;width:220px;height:220px;margin:-110px;transition:transform .4s,opacity .4s;position:absolute;top:50%;left:50%}.info-below{text-align:center}.coverflow__item img,.coverflow__item video{object-fit:cover;border-radius:10px;width:100%;height:100%}.coverflow-wrapper{width:100%;margin:0 auto;position:relative}.coverflow-ui{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.album-title{text-align:center;color:#626466;min-width:150px;font-family:Roboto Mono,sans-serif;font-size:24px}.album-title .tools{opacity:.7;margin-left:8px;font-size:.85rem}.album-title a{font-size:18px;display:block}.coverflow__btn{background:unset;color:#626466;cursor:pointer;border:2px solid #626466;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;font-family:Instrument Sans;font-size:21px;display:flex;position:static;top:50%;transform:none}.coverflow__btn .icon{width:1rem;height:1rem}.coverflow__btn--prev{left:-60px}.coverflow__btn--next{right:-60px}@media (width>=768px){.coverflow-wrapper{width:70%}.album-title{font-size:22px}.coverflow{height:400px}}