/* Header Styles */
header {
  width: 100%;
  background-color: var(--color-bg-header);
  padding: 12px 35px;
}
header #inner-wrap {
  max-width: 1176px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
header h1 {
  display: none;
}
header #logo {
  width: 154px;
  vertical-align: middle;
}
header #notice {
  max-width: 252px;
  font-size: var(--main-s14);
  color: var(--main-white);
  display: none;
}

@media only screen and (min-width: 680px) {
  header {
    padding: 24px 35px;
  }
  header #inner-wrap {
    padding: 0 26px 0 42px;
  }
  header #logo {
    width: 242px;
  }
  header #notice {
    display: block;
    margin-top: 5px;
  }
}