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: 25%;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.7rem; position: relative; padding: 0.3rem 0.7rem;font-weight: bold; white-space: nowrap; color: #666;}
header ul li a.active {font-weight: 900; border-radius: 2rem; color: #000; position: relative;}
header ul li a.active::after {content: ""; width: 100%; height: .3rem; background-color: #bed308; position: absolute; bottom: -.3rem; left: 0;}
/* header ul li:nth-child(1) a.active {background-color: #67a012;}
header ul li:nth-child(2) a.active {background-color: #379c9f;}
header ul li:nth-child(3) a.active {background-color: #d57121;}
header ul li:nth-child(4) a.active {background-color: #5c86a8;}
header ul li:nth-child(5) a.active {background-color: #906fac;} */