@CHARSET "UTF-8";
body, button, input, textarea{font-size: 14px;}

.container{display: flex; justify-content:space-between;  align-items: center;}

header div.nav-bar{background: RGBA(230, 74, 25, 1);height: 112px; height: 100%; padding: 10px 0;}
header div.nav-bar .container{ padding:0 0.5em; height: 100%; display: flex; justify-content: space-between; align-items: center; }
header div.nav-bar a.logo{display: flex; align-items: center; height: 100%; background:#E64A19; justify-content:flex-start; flex-wrap: wrap;}
header div.nav-bar a.logo font{font-weight: 600;color: #FFFFFF;line-height: 32px;font-size: 4vw;flex-shrink: 0; margin-left: 1em;}
header div.nav-bar a.logo svg{fill:white; flex-shrink: 0;}
header div.nav-bar a.logo svg.u{ height: 12vw;  flex-shink: 0; margin-left: 5px;}
header div.nav-bar a.logo svg.w{height: 5vw;opacity: 1; margin-left: 5px;}

header div.nav-bar span.user{font-size: 16px; color:white;}
header div.nav-bar span.user font{display: none;}
header div.nav-bar span.user a{color: white; text-decoration: underline;}

main>div.container{display: flex; flex-direction:column; margin: 0; }
main>div.container>.nav-list{width: 100%; background: #f0f0f0; overflow-x: auto; display: flex; padding: 2.5vw 0;}
main>div.container>.nav-list p{font-size: 3.6vw; line-height:8vw; padding: 0 0.7em; margin-left: 2.4vw; white-space: nowrap; border-radius: 1vw;}
main>div.container>.nav-list p:last-child{margin-bottom: 0;}
main>div.container>.nav-list p a{color: rgba(0, 0, 0, 0.85);}
main>div.container>.nav-list p.sel,
main>div.container>.nav-list p:hover{background:#fff;}
main>div.container>.nav-list p.sel a,
main>div.container>.nav-list p:hover a{color:#E64A19; font-weight: bold;}

main div.container>.content{padding: 2.4vw; margin-bottom: 10vh;}