.header[data-v-8fc4752d]{align-items:center;background-color:#6d6d6d;color:#fff;display:flex;height:100px;justify-content:space-between;left:0;margin:0;padding:1em;position:fixed;top:0;width:100%;z-index:500}.header .logo[data-v-8fc4752d]{font-family:Alata;font-size:1.5em;font-weight:700}.header .user-area[data-v-8fc4752d]{align-items:center;cursor:pointer;display:flex;justify-content:space-around}.header .user-area .user-profile[data-v-8fc4752d]{padding-right:1em}.header .user-area .user-profile .profile-icon[data-v-8fc4752d]{border-radius:50%;height:3.5em;width:3.5em}.header .user-area .user-name[data-v-8fc4752d]{font-size:1.1em;padding-right:2em}.header .user-area .button-logout[data-v-8fc4752d]{font-size:2.5em}.toggle-nav-area[data-v-8fc4752d]{background-color:#ebebeb;height:100%;position:fixed;right:-300px;top:0;transition:right .3s ease-in-out;width:300px}.toggle-nav-area.active[data-v-8fc4752d]{right:0}.toggle-nav-area .toggle-nav[data-v-8fc4752d]{color:#2f2f2f;margin:1em auto;width:90%}.toggle-nav-area .toggle-nav .toggle-nav-item[data-v-8fc4752d]{border-bottom:1px dotted;padding:1em 0;text-align:center;transition:background-color .2s ease,color .2s ease}.toggle-nav-area .toggle-nav .toggle-nav-item[data-v-8fc4752d]:hover{background-color:#2f2f2f;color:#fff}.toggle-nav-area .toggle-nav .toggle-nav-item a[data-v-8fc4752d]{display:block;height:100%;width:100%}.toggle-nav-area .close-btn[data-v-8fc4752d]{color:#6d6d6d;padding-bottom:1em;text-align:center;width:100%}.toggle-nav-area .close-btn .icon-close[data-v-8fc4752d]{cursor:pointer;font-size:2em}.footer{padding:40px 0}.back-home{background-color:#bcbcbc;border-radius:50%;color:#333;display:block;font-size:1.2em;height:110px;line-height:110px;margin:0 auto;text-align:center;text-decoration:none;transition:background-color .3s;width:110px}.back-home:hover{background-color:#0056b3}.main_wrap{padding-top:130px;width:100%}