html{box-sizing:border-box;font-size:14px;font-family:Helvetica Neue,Arial,Hiragino kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}body,html{height:100%}body{margin:0;font-size:1rem}#app{height:100%}*,:after,:before{box-sizing:inherit}.layout-wrap[data-v-511be3b4]{height:100%}.header[data-v-511be3b4]{background-color:#333;color:#fff;font-size:2rem;font-weight:700;padding:1rem;text-align:center}.front-wrap[data-v-511be3b4]{min-height:calc(100vh - 140px)}.footer div[data-v-511be3b4]{padding:.5rem}.copyright[data-v-511be3b4],.footer-link[data-v-511be3b4]{text-align:center}.footer-link a[data-v-511be3b4]{color:#333}.footer-link a[data-v-511be3b4]:first-child,.footer-link a[data-v-511be3b4]:nth-child(2){margin-right:.5rem}@-webkit-keyframes menuShow-data-v-0566bb2d{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes menuShow-data-v-0566bb2d{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes menuHide-data-v-0566bb2d{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes menuHide-data-v-0566bb2d{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}.header[data-v-0566bb2d]{background-color:#333;color:#fff;padding:1rem 2rem}.header-left-item[data-v-0566bb2d]{display:inline-block;width:60%}.logo[data-v-0566bb2d]{display:inline-block;vertical-align:middle;font-size:2rem;font-weight:700}.header-right-item[data-v-0566bb2d]{width:40%;display:inline-block;text-align:right}.account-menu[data-v-0566bb2d]{display:inline-block;vertical-align:middle;margin-left:auto;text-align:right}.menu-btn[data-v-0566bb2d]{display:none;cursor:pointer;width:2.5rem;height:2rem;margin-right:1rem;position:relative;transition:all .3s}.menu-btn[data-v-0566bb2d]:after{content:"MENU";display:block;font-size:.4rem;text-align:center;position:absolute;left:0;bottom:0;width:100%;transition:all .3s}.menu-btn.active[data-v-0566bb2d]:after{content:"CLOSE"}.menu-icon-bar[data-v-0566bb2d]{display:block;width:1.6rem;height:.2rem;margin:0 auto;background-color:#fff;border-radius:10%/50%;transition:all .3s}.menu-icon-bar+.menu-icon-bar[data-v-0566bb2d]{margin-top:.3rem}.menu-btn.active .menu-icon-bar[data-v-0566bb2d]:first-child{transform:translateY(.5rem) rotate(-45deg)}.menu-btn.active .menu-icon-bar[data-v-0566bb2d]:nth-child(2){opacity:0}.menu-btn.active .menu-icon-bar[data-v-0566bb2d]:nth-child(3){transform:translateY(-.5rem) rotate(45deg)}.contents-wrap[data-v-0566bb2d]{display:flex;height:100%}.menu-wrap[data-v-0566bb2d]{flex:1;z-index:15}.menu-back[data-v-0566bb2d]{min-height:calc(100vh - 65px);height:100%}.menu[data-v-0566bb2d]{background-color:#d3d3d3;border-right:1px solid #333;font-size:1.2rem;font-weight:700;padding:1rem;height:100%}ul[data-v-0566bb2d]{list-style:none;padding:0;margin:3rem 0}li[data-v-0566bb2d]{margin-bottom:1.2rem}.menu ul li a[data-v-0566bb2d]{color:#000;text-decoration:none}.menu ul li a.router-link-active[data-v-0566bb2d]{text-decoration:underline}.content[data-v-0566bb2d]{width:90%;max-width:1024px;margin:0 auto}@media (max-width:1024px){.header[data-v-0566bb2d]{position:fixed;width:100%;height:70px;z-index:20}.contents-wrap[data-v-0566bb2d]{padding-top:70px}.menu-btn[data-v-0566bb2d]{display:inline-block;vertical-align:middle}.content[data-v-0566bb2d]{width:100%}.menu-wrap[data-v-0566bb2d]{flex:0;position:relative}.menu-back[data-v-0566bb2d]{position:fixed;top:70px;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.menu-hide[data-v-0566bb2d]{visibility:hidden;transition:visibility .2s}.menu-show .menu[data-v-0566bb2d]{-webkit-animation:menuShow-data-v-0566bb2d .2s linear 0s;animation:menuShow-data-v-0566bb2d .2s linear 0s}.menu-hide .menu[data-v-0566bb2d]{-webkit-animation:menuHide-data-v-0566bb2d .2s linear 0s;animation:menuHide-data-v-0566bb2d .2s linear 0s}.menu[data-v-0566bb2d]{position:absolute;overflow-y:auto;width:80%;box-shadow:10px 0 10px 5px rgba(0,0,0,.2)}}@media (max-width:768px){.header-left-item[data-v-0566bb2d]{width:80%}.header-right-item[data-v-0566bb2d]{width:20%}}