@charset "UTF-8";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-blue: #001eff;--vt-c-orange: #ff7b00;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-blue);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-white-soft);--color-border-hover: var(--vt-c-white-mute);--color-heading: var(--vt-c-white-soft);--color-text: var(--vt-c-white-mute);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-white-soft);--color-border-hover: var(--vt-c-white-mute);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}li{list-style:none}img{max-width:100%}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Jost,Noto Sans JP,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::selection{background-color:var(--selection-color)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}#app{max-width:1280px;width:100%;margin:0 auto;padding:2rem;font-weight:400}a{text-decoration:none;color:#f8f8f8;transition:.4s;padding:3px}.white{color:#fff}.blue{color:#001eff}.orange{color:#ff7b00}.center{text-align:center}@media (hover: hover){a:hover{background-color:#ff7b00}}@media (min-width: 1024px){body{display:flex;place-items:center}}header{line-height:1.5;padding:1rem}@media (max-width: 767px){header{position:fixed;top:0;left:0;display:flex;padding-right:calc(var(--section-gap) / 2)}.wrapper{display:flex;place-items:flex-start;flex-wrap:wrap;align-items:center}}section{margin-bottom:5rem}main{padding:3rem 0}@media (max-width: 767px){main{padding:1rem 0}}.logo[data-v-72fcee9a]{display:block;margin:auto}@media (min-width: 1024px){.logo[data-v-72fcee9a]{margin:0 .5rem 0 0}.wrapper[data-v-72fcee9a]{display:flex;place-items:flex-start;flex-wrap:wrap}}h1[data-v-72fcee9a]{font-weight:700;font-size:1rem;position:relative}h3[data-v-72fcee9a]{font-size:.5rem;font-weight:700}.greetings h1[data-v-72fcee9a],.greetings h3[data-v-72fcee9a]{text-align:left}.greetings__text[data-v-72fcee9a]{width:max-content;line-height:1}@media (max-width: 767px){.greetings[data-v-72fcee9a]{position:absolute;left:-2rem;top:calc(160% + 15px);transform:rotate(90deg)}}header[data-v-ffd6eee3]{z-index:9999;background-color:#000;line-height:1.5;padding:1rem;width:100%;position:fixed;left:0;top:0;display:flex}@media (max-width: 767px){header[data-v-ffd6eee3]{display:block;padding:0;background:none}}header[data-v-ffd6eee3]:before{content:"";position:absolute;right:1rem;top:1rem;width:1rem;height:1rem;border-right:solid 1px #fff;border-top:solid 1px #fff}section[data-v-ffd6eee3]{margin-bottom:5rem}.logo[data-v-ffd6eee3]{display:flex;gap:.5rem;margin:0 .5rem 0 0;align-items:center}@media (max-width: 767px){.logo[data-v-ffd6eee3]{margin:.3rem .5rem 0 0;position:relative;display:inline-block}.logo img[data-v-ffd6eee3]{transform:rotate(90deg);width:25px;height:25px}}.logo-link[data-v-ffd6eee3]:hover{background-color:inherit}@media (max-width: 767px){.logo-link[data-v-ffd6eee3]{padding:0}}#nav[data-v-ffd6eee3]{align-content:center}@media (max-width: 767px){#nav[data-v-ffd6eee3]{display:none}}#nav ul[data-v-ffd6eee3]{display:flex;gap:.5rem}#nav ul li[data-v-ffd6eee3]{text-decoration:none}#nav ul li a[data-v-ffd6eee3]{padding-left:1rem;position:relative}#nav ul li a[data-v-ffd6eee3]:before{content:">";position:absolute;left:0;top:0;bottom:0;margin:auto;transition:.4s}#nav ul li a[data-v-ffd6eee3]:hover:before{left:.2rem}footer[data-v-21c4b6ca]{background-color:#000;text-align:end;position:fixed;bottom:0;padding:1rem;right:0;width:100%}@media (max-width: 767px){footer[data-v-21c4b6ca]{font-size:10px;background-color:inherit}}footer[data-v-21c4b6ca]:before{content:"";position:absolute;left:2rem;bottom:1rem;width:1rem;height:1rem;border-left:solid 1px #fff;border-bottom:solid 1px #fff}.loading-left[data-v-fc337ea7]{position:fixed;top:50%;left:1rem;font-family:monospace;font-size:18px;z-index:9999}@media (max-width: 1024px){.loading-left[data-v-fc337ea7]{width:100%}.loading-left p[data-v-fc337ea7]{font-size:10px;rotate:90deg;position:absolute;right:-.5rem}.loading-left .progress[data-v-fc337ea7]{position:absolute;left:-2rem;rotate:90deg;font-size:10px}}.progress[data-v-fc337ea7]{margin-top:4px;font-size:24px;letter-spacing:6px;display:flex;justify-content:flex-start}.dot[data-v-fc337ea7]{transition:all .3s ease;line-height:1;margin-right:4px}.filled[data-v-fc337ea7],.empty[data-v-fc337ea7]{color:#fff}.blink[data-v-fc337ea7]{animation:blink-fc337ea7 .5s infinite alternate}@keyframes blink-fc337ea7{0%{opacity:1}to{opacity:.2}}.main-content[data-v-fc337ea7]{text-align:center;margin-top:100px}.fade-enter-active[data-v-0d0efece],.fade-leave-active[data-v-0d0efece]{transition:opacity .5s}.fade-enter-from[data-v-0d0efece],.fade-leave-to[data-v-0d0efece]{opacity:0}.slide-enter-active[data-v-0d0efece],.slide-leave-active[data-v-0d0efece]{transition:transform .5s,opacity .5s}.slide-enter-from[data-v-0d0efece]{transform:translate(100%);opacity:0}.slide-leave-to[data-v-0d0efece]{transform:translate(-100%);opacity:0}.item[data-v-4e162771]{margin-top:2rem;display:flex;position:relative}.details[data-v-4e162771]{flex:1;margin-left:1rem}i[data-v-4e162771]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-4e162771]{font-size:1.2rem;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-4e162771]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-4e162771]{top:calc(50% - 25px);left:0;position:absolute;border:1px solid var(--color-border);border-radius:8px;width:50px;height:50px;padding:10px}.item[data-v-4e162771]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:24px;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-4e162771]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:24px;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-4e162771]:first-of-type:before{display:none}.item[data-v-4e162771]:last-of-type:after{display:none}}i{fill:#fff}.glitch-container[data-v-61920b4e]{display:inline-block;overflow:hidden}canvas[data-v-61920b4e]{display:block;max-width:100%;height:auto}.grid[data-v-5c49ab0e]{display:grid;gap:10px;grid-template-columns:5rem 1fr}@media (max-width: 767px){.grid[data-v-5c49ab0e]{grid-template-columns:.2fr .8fr}}.flex[data-v-5c49ab0e]{align-items:center;display:flex;gap:30px}@media (max-width: 767px){.flex[data-v-5c49ab0e]{flex-direction:column}}.About-me[data-v-5c49ab0e]{width:50%}@media (max-width: 767px){.About-me[data-v-5c49ab0e]{width:100%}}.About-img[data-v-5c49ab0e]{width:50%}@media (max-width: 767px){.About-img[data-v-5c49ab0e]{width:100%}}.About-comment[data-v-5c49ab0e]{margin-top:2rem}.News_flex[data-v-91cfeae5]{display:flex;justify-content:space-between;margin-bottom:1rem}.News_wrap[data-v-91cfeae5]{padding:0}.News_item[data-v-91cfeae5]{border-bottom:solid 1px var(--color-heading);padding:.1rem 0}.News_item a[data-v-91cfeae5]{gap:1rem;display:grid;align-items:center;grid-template-columns:.2fr .2fr 1fr;grid-template-rows:1fr}@media (max-width: 767px){.News_item a[data-v-91cfeae5]{grid-template-rows:auto;grid-template-columns:.3fr .7fr;gap:.5rem;margin:.5rem 0}}.News_item h3[data-v-91cfeae5]{font-size:1rem}.News_item .col1[data-v-91cfeae5]{grid-column:1}.News_item .col2[data-v-91cfeae5]{grid-column:2}.News_item .col3[data-v-91cfeae5]{grid-column:3}@media (max-width: 767px){.News_item .col3[data-v-91cfeae5]{grid-column:span 2;grid-row:2}}.item[data-v-0d880b24]{display:block;break-inside:avoid;margin-bottom:16px;text-decoration:none;filter:drop-shadow(2px 4px 5px rgba(65,65,65,.5))}.item[data-v-0d880b24]:hover{background-color:inherit}.masonry[data-v-50458bc2]{padding:0;column-count:4;column-gap:2rem;width:100%}@media (max-width: 1024px){.masonry[data-v-50458bc2]{column-count:3;column-gap:1rem}}@media (max-width: 767px){.masonry[data-v-50458bc2]{column-count:2;column-gap:.5rem}}.item[data-v-50458bc2]{display:block;break-inside:avoid;margin-bottom:16px;text-decoration:none;filter:drop-shadow(2px 4px 5px rgba(65,65,65,.5))}.item[data-v-50458bc2]:hover{background-color:inherit}.item img[data-v-50458bc2]{width:100%;display:block;background:#fff}.link[data-v-a9b8706f]{margin-top:1rem;display:block}.Portfolio_flex[data-v-a9b8706f]{display:flex;margin-bottom:1rem;justify-content:space-between}h2[data-v-53e10331]{margin-bottom:2rem}ul[data-v-53e10331]{width:100%;margin-bottom:3rem}.News_flex[data-v-53e10331]{display:flex;justify-content:space-between}.News_item[data-v-53e10331]{border-bottom:solid 1px #fff;padding:.1rem 0}.News_item a[data-v-53e10331]{gap:1rem;display:grid;align-items:center;grid-template-columns:.2fr 1fr;grid-template-rows:1fr}@media (max-width: 767px){.News_item a[data-v-53e10331]{grid-template-columns:1fr}}.News_item .col1[data-v-53e10331]{grid-column:1}.News_item .col2[data-v-53e10331]{grid-column:2}.News_item .col3[data-v-53e10331]{grid-column:3}@media (max-width: 767px){.News_item .col3[data-v-53e10331]{grid-column:span 2;grid-row:2}}h2[data-v-ac268044]{margin-bottom:1rem}.content[data-v-ac268044]{margin-bottom:3rem}.content[data-v-ac268044] p{margin-bottom:1em}.content[data-v-ac268044] figure{max-width:320px}.portfolio[data-v-5097c807]{width:100%}h2[data-v-5097c807]{margin-bottom:2rem}.portfolio-detail[data-v-162176b5]{max-width:800px;margin:0 auto}.image[data-v-162176b5]{width:100%;margin:1.5rem 0;filter:drop-shadow(2px 4px 5px rgba(65,65,65,.5))}.desc[data-v-162176b5]{line-height:1.8;font-size:14px}.back[data-v-162176b5]{display:inline-block;margin-top:2rem}.page[data-v-4fa04b0b]{aspect-ratio:1.65/1;position:relative;max-width:240px;margin:auto;padding:1rem;background:#fff;color:#333}.trim[data-v-4fa04b0b]{content:"";position:absolute;width:1rem;height:1rem}.trim[data-v-4fa04b0b]:before,.trim[data-v-4fa04b0b]:after{content:"";position:absolute;width:100%;height:100%}.trim-left-up[data-v-4fa04b0b]{left:0;top:-1rem}.trim-left-up[data-v-4fa04b0b]:after{top:0rem;left:-1.5rem;border-bottom:solid 1px var(--vt-c-white-soft);border-right:solid 1px var(--vt-c-white-soft)}.trim-left-up[data-v-4fa04b0b]:before{top:-.5rem;left:-1rem;border-bottom:solid 1px var(--vt-c-white-soft);border-right:solid 1px var(--vt-c-white-soft)}.trim-right-up[data-v-4fa04b0b]{right:0;top:-1rem}.trim-right-up[data-v-4fa04b0b]:after{top:0rem;right:-1.5rem;border-bottom:solid 1px var(--vt-c-white-soft);border-left:solid 1px var(--vt-c-white-soft)}.trim-right-up[data-v-4fa04b0b]:before{top:-.5rem;right:-1rem;border-bottom:solid 1px var(--vt-c-white-soft);border-left:solid 1px var(--vt-c-white-soft)}.trim-left-dw[data-v-4fa04b0b]{left:0;bottom:-1rem}.trim-left-dw[data-v-4fa04b0b]:after{bottom:0rem;left:-1.5rem;border-top:solid 1px var(--vt-c-white-soft);border-right:solid 1px var(--vt-c-white-soft)}.trim-left-dw[data-v-4fa04b0b]:before{bottom:-.5rem;left:-1rem;border-top:solid 1px var(--vt-c-white-soft);border-right:solid 1px var(--vt-c-white-soft)}.trim-right-dw[data-v-4fa04b0b]{right:0;bottom:-1rem}.trim-right-dw[data-v-4fa04b0b]:after{bottom:0rem;right:-1.5rem;border-top:solid 1px var(--vt-c-white-soft);border-left:solid 1px var(--vt-c-white-soft)}.trim-right-dw[data-v-4fa04b0b]:before{bottom:-.5rem;right:-1rem;border-top:solid 1px var(--vt-c-white-soft);border-left:solid 1px var(--vt-c-white-soft)}