.header{justify-content:space-between;align-items:center;width:100%;height:50px;display:flex}.header_container{text-wrap:nowrap;align-items:center;gap:12px;width:fit-content;margin:0 auto;padding:8px;display:flex}.button_container{justify-content:flex-end;align-items:center;width:100%;display:flex}.logo{width:35px}.title{font-size:1.5rem;line-height:2rem}.menu{background-color:#22333c;width:100%;height:50px}.menu_nav{justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.menu_top{color:#fff;text-align:center;border-style:solid;border-left-width:1px;border-right-width:1px;width:250px;height:50px;font-size:15px;font-weight:700;line-height:50px;transition-duration:.25s}.menu_top:hover{cursor:pointer;background-color:#6e7373}.menu_item{color:#fff;text-align:center;border-style:solid;border-right-width:1px;width:250px;height:50px;font-size:15px;font-weight:700;line-height:50px;transition-duration:.25s}.menu_item:hover{cursor:pointer;background-color:#6e7373}.menu_list{color:#fff;text-align:center;border-style:solid;border-right-width:1px;width:250px;height:50px;font-size:15px;font-weight:700;line-height:50px;transition-duration:.25s;display:inline-block;position:relative}.menu_list_item{opacity:0;visibility:hidden;background:#22333c;border:1px solid #ccc;width:250px;transition:opacity .3s,visibility .3s;position:absolute;top:100%;left:0;box-shadow:2px 2px 5px #0003}.menu_list:hover{cursor:pointer;opacity:1;visibility:visible;background-color:#6e7373}.menu_list:hover .menu_list_item{opacity:1;visibility:visible}.menu_list_item li{cursor:pointer}.menu_list_item li:hover{background-color:#6e7373}.main{width:100%;height:calc(100vh - 150px);padding:12px;overflow:auto}.main_container{width:100%;margin:0 auto}.footer{background-color:#22333c;justify-content:center;align-items:center;width:100%;height:50px;display:flex}.copyright{color:#fff}.menu_toggle{display:none}@media screen and (width<=767px){.title{font-size:1.125rem;line-height:1.75rem}.menu{height:auto}.menu_toggle{color:#fff;align-items:center;gap:8px;width:100%;height:50px;padding:0 16px;font-size:15px;font-weight:700;display:flex}.menu_nav{flex-direction:column;display:none}.menu_nav.menu_nav_open{display:flex}.menu_top,.menu_item{text-align:left;border-top-width:1px;border-left-width:0;border-right-width:0;width:100%;padding:0 20px}.main{height:auto;min-height:calc(100dvh - 150px);overflow:visible}.footer{padding:0 12px}.copyright{text-align:center;font-size:12px}}@media screen and (width>=1536px){.header_container,.menu_nav,.main_container{width:66%}}