@import url(https://fonts.cdnfonts.com/css/benguiat);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700;900&family=Noto+Serif+JP:wght@200&family=Poppins:wght@400;700&display=swap);.shutter[data-v-f3921d70]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#dee2e6;z-index:9999}.shutter[data-v-f3921d70]:before{content:"";position:absolute;top:0;left:0;bottom:0;margin:auto;background-color:#f8f9fa;width:0;height:1px}.shutter[data-v-f3921d70]{animation:byeShutter-f3921d70 1.3s forwards}.shutter[data-v-f3921d70]:before{animation:shutterOpen-f3921d70 1.3s forwards}.content[data-v-f3921d70]{animation:contentScale-f3921d70 1.3s forwards}@keyframes byeShutter-f3921d70{70%{opacity:1}to{opacity:0;display:none;z-index:-1}}@keyframes shutterOpen-f3921d70{0%{width:0;height:1px}50%{width:100%;height:1px}90%{width:100%;height:100%}to{width:100%;height:100%}}@keyframes contentScale-f3921d70{70%{transform:perspective(800px) scale(.9) rotateX(15deg)}to{transform:perspective(800px) scale(1) rotateX(0)}}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}:root,html{--color-base-background:#f3f3f3;--color-base-background-sub:#fff;--color-base-text:#212529;--color-header-background:rgba(var(--color-base-background),0.5);--color-header-text:#212529;--color-header-nav-copy:rgba(0,0,0,.55);--color-header-border-hover:rgba(33,37,41,.2);--color-footer-background:#fff;--color-footer-text:#212529;--color-footer-arrow:#212529;--color-text-header:#fff;--color-text-discription:#495057;--color-text-discription-sub:#6c757d}#app,body,html{min-height:100%;margin:0}body{color:var(--color-base-text);background:var(--color-base-background);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-delay:0s}.theme-dark{--color-base-background:#020203;--color-base-background-sub:#171717;--color-base-text:#fff;--color-header-background:rgba(var(--color-base-background),0.5);--color-header-text:#f8f9fa;--color-header-nav-copy:hsla(0,0%,100%,.55);--color-text-discription:#ced4da;--color-text-discription-sub:#adb5bd;--color-footer-text:#ced4da;--color-footer-arrow:#ced4da}#portfolio{position:relative;height:100%;min-height:100%;min-height:100dvh;display:flex;flex-direction:column}.l-main{font-family:Poppins,-apple-system,Segoe UI,Roboto,Hiragino Sans,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:"palt"}.l-main_container{max-width:1480px;margin:auto;padding-left:1.5rem;padding-right:1.5rem;display:flex;flex-direction:column;transition:padding .15s ease .15s}@media(min-width:720px){.l-main_container{padding-left:3rem;padding-right:3rem}}@media(min-width:1080px){.l-main_container{padding-left:4rem;padding-right:4rem}}@media(min-width:1480px){.l-main_container{padding-left:2rem;padding-right:2rem}}.text-fadein{display:block;color:transparent;background-clip:text;-webkit-background-clip:text;background-size:300% 300%}.is-fade_bottom{color:#000;background-image:linear-gradient(180deg,#000 30%,hsla(0,0%,100%,0) 50%);background-position:center 100%;transform:translateY(-20px);animation:toBottom var(--duration,12.4s) var(--ease) var(--delay,4.6s) forwards}@keyframes toTop{to{transform:translate(0);background-position:center 100%}}a.text-link{display:inline-flex;text-decoration:none;position:relative;color:initial}a.text-link:before{content:"";position:absolute;bottom:0;background:#212529;width:100%;height:1px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-delay:0s}a.text-link:hover:before{width:0}a.text-link[target=_blank]:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAJhJREFUOE/FlN0NgCAMhI/JdDN1M51Mc4k12LT8CbEvCMjXa2kJ6GyhMw/DgSuAxVEtzk9j/xGmFfLnHcBhHKIzmowTgPleSwK36JCXYh3JJ6DA6JjGFDUDYxi/Zd4E1DAzHdalWDksgtFDCTAFqw45p6wJGNeezls1MNfq/wC91rPUSvu5dZh6HLzwX2U2/PnKXUJ2v7vCC6qJMxW6R2VpAAAAAElFTkSuQmCC);margin:0 .2em 0;transform:translateY(10%)}a.text-link.is-deadlink{opacity:.8;pointer-events:none}a.text-link.is-deadlink:before{bottom:50%}a.text-link.is-deadlink:hover:before{width:100%}a.text-link.is-deadlink[target=_blank]:after{content:"";margin:0 .2em}