header { position: relative; width: 100%; height: 135px; font-feature-settings: "palt"; }
h1 { position: absolute; top: 10px; left: 10px; margin: 0px; padding: 0px; width: 40%; max-width: 96px; font-size: 1rem; line-height: 100%; z-index: 10; }
header nav { position: absolute; top: 0px; right: 0px; width: 100%; display: none; }
header nav ul { margin: 0px; padding: 0px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: flex-end; }
header nav li { position: relative; margin: 0px; padding: 0px; font-size: 0.9rem; line-height: 100%; }
header nav li:nth-of-type(4) { display: none; }
header nav li::before { content: ""; position: absolute; top: 11px; left: 0px; width: 0px; height: 18px; border-left: 1px solid #666666; }
header nav li:last-of-type::before { border: 0px; }
header nav a { display: inline-block; padding: 13px 10px; text-decoration: none; }
header nav a.mcolor { margin-left: 3px; padding: 13px 25px; }
header .bgrmn { position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; cursor: pointer; }
#topsklogo { position: absolute; top: 100px; right: 10px; width: 150px; }
header .addr { position: absolute; bottom: 13px; right: 10px; width: 80%; height: 48px; text-align: right; font-size: 0.8rem; line-height: 100%; display: none; }
header .addr .toi { position: absolute; top: 7px; right: 230px; }
header .addr > img { position: absolute; top: 4px; right: 201px; width: 22px; }
header .addr .font_sans { position: absolute; top: 2px; right: 70px; font-size: 1.4rem; line-height: 100%; letter-spacing: -0.04em; font-weight: bold; white-space: nowrap; }
header .addr a > img.i1 { display: block; position: absolute; top: 2px; right: 34px; width: 30px; }
header .addr a > img.i2 { display: block; position: absolute; top: 0px; right: 0px; width: 34px; }
header .addr p { display: block; position: absolute; bottom: 0px; right: 0px; }
header .sul { position: absolute; top: 40px; right: 173px; width: calc(100% - 315px); margin: 0px; padding: 0px; list-style-type: none; display: none; flex-flow: wrap; justify-content: flex-end; font-size: 0.78rem; line-height: 100%; }
header .sul li { position: relative; margin: 10px 0px 0px 15px; padding: 0px 0px 0px 15px; }
header .sul li::before { content: ""; position: absolute; top: -1px; left: 0px; width: 13px; height: 13px; border-radius: 50%; }
header .sul a { text-decoration: none; }
@media print, screen and (min-width: 460px) {
  header { height: 155px; }
  h1 { left: 20px; }
  header .addr { display: block; }
  #topsklogo { top: 60px; }
}
@media print, screen and (min-width: 600px) {
  header nav { display: block; }
  header .bgrmn { display: none; }
}
@media print, screen and (min-width: 680px) {
  header nav li:nth-of-type(4) { display: inline-block; }
  header .sul { display: flex; }
}
@media print, screen and (min-width: 760px) {
  header nav a { padding: 13px 20px; }
}
@media print, screen and (min-width: 768px) {
  #topsklogo { position: absolute; top: 56px; right: 10px; width: 150px; }
  header .addr .toi { right: 245px; }
  header .addr > img { top: 4px; right: 213px; width: 24px; }
  header .addr .font_sans { top: 3px; right: 70px; letter-spacing: 0px; }
  header .sul { right: 183px; }
}