/*
	Helper mixins
*/
.main-content.contact-page {
  opacity: 1; }
.main-content.contact-page .region {
  opacity: 1; }
.main-content.contact-page .region.main-region {
  opacity: 1;
  margin-top: 2.6875rem; }
.main-content.contact-page .region.main-region .block {
  opacity: 1; }
.main-content.contact-page .region.main-region .block .main-content-block {
  opacity: 1;
  margin: 0 auto; }
.main-content.contact-page .region.main-region .block .main-content-block .content-block {
  opacity: 1; }
.main-content.contact-page .region.main-region .block .main-content-block .content-block .description-block {
  opacity: 1;
  text-align: center; }
.main-content.contact-page .region.main-region .block.contact {
  opacity: 1;
  margin-top: 44px; }
@media only screen and (max-width: 767px) {
  .main-content.contact-page .region.main-region .block.contact {
    margin-top: 1.875rem; } }
.main-content.contact-page .region.main-region .block.contact .title-block {
  font-size: 35px;
  font-size: 2.1875rem;
  letter-spacing: 3.5px;
  letter-spacing: 0.21875rem; }
.main-content.contact-page .region.main-region .block.contact .title-block span.sign-left {
  margin-left: -17.5px;
  margin-left: -1.09375rem; }
.main-content.contact-page .region.main-region .block.contact .title-block span.sign-right {
  margin-right: -17.5px;
  margin-right: -1.09375rem; }
.main-content.contact-page .region.main-region .block.contact .title-block:after {
  opacity: 1; }
.main-content.contact-page .region.main-region .block.contact .main-content-block {
  opacity: 1;
  margin-top: 3.25rem;
  margin-bottom: 4rem; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block {
  opacity: 1; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .description-block {
  width: 760px;
  display: block;
  margin: 0 auto;
  text-align: justify; }
@media only screen and (max-width: 960px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .description-block {
    width: 100%;
    font-size: 17px; } }
@media only screen and (max-width: 767px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .description-block {
    font-size: 15px; } }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .upper {
  opacity: 1; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox {
  max-width: 760px;
  margin: 0 auto;
  padding-left: 111px;
  padding-right: 153px;
  margin-top: 63px;
  /*margin-bottom: 175px;*/ }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox:before, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox:after {
  content: "";
  display: table; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox:after {
  clear: both; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row {
  margin-left: -0px;
  margin-right: -0px; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .left-col, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .right-col {
  float: left;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  min-height: 1px; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .left-col {
  width: 176px; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .right-col {
  width: calc(100% - 176px); }
@media only screen and (max-width: 767px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox {
    padding-left: 0;
    padding-right: 0; } }
@media only screen and (max-width: 480px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row {
    margin-left: -0px;
    margin-right: -0px; }
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .left-col, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .right-col {
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    min-height: 1px; }
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .left-col, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .row .right-col {
    width: 100%; } }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .round-left-right {
  opacity: 1;
  display: flex;
  align-items: center; }
@media only screen and (max-width: 480px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .round-left-right {
    display: block; } }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .round-left-right .left-col {
  opacity: 1;
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.8px;
  color: #58595B;
  color: #58595b;
  text-align: left;
  font-weight:bold;
  }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .round-left-right .right-col {
  opacity: 1; }
@media only screen and (max-width: 480px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .round-left-right .right-col {
    margin-top: 10px; } }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox select {
  display: none; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select {
  height: 46px;
  line-height: 44px;
  width: 100%;
  border: 1px solid #747474;
  border-radius: 11px; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select:after {
  height: 10px;
  margin-top: -8px;
  width: 10px; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .list {
  top: 81%;
  left: -18%;
  right: 4%;
  border: 1px solid #747474;
  padding-top: 10px; }
@media only screen and (max-width: 480px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .list {
    left: -6px;
    right: 6px; } }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option {
  opacity: 1;
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 0px;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option a {
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.7px;
  color: #58595B;
  color: #58595b;
  min-height: 30px;
  display: block;
  padding-left: 8px; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option a .ticked {
  color: #ffffff; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .current {
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.7px;
  color: #58595B;
  color: #58595b; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .current a {
  text-decoration: none;
  color: #58595B;
  color: #58595b; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option:hover, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option.focus, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option.selected.focus {
  background: #1b75bc;
  text-decoration: none;
  color: #ffffff;
}
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option:hover, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option.focus, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option.selected.focus:hover a {
  color: #ffffff!important;
}
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option:hover a {
  color: #ffffff;
  text-decoration: none; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .middle {
  opacity: 1;
  margin-top: 36px;
/*  margin-bottom: 112px;*/ }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .lower {
  opacity: 1;
  margin-top: 19px;
  margin-bottom: 119px; }
.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .image-hanoi {
  opacity: 1;
  display: block;
  margin: 0px auto;
  padding-top: 150px; }
.main-content.contact-page .region .banner-hanoi {
  opacity: 1;
  height: 335px;
  background: url("../../../img/frontend/contact/banner-hanoi.jpg") no-repeat center/cover; }

.main-content.contact-page .region.main-region .block .main-content-block .content-block .description-block {
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  letter-spacing: 0.0875rem;
  line-height: 25px;
  letter-spacing: 0.7px;
  color: #595757;
  color: #595757; }
.main-content.contact-page .region.main-region .block .main-content-block .content-block .description-block span.sign-left {
  margin-left: -7px;
  margin-left: -0.4375rem; }
.main-content.contact-page .region.main-region .block .main-content-block .content-block .description-block span.sign-right {
  margin-right: -7px;
  margin-right: -0.4375rem; }


.main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option.focus, .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .region-selectbox .nice-select .option.selected.focus a {
  color: #ffffff;
}
@media only screen and (max-width: 480px) {
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .image-hanoi {
    padding-top: 60px;
  }
  .main-content.contact-page .region.main-region .block.contact .main-content-block .content-block .lower {
    margin-bottom: 69px;
  }
}



/*Modify css*/
.map-link {display: block;text-align: center;margin-top: 28px;color: #036eb8;text-decoration: underline;}
.map-link.jp-map-link {

}
.map-link.vn-map-link {
  
}
.banner-text {
  width: 783px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
  height: 335px;
}
.banner-text p {
  position: absolute;
  bottom: 30px;
  right: 15%;
  font-size : 14px;
  line-height : 25px;
  color : #FFFFFF;
  text-shadow: 1px 1px 2px rgba(35, 24, 21, 1);
}