header {position: relative; z-index: 10;}
header h1 {}
header h1 a {display: block; height: 6rem; text-align: center;padding: 1.2rem 0;}
header h1 a img {height: 100%;}
header ul {display:flex; justify-content:space-between; padding: 1.2rem 0; margin-bottom: 1rem; border-top: 1px solid #eee;}
header ul li {width: 20%;text-align: center; position: relative;}
header ul li:not(:last-child)::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 1.3rem; background: #eee;}
header ul li a { font-size:1.5rem; position: relative; padding: 0.3rem 0.7rem;font-weight: bold; white-space: nowrap;}
header ul li a.active {color: #fff; border-radius: 2rem;}
header ul li:nth-child(1) a.active {background-color: #67a012;}
header ul li:nth-child(2) a.active {background-color: #5a81a3;}
header ul li:nth-child(3) a.active {background-color: #379c9f;}
header ul li:nth-child(4) a.active {background-color: #d57121;}
header ul li:nth-child(5) a.active {background-color: #5c86a8;}
header ul li:nth-child(6) a.active {background-color: #906fac;}

header ul li:last-child a::after {display: none;}