.Header-module-scss-module__cbhb_a__header{z-index:100;background:linear-gradient(270deg,#333 0%,#222 50%,#333 100%);width:100vw;position:fixed;top:0;left:0}.Header-module-scss-module__cbhb_a__header__container{justify-content:space-between;align-items:center;gap:100px;padding:20px max(20px,4vw);display:flex}.Header-module-scss-module__cbhb_a__header__container .Header-module-scss-module__cbhb_a__header__title{color:#fff;cursor:pointer;font-size:clamp(18px,2vw,20px);font-weight:600;text-decoration:none}.Header-module-scss-module__cbhb_a__header__container .Header-module-scss-module__cbhb_a__header__links{gap:20px;display:flex}.Header-module-scss-module__cbhb_a__header__container .Header-module-scss-module__cbhb_a__header__links .Header-module-scss-module__cbhb_a__header__link{color:#fff;cursor:pointer;font-size:16px;font-weight:400;text-decoration:none}.Header-module-scss-module__cbhb_a__header .Header-module-scss-module__cbhb_a__header__progress{background:#fff;width:100%;height:2px}.Header-module-scss-module__cbhb_a__header .Header-module-scss-module__cbhb_a__header__progress .Header-module-scss-module__cbhb_a__header__progress__bar{background:var(--accent);height:100%;transition:width .3s ease-in-out}@media (max-width:768px){.Header-module-scss-module__cbhb_a__header .Header-module-scss-module__cbhb_a__header__container{gap:30px}}
.Footer-module-scss-module__yDKenG__footer{text-align:center;border-top:1px solid #aaa;padding:20px 0;font-size:14px}
.Mv-module-scss-module__fwqm6W__mv{justify-content:center;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.Mv-module-scss-module__fwqm6W__mv__container{flex-direction:column;gap:50px;width:100%;max-width:1000px;margin:0 auto;padding:0 40px;display:flex;overflow:hidden}.Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner{flex-direction:column;gap:30px;display:flex}.Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__subtitle{font-size:clamp(18px,1.7vw,20px);line-height:32px;font-family:var(--mono);opacity:.5;align-items:center;gap:20px;display:flex}.Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__subtitle:before{content:"";background:var(--accent);width:clamp(40px,5vw,60px);height:2px;display:block}.Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__title{font-size:clamp(60px,6vw,80px);font-weight:600;line-height:1.2;font-family:var(--serif-jp)}.Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__title .Mv-module-scss-module__fwqm6W__mv__title__web{font-family:var(--serif-en);color:var(--accent)}.Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__description{max-width:480px;font-size:clamp(18px,1.6vw,20px);line-height:1.6;font-family:var(--sans);color:var(--gray)}.Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__description .Mv-module-scss-module__fwqm6W__mv__description__strong{font-family:var(--sans);color:#fff;font-weight:600}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container__info{border-top:1px solid var(--gray);align-items:flex-end;gap:30px;padding-top:30px;display:flex;position:relative}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__name{font-size:22px;font-weight:600;font-family:var(--serif-jp);color:#fff}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__job,.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__experience,.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__location{font-size:16px;font-weight:400;font-family:var(--sans);color:var(--gray)}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__scroll{font-size:16px;font-weight:400;font-family:var(--sans);color:var(--gray);writing-mode:vertical-rl;flex-direction:column-reverse;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:10px;right:0}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__scroll .Mv-module-scss-module__fwqm6W__mv__container__info__scroll__line{background:linear-gradient(to top,transparent,var(--accent)100%);background:linear-gradient(to top,transparent,var(--accent),transparent);background-size:100% 200%;width:2px;height:100%;animation:3s linear infinite alternate Mv-module-scss-module__fwqm6W__gradientFlow}@keyframes Mv-module-scss-module__fwqm6W__gradientFlow{0%{background-position:0 100%}to{background-position:0 0}}@media (max-width:768px){.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container{gap:30px;padding:40px 20px 0}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner{gap:20px}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__subtitle{font-size:16px}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__title{font-size:40px}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__inner .Mv-module-scss-module__fwqm6W__mv__description{font-size:16px}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__info{border-top:1px solid var(--gray);flex-wrap:wrap;gap:10px;padding-top:20px}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__name{width:100%}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__job,.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__experience,.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__location{font-size:14px}.Mv-module-scss-module__fwqm6W__mv .Mv-module-scss-module__fwqm6W__mv__container .Mv-module-scss-module__fwqm6W__mv__container__info .Mv-module-scss-module__fwqm6W__mv__container__info__job{width:100%}}
.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content{flex-wrap:wrap;gap:50px;display:flex}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item{outline-offset:20px;outline:1px solid #0000;flex-direction:column;align-items:center;gap:20px;width:calc(50% - 25px);transition:all .3s;display:flex}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item:first-of-type{width:100%}@media (any-hover:hover){.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item:hover{outline:1px solid var(--accent)}}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__image__container{aspect-ratio:16/10;width:100%;overflow:hidden}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__image__container .Works-module-scss-module__PlWJ1q__content__item__image{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__inner{flex-direction:column;gap:clamp(14px,2vw,20px);width:100%;display:flex}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__type{text-align:right;color:var(--gray);font-size:clamp(14px,1.6vw,16px);font-family:var(--mono);margin-bottom:-10px}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__title{font-size:clamp(20px,2vw,24px);font-weight:700;font-family:var(--serif-jp)}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__role{gap:10px;font-size:16px;font-weight:400;display:flex}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__role span{align-items:center;display:flex}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__role span:after{background:var(--gray);content:"";width:20px;height:2px;margin-left:10px;display:inline-block;position:relative;top:2px}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__skills{flex-wrap:wrap;gap:10px;font-weight:500;display:flex}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__skills__item{border:1px solid var(--gray);border-radius:100px;padding:clamp(3px,.5vw,5px) clamp(10px,1.4vw,14px);font-size:clamp(14px,1.4vw,16px);font-weight:400}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__link{font-size:clamp(16px,1.6vw,20px);font-weight:500}.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item__link span{color:#f5b32e}@media (max-width:768px){.Works-module-scss-module__PlWJ1q__works .Works-module-scss-module__PlWJ1q__content__item{gap:10px;width:100%}}
.common-module-scss-module__QXLUeq__section{padding:clamp(80px,8vw,120px) clamp(20px,4vw,40px) clamp(30px,6vw,60px)}.common-module-scss-module__QXLUeq__sec__container{max-width:1000px;margin:0 auto}.common-module-scss-module__QXLUeq__sec__title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(50px,8vw,80px);display:flex}.common-module-scss-module__QXLUeq__sec__title__idx{color:var(--accent);font-size:16px;font-weight:600;font-family:var(--mono)}.common-module-scss-module__QXLUeq__sec__title__text{font-size:clamp(50px,4vw,60px);font-weight:600;font-family:var(--serif-jp);flex-grow:1;line-height:1}.common-module-scss-module__QXLUeq__sec__title__subtext{width:380px;color:var(--gray);font-size:clamp(16px,1.6vw,18px);font-weight:400}@media (max-width:768px){.common-module-scss-module__QXLUeq__sec__title{flex-direction:column;align-items:flex-start;row-gap:10px}.common-module-scss-module__QXLUeq__sec__title__idx{width:100%}.common-module-scss-module__QXLUeq__sec__title__text{font-size:clamp(40px,4vw,50px)}.common-module-scss-module__QXLUeq__sec__title__subtext{width:100%;font-size:clamp(14px,1.4vw,16px)}}
.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content{flex-wrap:wrap;gap:40px 20px;display:flex}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group{border:1px solid #fff;border-radius:10px;width:fit-content;padding:20px;position:relative}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__title{text-align:left;background:#222;padding:0 20px;font-size:20px;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%,-60%)}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list{flex-wrap:wrap;gap:10px;display:flex}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item{flex-direction:column;align-items:center;width:100px;font-size:16px;font-weight:400;display:flex}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item p{text-align:center}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon{object-fit:contain;object-position:center;width:80px;height:80px}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__html path{fill:#f06629}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__css path{fill:#1d88c7}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__sass path{fill:#ce659c}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__javascript path{fill:#ff0}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__typescript path{fill:#1a7fce}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__wordpress path{fill:#177ba0}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__react path{fill:#66dbfb}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__next path{fill:#000}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__git path{fill:#f1563b}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__github path,.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__figma path{fill:#fff}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__nodejs path{fill:#2ea66b}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__studio path,.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item .Skills-module-scss-module__JDNfkq__content__group__item__icon.Skills-module-scss-module__JDNfkq__three path{fill:#fff}@media (max-width:768px){.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group{width:100%}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list{justify-content:center}.Skills-module-scss-module__JDNfkq__skills .Skills-module-scss-module__JDNfkq__content__group__list__item{width:85px}}
.Contact-module-scss-module__VV6KcW__contact{padding:clamp(80px,8vw,120px) 20px 200px}.Contact-module-scss-module__VV6KcW__contact .Contact-module-scss-module__VV6KcW__content{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.Contact-module-scss-module__VV6KcW__contact .Contact-module-scss-module__VV6KcW__content__link{color:#fff;border-bottom:1px solid var(--gray);font-size:clamp(20px,1.8vw,24px);font-weight:600;font-family:var(--serif-jp);padding:10px;transition:all .3s}@media (any-hover:hover){.Contact-module-scss-module__VV6KcW__contact .Contact-module-scss-module__VV6KcW__content__link:hover{color:var(--accent);border-color:var(--accent)}}.Contact-module-scss-module__VV6KcW__contact .Contact-module-scss-module__VV6KcW__content__link__other{color:#fff;border:1px solid var(--gray);font-size:clamp(20px,1.8vw,24px);font-weight:600;font-family:var(--serif-jp);border-radius:100px;padding:10px 20px;transition:all .3s}@media (any-hover:hover){.Contact-module-scss-module__VV6KcW__contact .Contact-module-scss-module__VV6KcW__content__link__other:hover{color:var(--accent);border-color:var(--accent)}}