header.main-header[data-v-3411b990]{background-color:#111;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative;position:sticky;top:0;z-index:200;--menu-logo-width:60px;--menu-logo-open-amount:1}header.main-header[data-v-3411b990]>*{margin:0}header.main-header>menu[data-v-3411b990]{align-items:center;background-color:#171717;direction:column;display:grid;font-size:12px;grid-template-columns:1fr calc((var(--menu-logo-width) + 20px)*var(--menu-logo-open-amount)) 1fr;justify-items:center;margin:0;max-width:100vw;min-height:var(--main-header-height);overflow:hidden;padding:0}header.main-header>menu[data-v-3411b990]>*{align-items:flex-end;display:flex;justify-content:center;overflow:hidden}header.main-header>menu>.menu-items[data-v-3411b990]{height:var(--main-header-height)}header.main-header>menu>.menu-items.left[data-v-3411b990]{justify-self:end}header.main-header>menu>.menu-items.right[data-v-3411b990]{justify-self:start}header.main-header>menu>.logo[data-v-3411b990]{align-items:center;height:var(--main-header-height);justify-content:center;overflow:hidden;width:var(--menu-logo-width)}header.main-header>menu>.logo[data-v-3411b990]>*{height:var(--main-header-height);min-height:var(--main-header-height);min-width:var(--menu-logo-width);width:var(--menu-logo-width)}header.main-header>menu>.logoTypo[data-v-3411b990]{display:none}header.main-header>menu>.logoTypo[data-v-3411b990]>*{height:var(--main-header-height)}header.main-header>.hamburger-menu-icon[data-v-3411b990]{display:none;height:var(--main-header-height);justify-self:end;position:absolute;right:0;transition:transform .3s ease-out;transition-delay:.5s;width:var(--main-header-height);z-index:500}@media (max-width:600px){header.main-header>menu[data-v-3411b990]{grid-template-columns:calc(var(--main-header-height) + 10px) 1fr calc(var(--main-header-height) + 10px)}header.main-header>menu>ul[data-v-3411b990]{display:none}header.main-header>menu>.logo[data-v-3411b990]{grid-column:1;width:calc(var(--main-header-height) - 5px)}header.main-header>menu>.logoTypo[data-v-3411b990]{display:flex;grid-column:2}header.main-header>.hamburger-menu-icon[data-v-3411b990]{display:flex}}header.main-header.drawer-menu-open>.hamburger-menu-icon[data-v-3411b990]{transform:translate(var(--main-header-height))}.drawer-menu[data-v-4d81d1e8]{background-color:#111;bottom:0;position:fixed;right:0;top:0;transform:translate(var(--drawer-max-width));transition:transform .3s ease-out;width:var(--drawer-max-width);z-index:300}.drawer-menu>.background[data-v-4d81d1e8]{background-color:#000000b3;bottom:0;left:-100vw;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;width:100vw}.drawer-menu>header[data-v-4d81d1e8]{direction:column;display:grid;grid-template-columns:var(--main-header-height) 1fr var(--main-header-height);height:var(--main-header-height);overflow:hidden}.drawer-menu>header>.hamburger-menu-icon[data-v-4d81d1e8]{transform:translate(calc(var(--main-header-height)*-1));transition:transform .3s ease-out;transition-delay:.5s}.drawer-menu.open[data-v-4d81d1e8]{transform:translate(0)}.drawer-menu.open>.background[data-v-4d81d1e8]{opacity:1;pointer-events:auto}.drawer-menu.open>header>.hamburger-menu-icon[data-v-4d81d1e8]{transform:translate(0)}.drawer-menu>ul.menu-items[data-v-4d81d1e8]{align-items:stretch;display:flex;flex-direction:column;font-family:DIN,Raleway,Noto Sans JP,sans-serif;list-style:none;margin:0;padding:0}.drawer-menu>ul.menu-items>li[data-v-4d81d1e8]{display:flex;height:60px;list-style:none;width:100%}.drawer-menu>ul.menu-items>li>a[data-v-4d81d1e8]{align-items:center;color:#fff!important;display:flex;font-size:16px;height:100%;justify-content:flex-start;letter-spacing:0;padding:0 20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease-out;width:100%}.drawer-menu>ul.menu-items>li>a.router-link-active[data-v-4d81d1e8],.drawer-menu>ul.menu-items>li>a.router-link-exact-active[data-v-4d81d1e8]{background-color:#ffffff1a;color:#888!important}.social-links[data-v-2415d8b0]{display:flex}.social-links>a[data-v-2415d8b0]{background-color:#333;border-radius:50%;display:block;margin:10px;padding:10px;transition:all .3s ease-out}.social-links>a[data-v-2415d8b0]:hover{background-color:#444}.social-links>a>svg[data-v-2415d8b0]{height:24px;width:24px;fill:#fff;transform:translateY(1px)}.main-footer[data-v-f9e8b807]{background-color:#111}.main-footer[data-v-f9e8b807],.main-footer>main[data-v-f9e8b807]{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-footer>main[data-v-f9e8b807]{flex-grow:1}.main-footer>main>.mail[data-v-f9e8b807]{border-bottom:1px solid #444;font-size:14px;margin:10px;padding:10px}.main-footer>main>.mail>a[data-v-f9e8b807]{border-radius:20px;color:#fff!important;display:block;font-weight:700;padding:10px 20px;transition:all .3s ease-out}.main-footer>main>.mail>a[data-v-f9e8b807]:hover{background-color:#444}.main-footer>main>.social-links[data-v-f9e8b807]{margin-bottom:20px}.main-footer>footer[data-v-f9e8b807]{background-color:#181818;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;line-height:20px;min-height:30px;padding:10px 10px calc(env(safe-area-inset-bottom) + 10px);width:100%}.main-footer>footer[data-v-f9e8b807],.main-footer>footer[data-v-f9e8b807]>*{align-items:center;justify-content:center;text-align:center}.main-footer>footer[data-v-f9e8b807]>*{display:block;flex-direction:rows;padding:0 5px}html{font-size:16px;letter-spacing:0;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}body{background-color:#171717;color:#fff;font-family:DIN,Raleway,Noto Sans JP,sans-serif}*,:after,:before{box-sizing:border-box;margin:0}main.root{--main-header-height:60px;--main-text-color:#fff;--floating-footer-min-height:30px;--banner-height:280px;--drawer-max-width:160px;--drawer-open-x:calc(100vw - var(--drawer-max-width));display:flex;flex-direction:column;min-height:100vh;position:relative}main.root>.main-header{transition:transform .3s ease-out;z-index:200}main.root>.main-header>ul.menu-items{background-color:#ff00004d}main.root>footer.floating{background-color:#111;bottom:0;min-height:var(--floating-footer-min-height);position:sticky;z-index:100}main.root>.page{background-color:#080808;flex-grow:1;margin:0 auto;text-align:center;transition:transform .3s ease-out;width:100%}main.root>.page,main.root>.page>section{display:flex;flex-direction:column}main.root>.page>section>main>.banner{background:#000;max-height:600px;position:relative!important}main.root>.page>section>main>.banner:before{content:"";display:block;padding-top:56.25%;width:0}main.root>.page>section>main>.banner>.image-loader,main.root>.page>section>main>.banner>.video{inset:0;position:absolute}main.root>.page>section>main>header{align-items:center;background-color:#111;display:flex;font-size:16px;justify-content:center;letter-spacing:.2em;min-height:40px;padding:10px 20px;position:sticky;text-transform:uppercase;top:var(--main-header-height);z-index:1}@media (max-width:425px){main.root>.page>section>main>header{font-size:12px;justify-content:flex-start}}main.root>.page>section>main>.grid{background-color:#f0f0f0;display:grid;max-width:100vw;padding:0 4px 4px;grid-gap:4px;font-size:1em;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}main.root>.page>section>main>.grid>.item{background-color:#fff;display:flex}main.root>.page>section>main>.grid>.item:before{content:"";display:block;padding-top:100%;width:0}main.root>.page>section>footer{align-items:center;background-color:#ddd;bottom:var(--floating-footer-min-height);display:flex;justify-content:center;min-height:2px;position:sticky}main.root>.main-footer{transition:transform .3s ease-out}main.root.drawer-menu-open>.main-footer,main.root.drawer-menu-open>.main-header,main.root.drawer-menu-open>.page{transform:translate(calc(var(--drawer-max-width)*-1))}a{color:#4ea4ff!important;text-decoration:none}.button,button{background:#000;border:none;border-radius:20px;min-height:40px;min-width:40px;padding:5px}.button:active,button:active{outline:none}.button:focus,button:focus{background:#111;outline:none}.button.icon-fill,button.icon-fill{padding:0}.button.icon-fill>.icon,button.icon-fill>.icon{height:30px;inset:5px 0 0 5px;position:absolute;width:30px}.button>.icon,button>.icon{display:flex;height:30px;width:30px;stroke:#fff;stroke-width:2px;fill:none}.button>.icon.flip>g,button>.icon.flip>g{transform:rotate(180deg);transform-origin:50% 50%}