*{margin:0;padding:0;box-sizing:border-box}body{color:#444}.header{width:100%;box-shadow:0 1px 5px #0003;position:fixed;top:0;left:0;background:#fff}.header-container{height:64px;margin:0 1%;display:flex;justify-content:space-between;align-items:center}.header-logo_image{height:50px;display:block}.header-menu{display:flex;align-items:center}.header-menu__logout{margin-left:16px}.header-menu__admin-auth-role-type{font-size:12px;margin-top:4px}.admin-role-type1{color:#1d9bf0}.admin-role-type2{color:#69b616}.admin-role-type3{color:#fd7e00}.aside{position:fixed;top:0;left:0;padding-top:96px;width:20%;z-index:1;background:#eee;height:100vh}.nav_list{list-style:none}.sub_nav_lists{overflow:hidden;transition:height .3s}.sub_nav_list{list-style:none;height:32px;line-height:32px}.sub_nav_list:first-child{height:40px;line-height:48px}.sub_nav_list.is-active{background:#ccc}.aside-menu_sp{display:none;padding-left:8%}@media screen and (max-width:960px){.header-container{margin:0 auto;width:95%}.header-menu{display:none}.header_menu_sp{display:block}.main{width:100%;margin:0;padding:0}.aside{display:none;width:100%;height:100%;left:-50%;transition:all .3s;opacity:0}.aside.is-open{display:block;left:0;opacity:1;overflow:scroll;padding-bottom:56px}.aside-menu_sp{display:block}}