*,::after,::before{box-sizing:border-box}a,body,button,dd,div,dl,dt,figure,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,small,span,table,td,th,time,tr,ul{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}dd,li{list-style-type:none}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}img{border:none;vertical-align:bottom}a{color:#000;cursor:pointer;text-decoration:none;vertical-align:baseline}body{background-color:#fff;color:#333;font-family:"Noto Sans JP",sans-serif;font-size:13px;font-weight:400}img{display:block;height:auto;max-width:100%}button{background:0 0;border:none;cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.l-wrapper{overflow:hidden}.l-header{background-color:#fff;height:55px;left:0;position:fixed;top:0;width:100%;z-index:50}.l-header__inner{align-items:center;display:flex;height:inherit;padding-inline:clamp(1.25rem,-.143rem + 5.71vw,5rem);width:inherit}.l-fv{margin-block-start:55px}.l-inner{padding-inline:20px}.l-footer{background-color:#333;padding-block:12px;text-align:center}.l-footer__copyright{color:#fff;font-size:10px;font-weight:500;line-height:1}.c-section-heading{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.c-section-heading__en{font-family:Cardo,serif;font-size:clamp(2.25rem,.114rem + 8.76vw,8rem);letter-spacing:.1em;line-height:1}.c-section-heading__jp{font-size:clamp(.813rem,.766rem + .19vw,.938rem);letter-spacing:.1em;line-height:1;margin-inline-start:auto;padding-inline-start:32px;position:relative}.c-section-heading__jp::before{background-color:#333;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.p-header__nav{margin-inline-start:auto}.p-header__nav-list{display:flex}.p-header__nav-link{display:inline-block;line-height:1;padding-block-start:12px;padding-inline:30px;position:relative}.p-header__nav-link:hover::before{opacity:1}.p-header__nav-link:before{aspect-ratio:1;background-color:#333;border-radius:50%;content:"";height:auto;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .3s;width:6px}.p-drawer-button{aspect-ratio:1;display:inline-block;height:auto;margin-inline-start:auto;position:relative;width:40px}.p-drawer-button.is-open .p-drawer-button__bar:nth-of-type(1){left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.p-drawer-button.is-open .p-drawer-button__bar:nth-of-type(2){opacity:0}.p-drawer-button.is-open .p-drawer-button__bar:nth-of-type(3){left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.p-drawer-button__bar{background-color:#333;height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:transform .3s,top .3s,opacity .3s;width:28px}.p-drawer-button__bar:nth-of-type(1){top:12px}.p-drawer-button__bar:nth-of-type(2){top:20px}.p-drawer-button__bar:nth-of-type(3){top:28px}.p-drawer-nav{background-color:#fff;border-top:1px solid #e1e1e1;display:flex;height:100%;justify-content:center;left:0;padding-block-start:150px;padding-inline:30px;position:fixed;top:55px;transform:translateY(100%);transition:transform .3s;width:100%;z-index:40}.p-drawer-nav.is-open{transform:translateY(0)}.p-drawer-nav__list{display:flex;flex-direction:column;gap:20px;margin-inline:auto;width:min(450px,100%)}.p-drawer-nav__link{align-items:center;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;padding:6px;transition:opacity .3s}.p-drawer-nav__link:hover{opacity:.6}.p-drawer-nav__link:hover .p-drawer-nav__link-icon{transform:translateX(6px)}.p-drawer-nav__link-text{display:block;font-size:clamp(1rem,.426rem + 2.35vw,1.75rem);letter-spacing:.1em;line-height:1.4}.p-drawer-nav__link-icon{aspect-ratio:1;background-color:#333;border-radius:50%;height:auto;padding:8px;transition:transform .3s;width:24px}.p-fv{margin-block-start:55px;overflow:hidden}.p-fv__contents{position:relative}.p-fv__imgWrap{height:141.0256410256vw;margin-inline-start:auto;max-height:800px;position:relative;width:84.6153846154%;z-index:-1}.p-fv__img{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.p-fv__titles{display:flex;flex-direction:column;gap:10px;left:-30px;position:absolute;top:10px;z-index:1}.p-fv__title-main{font-size:clamp(3.5rem,2.2rem + 5.33vw,7rem);font-weight:800;letter-spacing:.1em;line-height:1}.p-fv__title-sub{font-size:clamp(.75rem,.564rem + .76vw,1.25rem);font-weight:700;letter-spacing:.25em;line-height:1.4}.p-fv__texts{align-items:flex-start;display:flex;flex-direction:column;gap:8px;left:50px;position:absolute;text-orientation:mixed;top:50%;writing-mode:vertical-rl}.p-fv__text{background-color:#fff;display:inline-block;font-size:clamp(.625rem,.439rem + .76vw,1.125rem);font-weight:700;letter-spacing:.3em;line-height:1.2;padding:2px 6px}.p-fv__text:nth-of-type(2){margin-inline-start:90px}.p-fv__scrolldown{left:0;position:absolute;top:calc(100% - 140px)}.p-fv__scrolldown-text{font-family:"DM Sans",sans-serif;font-size:clamp(.813rem,.743rem + .29vw,1rem);font-weight:400;letter-spacing:.25em;rotate:-90deg}.p-fv__scrolldown-bar{background:0 0;height:200px;left:48.6111111111%;overflow:hidden;position:absolute;top:calc(100% + 40px);width:2px}.p-fv__scrolldown-bar-active{animation:3s ease-in-out backwards infinite scrollDown;background:#333;bottom:100%;height:200px;position:absolute;width:2px}.p-about-top{padding-block:96px 64px}.p-about-top__wrapper{display:flex;flex-direction:column;gap:24px}.p-about-top__imgWrap{margin-inline:auto;max-width:500px;width:79.4871794872%}.p-about-top__img{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.p-about-top__profile{display:flex;flex-direction:column;gap:24px}.p-about-top__profile-title .line{display:block}.p-about-top__profile-title .u-padding{display:inline-block}.p-about-top__profile-title .u-upright{display:inline-block}.p-about-top__profile-head{align-items:flex-start;display:flex;flex-direction:column;gap:20px;padding-inline:20px}.p-about-top__profile-tag{font-family:Cardo,serif;font-size:20px;letter-spacing:.06em;padding-inline-end:74px;position:relative}.p-about-top__profile-tag::before{background-color:#333;content:"";height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:60px}.p-about-top__profile-title{font-size:24px;font-weight:600;letter-spacing:.14em;line-height:1;line-height:1.5;margin-inline:auto}.p-about-top__profile-title .char{opacity:0}.p-about-top__profile-body{padding:20px}.p-about-top__profile-text{font-size:clamp(.813rem,.789rem + .1vw,.875rem);line-height:2.5;margin-inline-end:auto;width:min(430px,100%)}.p-about-top__profile-linkWrap{margin-block-start:20px;margin-inline-start:auto}.p-about-top__profile-link{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-block-start:32px}.p-about-top__profile-link:hover{opacity:.6}.p-about-top__profile-link:hover .p-about-top__profile-linkIcon{transform:translateX(10px)}.p-about-top__profile-linkText{font-family:Cardo,serif;font-size:clamp(.875rem,.829rem + .19vw,1rem)}.p-about-top__profile-linkIcon{background-color:#333;border-radius:50%;padding:6px;transition:transform .3s,opacity .3s;width:clamp(1.25rem,1.157rem + .38vw,1.5rem)}.p-works-top{background-color:#fbfaf8;padding-block:32px 100px;position:relative}.p-works__inner{padding-inline:40px}.p-works-top__heading{position:absolute;top:-2.5641025641vh}.p-works-top__articles{display:grid;grid-template-columns:1fr;margin-block-start:60px;row-gap:56px}.p-works-top__article{display:flex;flex-direction:column;gap:12px;margin-inline:auto;max-width:450px;width:79.4871794872%}.p-works-top__imgWrap{overflow:hidden}.p-works-top__img{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:scale .5s}.p-works-top__label{background-color:#333;color:#fff;display:inline-block;font-size:clamp(.75rem,.727rem + .1vw,.813rem);letter-spacing:.03em;line-height:1;padding:2px 3px 5px}.p-works-top__title{font-size:clamp(1.125rem,1.032rem + .38vw,1.375rem);margin-block-start:8px}.p-works-top__tags{margin-block-start:16px}.p-works-top__tag{color:#6c6969;font-size:13px;line-height:1.4}.p-works-top__buttonWrap{margin-block-start:80px}.p-works-top__button{align-items:center;background-color:#fff;border:1px solid #333;display:flex;justify-content:center;margin-inline:auto;max-width:300px;padding:24px 40px;position:relative;transition:color .3s,background-color .3s,border-color .3s;width:75%}.p-works-top__button:hover{background-color:#333;border-color:#fff;color:#fff}.p-works-top__button:hover::after,.p-works-top__button:hover::before{right:16.6666666667%}.p-works-top__button:hover::before{opacity:0}.p-works-top__button:hover::after{opacity:1}.p-works-top__button::after,.p-works-top__button::before{aspect-ratio:1;background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:auto;position:absolute;right:20%;top:calc(50% + 1px);transform:translateY(-50%);transition:opacity .3s,right .3s;width:12px}.p-works-top__button::before{background-image:url(../img/svg/arrow/arrow-right__black.svg)}.p-works-top__button::after{background-image:url(../img/svg/arrow/arrow-right__white.svg);opacity:0}.p-works-top__button-text{font-size:clamp(.938rem,.914rem + .1vw,1rem)}.p-skills{padding-block:32px 100px;position:relative}.p-skills__heading{position:absolute;top:-2.5641025641vh}.p-skills__contents{display:flex;flex-direction:column;gap:40px;margin-block-start:30px}.p-skills__cards{display:grid;grid-template-columns:1fr;justify-items:center;margin-block-start:60px;row-gap:24px}.p-skills__card{aspect-ratio:1;background-color:#fff;border:1px solid #333;display:grid;gap:5px;grid-row:span 4;grid-template-rows:subgrid;height:auto;padding:10px 20px;width:min(100%,280px)}.p-skills__card-number{font-size:12px;font-weight:700}.p-skills__card-imgWrap{aspect-ratio:1;height:auto;margin-inline:auto;width:18.75%}.p-skills__card-img{display:block;height:100%;width:100%}.p-skills__card-title{border-bottom:1px solid #333;font-size:clamp(.938rem,.914rem + .1vw,1rem);font-weight:700;line-height:1.5;padding-block-end:9px;text-align:center}.p-skills__card-text{font-size:clamp(.813rem,.789rem + .1vw,.875rem);line-height:1.5;padding:10px}.p-skills__container{align-items:flex-start;border:1px solid #333;display:flex;flex-direction:column;gap:16px;margin-inline:auto;padding:20px;width:min(100%,280px)}.p-skills__lists{height:100%;width:100%}.p-skills__lists:nth-of-type(1){border-bottom:1px solid #333;padding-block-end:16px}.p-skills__list-title{color:#333;font-size:clamp(1rem,.912rem + .38vw,1.5rem)}.p-skills__list{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:12px}.p-skills__item{align-items:center;display:flex;gap:4px}.p-skills__item-img{aspect-ratio:1;height:auto;width:20px}.p-skills__item-text{font-size:clamp(.875rem,.743rem + .56vw,1.25rem)}.p-contact{background-color:#fbfaf8;padding-block:32px 100px;position:relative}.p-contact__heading{position:absolute;top:-2.5641025641vh}.p-contact__text{font-size:clamp(.813rem,.789rem + .1vw,.875rem);line-height:1.8;margin-block-start:40px;text-align:center}.p-contact__form-wrapper{background-color:#fff;border-radius:20px;margin-block-start:60px;overflow:hidden;padding:40px 20px}input[type=email],input[type=text],textarea{background:#fff;border:1px solid #333;border-radius:10px;padding:14px 19px;width:100%}input[type=email]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:#757575;line-height:1}input[type=email]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#757575;line-height:1}textarea{height:240px;resize:vertical}.p-contact__fields{display:flex;flex-direction:column;gap:30px}.p-contact__field{display:grid;row-gap:16px}.p-contact__field-head{align-items:center;display:flex;gap:8px}.p-contact__field-mark{background-color:#fff;border-radius:4px;color:red;display:block;font-size:12px;line-height:1;padding:7px}input[type=checkbox]{height:1px;position:absolute;width:1px;clip:rect(0,0,0,0)}input[type=checkbox]:checked+.p-contact__check-text::after{opacity:1}.p-contact__check{margin-block-start:60px;text-align:center}.p-contact__check-text{font-size:14px;padding-inline-start:20px;position:relative;transition:color .3s;vertical-align:baseline}.p-contact__check-text:hover{color:#6c6969}.p-contact__check-text::after,.p-contact__check-text::before{aspect-ratio:1;content:"";height:auto;position:absolute;top:50%;transform:translateY(-50%)}.p-contact__check-text::before{background-color:transparent;border:1px solid #333;left:0;width:16px}.p-contact__check-text::after{background:url(../img/svg/contact/contact-check.svg) no-repeat center/contain;left:2px;opacity:0;transition:opacity .3s;width:12px}.p-contact__submitWrap{margin-block-start:80px}.p-contact__submit{align-items:center;background-color:#fff;border:1px solid #333;display:flex;justify-content:center;margin-inline:auto;max-width:300px;padding:24px 40px;position:relative;transition:color .3s,background-color .3s,border-color .3s;width:75%}.p-contact__submit:hover{background-color:#333;border-color:#fff;color:#fff}.p-contact__submit:hover::after,.p-contact__submit:hover::before{right:26.6666666667%}.p-contact__submit:hover::before{opacity:0}.p-contact__submit:hover::after{opacity:1}.p-contact__submit::after,.p-contact__submit::before{aspect-ratio:1;background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:auto;position:absolute;right:33.3333333333%;top:50%;transform:translateY(-50%);transition:opacity .3s,right .3s;translate:0 1px;width:12px}.p-contact__submit::before{background-image:url(../img/svg/arrow/arrow-right__black.svg)}.p-contact__submit::after{background-image:url(../img/svg/arrow/arrow-right__white.svg);opacity:0}.p-contact__submit-text{font-size:clamp(.938rem,.914rem + .1vw,1rem)}.u-hidden{display:none}.u-display--sm{display:none}.u-display--md{display:none}.u-display--lg{display:none}.u-display--xl{display:none}.u-fade-in-up{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;transition-delay:.3s}.u-fade-in-up.is-in-view{opacity:1;transform:translateY(0)}.u-fade-in-opacity{opacity:0;transition:opacity .8s}.u-fade-in-opacity.is-in-view{opacity:1}.u-animated__fadeIn{opacity:0;transition:opacity .2s,translate .2s;translate:0 40px}.u-animated__fadeIn.js-show{opacity:1;translate:0 0}@media screen and (min-width:600px){.p-fv__scrolldown{left:2.5%}.p-about-top__wrapper{gap:52px}.p-about-top__profile{align-items:flex-end;flex-direction:row-reverse;margin-inline:auto;max-width:700px}.p-about-top__profile-head{align-items:center;flex:0 0 185px;gap:22px;padding-inline:0}.p-about-top__profile-tag{font-size:48px;padding-inline-end:0}.p-about-top__profile-tag::before{right:0;rotate:-25deg;top:calc(50% + 25px);width:111px}.p-about-top__profile-title{flex:0 0 auto;font-size:36px;letter-spacing:.3em;line-height:1.5;margin-inline:0;text-orientation:mixed;writing-mode:vertical-rl}.p-about-top__profile-title .u-padding{display:inline-block;padding-inline-start:60px}.p-about-top__profile-title .u-upright{text-orientation:upright}.p-about-top__profile-linkWrap{margin-block-start:30px;translate:-30px 0}.p-contact__text{margin-block-start:60px}.u-hidden--sm{display:none}.u-display--sm{display:block}}@media screen and (min-width:768px){.p-fv__texts{left:0;right:40px;top:150px}.p-fv__scrolldown{left:3.90625%;top:calc(100% - 200px)}.p-works-top__heading{top:-3.90625vh}.p-skills__heading{top:-3.90625vh}.p-contact__heading{top:-3.90625vh}.p-contact__text{margin-block-start:80px}.u-hidden--md{display:none}.u-display--md{display:block}}@media screen and (min-width:900px){.l-header{height:80px}.l-inner{margin-inline:auto;padding-inline:30px;width:min(1084px,100%)}.p-fv{padding-block-start:clamp(5rem,.833rem + 7.41vw,7.5rem)}.p-fv__imgWrap{height:65.9722222222vw;width:89.5833333333%}.p-fv__titles{align-items:flex-start;gap:50px;left:clamp(-90px,-60px + -30 * (100vw - 900px) / 540,-60px);top:-60px}.p-fv__title-sub{text-orientation:mixed;writing-mode:vertical-rl}.p-fv__texts{right:10.4166666667%;top:13.8888888889vh}.p-fv__scrolldown{left:1.875%}.p-fv__scrolldown-bar{top:calc(100% + 60px)}.p-about-top{padding-block:120px 240px}.p-about-top__inner{margin-inline:auto;padding-inline:30px;width:min(1260px,100%)}.p-about-top__wrapper{align-items:flex-end;flex-direction:row;gap:30px;margin-left:calc(50% - 50vw)}.p-about-top__imgWrap{max-width:100%}.p-about-top__profile-head{flex:0 0 220px;gap:60px}.p-about-top__profile-tag::before{right:-10px;top:calc(50% + 55px);width:195px}.p-about-top__profile-body{padding:0}.p-works-top{padding-bottom:160px}.p-works__inner{margin-inline:auto;padding-inline:50px;width:min(1220px,100%)}.p-works-top__articles{grid-template-columns:repeat(2,1fr);margin-block-start:120px;-moz-column-gap:clamp(2.5rem,-2.708rem + 9.26vw,5.625rem);column-gap:clamp(2.5rem,-2.708rem + 9.26vw,5.625rem);padding-block-end:300px;row-gap:180px}.p-works-top__article{max-width:515px;width:91.9642857143%}.p-works-top__article:hover .p-works-top__img{scale:1.1}.p-works-top__article:nth-of-type(even){transform:translateY(200px)}.p-skills{padding-bottom:160px}.p-skills__contents{gap:100px}.p-skills__cards{grid-template-columns:repeat(3,1fr);row-gap:0;-moz-column-gap:20px;column-gap:20px;justify-content:space-between;margin-block-start:120px}.p-skills__card{width:min(100%,320px)}.p-skills__card-number{font-size:14px}.p-skills__card-imgWrap{width:25%}.p-skills__card-text{line-height:1.8}.p-skills__container{flex-direction:row;gap:30px;justify-content:center;width:100%}.p-skills__lists{width:50%}.p-skills__lists:nth-of-type(1){border-bottom:0;border-right:1px solid #333;padding-block-end:0}.p-skills__list{gap:16px;margin-block-start:20px}.p-skills__item{gap:10px}.p-skills__item-img{width:24px}.p-contact{padding-block-start:90px}.p-contact__text{margin-block-start:100px}.p-contact__form-wrapper{margin-block-start:90px;margin-inline:auto;padding:100px 80px;width:min(900px,100%)}input[type=email]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{font-size:13px}input[type=email]::placeholder,input[type=text]::placeholder,textarea::placeholder{font-size:13px}.p-contact__fields{gap:40px}.p-contact__field{grid-template-columns:250px 1fr}.p-contact__field-head{gap:12px}.p-contact__check-text{font-size:13px;padding-inline-start:28px}.p-contact__check-text::before{width:20px}.p-contact__check-text::after{width:16px}.u-hidden--lg{display:none}.u-display--lg{display:block}}@media screen and (min-width:1160px){.p-fv__titles{gap:80px}.p-fv__scrolldown{left:2.2916666667%}.p-about-top__profile-title{font-size:48px}.p-works-top__heading{top:-6.9444444444vh}.p-works-top__article:nth-of-type(even){transform:translateY(260px)}.p-skills__heading{top:-6.9444444444vh}.p-skills__cards{-moz-column-gap:30px;column-gap:30px}.p-contact__heading{top:-6.9444444444vh}.p-contact__form-wrapper{margin-block-start:120px}.u-hidden--xl{display:none}.u-display--xl{display:block}}@media screen and (min-width:1370px){.p-fv__scrolldown{left:2.7777777778%}.p-about-top__profile-head{flex:0 0 330px}.p-about-top__profile-tag{font-size:72px}.p-about-top__profile-tag::before{right:-50px;top:calc(50% + 35px)}}@keyframes scrollDown{0%{bottom:100%}100%{bottom:-500px}}