body[data-js-loader-scroll]{overflow:hidden;height:100vh}.loader{position:fixed;display:flex;justify-content:center;align-items:center;inset:0;width:100vw;height:100vh;background-color:var(--yellow);z-index:9999}.loader__logo-animation{display:block;width:min(30vw,432px);aspect-ratio:1024/256}@media screen and (max-width:768px){.loader__logo-animation{width:68.267vw}}.footer{position:relative;width:100%;z-index:5000}.footer__inner{display:grid;margin-inline:auto;padding-block:var(--size-32);width:var(--width-container)}.footer__content{display:flex;flex-direction:column;gap:var(--size-16)}@media screen and (max-width:768px){.footer__content{gap:var(--size-10)}}.footer__logo{width:var(--size-128);height:auto}@media screen and (max-width:768px){.footer__logo{width:var(--size-92)}}.footer__logo>figure{width:100%;height:auto;transition:fill .3s ease}.footer__logo svg path{fill:var(--yellow-white-90);transition:fill .3s ease}.footer__copyright{opacity:.7;font-family:var(--family-en);font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-100)}@media screen and (max-width:768px){.footer__copyright{font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media screen and (max-width:768px){.footer__copyright{font-family:var(--family-en);font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media screen and (max-width:768px)and (max-width:768px){.footer__copyright{font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}[data-js-animate]{--animation-scale: 1;--animation-rotate: 2deg}.keyvisual{position:absolute;overflow:hidden;width:-webkit-fill-available;width:-moz-available;width:stretch;height:min(69.444vw,1000px);top:0;left:0;aspect-ratio:1440/1000;background:var(--yellow);-webkit-mask-image:url(/assets/images/top/mask_pc.svg);mask-image:url(/assets/images/top/mask_pc.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:110% auto;mask-size:110% auto;-webkit-mask-position:0% center;mask-position:0% center;z-index:-1}@media screen and (max-width:768px){.keyvisual{height:103.467vw;-webkit-mask-image:url(/assets/images/top/mask_sp.svg);mask-image:url(/assets/images/top/mask_sp.svg)}}.keyvisual:before{position:absolute;content:"";bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(26,15,0,0) 0%,var(--yellow-black-90) 100%);z-index:2}.keyvisual:after{position:absolute;content:"";bottom:calc(var(--size-64) * -1);left:calc(50% - var(--size-128));width:min(53.333vw,768px);aspect-ratio:714/1000;background-image:url(/assets/images/top/keyvisual.webp);background-size:contain;background-repeat:no-repeat;background-position:center;transform:rotate(var(--animation-rotate)) scale(var(--animation-scale));z-index:1}@media screen and (max-width:768px){.keyvisual:after{bottom:calc(var(--size-48) * -1);left:calc(50% - var(--size-128));width:85.333vw}}[data-js-masonry]{--masonry-column-gap: 16;--masonry-row-gap: 24;--masonry-columns: 2;position:relative;display:inline-block;width:100%}@media screen and (max-width:768px){[data-js-masonry]{--masonry-column-gap: 12;--masonry-row-gap: 24}}[data-js-masonry-item]{position:absolute;top:0;left:0}.gallery{position:relative;width:100%}.gallery__item{display:block;transition:all var(--duration-300) var(--cubic-bezier)}@media(hover:hover)and (pointer:fine){.gallery__item:hover .gallery__image img{filter:grayscale(100%);transform:scale(1.05)}}.gallery__image{position:relative;overflow:hidden}.gallery__image img{display:block;width:100%;height:auto;filter:grayscale(0%);transition:all var(--duration-300) var(--cubic-bezier);transform:scale(1)}.gallery__summary{display:flex;flex-direction:column;gap:var(--size-4);padding-top:var(--size-8)}.gallery__title{font-family:var(--family-jp);font-size:var(--size-14);font-weight:var(--weight-medium);line-height:var(--line-height-150)}@media screen and (max-width:768px){.gallery__title{font-size:var(--size-14);font-weight:var(--weight-medium);line-height:var(--line-height-150)}}@media screen and (max-width:768px){.gallery__title{font-family:var(--family-jp);font-size:var(--size-12);font-weight:var(--weight-medium);line-height:var(--line-height-150)}}@media screen and (max-width:768px)and (max-width:768px){.gallery__title{font-size:var(--size-12);font-weight:var(--weight-medium);line-height:var(--line-height-150)}}.gallery__detail{display:flex;flex-direction:column}.gallery__role{opacity:.7;font-family:var(--family-jp);font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-150)}@media screen and (max-width:768px){.gallery__role{font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}@media screen and (max-width:768px){.gallery__role{font-family:var(--family-jp);font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}@media screen and (max-width:768px)and (max-width:768px){.gallery__role{font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}.gallery__client{opacity:.5;font-family:var(--family-jp);font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-150)}@media screen and (max-width:768px){.gallery__client{font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}.timeline{display:flex;flex-direction:column;gap:var(--size-64)}.timeline__item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--size-64)}@media screen and (max-width:768px){.timeline__item{grid-template-columns:1fr;gap:var(--size-16)}}.timeline__year{padding-top:var(--size-6);padding-bottom:var(--size-4);width:var(--size-80);border:solid 1px var(--yellow-white-90);text-align:center;font-family:var(--family-en);font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-100)}@media screen and (max-width:768px){.timeline__year{font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media screen and (max-width:768px){.timeline__year{font-family:var(--family-en);font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media screen and (max-width:768px)and (max-width:768px){.timeline__year{font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}.timeline__details{position:relative}.timeline__details:after{position:absolute;display:block;content:"";top:0;left:max(-2.222vw,-32px);width:1px;height:100%;background:var(--yellow-white-90)}@media screen and (max-width:768px){.timeline__details:after{display:none}}.timeline__event{display:flex;flex-direction:column;gap:var(--size-24)}.timeline__event li{font-family:var(--family-jp);font-size:var(--size-16);font-weight:var(--weight-regular);line-height:var(--line-height-175)}@media screen and (max-width:768px){.timeline__event li{font-size:var(--size-16);font-weight:var(--weight-regular);line-height:var(--line-height-175)}}.c-title_split__title{font-family:var(--family-en);font-size:var(--size-46);font-weight:var(--weight-medium);line-height:var(--line-height-100)}@media screen and (max-width:768px){.c-title_split__title{font-size:var(--size-46);font-weight:var(--weight-medium);line-height:var(--line-height-100)}}@media screen and (max-width:768px){.c-title_split__title{font-family:var(--family-en);font-size:var(--size-26);font-weight:var(--weight-medium);line-height:var(--line-height-100)}}@media screen and (max-width:768px)and (max-width:768px){.c-title_split__title{font-size:var(--size-26);font-weight:var(--weight-medium);line-height:var(--line-height-100)}}.c-title_split__subtitle{font-family:var(--family-jp);font-size:var(--size-16);font-weight:var(--weight-regular);line-height:var(--line-height-150)}@media screen and (max-width:768px){.c-title_split__subtitle{font-size:var(--size-16);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}@media screen and (max-width:768px){.c-title_split__subtitle{font-family:var(--family-jp);font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}@media screen and (max-width:768px)and (max-width:768px){.c-title_split__subtitle{font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}.top{position:relative;z-index:5}.profile{display:grid;align-items:end;padding-bottom:calc(var(--size-96) + env(safe-area-inset-bottom));margin-bottom:var(--size-32);width:-webkit-fill-available;width:-moz-available;width:stretch;height:100dvh}@media screen and (max-width:768px){.profile{padding-bottom:calc(var(--size-32) + env(safe-area-inset-bottom));margin-bottom:var(--size-48)}}.profile__inner{display:flex;flex-direction:column;gap:var(--size-64);margin-inline:auto;width:var(--width-container)}@media screen and (max-width:768px){.profile__inner{gap:var(--size-32)}}.profile__introduction{display:flex;flex-direction:column;gap:var(--size-40);width:min(47.083vw,678px)}@media screen and (max-width:768px){.profile__introduction{gap:var(--size-20);width:100%}}.profile__title{display:flex;flex-direction:column;gap:var(--size-18)}@media screen and (max-width:768px){.profile__title{gap:var(--size-10)}}.profile__role{display:flex;gap:var(--size-16)}@media screen and (max-width:768px){.profile__role{gap:var(--size-8)}}.profile__role>li{flex-shrink:0;font-family:var(--family-en);font-size:var(--size-26);font-weight:var(--weight-semi-bold);line-height:var(--line-height-100)}@media screen and (max-width:768px){.profile__role>li{font-size:var(--size-26);font-weight:var(--weight-semi-bold);line-height:var(--line-height-100)}}@media screen and (max-width:768px){.profile__role>li{font-family:var(--family-en);font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media screen and (max-width:768px)and (max-width:768px){.profile__role>li{font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}.profile__name{display:inline-block;width:auto;height:var(--size-56)}@media screen and (max-width:768px){.profile__name{height:var(--size-32)}}.profile__name>figure{display:inline-block;width:auto;height:100%}.profile__name svg{display:block;width:auto;height:100%}.profile__name svg path{fill:var(--yellow-white-90);transition:fill .3s ease}.profile__description>p{text-align:justify;font-family:var(--family-jp);font-size:var(--size-18);font-weight:var(--weight-regular);line-height:var(--line-height-175)}@media screen and (max-width:768px){.profile__description>p{font-size:var(--size-18);font-weight:var(--weight-regular);line-height:var(--line-height-175)}}@media screen and (max-width:768px){.profile__description>p{font-family:var(--family-jp);font-size:var(--size-16);font-weight:var(--weight-regular);line-height:var(--line-height-175)}}@media screen and (max-width:768px)and (max-width:768px){.profile__description>p{font-size:var(--size-16);font-weight:var(--weight-regular);line-height:var(--line-height-175)}}.profile__description>p>small{font-family:var(--family-jp);font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-175)}@media screen and (max-width:768px){.profile__description>p>small{font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-175)}}@media screen and (max-width:768px){.profile__description>p>small{font-family:var(--family-jp);font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}@media screen and (max-width:768px)and (max-width:768px){.profile__description>p>small{font-size:var(--size-12);font-weight:var(--weight-regular);line-height:var(--line-height-150)}}.profile__link_list{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--size-8)}@media screen and (max-width:768px){.profile__link_list{grid-template-columns:repeat(2,1fr)}}.profile__link_button{display:grid;grid-template-columns:var(--size-48) 1fr;align-items:center;width:100%;height:var(--size-48);background:#ff99001a;backdrop-filter:blur(var(--size-2));transform:translateY(0);transition:all var(--duration-300) var(--cubic-bezier);font-family:var(--family-en);font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-100)}@media screen and (max-width:768px){.profile__link_button{font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media screen and (max-width:768px){.profile__link_button{grid-template-columns:var(--size-40) 1fr;height:var(--size-40);font-family:var(--family-en);font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media screen and (max-width:768px)and (max-width:768px){.profile__link_button{font-size:var(--size-10);font-weight:var(--weight-regular);line-height:var(--line-height-100)}}@media(hover:hover)and (pointer:fine){.profile__link_button:hover{transform:translateY(calc(var(--size-8) * -1))}}.profile__link_button.x .profile__link_icon svg{width:var(--size-14)}.profile__link_button.instagram .profile__link_icon svg,.profile__link_button.github .profile__link_icon svg,.profile__link_button.youtube .profile__link_icon svg,.profile__link_button.mail .profile__link_icon svg{width:var(--size-16)}.profile__link_icon{display:flex;justify-content:center;align-items:center;width:var(--size-48);height:var(--size-48)}@media screen and (max-width:768px){.profile__link_icon{width:var(--size-40);height:var(--size-40)}}.profile__link_icon>svg{display:block;height:100%}.profile__link_icon>svg path{fill:var(--yellow-white-90);transition:fill .3s ease}.works{margin-bottom:var(--size-128)}@media screen and (max-width:768px){.works{margin-bottom:var(--size-80)}}.works__inner{display:flex;flex-direction:column;gap:var(--size-32);margin-inline:auto;width:var(--width-container)}@media screen and (max-width:768px){.works__inner{gap:var(--size-16)}}.outline{margin-bottom:var(--size-128)}@media screen and (max-width:768px){.outline{margin-bottom:var(--size-80)}}.outline__inner{display:flex;flex-direction:column;gap:var(--size-32);margin-inline:auto;width:var(--width-container)}@media screen and (max-width:768px){.outline__inner{gap:var(--size-16)}}