.headermain { position: relative; width: 100%; height: 100px; background-color: #eeeeee; }
header { position: absolute; top: 0px; left: 10px; margin: 0px; padding: 0px; width: calc(100% - 20px); max-width: 1150px; z-index: 4; background-color: #eeeeee; }
header > .relv { height: 100px; }
header a { text-decoration: none; }
header ul { list-style-type: none; }
header h1 { position: absolute; top: 47%; left: 10px; margin: 0px; padding: 0px; font-size: 1rem; width: 50%; max-width: 140px; z-index: 10; transform: translateY(-50%); }
header h1 img { width: 100%; }
header nav { position: absolute; top: 51%; right: 0px; margin: 0px; padding: 0px; width: calc(100% - 210px); text-align: center; font-size: 0.9rem; line-height: 115%; transform: translateY(-50%); max-width: 450px; display: none; }
header nav ul { margin: 0px; padding: 0px; display: flex; flex-flow: wrap; justify-content: flex-end; align-items: flex-start; font-weight: bold; }
header nav li { position: relative; margin: 0px 0px 0px 5px; padding: 0px; }
header nav li a { display: inline-block; padding: 8px 7px; }
header nav li span { font-size: 0.6rem; line-height: 125%; font-weight: normal; display: none; }
header nav li:nth-of-type(4) span { letter-spacing: -0.05em; }
.headermain .bgrmn { position: absolute; top: 5px; right: 5px; width: 60px; height: 60px; cursor: pointer; border-radius: 50%; z-index: 5; }
@media screen and (min-width: 640px) {
  .headermain, header > .relv { height: 150px; }
  header nav { display: block; }
  .headermain .bgrmn { display: none; }
}
@media screen and (min-width: 1000px) {
  header nav { max-width: 1000px; }
  header nav li span { display: inline; }
}
@media screen and (min-width: 1090px) {
  header { left: 50%; width: 80%; transform: translateX(-50%); }
  header h1 { top: 48%; }
  header nav { width: calc(100% - 160px); font-size: 0.85rem; line-height: 115%; }
}
@media screen and (min-width: 1250px) {
  header nav { width: calc(100% - 215px); font-size: 0.9rem; line-height: 115%; }
  header nav li span { font-size: 0.65rem; line-height: 125%; }
}
@media print {
  header { left: 0px; width: 100%; }
  .headermain .bgrmn { display: none; }
  header nav { width: calc(100% - 160px); display: block; max-width: 1000px; font-size: 0.9rem; line-height: 115%; }
  header nav li span { display: inline; }
}