@charset "utf-8";

#header * {
  box-sizing: border-box;
}
#header {
  width: 100%;
  background: #000a4b;
}
#header .wrap {
  position: relative;
  width: 950px;
  max-width: 950px;
  margin: 0 auto;
}
#header .logo {
  float: left;
  width: 182px;
  height: 60px;
  margin-top: 13px;
}
#header ul.up {
  position: absolute;
  top: 8px;
  right: 0px;
}
#header ul li {
  display: inline;
  list-style: none;
}
#header ul.low {
  position: absolute;
  bottom: 7px;
  right: 0px;
}
#header .header-up {
  position: absolute;
  right: 1px;
  top: 6px;
}
#header .header-up {
  display: flex;
}
#header .header-up li a {
  display: block;
  padding: 0 15px;
  position: relative;
}
#header .header-up li a:before {
  position: absolute;
  content: "";
  width: 1px;
  top: 3px;
  left: 0;
  bottom: 0;
  background: white;
}
#header .header-up li:first-child a:before {
  display: none;
}
#header .header-low {
  position: absolute;
  right: 15px;
  bottom: 13px;
}
#header .header-low li {
  margin-left: 13px;
}
.navigation-toggle-btn {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  margin-top: 10px;
  float: right;
  cursor: pointer;
}
.navigation-toggle-btn img {
  position: absolute;
  width: 22px !important;
  height: 22px !important;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
}
.navigation-toggle {
  display: none;
  position: absolute;
  width: 100%;
  left: 0px;
  z-index: 1000;
  height: 100%;
}
.navigation-toggle ul li a {
  display: block;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background-color: #999999;
  border-bottom: 1px solid #dddddd;
}
.navigation-toggle > ul > li:first-child > a {
  border-top: 1px solid #dddddd;
}
.navigation-toggle .toggle-eb a {
  background-color: #0a2d64;
}
.navigation-toggle .toggle-eb ul li a {
  background-color: #415685;
}
.navigation-toggle .toggle-co a {
  background-color: #002e24;
}
.navigation-toggle .toggle-co ul li a {
  background-color: #41625b;
}
.navigation-toggle .toggle-gr a {
  background-color: #383b26;
}
.navigation-toggle .toggle-gr ul li a {
  background-color: #6a6c5e;
}
.navigation-toggle .toggle-eb ul,
.navigation-toggle .toggle-co ul,
.navigation-toggle .toggle-gr ul {
  display: none;
}
@media screen and (min-width: 769px) {
  #header .wrap {
    height: 90px;
    padding: 0 2.1% 0 1.1%;
  }
  #header .logo {
    margin-top: 18px;
  }
}
@media screen and (max-width: 768px) {
  #header {
    height: 60px;
  }
  #header .wrap {
    padding: 0 0 0 10px;
    height: 100%;
    box-sizing: border-box;
  }
  #header .logo {
    width: 91px;
    height: auto;
  }
  #header .header-up,
  #header .header-low {
    display: none;
  }
  #header .navigation-toggle-btn {
    display: block;
  }
}
@media screen and (max-width: 950px) {
  #header .wrap {
    width: auto;
  }
  #header .fl,
  #header .fr {
    float: none;
  }
}