@charset "UTF-8";.logo[data-v-0f3090b4]{width:10rem;-webkit-transition:.3s;transition:.3s}.logo[data-v-0f3090b4]:hover{opacity:.7}svg[data-v-0f3090b4]{width:100%}.border-button[data-v-55aeb47c]{position:relative;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1a1a1a;text-decoration:none;-webkit-transition:.3s ease;transition:.3s ease;cursor:pointer}.border-button.is-active[data-v-55aeb47c],.border-button[data-v-55aeb47c]:hover{z-index:1;color:#fff;background:#1a1a1a}.border-button[data-v-55aeb47c]:after,.border-button[data-v-55aeb47c]:before{content:"";position:absolute;top:5%;z-index:1;width:1px;height:90%;background:#666}.border-button[data-v-55aeb47c]:before{left:0}.border-button[data-v-55aeb47c]:after{right:0}.border-button.is-active[data-v-55aeb47c]:after,.border-button.is-active[data-v-55aeb47c]:before,.border-button[data-v-55aeb47c]:hover:after,.border-button[data-v-55aeb47c]:hover:before{background:#1a1a1a}.border-button__borderY[data-v-55aeb47c]:after,.border-button__borderY[data-v-55aeb47c]:before{content:"";position:absolute;left:5%;width:90%;height:1px;background:#666}.border-button__borderY[data-v-55aeb47c]:before{top:0}.border-button__borderY[data-v-55aeb47c]:after{bottom:0}.border-button.is-active .border-button__borderY[data-v-55aeb47c]:after,.border-button.is-active .border-button__borderY[data-v-55aeb47c]:before,.border-button:hover .border-button__borderY[data-v-55aeb47c]:after,.border-button:hover .border-button__borderY[data-v-55aeb47c]:before{background:#1a1a1a}.drawer[data-v-03e27afb]{position:relative;overflow:hidden;width:100%;min-height:100vh}.sidebar[data-v-03e27afb]{position:fixed;right:0;top:0;overflow-y:scroll;width:12rem;height:100%;padding:2rem 1rem 2rem 2rem;border-left:1px solid #b3b3b3;background:#fff;-webkit-transform:translate3d(12rem,0,0);transform:translate3d(12rem,0,0);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.sidebar.is-active[data-v-03e27afb]{-webkit-transform:translateZ(0);transform:translateZ(0)}.sidebar__btn[data-v-03e27afb]{position:fixed;right:1rem;top:2rem;z-index:99;padding:.25rem .5rem}.menu[data-v-03e27afb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:2rem}.menu__item[data-v-03e27afb]{color:#666;text-decoration:none}.menu__item+.menu__item[data-v-03e27afb]{margin-top:1rem}.projects[data-v-03e27afb]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:-.5rem}.projects__item[data-v-03e27afb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2.5rem;height:2.5rem;margin:.5rem}.projects__item>img[data-v-03e27afb]{width:100%}.body[data-v-03e27afb]{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.body.is-inactive[data-v-03e27afb]{-webkit-filter:blur(2px);filter:blur(2px);-webkit-transform:translate3d(-12rem,0,0);transform:translate3d(-12rem,0,0)}.fadein-enter-active[data-v-03e27afb],.fadein-leave-active[data-v-03e27afb]{-webkit-transition:.3s;transition:.3s}.fadein-enter[data-v-03e27afb],.fadein-leave-to[data-v-03e27afb]{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.layout[data-v-289a2bfc]{display:grid;grid-template:"contents" 1fr "footer" auto/auto;padding:1rem;min-height:calc(100vh - 2rem)}.layout__contents[data-v-289a2bfc]{grid-area:contents;min-width:100%;margin:12rem auto 5rem}.layout__footer[data-v-289a2bfc]{grid-area:footer;text-align:center;line-height:1}.logo[data-v-289a2bfc]{position:fixed;left:1rem;top:1rem;z-index:99;width:4rem}@media (min-width:1024px){.menu[data-v-0ae68142]{position:fixed;left:calc((100vw - 16px - 90%)/2);top:4rem}.menu__item[data-v-0ae68142]{position:relative;display:inline-block;color:#1a1a1a;text-decoration:none;font-size:1.25rem}.menu__item[data-v-0ae68142]:before{content:"";opacity:0;-webkit-transition:.3s;transition:.3s}.menu__item.router-link-exact-active[data-v-0ae68142]:before,.menu__item[data-v-0ae68142]:hover:before{position:absolute;left:0;bottom:-.5rem;width:100%;height:1px;background:#666;opacity:1}.menu__item+.menu__item[data-v-0ae68142]{margin-left:2rem}.header>.logo[data-v-0ae68142]{position:fixed;right:calc((100vw - 16px - 90%)/2);bottom:30rem;z-index:99;width:84px;font-size:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:1s;transition:1s}.header>.logo.is-under[data-v-0ae68142]{bottom:calc(100% - 2rem)}}@media (min-width:1024px){.footer[data-v-78ac02de]{display:grid;grid-template:"projects sitelinks" auto "projects copyright" auto/auto auto}.projects[data-v-78ac02de]{display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:projects}.project[data-v-78ac02de]{height:2.5rem;list-style:none}.project+.project[data-v-78ac02de]{margin-left:1.5rem}.project>a[data-v-78ac02de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-transition:.3s;transition:.3s}.project>a[data-v-78ac02de]:hover{opacity:.5}.project img[data-v-78ac02de]{height:100%}.sitelinks[data-v-78ac02de]{-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0 0 1rem -1rem;grid-area:sitelinks;justify-self:flex-end}.sitelink[data-v-78ac02de],.sitelinks[data-v-78ac02de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sitelink[data-v-78ac02de]{min-width:3rem}.sitelink[data-v-78ac02de]:before{content:"";min-width:1px;height:1rem;margin:0 1rem;background:#666}.sitelink[data-v-78ac02de]:last-child:after{content:"";min-width:1px;height:1rem;margin-left:1rem;background:#666}.sitelink>a[data-v-78ac02de]{position:relative;display:block;width:100%;color:#1a1a1a;text-align:center;text-decoration:none;-webkit-transition:.3s;transition:.3s}.sitelink>a[data-v-78ac02de]:hover{opacity:.5}.copyright[data-v-78ac02de]{display:block;grid-area:copyright;justify-self:flex-end}}@media (min-width:1024px){.pagename[data-v-27af8fa9]{font-weight:400;letter-spacing:.125rem;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.pagename[data-v-27af8fa9]:before{content:"";display:inline-block;width:1px;height:5rem;margin-bottom:1rem;background:#1a1a1a}}@media (min-width:1024px){.layout{display:grid;grid-template:"contents" 1fr "footer" auto/auto;min-height:100vh;padding:2rem 0}.layout__contents{grid-area:contents;margin:10rem 0}.layout__contents.is-under{width:70%}.layout__header{position:relative;z-index:99}.layout__footer{grid-area:footer}.pagename{position:fixed;right:calc((100vw - 16px - 90%)/2 + 42px);bottom:10rem;visibility:hidden;opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.pagename.is-under{visibility:visible;opacity:1}}@media (min-width:1024px) and (max-height:800px){.pagename{opacity:0!important}}html{font-size:16px}body{overflow:hidden}a{color:#1a1a1a;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}p{line-height:1.7}.application{width:100%;margin:auto;color:#1a1a1a;font-family:游明朝,Yu Mincho,YuMincho,Hiragino Mincho ProN,Hiragino Mincho Pro,HGS明朝E,メイリオ,Meiryo,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:1024px){.application{width:90%;min-height:50rem}}.alert{position:fixed;left:50%;top:50%;z-index:100;max-width:30rem;padding:2rem;background:rgba(26,26,26,.9);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.alert,.alert a{color:#fff}.alert__body{margin-bottom:2rem}.alert__list{margin-top:1rem;margin-left:1.125rem}.alert__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.alert__button{padding:.5rem 1rem;color:#1a1a1a;background:#fff}.contents+.contents{margin-top:3rem}@media (min-width:1024px){.contents+.contents{margin-top:5rem}}.contents__headline{font-size:1.5rem;letter-spacing:.5rem;text-align:center;font-weight:400;margin-bottom:2rem}@media (min-width:1024px){.contents__headline{text-align:left}}@media (min-width:1024px){.contents__body{margin-left:15rem}}.fadein-enter-active,.fadein-leave-active{-webkit-transition:.7s;transition:.7s}.fadein-enter,.fadein-leave-to{opacity:0}