/* HEADER */
.header{
  display: grid;
  grid-template: 
      "... header-logo ... menu-vision menu-service menu-company menu-news menu-contact ..." calc(50px * var(--window_ratio))
      / calc(80px * var(--window_ratio)) calc(80px * var(--window_ratio)) calc(860px * var(--window_ratio)) calc(100px * var(--window_ratio)) calc(100px * var(--window_ratio)) calc(100px * var(--window_ratio)) calc(100px * var(--window_ratio)) calc(100px * var(--window_ratio)) calc(80px * var(--window_ratio));
  position: fixed;
  margin: 0;
  padding-top: calc(50px * var(--window_ratio));
  padding-bottom: calc(50px * var(--window_ratio));
  background-color: rgba(255,255,255,0);
  opacity: 0.9;
  z-index: 100;
}
.header-logo{
  grid-area: header-logo;
  height: calc(48px * var(--window_ratio));
}
.header-logo-img{
  height: 100%;
}
.menu{
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  cursor: none;
  font-size: calc(14px * var(--window_ratio));
}
.text_white{
  color: #ffffff;
}
.text_blue{
  color: #191970;
}
.text_black{
  color: #000000;
}
.menu:hover{
  text-decoration: underline;
}
.menu-vision{
  grid-area: menu-vision;
}
.menu-service{
  grid-area: menu-service;
}
.menu-company{
  grid-area: menu-company;
}
.menu-news{
  grid-area: menu-news;
}
.menu-contact{
  grid-area: menu-contact;
}
sup{
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
.header_shadow{
  box-shadow: 0px 10px 9px 1px rgba(25, 25, 112, 0.03);
  background-color: #ffffff;
  opacity: 1;
}