.inner {width: 1000px; margin: 0 auto;}

/* header */
header {background: #d3eaff; padding: 20px 0; position: relative;}
header .inner {display: flex; align-items: center; justify-content: space-between;}
header h2 {font-size: 30px; font-weight: 500; letter-spacing: -1px;}
header button img {width: 35px;}

header nav {position: absolute; top: 78px; left: 0; width: 100%; background: #fff; z-index: 9; display: none;}
header nav ul {width: 100%;}
header nav ul li {border-bottom: 1px solid #ddd; }
header nav ul li a {display: block; font-size: 20px; letter-spacing: -1px; padding: 20px 0; width: 1000px; margin: 0 auto; color: #111;}

@media screen and (max-width: 1060px) {
  .inner {width: 95%;}
  header nav ul li a {width: 95%;}
}

@media screen and (max-width: 720px) {
  header {padding: 10px 0;}
  header h2 {font-size: 24px;}
  header nav {top: 58px;}
  header nav ul li a {font-size: 18px; padding: 15px 0;}
}