@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap";html,body,div,p,img,iframe,a,span,blockquote,q,address,cite,pre,code,em,small,strong,b,i,header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer,time,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,th,tr,td,form,fieldset,legend,label,select,input,textarea,button{margin:0;padding:0;border:0;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:baseline}header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer{display:block}ul li,ol li{list-style-type:none}h1,h2,h3,h4,h5,h6{font-weight:500}body{line-height:1;background:#fff;overflow-x:hidden;-webkit-text-size-adjust:100%}a{text-decoration:none}img{vertical-align:middle;width:100%;object-fit:cover}table{border-collapse:collapse;border-spacing:0}select,option,input,textarea,button{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}[type=submit],[type=button],[type=reset],[type=file],button{cursor:pointer}:focus{outline:none}body{font-family:var(--font-ja);font-size:min(0.15625vw + 0.84375rem,1rem);font-weight:500;line-height:1.5;color:var(--color-black);-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}a{color:inherit}sup,sub{font-size:xx-small}@keyframes fall{0%{translate:0 -50vw;rotate:15deg}50%{translate:0 0;rotate:15deg}100%{translate:0 0;rotate:0deg}}@keyframes scroll{0%{opacity:0;translate:-50% -100%}50%{opacity:1;translate:-50% 0}51%{opacity:1;translate:-50% 0}100%{opacity:0;translate:-50% 100%}}:root{--font-en: "Oswald", sans-serif;--font-ja: "Noto Sans JP", sans-serif;--color-black: #343434;--color-yellow: #eecc5f;--color-white: #ffffff;--color-gray: #ccc}.l-header{position:fixed;top:0;left:0;right:0;padding-inline:min(4.6875vw + 5px,80px);display:flex;align-items:center;justify-content:space-between;padding-block:2em;z-index:100}.l-header__logo{font-size:min(0.3125vw + 0.9375rem,1.25rem);text-transform:uppercase;font-family:var(--font-en)}@media screen and (max-width: 767px){.l-header__nav{position:fixed;top:min(7.8125vw + 95px,220px);right:min(0.78125vw + 17.5px,30px);opacity:0;pointer-events:none;translate:40px 0;transition-property:opacity,translate;transition-duration:.3s;transition-timing-function:ease-in-out}}@media screen and (max-width: 767px){.is-active .l-header__nav{pointer-events:all;translate:0 0;opacity:1}}.l-header__nav__list{display:flex;gap:min(3.125vw + 0px,50px)}@media screen and (max-width: 767px){.l-header__nav__list{width:min(7.8125vw + 175px,300px);border-radius:min(0.78125vw + 7.5px,20px);background-color:var(--color-black);flex-direction:column;padding:1em}}.l-header__nav__link{display:block;font-size:min(0.15625vw + 0.71875rem,.875rem);font-family:var(--font-en);text-transform:uppercase;padding-block:1em;position:relative;transition-property:color;transition-duration:.3s;transition-timing-function:ease}@media screen and (max-width: 767px){.l-header__nav__link{font-size:min(0.234375vw + 0.890625rem,1.125rem);color:var(--color-white)}}@media(any-hover: hover){.l-header__nav__link:hover{color:var(--color-yellow)}.l-header__nav__link:hover::before{opacity:1}}.l-header__nav__link::before{content:"";position:absolute;bottom:0;left:50%;translate:-50% 0;width:min(0.15625vw + 3.5px,6px);aspect-ratio:1/1;background:var(--color-yellow);border-radius:calc(infinity*1px);opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease}.l-header__hamburger{display:none;width:50px;aspect-ratio:1/1;cursor:pointer;border-radius:calc(infinity*1px);background-color:var(--color-black)}@media screen and (max-width: 767px){.l-header__hamburger{display:grid;place-items:center}}.l-header__hamburger span{position:relative;display:block;width:20px;height:2px;border-radius:calc(infinity*1px);background-color:var(--color-white);transition-property:background-color;transition-duration:.3s;transition-timing-function:ease-in-out}.is-active .l-header__hamburger span{background-color:rgba(0,0,0,0)}.l-header__hamburger span::before,.l-header__hamburger span::after{content:"";display:block;width:20px;height:2px;border-radius:calc(infinity*1px);background-color:var(--color-white);position:absolute;left:50%;translate:-50% 0;transition-property:top,bottom,rotate;transition-duration:.3s;transition-timing-function:ease-in-out}.l-header__hamburger span::before{top:-6px}.is-active .l-header__hamburger span::before{top:0;rotate:25deg}.l-header__hamburger span::after{bottom:-6px}.is-active .l-header__hamburger span::after{bottom:0;rotate:-25deg}.l-footer{margin-block-start:min(7.8125vw + 75px,200px);padding-block:2em;text-align:center;font-size:min(0.15625vw + 0.71875rem,.875rem);color:var(--color-gray)}.c-container{max-width:min(15.625vw + 1150px,1400px);width:100%;margin-inline:auto;padding-inline:min(1.5625vw + 15px,40px)}.c-container.-s{max-width:min(15.625vw + 750px,1000px)}.c-section-title{position:relative;line-height:1.2;color:var(--color-yellow);text-align:center;width:fit-content;margin-inline:auto}.c-section-title .en{font-family:var(--font-en);font-size:min(3.90625vw + 2.34375rem,6.25rem);text-transform:uppercase}.c-section-title .ja{font-size:min(1.5625vw + 0.9375rem,2.5rem)}.c-section-title__icon{position:absolute;top:0;right:0;width:min(2.34375vw + 42.5px,80px);rotate:30deg;opacity:0;translate:50% -100%;transition-property:opacity,translate;transition-duration:1s;transition-timing-function:ease-in-out}.is-active .c-section-title__icon{opacity:1;translate:50% 0}.c-button-primary{margin-block-start:min(0.78125vw + 27.5px,40px);border:1px solid var(--color-black);border-radius:calc(infinity*1px);display:flex;align-items:center;justify-content:center;max-width:280px;gap:1em;font-size:var(--font-size-18);height:min(0.78125vw + 47.5px,60px);color:var(--color-black);background-color:var(--color-white);transition-property:background-color,color;transition-duration:.3s,.3s;transition-timing-function:ease-in-out,ease-in-out;margin-inline:auto}.c-button-primary.-reverse{flex-direction:row-reverse}.c-button-primary.-reverse .c-icon{scale:-1 1}.c-button-primary .c-icon{width:1em;display:flex;aspect-ratio:1/1;transition-property:fill;transition-duration:.3s;transition-timing-function:ease-in-out}@media(any-hover: hover){.c-button-primary:hover{background-color:var(--color-black);color:var(--color-white)}.c-button-primary:hover .c-icon{fill:var(--color-white)}}.c-work-detail{margin-block-start:min(1.171875vw + 11.25px,30px);display:grid;grid-template-columns:5em 1fr;font-size:min(0.234375vw + 0.765625rem,1rem);row-gap:1em}.c-work-detail a{text-decoration:underline}@media(any-hover: hover){.c-work-detail a:hover{text-decoration:none}}.p-index{overflow:clip}.p-index-kv{position:relative;width:100vw;height:100vh;display:grid;place-items:center;position:sticky;top:0}.p-index-kv__scroll{position:absolute;bottom:2em;left:50%;translate:-50% 0;font-size:min(0.78125vw + 0.46875rem,1.25rem);opacity:calc(1 - var(--scene2))}.p-index-kv__scroll::before{position:absolute;content:"";left:50%;translate:-50% 0;bottom:max(-0.15625vw + -14.5px,-17px);width:min(0.15625vw + 7.5px,10px);aspect-ratio:1/1;border-bottom:1px solid var(--color-black);border-right:1px solid var(--color-black);rotate:45deg;animation:scroll 2s infinite}@media screen and (max-width: 767px){.p-index-kv__scroll{bottom:5em}}.p-index-kv__image{min-width:min(6.71875vw + 178.5px,286px);width:calc(var(--scene2)*100vw)}@media screen and (max-width: 767px){.p-index-kv__image{width:calc(var(--scene2)*214vw);translate:0 calc(var(--scene2)*min(1.5625vw + 35px,60px))}}.p-index-kv__image img{translate:0 -50vw;width:100%;rotate:15deg;transform-origin:bottom right;animation:fall 2.8s cubic-bezier(0.25, 0.1, 0.25, 1) forwards}.p-index__kv-wrapper{height:300vh}.p-index-about{height:100vh;position:sticky;display:grid;place-items:center;top:0}.p-index-about .c-section-title{position:absolute;top:80px;left:50%;translate:-50% 0;opacity:0;transition-property:opacity;transition-duration:.2s;transition-timing-function:ease-in-out}@media screen and (max-width: 767px){.p-index-about .c-section-title{top:min(1.5625vw + 95px,120px)}}.p-index-about.is-active .c-section-title{opacity:1}.p-index-about__inner{position:relative;width:100vw;margin-inline:calc(50% - 50vw)}@media screen and (max-width: 767px){.p-index-about__inner{height:100vh;display:grid;place-items:center;margin-inline:0;width:100%}}.p-index-about__content{position:absolute;top:50%;left:50%;width:100vw;translate:-50% -50%;display:grid;align-items:center;grid-template-columns:repeat(2, 1fr);opacity:0;transition-property:opacity;transition-duration:.2s;transition-timing-function:ease-in-out}@media screen and (max-width: 767px){.p-index-about__content{grid-template-columns:1fr;top:calc(50% + min(1.5625vw + 35px,60px))}}.is-active .p-index-about__content{opacity:1}.p-index-about__name{font-family:var(--font-en);font-size:min(2.5vw + 0.625rem,3.125rem);text-align:center;letter-spacing:.1em;padding-inline-end:6%}@media screen and (max-width: 767px){.p-index-about__name{padding-inline-end:0}}.p-index-about__note{width:25vw;margin-inline:auto;padding-inline-start:6%;font-size:min(0.390625vw + 0.609375rem,1rem)}@media screen and (max-width: 767px){.p-index-about__note{padding-inline-start:0;width:50vw}}.p-index-work__list__inner{position:sticky;top:0;height:100vh}@media screen and (max-width: 767px){.p-index-work__list{margin-block-start:min(3.90625vw + 37.5px,100px)}}.p-index-work__item{position:absolute;top:50%;translate:0 -50%;display:flex;align-items:center;width:100%}.p-index-work__item.-item01{z-index:1}.p-index-work__item.is-active{z-index:1}@media screen and (max-width: 767px){.p-index-work__item{flex-direction:column;gap:min(1.5625vw + 15px,40px)}}.p-index-work__scroll-area{height:200vh}.p-index-work__scroll-area.-area01{height:100vh}.p-index-work__image{position:relative;z-index:2;margin-inline-start:calc(50% - 50vw);width:50vw;transform-origin:center left}@media screen and (max-width: 767px){.p-index-work__image{margin-block-start:40px;width:100vw;margin-inline:0}}.-item01 .p-index-work__image{rotate:calc(-180deg*var(--scene1))}.-item02 .p-index-work__image{rotate:calc(180deg - 180deg*var(--scene1) + -180deg*var(--scene2))}.-item03 .p-index-work__image{rotate:calc(180deg - 180deg*var(--scene2))}.p-index-work__thumb{position:absolute;top:0;right:7%;width:80%;aspect-ratio:1/1;border-radius:calc(infinity*1px);overflow:clip;z-index:-1}.p-index-work__thumb img{height:100%}.p-index-work__content{flex:1;margin-inline-end:calc(50% - 50vw);width:50vw;transform-origin:bottom right}@media screen and (max-width: 767px){.p-index-work__content{width:100vw;margin-inline-end:0}}.-item01 .p-index-work__content{rotate:calc(-180deg*var(--scene1))}.-item02 .p-index-work__content{rotate:calc(180deg - 180deg*var(--scene1) + -180deg*var(--scene2))}.-item03 .p-index-work__content{rotate:calc(180deg - 180deg*var(--scene2))}.p-index-work__content__inner{padding-inline-end:min(1.5625vw + 15px,40px);margin-inline:min(6.25vw + 0px,100px) auto;display:grid;gap:min(2.34375vw + 2.5px,40px)}@media screen and (max-width: 767px){.p-index-work__content__inner{margin-inline:auto;width:calc(100% - min(3.125vw + 30px,80px));padding-inline-end:0}}.p-index-work__title{font-size:min(3.203125vw + 0.359375rem,3.5625rem)}.p-index-work__more{font-family:var(--font-en);width:min(3.125vw + 270px,320px);height:70px;border:1px solid var(--color-black);border-radius:calc(infinity*1px);display:grid;place-items:center;font-size:min(0.15625vw + 0.96875rem,1.125rem);transition-property:background-color,border,color;transition-duration:.3s;transition-timing-function:ease}@media(any-hover: hover){.p-index-work__more:hover{background-color:var(--color-yellow);border:1px solid var(--color-yellow);color:var(--color-white)}}@media screen and (max-width: 767px){.p-index-work__more{margin-block-start:min(0.78125vw + 7.5px,20px);margin-inline:auto}}.p-index-skill{margin-block-start:min(10.15625vw + 97.5px,260px);position:relative;z-index:1}.p-index-skill__list{margin-block-start:min(7.03125vw + 17.5px,130px);display:grid;grid-template-columns:repeat(3, 1fr);gap:min(3.125vw + 10px,60px)}@media screen and (max-width: 767px){.p-index-skill__list{grid-template-columns:1fr;gap:2em}}.p-index-skill__head{display:grid;grid-template-columns:min(2.265625vw + 17.75px,54px) 1fr;column-gap:min(0.78125vw + 7.5px,20px)}.p-index-skill__icon{grid-row:1/3}.p-index-skill__icon img{object-fit:contain;aspect-ratio:1/1}.p-index-skill__title{font-size:min(0.15625vw + 1.09375rem,1.25rem)}.p-index-skill__experience{font-size:min(0.15625vw + 0.71875rem,.875rem);color:var(--color-gray)}.p-index-skill__details{margin-block-start:min(0.78125vw + 7.5px,20px);font-size:min(0.15625vw + 0.71875rem,.875rem);display:grid;gap:.5em}.p-index-skill__details__item::before{content:"•";margin-inline-end:min(0.390625vw + 3.75px,10px)}.p-works-single{margin-block:min(6.25vw + 100px,200px)}.p-works-single h2{font-size:min(0.46875vw + 1.03125rem,1.5rem);margin-block:2em .5em;color:var(--color-black);border-bottom:1px solid var(--color-gray);padding-block-end:.5em}.p-works-single__title{margin-block-start:min(0.390625vw + 3.75px,10px);font-size:min(1.40625vw + 1.59375rem,3rem)}.p-works-single__sub-title{font-size:min(0.46875vw + 1.03125rem,1.5rem);color:var(--color-yellow)}.p-works-single__thumb{margin-block:min(3.125vw + 30px,80px) min(1.5625vw + 15px,40px)}.p-works-single__thumb img{height:100%}.p-works-single__post{margin-block:min(3.90625vw + 37.5px,100px) min(7.8125vw + 75px,200px)}.p-works-single__post ul{display:grid;gap:.5em}.p-works-single__post li{position:relative}.p-works-single__post li::before{content:"•";padding-inline-end:.5em}.p-works-single__post dl{margin-block-start:20px;grid-template-columns:5em 1fr}/*# sourceMappingURL=style.css.map */