/* -------------------------------------------------------------------- box__contact
---------------------------------------------------------------------------------- */
#box__contact {
  padding: 5.2083333333vw 0 4.6875vw;
}
@media (max-width: 991px) {
  #box__contact {
    padding: 15.625vw 0 7.8125vw;
  }
}
#box__contact .box__nav .box__sub {
  top: 2.8125vw;
}
@media (max-width: 991px) {
  #box__contact .box__nav .box__sub {
    top: 9.1145833333vw;
  }
}
#box__contact .head__section {
  margin: 0 0 0.78125vw;
  padding-top: 3.125vw;
  text-align: center;
}
@media (max-width: 991px) {
  #box__contact .head__section {
    margin: 7.8125vw 0 3.90625vw;
    padding: 0 3.90625vw;
  }
}
#box__contact .box__contact-info {
  padding: 0 0 3.125vw;
}
@media (max-width: 991px) {
  #box__contact .box__contact-info {
    padding: 0 3.90625vw 3.90625vw;
  }
}
@media (min-width: 992px) {
  #box__contact .box__contact-info .container {
    width: 80.2083333333vw;
  }
}
@media (min-width: 992px) and (max-width: 1480px) {
  #box__contact .box__contact-info .container {
    width: 89.5833333333vw;
  }
}
#box__contact .box__contact-info .box__head {
  padding: 0 0 3.125vw;
}
@media (max-width: 991px) {
  #box__contact .box__contact-info .box__head {
    padding: 0 0 7.8125vw;
  }
}
#box__contact .box__contact-info .box__head p {
  color: var(--black);
  font-family: "DB Heavent", Helvetica, Arial, Verdana, Tahoma, sans-serif;
  line-height: 1.1;
  font-size: var(--font-heavent-general);
  text-align: center;
}
@media (min-width: 992px) {
  #box__contact .box__contact-info .box__head p span {
    display: block;
  }
}
#box__contact .box__contact-info .box__description p {
  font-family: "DB Heavent", Helvetica, Arial, Verdana, Tahoma, sans-serif;
  line-height: 1.1;
  font-size: var(--font-heavent-general);
}
#box__contact .box__contact-info .box__description strong {
  color: var(--black);
  font-family: var(--font-bd);
  font-size: var(--font-heavent-general-bold);
  font-weight: 400;
}
#box__contact .box__contact-info .box__description .head {
  color: var(--black);
  font-size: var(--font-heavent-head-title);
}
@media (max-width: 991px) {
  #box__contact .box__contact-info .box__description .head {
    font-size: var(--font-heavent-title);
  }
}
#box__contact .box__contact-info .box__description .box {
  padding: 0 0 0.78125vw;
}
@media (max-width: 991px) {
  #box__contact .box__contact-info .box__description .box {
    padding: 0 0 1.953125vw;
  }
}
#box__contact .box__contact-info .box__ccc p {
  margin: 0;
}
#box__contact .box__contact-info .box__ccc a {
  color: var(--red);
  text-decoration: underline;
}
@media (max-width: 991px) {
  #box__contact .box__contact-info .qr {
    margin: 3.90625vw 0 !important;
  }
}
#box__contact .box__contact-info .qr img {
  width: 5.8333333333vw;
}
@media (max-width: 991px) {
  #box__contact .box__contact-info .qr img {
    width: 14.5833333333vw;
  }
}
#box__contact .form__contact {
  background: #f5f5f5;
  margin: 0 0 3.125vw;
  padding: 1.5625vw;
}
@media (max-width: 991px) {
  #box__contact .form__contact {
    margin: 0 -3.90625vw 7.8125vw;
    padding: 5.859375vw 3.90625vw;
  }
}
@media (min-width: 992px) {
  #box__contact .form__contact .container {
    width: 52.0833333333vw;
  }
}
@media (min-width: 992px) {
  #box__contact .form__contact .form-check .form-check-input {
    top: 0.2083333333vw;
  }
}
@media (max-width: 991px) {
  #box__contact .form__contact .form-check .form-check-input {
    top: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  #box__contact .box__location {
    padding: 0 3.90625vw;
  }
}
@media (min-width: 992px) {
  #box__contact .box__location .container {
    width: 80.2083333333vw;
  }
}
#box__contact .box__location .head__title {
  color: var(--black);
  font-family: "DB Heavent", Helvetica, Arial, Verdana, Tahoma, sans-serif;
  line-height: 1.1;
  font-size: var(--font-heavent-head-title);
  margin: 0 0 1.5625vw;
  text-align: center;
}
@media (max-width: 991px) {
  #box__contact .box__location .head__title {
    font-size: var(--font-heavent-title);
    margin: 0 0 3.90625vw;
  }
}
#box__contact .box__location .box__info {
  background: #f5f5f5;
  height: 100%;
}
@media (max-width: 991px) {
  #box__contact .box__location .box__info {
    margin: 0 0 3.90625vw;
    height: auto;
  }
}
#box__contact .box__location .box__info .map {
  background: url(../img/icon/loading-bg-f5f5f5.gif) no-repeat center center;
  background-size: 3.125vw auto;
}
@media (max-width: 991px) {
  #box__contact .box__location .box__info .map {
    background-size: 7.8125vw auto;
  }
}
#box__contact .box__location .box__info .map iframe {
  height: 26.0416666667vw;
}
@media (max-width: 991px) {
  #box__contact .box__location .box__info .map iframe {
    height: 65.1041666667vw;
  }
}
#box__contact .box__location .box__info .box__description {
  padding: 1.3020833333vw 1.5625vw;
}
@media (max-width: 991px) {
  #box__contact .box__location .box__info .box__description {
    padding: 3.2552083333vw 3.90625vw;
  }
}
#box__contact .box__location .box__info .box__description p {
  font-size: var(--font-sarabun-small);
  margin: 0 0 0.2604166667vw;
}
@media (max-width: 991px) {
  #box__contact .box__location .box__info .box__description p {
    margin: 0 0 0.6510416667vw;
  }
}
#box__contact .box__location .box__info .box__description a {
  color: var(--red);
  text-decoration: underline;
}
#box__contact .box__location .box__info .box__description .head__info {
  color: var(--black);
  font-family: "DB Heavent", Helvetica, Arial, Verdana, Tahoma, sans-serif;
  line-height: 1.1;
  font-size: var(--font-heavent-general-bold);
}