.visual_sub{ height: 610px; position: relative;  }   
.visual_sub .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-size: cover;}
.visual_sub .tit{color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align:center;}
.visual_sub .tit .h1{font-size: 60px;font-weight: 700;letter-spacing: 0;}
.visual_sub .tit .h2{font-size: 22px;font-weight: 400;margin-top: 18px;}


.location{ font-size:17px; position: absolute; left: 0; bottom: 0; width: 100%;   color: #fff; }
.location > .inner{height: 74px; position: relative;}
.location .wrap a{color:#fff;}
.location .wrap a:hover{opacity:0.8}
.location .wrap >  p{display:flex;align-items: center;height: 74px;padding: 0 35px; position:relative;}
.location .wrap >  div{position:relative;}
.location .wrap >  div:after,
.location .wrap >  p:after{position:absolute;left: 0px;top: 31px;width:2px;height:15px;background:#838faa;content:"";}
.location .wrap >  p:first-child:after{display:none;}
.location .bar{position: absolute; left: 0; top: 0; width: 100%; height: 74px; overflow: hidden;}
.location .bar:after{position: absolute;left: 50%;bottom: 0;height: 100%;content:"";width: 5000px;background-color: #071e54;margin-left: 380px;}
.location .wrap{position: absolute;right: 0;bottom: 0;background-color: #071e54;height: 100%;z-index: 2;display:flex;align-items: flex-start;justify-content: flex-end;}
.location .wrap .select-styled{background-color: #071e54;border-color: #071e54;color: #fff;/* width: 150px; */padding: 27px 26px 23px 20px;font-weight: 300;line-height: 1;}
.location .wrap .select-styled{}
.location .wrap .select-customer{height: 74px;width: 180px;}
.location .wrap .select-customer.n3{width: 200px;}
.location .wrap .select-customer.n7{width: 210px;}
.location .wrap .select-options{background-color:#363636;padding: 0;}
.location .wrap .select-options li {
  border-bottom: 1px solid #595959;
  padding: 15px 0;
  font-weight: 300;
  margin: 0 25px;
}
.location .wrap .select-styled:after{top: 30px;right: 10px;}
.location .wrap .select-styled.active{background-color:#071e54}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select-customer {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #20409a;
  background-color: #f2f4f9;
  width: 100%;
  height: 70px;
}
.select-styled {
  border: 1px solid #f2f4f9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f2f4f9;
  padding: 0;
/*   -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-weight: 600;
}
.select-styled:after {
  content: "\e9bb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 28px;
  right: 30px;
  font-size: 14px;
}
.select-styled:hover {
  /*  border-color: #333;  */
}
.select-styled.active {
  background-color: #20409a;
  color: #fff;
  border-color: #20409a;
}
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  list-style: none;
  background-color: #20409a;
  border: 1px solid #454545;
  text-align: left;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  overflow: hidden;

}
.select-options li {
  border-bottom: 1px solid #20409a;
  margin: 0;
  padding: 17px 50px;
  text-indent: 0;
/*  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;*/
  color: #e1e7f7;
}
.select-options li.on,
.select-options li:hover {
  /*color: #c0392b;
  background: #fff;*/
  color: #fff;
  text-decoration: underline;
}
.select-options li[rel="hide"] {
  display: none;
}


@media screen and (max-width: 840px) {
.location{display:none;}
.visual_sub{height: 90vw;}   
.visual_sub .tit .h1{font-size: 10vw;}
.visual_sub .tit .h2{font-size: 4.6vw;font-weight: 400;}
.visual_sub .tit .center{margin-top:5vw;}
.select-hidden {
    padding-right: 10px;
    padding-right: 1.18906064vw;
  }
  .select-customer {
    font-size: 24px;
    font-size: 3.29374554vw;
    height: 70px;
    height: 8.32342449vw;
  }
  .select-styled {
    padding: 17px 15px;
    padding: 2.02140309vw 1.78359096vw;
  }
  .select-styled:after {
    top: 34px;
    top: 4.04280618vw;
    right: 10px;
    right: 1.18906064vw;
  }
  .select-options li {
    padding: 16px;
    padding: 1.90249703vw;
    text-indent: 0;
  }

}