@charset "UTF-8";@keyframes fuwafuwa{0%{transform:translate(0) rotate(-13deg)}50%{transform:translateY(-10px) rotate(-15deg)}to{transform:translate(0) rotate(-16deg)}}@keyframes expand{0%{opacity:0;transform:translateY(-50%) translate(-50%) rotate(-15deg)}to{opacity:.03;transform:translateY(-50%) translate(-50%) rotate(0)}}.blog:where(.astro-7FPMF426){padding:120px 0;background:#b23f3f}.blog__inner:where(.astro-7FPMF426){display:flex;flex-wrap:nowrap;align-items:flex-start}.blog__left:where(.astro-7FPMF426){padding-right:5px}.blog__title:where(.astro-7FPMF426){width:8rem;height:3.5em;margin-top:-5px;font-size:8rem;color:#fff;writing-mode:vertical-rl;font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal}.blog__title:where(.astro-7FPMF426):before{display:block;width:0;height:0;margin-right:-.35em;content:""}.blog__title:where(.astro-7FPMF426):after{display:block;width:0;height:0;margin-left:-.35em;content:""}.blog__list:where(.astro-7FPMF426){width:100%}.blog__item:where(.astro-7FPMF426){padding-bottom:30px}.card-article:where(.astro-7FPMF426) .post__date{font-size:1.5rem;color:#fff}.card-article:where(.astro-7FPMF426) .post__title:after{background:#792b2b}.button-more:where(.astro-7FPMF426){margin-top:15px;text-align:right}.more:where(.astro-MC6B6OWQ){display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.more:where(.astro-MC6B6OWQ):hover .more__finger:where(.astro-MC6B6OWQ){transform:rotate(-6deg)}.more__text:where(.astro-MC6B6OWQ){margin-right:10px;font-size:6rem;color:#fff;font-family:gill-sans-nova-inline,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:700;font-style:normal}.more__finger:where(.astro-MC6B6OWQ){transition:transform .1s ease-in}.contact__title[data-v-12bf6c23]{margin:120px 0;font-size:6rem;color:#fff;text-align:center;background:#333;transition:letter-spacing .3s ease-out,margin .3s ease-out;font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal}.contact__title.intersected[data-v-12bf6c23]{margin-right:-1em;letter-spacing:1em}.form[data-v-12bf6c23]{position:relative;width:100%}.form input[data-v-12bf6c23],.form textarea[data-v-12bf6c23]{outline:0}.form__header[data-v-12bf6c23]{position:relative;padding:30px 60px 45px;border:2px solid #333;border-bottom:none;transition:background .2s}.form__header--sending[data-v-12bf6c23]{background:rgba(255,255,255,.4)}.form__mail-icon[data-v-12bf6c23]{position:absolute;top:0;right:0;opacity:0;transition:opacity .4s cubic-bezier(.17,.92,.14,.96),transform .4s cubic-bezier(.17,.92,.14,.96);transform:translateY(-50%) translate(15%) rotate(15deg) scale(1.4)}.form__mail-icon.intersected[data-v-12bf6c23]{opacity:1;transform:translateY(-50%) translate(15%) rotate(15deg) scale(1)}.form__description[data-v-12bf6c23]{margin-bottom:25px;text-align:center}.form__item[data-v-12bf6c23]{display:flex;align-items:center;width:100%;margin-bottom:30px}.form__item[data-v-12bf6c23]:last-child{margin-bottom:0}.form__item--date[data-v-12bf6c23]{justify-content:flex-end;width:auto}.form__item--date .form__item-val[data-v-12bf6c23]{flex:none;width:auto}.form__item-title[data-v-12bf6c23]{font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal;margin-right:10px;font-size:2rem;white-space:nowrap}.form__item-required[data-v-12bf6c23]{margin-left:3px;font-size:1.6rem;font-weight:700;color:#9f3838;vertical-align:super}.form__item-val[data-v-12bf6c23]{flex:1 1 0%;width:100%;padding:0 10px;letter-spacing:1px;border-bottom:dotted 2px #333}.form__body[data-v-12bf6c23]{width:100%;padding:30px 60px 60px;border:2px solid #333;transition:background .2s}.form__body--sending[data-v-12bf6c23]{background:rgba(255,255,255,.4)}.form__body-title[data-v-12bf6c23]{font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal;display:block;margin-bottom:10px;font-size:2rem}.form__body-val[data-v-12bf6c23]{width:100%;height:200px;background-size:5px 2.5em;background-image:linear-gradient(-135deg,transparent 93%,#000 94.5%,#000 98.9%,transparent 99%);line-height:2.5em;letter-spacing:1px;resize:none}.form__footer[data-v-12bf6c23]{display:flex;justify-content:center;margin-top:30px}.form__submit[data-v-12bf6c23]{position:relative;z-index:auto;padding:5px 15px;font-family:avenir-black,arial,\6e38\30b4\30b7\30c3\30af\4f53,yugothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-size:2rem;font-weight:700;color:#333;border:2px solid #333;transition:background .2s,color .2s,border-color .2s}.form__submit[data-v-12bf6c23]:after{position:absolute;top:0;left:0;z-index:-1;width:0%;height:100%;content:"";background:#333;transition:width .2s}.form__submit[data-v-12bf6c23]:hover{color:#fff}.form__submit[data-v-12bf6c23]:hover:after{width:100%}.form__submit[data-v-12bf6c23]:active{color:#333;background:#fff;border-color:#fff}.form__sent[data-v-12bf6c23]{position:absolute;top:50%;left:50%;max-width:80vw;height:auto;margin:0 auto;visibility:hidden;opacity:0;transition:transform .4s cubic-bezier(.17,.92,.14,.96);transform:translate(-50%) translateY(-50%) rotate(20deg) scale(1.5)}.form__sent--active[data-v-12bf6c23]{visibility:visible;opacity:1;transform:translate(-50%) translateY(-50%) rotate(20deg) scale(1)}.hero:where(.astro-QNZ4IWDU){display:flex;justify-content:space-between}.hero__text:where(.astro-QNZ4IWDU){padding-left:60px;font-style:italic;white-space:pre-wrap}.hero__image:where(.astro-QNZ4IWDU){position:relative;margin-top:-10vw}.hero__pc:where(.astro-QNZ4IWDU){display:block;width:calc(((100vw - 960px)/2 + 960px)*.4);max-width:400px;margin-left:calc(((100vw - 960px)/2 + 960px)/20);transform-origin:center center;animation:fuwafuwa 4s infinite steps(96,start) alternate}.hero__stripe:where(.astro-QNZ4IWDU){position:absolute;top:50%;left:50%;z-index:-1;width:auto;height:3500px;opacity:.03;transform:translateY(-50%) translate(-50%);transform-origin:center center;animation:expand 2.5s ease 0s}.profile:where(.astro-INQN7XUG){position:relative}.profile:where(.astro-INQN7XUG):after,.profile:where(.astro-INQN7XUG):before{position:absolute;bottom:-60px;left:50%;z-index:-2;width:150vw;height:50%;content:"";background:#0a5c74;transform:translate(-50%) rotate(-9deg);transform-origin:center bottom}.profile:where(.astro-INQN7XUG):after{bottom:-100px;z-index:-3;background:#094f64;transform:translate(-50%) rotate(-4deg)}.profile__container:where(.astro-INQN7XUG){position:relative;display:flex;align-items:center;width:100%;color:#fff}.profile__title:where(.astro-INQN7XUG){position:relative;display:inline-block;padding:0 5px;font-size:8rem;color:#3330;transition:color .2s ease-in-out .3s;transform:perspective(450px) rotateY(45deg);transform-origin:center center;font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal}.profile__title:where(.astro-INQN7XUG).intersected{color:#333}.profile__title:where(.astro-INQN7XUG).intersected:after{top:5px;height:7.5rem}.profile__title:where(.astro-INQN7XUG):after{position:absolute;top:50%;left:0;z-index:-1;width:100%;height:0;content:"";background:#fff;transition:height .3s ease-in-out,top .3s ease-in-out;transform:translateY(50%);backface-visibility:hidden}.profile__content:where(.astro-INQN7XUG){position:relative;z-index:5;width:100%}.profile__content:where(.astro-INQN7XUG):after{position:absolute;top:8rem;left:50%;z-index:-1;width:150vw;height:70%;content:none;background:#333;border-top:7px solid #fff;transform:translate(-50%) translateZ(-100px) rotate(6.5deg);transform-origin:center center}.profile__text:where(.astro-INQN7XUG){position:relative;padding-top:30px;margin-bottom:30px}.profile__avatar:where(.astro-INQN7XUG){position:relative;z-index:0;display:inline-block;margin-top:180px}.profile__avatar:where(.astro-INQN7XUG) img{position:relative;z-index:4;width:250px;height:250px;margin:7px;border-radius:50%}.profile__avatar:where(.astro-INQN7XUG):after{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:"";background:#203669;border:7px solid #fff;border-radius:50%}.profile__bg2--back:where(.astro-INQN7XUG),.profile__bg2:where(.astro-INQN7XUG){position:absolute;top:50%;right:75px;z-index:3;width:0;height:calc((500px + 35vw)*.6);border-top:calc(((500px + 35vw)*.6 - 130px)/2) solid transparent;border-bottom:calc(((500px + 35vw)*.6 - 130px)/2) solid transparent;border-left:calc((100vw - 960px)/2 + 885px) solid #333;transform:translateY(-50%) translateZ(0)}.profile__bg2--back:where(.astro-INQN7XUG){z-index:1;height:calc((500px + 35vw)*.6 + 14px);border-left-color:#fff}.links:where(.astro-INQN7XUG){display:inline-flex;margin:-15px}.links__item:where(.astro-INQN7XUG){position:relative;display:flex;align-items:center;margin:15px}.links__item:where(.astro-INQN7XUG):after{position:absolute;bottom:-10px;left:50%;width:0;height:3px;content:"";background:#fff;transition:width .2s,left .2s}.links__item:where(.astro-INQN7XUG):hover:after{left:0;width:100%}.links__links:where(.astro-INQN7XUG){display:block}.links__twitter:where(.astro-INQN7XUG){width:26px;height:auto}.links__qiita:where(.astro-INQN7XUG){width:auto;height:20px}.links__github:where(.astro-INQN7XUG){width:auto;height:25px}.links__npm:where(.astro-INQN7XUG){width:auto;height:19px}.skill:where(.astro-IJOWWPOE){position:relative;padding-top:180px;background:#064152}.skill__inner:where(.astro-IJOWWPOE){display:flex;flex-flow:row-reverse}.skill__inner:where(.astro-IJOWWPOE).intersected .skill__title:where(.astro-IJOWWPOE){transform:translateY(0) rotate(-15deg)!important}.ex-skill:where(.astro-IJOWWPOE).intersected .ex-skill__img--guitar:where(.astro-IJOWWPOE),.ex-skill:where(.astro-IJOWWPOE).intersected .ex-skill__img--violin:where(.astro-IJOWWPOE),.ex-skill:where(.astro-IJOWWPOE).intersected .ex-skill__text:where(.astro-IJOWWPOE),.skill__inner:where(.astro-IJOWWPOE).intersected .GCP__list:where(.astro-IJOWWPOE),.skill__inner:where(.astro-IJOWWPOE).intersected .skill-list:where(.astro-IJOWWPOE){opacity:1;transform:translateY(0)}.skill__right:where(.astro-IJOWWPOE){margin-left:15px}.skill__title:where(.astro-IJOWWPOE){font-size:3.5rem;line-height:1;color:#fff;transition:transform .3s ease-out;font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal}.skill__title--main:where(.astro-IJOWWPOE){transform:rotate(-15deg)}.GCP__list:where(.astro-IJOWWPOE),.skill-list:where(.astro-IJOWWPOE){display:flex;flex-wrap:wrap;margin:0-15px;font-size:5rem;line-height:1;color:#fff;opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;transform:translateY(-30px);font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal}.skill-list__item:where(.astro-IJOWWPOE){margin:0 15px}.GCP:where(.astro-IJOWWPOE){display:flex;align-items:flex-start;width:100%;padding-top:5px}.GCP__title:where(.astro-IJOWWPOE){font-family:gill-sans-nova-inline,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:700;font-style:normal;font-size:6.8rem}.GCP__list:where(.astro-IJOWWPOE){padding-top:5px;margin-left:15px}.GCP__item:where(.astro-IJOWWPOE){font-size:3rem}.GCP__item:where(.astro-IJOWWPOE):after{padding-right:7px;content:"/"}.GCP__item:where(.astro-IJOWWPOE):last-child:after{content:none}.ex-skill:where(.astro-IJOWWPOE){display:flex;align-items:flex-end;justify-content:flex-end;padding-top:40px;overflow:hidden;color:#fff}.ex-skill__item:where(.astro-IJOWWPOE),.ex-skill__text:where(.astro-IJOWWPOE){font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal}.ex-skill__text:where(.astro-IJOWWPOE){flex:1 1 0%;margin-right:15px;font-size:1.6rem;text-align:right;opacity:0;transition:transform .2s cubic-bezier(.42,.29,.77,2.01) 0s;transform:translateY(100%)}.ex-skill__item:where(.astro-IJOWWPOE){font-size:2.2rem}.ex-skill__img-wrapper:where(.astro-IJOWWPOE){width:auto;height:160px;overflow:hidden}.ex-skill__img:where(.astro-IJOWWPOE){height:auto;padding-top:40px}.ex-skill__img--guitar:where(.astro-IJOWWPOE),.ex-skill__img--violin:where(.astro-IJOWWPOE){width:45px;opacity:0;transition:transform .4s cubic-bezier(.42,.29,.81,1.37) .1s;transform:translateY(100%)}.ex-skill__img--violin:where(.astro-IJOWWPOE){margin-top:20px;margin-left:15px;transition:transform .4s cubic-bezier(.42,.29,.81,1.37) .2s}.works:where(.astro-FTPQIOOF){position:relative}.works:where(.astro-FTPQIOOF):before{position:absolute;top:0;left:calc((100vw - 960px)/-2);z-index:-1;width:calc((100vw - 960px)/2 + 1.75em);height:1.5625em;font-size:8rem;content:"";background:#fff}.works__title:where(.astro-FTPQIOOF){display:inline-block;margin-top:20px;margin-bottom:60px;font-size:8rem;line-height:1;font-family:gill-sans-nova,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:800;font-style:normal}.works__subtitle:where(.astro-FTPQIOOF){display:block;margin-top:4px;margin-right:3px;font-size:1.6rem;text-align:right}.portfolio:where(.astro-FTPQIOOF){position:relative;z-index:0;display:flex;flex-wrap:wrap;width:100%;margin-bottom:60px;border-top:5px solid #fff;border-left:5px solid #fff}.portfolio:where(.astro-FTPQIOOF).intersected:before{width:calc(100% - 30px);opacity:1}.portfolio:where(.astro-FTPQIOOF):after,.portfolio:where(.astro-FTPQIOOF):before{position:absolute;top:calc(50% - 2.5px);right:5px;left:0;font-size:6rem;color:#b23f3f;pointer-events:none;transform:translateY(-50%)}.portfolio:where(.astro-FTPQIOOF):before{z-index:2;width:0;margin:-2px auto 0;overflow:hidden;text-align:center;white-space:nowrap;content:"MY PORTFOLIO";opacity:0;transition:width .4s cubic-bezier(.44,.04,.89,.04) .1s,opacity .4s cubic-bezier(.44,.04,.89,.04) .1s;font-family:gill-sans-nova-inline,Avenir-Black,Arial,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:700;font-style:normal}.portfolio:where(.astro-FTPQIOOF):after{z-index:1;width:calc(100% - 30px);height:1em;margin:0 auto;content:"";background:#fff}.portfolio__item:where(.astro-FTPQIOOF){position:relative;width:33.3333333333%;border-right:5px solid #fff;border-bottom:5px solid #fff}.portfolio__item:where(.astro-FTPQIOOF):after{display:block;padding-top:100%;content:""}.portfolio__link:where(.astro-FTPQIOOF){position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden}.portfolio__thumbnail:where(.astro-FTPQIOOF)>img{width:100%;height:auto;transition:transform .3s,filter .2s}.portfolio__item:where(.astro-FTPQIOOF):hover .portfolio__thumbnail:where(.astro-FTPQIOOF)>img{transform:scale(1.2)}@media screen and (max-width:575px){.blog:where(.astro-7FPMF426){padding:16vw 0}.blog__title:where(.astro-7FPMF426){width:16vw;margin-top:-1.0666666667vw;font-size:16vw}.more__text:where(.astro-MC6B6OWQ){font-size:10.6666666667vw}.more__finger:where(.astro-MC6B6OWQ) img{width:21.3333333333vw;height:auto}.contact__title[data-v-12bf6c23]{margin:16vw -1em 16vw 0;font-size:6.6666666667vw}.form__header[data-v-12bf6c23]{padding:16vw 4vw 9.3333333333vw}.form__mail-icon[data-v-12bf6c23]{width:40vw;height:auto}.form__description[data-v-12bf6c23]{margin-bottom:12vw}.form__item[data-v-12bf6c23]{margin-bottom:4vw}.form__body[data-v-12bf6c23]{padding:8vw 4vw 16vw}.hero__text:where(.astro-QNZ4IWDU){padding-bottom:15px}.profile:where(.astro-INQN7XUG):before{bottom:5.3333333333vw}.profile:where(.astro-INQN7XUG):after{bottom:-8vw}.profile__title:where(.astro-INQN7XUG){margin-top:-2.6666666667vw;font-size:16vw}.profile__title:where(.astro-INQN7XUG).intersected:after{height:15.4666666667vw}.profile__content:where(.astro-INQN7XUG):after{top:13.3333333333vw;height:80%}.profile__avatar:where(.astro-INQN7XUG) img{width:200px;height:200px}.profile__bg2--back:where(.astro-INQN7XUG),.profile__bg2:where(.astro-INQN7XUG){top:0}.skill:where(.astro-IJOWWPOE){padding-top:26.6666666667vw}.skill__title:where(.astro-IJOWWPOE){font-size:5.3333333333vw}.GCP__list:where(.astro-IJOWWPOE),.skill-list:where(.astro-IJOWWPOE){font-size:8vw}.GCP__title:where(.astro-IJOWWPOE){font-size:12vw}.GCP__item:where(.astro-IJOWWPOE){font-size:6.6666666667vw}.ex-skill:where(.astro-IJOWWPOE){padding-top:16vw}.works:where(.astro-FTPQIOOF):before{right:71.5vw;left:auto;width:28.5vw;font-size:16vw}.works__title:where(.astro-FTPQIOOF){margin-top:3.7333333333vw;margin-bottom:16vw;font-size:16vw}.works__subtitle:where(.astro-FTPQIOOF){font-size:4.2666666667vw}.portfolio:where(.astro-FTPQIOOF):before{margin-top:-1px}.portfolio:where(.astro-FTPQIOOF):after,.portfolio:where(.astro-FTPQIOOF):before{top:0;font-size:8vw;transform:translateY(-50%)}.portfolio__item:where(.astro-FTPQIOOF){width:50%}}@media screen and (max-width:767px){.blog__item:where(.astro-7FPMF426){padding-bottom:50px}.contact__title[data-v-12bf6c23]{font-size:4rem}.form__mail-icon[data-v-12bf6c23]{width:180px;height:auto}.hero:where(.astro-QNZ4IWDU){display:block;padding-bottom:45px}.hero__text:where(.astro-QNZ4IWDU){padding:0 30px 15px}.hero__image:where(.astro-QNZ4IWDU){display:block;margin-top:0}.hero__pc:where(.astro-QNZ4IWDU){width:calc(((100vw - 960px)/2 + 960px)/3);margin-top:-7vw;margin-right:auto;margin-left:auto}.skill__title:where(.astro-IJOWWPOE){font-size:2rem}.GCP__list:where(.astro-IJOWWPOE),.skill-list:where(.astro-IJOWWPOE){padding-right:5px;font-size:3rem}.GCP:where(.astro-IJOWWPOE){display:block;padding-top:15px}.GCP__title:where(.astro-IJOWWPOE){font-size:4.5rem}.GCP__list:where(.astro-IJOWWPOE){padding-top:0;margin-left:0}.GCP__item:where(.astro-IJOWWPOE){font-size:2.5rem}}@media all and (-ms-high-contrast:none){.hero__pc:where(.astro-QNZ4IWDU){height:100%}}@media screen and (max-width:959px){.profile:where(.astro-INQN7XUG):before{bottom:10px}.profile:where(.astro-INQN7XUG):after{bottom:-50px}.profile__container:where(.astro-INQN7XUG){flex-direction:column;align-items:flex-end}.profile__content:where(.astro-INQN7XUG):after{content:""}.profile__text:where(.astro-INQN7XUG){margin-bottom:0}.profile__avatar:where(.astro-INQN7XUG){margin-top:-20px}.profile__bg2--back:where(.astro-INQN7XUG),.profile__bg2:where(.astro-INQN7XUG){top:30px;right:-15px;bottom:auto;height:calc((600px + 35vw)*.4);border-top-width:calc(((500px + 35vw)*.4 - 130px)/2);border-bottom-width:calc(((500px + 35vw)*.4 - 130px)/2);border-left-width:100vw}.profile__bg2--back:where(.astro-INQN7XUG){height:calc((600px + 35vw)*.4 + 14px)}.links:where(.astro-INQN7XUG){margin-top:15px}.works:where(.astro-FTPQIOOF):before{left:0;width:1.75em}}@media screen and (max-width:991px){.profile__title:where(.astro-INQN7XUG){margin-top:-2.6666666667vw}}