.loading[data-v-613aa59f]{align-items:center;background-color:var(--c-blue);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading--done[data-v-613aa59f]{animation-duration:1s;animation-duration:2s;animation-fill-mode:both;animation-iteration-count:1;animation-name:load-done-613aa59f;transition-timing-function:ease-out}.img[data-v-613aa59f]{animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;bottom:0;height:auto;left:0;margin:auto;max-width:280px;padding-left:16px;position:absolute;right:0;top:0;transition:all .3s ease;width:80vw}@media screen and (max-width:800px){.img[data-v-613aa59f]{max-width:160px;padding-bottom:16px;padding-left:8px}}.img01[data-v-613aa59f]{animation-name:img01-613aa59f}.img02[data-v-613aa59f]{animation-name:img02-613aa59f}@keyframes load-done-613aa59f{0%{opacity:1}to{opacity:0}}@keyframes img01-613aa59f{0%{opacity:1}49.99%{opacity:1}50%{opacity:0}99.99%{opacity:0}to{opacity:1}}@keyframes img02-613aa59f{0%{opacity:0}49.99%{opacity:0}50%{opacity:1}99.99%{opacity:1}to{opacity:0}}.btn-menu[data-v-504fe399]{align-items:center;border-color:var(--c-yellow);border-style:solid;border-width:0 0 4px;color:var(--c-white);display:flex;font-size:20px;font-weight:700;justify-content:center;padding-bottom:8px;padding-right:1px;position:relative;rotate:-90deg;transition:all .3s ease}.btn-menu[data-v-504fe399]:before{background-color:var(--c-blue);bottom:-5px;content:"";height:6px;left:-1px;position:absolute;width:2px}.btn-menu--active[data-v-504fe399]{color:var(--c-yellow)}.btn-menu--active .menu-icon-bar[data-v-504fe399]{background-color:var(--c-yellow)}@media screen and (max-width:800px){.btn-menu[data-v-504fe399]{border-bottom-width:3px;font-size:16px;margin-top:-48px;padding-bottom:4px}}.btn-menu[data-v-504fe399]:hover{color:var(--c-yellow);cursor:pointer}.btn-menu:hover .menu-icon-bar[data-v-504fe399]{background-color:var(--c-yellow)}.menu-icon[data-v-504fe399]{display:block;height:24px;margin-left:var(--m-s);position:relative;rotate:90deg;width:24px}@media screen and (max-width:800px){.menu-icon[data-v-504fe399]{height:16px;width:16px}}.menu-icon-bar[data-v-504fe399]{background-color:var(--c-white);display:block;height:4px;position:absolute;transition:all .3s ease;width:24px}@media screen and (max-width:800px){.menu-icon-bar[data-v-504fe399]{height:3px;width:16px}}.menu-icon-1[data-v-504fe399]{animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:bar-1-inactive-504fe399;left:0;top:0}@media screen and (max-width:800px){.menu-icon-1[data-v-504fe399]{animation-name:bar-1-inactive-sp-504fe399}}.menu-icon-1-active[data-v-504fe399]{animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:bar-1-active-504fe399;margin:auto}@media screen and (max-width:800px){.menu-icon-1-active[data-v-504fe399]{animation-name:bar-1-active-sp-504fe399}}@keyframes bar-1-inactive-504fe399{0%{left:0;rotate:45deg;top:10px}to{left:0;rotate:0deg;top:0}}@keyframes bar-1-active-504fe399{0%{left:0;rotate:0deg;top:0}to{left:0;rotate:45deg;top:10px}}@keyframes bar-1-inactive-sp-504fe399{0%{left:0;rotate:45deg;top:6.5px}to{left:0;rotate:0deg;top:0}}@keyframes bar-1-active-sp-504fe399{0%{left:0;rotate:0deg;top:0}to{left:0;rotate:45deg;top:6.5px}}.menu-icon-2[data-v-504fe399]{animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:bar-2-inactive-504fe399;left:0;top:10px}@media screen and (max-width:800px){.menu-icon-2[data-v-504fe399]{top:6.5px}}.menu-icon-2-active[data-v-504fe399]{animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:bar-2-active-504fe399}@keyframes bar-2-inactive-504fe399{0%{opacity:0}to{opacity:1}}@keyframes bar-2-active-504fe399{0%{opacity:1}to{opacity:0}}.menu-icon-3[data-v-504fe399]{animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:bar-3-inactive-504fe399;bottom:0;left:0}@media screen and (max-width:800px){.menu-icon-3[data-v-504fe399]{animation-name:bar-3-inactive-sp-504fe399}}.menu-icon-3-active[data-v-504fe399]{animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:bar-3-active-504fe399}@media screen and (max-width:800px){.menu-icon-3-active[data-v-504fe399]{animation-name:bar-3-active-sp-504fe399}}@keyframes bar-3-active-504fe399{0%{bottom:0;left:0;rotate:0deg}to{bottom:10px;left:0;rotate:-45deg}}@keyframes bar-3-inactive-504fe399{0%{bottom:10px;left:0;rotate:-45deg}to{bottom:0;left:0;rotate:0deg}}@keyframes bar-3-active-sp-504fe399{0%{bottom:0;left:0;rotate:0deg}to{bottom:6.5px;left:0;rotate:-45deg}}@keyframes bar-3-inactive-sp-504fe399{0%{bottom:6.5px;left:0;rotate:-45deg}to{bottom:0;left:0;rotate:0deg}}.sns-link[data-v-fc014efe]{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:var(--m-l)}.sns-link a[data-v-fc014efe]{transition:all .3s ease}.sns-link a[data-v-fc014efe]:hover{transform:scale(1.07)}.icon[data-v-fc014efe]{margin-bottom:8px;width:32px}@media screen and (max-width:800px){.icon[data-v-fc014efe]{width:20px}}.icon-last[data-v-fc014efe]{margin-bottom:0}.menu-show[data-v-104097f1]{display:block;height:100%;left:64px;position:fixed;top:0;width:calc(100vw - 64px);z-index:999}@media screen and (max-width:800px){.menu-show[data-v-104097f1]{width:calc(100vw - 44px)}}.menu-hidden[data-v-104097f1]{animation:hideElement-104097f1 0s forwards;animation-delay:1s;height:100%;left:64px;opacity:1;position:fixed;top:0;transition:opacity .3s ease-in-out;width:calc(100vw - 64px);z-index:999}@media screen and (max-width:800px){.menu-hidden[data-v-104097f1]{width:calc(100vw - 44px)}}@keyframes hideElement-104097f1{0%{opacity:1}to{opacity:0}}.container[data-v-104097f1]{align-items:flex-start;display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start;left:64px;position:fixed;top:0;width:calc(100vw - 64px);z-index:999}@media screen and (max-width:800px){.container[data-v-104097f1]{left:44px;width:calc(100vw - 44px)}}.container .item[data-v-104097f1]{animation-duration:.6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:fadeOutMenu-104097f1;pointer-events:none;transform:translate(-160px);transition-timing-function:ease-out}.container .item--member[data-v-104097f1]{animation-delay:.3s}.container .item--project[data-v-104097f1]{animation-delay:.2s}.container .item--instagram[data-v-104097f1]{animation-delay:.1s}.container .item--contact[data-v-104097f1]{animation-delay:0s}.container--active .item[data-v-104097f1]{animation-duration:.6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:fadeInMenu-104097f1;pointer-events:auto;transform:translate(-160px);transition-timing-function:ease-out}.container--active .item--member[data-v-104097f1]{animation-delay:0s}.container--active .item--project[data-v-104097f1]{animation-delay:.1s}.container--active .item--instagram[data-v-104097f1]{animation-delay:.2s}.container--active .item--contact[data-v-104097f1]{animation-delay:.3s}.item[data-v-104097f1]{align-items:center;display:flex;height:calc(50% - 12vw);justify-content:flex-start;padding:6vw;transition:all .3s ease;width:calc(50% - 12vw)}.item:hover img[data-v-104097f1]{transform:scale(1.05)}@media screen and (max-width:800px){.item[data-v-104097f1]{height:calc(25% - 38vw);padding:19vw;width:calc(100% - 38vw)}}.item img[data-v-104097f1]{height:8vw;transition:all .3s ease}@media screen and (max-width:800px){.item img[data-v-104097f1]{height:12vw}}.item--member[data-v-104097f1]{background-color:var(--c-blue)}.item--project[data-v-104097f1]{background-color:var(--c-yellow)}.item--instagram[data-v-104097f1]{background-color:var(--c-red)}.item--contact[data-v-104097f1]{background-color:var(--c-white)}@keyframes fadeOutMenu-104097f1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-160px)}}@keyframes fadeInMenu-104097f1{0%{opacity:0;transform:translate(-160px)}to{opacity:1;transform:translate(0)}}.header[data-v-c4c93b6f]{align-items:center;background-color:var(--c-blue);border-color:var(--c-white);border-style:solid;border-width:0 2px 0 0;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;position:fixed;top:0;width:62px;z-index:2000}@media screen and (max-width:800px){.header[data-v-c4c93b6f]{width:42px}}.logo[data-v-c4c93b6f]{display:block;margin-top:var(--m-l);width:28px}.logo img[data-v-c4c93b6f]{width:100%}@media screen and (max-width:800px){.logo[data-v-c4c93b6f]{width:20px}}.footer[data-v-9176841e]{align-items:center;background-color:var(--c-yellow);display:flex;height:80px;justify-content:flex-start;padding-left:var(--m-m);width:calc(100% + var(--m-s))}@media screen and (max-width:800px){.footer[data-v-9176841e]{padding-left:var(--m-s)}}.footer__img[data-v-9176841e]{height:var(--m-m);margin-right:var(--m-m)}@media screen and (max-width:800px){.footer__img[data-v-9176841e]{height:var(--m-s);margin-right:var(--m-s)}}.footer__link[data-v-9176841e]{padding:var(--m-xs) var(--m-m) calc(var(--m-xs) - 2px);position:relative}.footer__link img[data-v-9176841e]{height:var(--m-s)}@media screen and (max-width:800px){.footer__link[data-v-9176841e]{padding:calc(var(--m-xs) - 4px) var(--m-s) calc(var(--m-xs) - 2px)}.footer__link img[data-v-9176841e]{height:calc(var(--m-s)*.65)}}.footer__link[data-v-9176841e]:before{background-color:var(--c-black);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.wrapper[data-v-ba478bca]{background-color:var(--c-blue);overflow-x:hidden;padding-left:64px;padding-right:var(--m-m)}@media screen and (max-width:800px){.wrapper[data-v-ba478bca]{padding-left:44px}}.wrapper[data-v-85dcbf8f]{background-color:var(--c-blue);height:100vh;overflow-x:hidden;padding-left:64px}@media screen and (max-width:800px){.wrapper[data-v-85dcbf8f]{padding-left:44px}}.error-container[data-v-85dcbf8f]{align-items:center;background-color:var(--c-white);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.error-img[data-v-85dcbf8f]{margin-right:-20px;margin-top:-40px;max-width:280px;width:60%}.error-code[data-v-85dcbf8f]{margin-top:var(--m-l);max-width:320px;width:75%}.error-title[data-v-85dcbf8f]{margin-top:var(--m-xl);max-width:480px;width:75%}@media screen and (max-width:800px){.error-title[data-v-85dcbf8f]{margin-top:calc(var(--m-xl)*1.3)}}.error-text[data-v-85dcbf8f]{color:var(--c-blue);font-size:var(--f-m);font-weight:700;line-height:1.8;margin-top:var(--m-m);text-align:center}