.navigation {
  position: absolute;
  top: 100%;
  left: -50px;
  display: none;
  border-radius: 0.7813vw;
  width: 31.25vw;
  box-shadow: 0 0 5.2083vw 0 rgba(76, 98, 106, 0.15);
  background: #ffffff;
  overflow: hidden;
}
.navigation_box {
  position: relative;
  width: 18.0729vw;
  box-shadow: 0 0 4.1667vw 0 rgba(0, 0, 0, 0.1);
  min-height: 28.125vw;
}
.navigation_box .nav_type_box.active {
  background: url(../img/red_right_arrow.png) no-repeat 15.3125vw center;
  background-size: 0.8333vw;
}
.navigation_box .nav_type_box.active .nav_type .nav_type_cont_box {
  display: block !important;
}
.navigation_box .nav_type {
  width: 100%;
  height: 2.6563vw;
  line-height: 2.6563vw;
  border-radius: 0.625vw;
  text-indent: 2.0833vw;
  padding-right: 3.125vw;
}
.navigation_box .nav_type > a {
  /* font-size: 0.9375vw; */
  font-weight: 400;
  color: #151516;
}
.navigation_box .nav_type .nav_type_cont_box {
  position: absolute;
  display: none;
  left: 100%;
  top: 0;
  background: #f8f8f8;
  width: 13.125vw;
  min-height: 28.125vw;
}
.navigation_box .nav_type .nav_type_cont_box .nav_type_cont {
  width: 100%;
}
.navigation_box .nav_type .nav_type_cont_box .nav_type_cont .nav_type_cont_item {
  position: relative;
  height: 2.6563vw;
  line-height: 2.6563vw;
}
.navigation_box .nav_type .nav_type_cont_box .nav_type_cont .nav_type_cont_item a {
 /*  font-size: 0.7292vw; */
  font-weight: 300;
  color: #7887a8;
}