/* contact
---------------------------------------------------- */
.contact {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: max(4rem, 50px);
  padding-bottom: max(6.25rem, 50px);
}
.contact .required {
  display: inline;
  padding: 0 0.6em;
  background-color: red;
  color: #fff;
  font-size: 0.7em;
  font-weight: 600;
}
.contact .contact-tel-title,
.contact .contact-mail-title {
  font-size: max(2rem, 20px);
  font-weight: 700;
  margin-bottom: 1em;
}
@media (max-width: 575.98px) {
  .contact .contact-tel-title {
    margin-bottom: 1.2em;
  }
}
.contact .contact-tel {
  margin-bottom: max(5rem, 40px);
  padding-bottom: max(4rem, 50px);
  text-align: center;
  border-bottom: 1px solid #c0c0c0;
}
.contact .contact-tel .tel-box {
  display: flex;
  gap: 5em;
  text-align: start;
  justify-content: center;
  align-items: center;
  color: rgb(42, 68, 164);
}
@media (max-width: 991.98px) {
  .contact .contact-tel .tel-box {
    gap: 3em;
  }
}
@media (max-width: 575.98px) {
  .contact .contact-tel .tel-box {
    text-align: center;
    display: block;
  }
}
.contact .contact-tel .tel-box .number {
  font-family: "Albert Sans", sans-serif;
  font-weight: 700;
  font-size: max(2.5rem, 28px);
  line-height: 1.5;
}
@media (max-width: 575.98px) {
  .contact .contact-tel .tel-box .number {
    line-height: 1;
  }
}
.contact .contact-tel .tel-box .number .fa-phone {
  padding-right: 0.2em;
  font-size: max(2.25rem, 20px);
}
.contact .contact-tel .tel-box .number .fa-fax {
  padding-right: 0.3em;
  font-size: max(2.25rem, 20px);
}
.contact .contact-tel .tel-box .number a {
  color: rgb(42, 68, 164);
}
.contact .contact-tel .tel-box .time {
  font-size: max(0.875rem, 12px);
}
@media (max-width: 575.98px) {
  .contact .contact-tel .tel-box .tel-box__tel {
    padding-bottom: 1.5em;
  }
}
.contact .contact-mail {
  margin-bottom: max(5rem, 40px);
}
.contact .contact-mail .required {
  padding: 0.1em 0.6em;
}
.contact .contact-mail .description__2 {
  padding-bottom: 1em;
}
.contact form .table {
  margin-bottom: max(3.125rem, 30px);
}
.contact form .table tr th {
  vertical-align: middle;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  width: 30%;
}
@media (max-width: 767.98px) {
  .contact form .table tr th {
    display: block;
    padding-bottom: 0.8em;
    width: 100%;
  }
}
.contact form .table tr th .required {
  margin-top: 0.3em;
  float: right;
}
.contact form .table tr .contact-message-title {
  vertical-align: baseline;
}
.contact form .table tr td {
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .contact form .table tr td {
    display: block;
    padding-bottom: 1.5em;
    width: 100%;
    border-top: none;
  }
}
.contact form .table tr td .form-control {
  height: 38px;
  font-size: 14px;
  background-color: #e8f8ff;
}
.contact form .table tr td input::-moz-placeholder, .contact form .table tr td textarea::-moz-placeholder {
  color: #c0c0c0;
}
.contact form .table tr td input::placeholder,
.contact form .table tr td textarea::placeholder {
  color: #c0c0c0;
}
.contact form .table tr td .input-element {
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .contact form .table tr td .input-element {
    display: block;
    margin-bottom: 0.8em;
  }
}
@media (max-width: 767.98px) {
  .contact form .table tr td .input-element:last-child {
    margin-bottom: 0;
  }
}
.contact form .table tr td .contact-message {
  height: 200px;
}
.contact form .table .box-half .form-control {
  width: 16em;
}
.contact form .privacy .privacy-title {
  padding-bottom: 1em;
  font-size: 1.25em;
}
.contact form .privacy .privacy-box {
  overflow-y: auto;
  margin-bottom: 3em;
  padding: 1.8em;
  height: 350px;
  border: 1px solid #c0c0c0;
}
@media (max-width: 991.98px) {
  .contact form .privacy .privacy-box {
    height: 300px;
  }
}
.contact form .privacy .privacy-box p {
  padding-bottom: 30px;
}
@media (max-width: 991.98px) {
  .contact form .privacy .privacy-box p {
    font-size: 13px;
  }
}
.contact form .privacy .privacy-box p .privacy-box__title {
  padding-bottom: 10px;
  display: block;
  font-weight: 500;
}
.contact form .privacy .privacy-box p a {
  word-wrap: break-word;
  display: inline;
}
.contact form .privacy .privacy-box p .url {
  display: inline;
  border-bottom: 1px solid #000;
}
.contact form .privacy .privacy-box .bottom {
  padding-bottom: 0;
}
.contact form .privacy ol {
  padding-left: 2em;
  padding-bottom: 30px;
  list-style-type: decimal;
}
.contact form .privacy ol li {
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .contact form .privacy ol li {
    font-size: 13px;
  }
}
.contact .agreeBox {
  margin-bottom: 3em;
  text-align: center;
}
@media (max-width: 575.98px) {
  .contact .agreeBox {
    font-size: 13px;
  }
}
@media (max-width: 340px) {
  .contact .agreeBox {
    font-size: 12px;
  }
}
.contact .btn-submit {
  margin-bottom: 5em;
  text-align: center;
}
.contact .btn-submit .btn-submit__inner {
  display: inline-block;
  padding: 1.875rem 3.125rem;
  background-color: rgb(42, 68, 164);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
}
@media (max-width: 450px) {
  .contact .btn-submit .btn-submit__inner {
    padding: 2.5rem 6rem;
  }
}
.contact .btn-submit .btn-submit__inner .btn-submit__text {
  position: relative;
  padding-right: 1.5em;
}
@media (max-width: 450px) {
  .contact .btn-submit .btn-submit__inner .btn-submit__text {
    line-height: 2;
  }
}
.contact .btn-submit .btn-submit__inner .btn-submit__text:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateY(-60%);
}
@media (max-width: 450px) {
  .contact .btn-submit .btn-submit__inner .btn-submit__text:before {
    top: 90%;
    transform: translateY(-90%);
  }
}
.contact .btn-submit .btn-submit__inner .btn-submit__text .br-btn-submit {
  display: none;
}
@media (max-width: 450px) {
  .contact .btn-submit .btn-submit__inner .btn-submit__text .br-btn-submit {
    display: block;
  }
}
.contact .btn-submit .btn-submit__inner:hover {
  background-color: #202020;
}
.contact .btn-submit .btn-submit__bottom {
  margin-top: 1em;
}
.contact .btn-submit .btn-submit__bottom .back .btn-submit__text {
  padding-left: 1.5em;
  padding-right: 0;
}
.contact .btn-submit .btn-submit__bottom .back .btn-submit__text:before {
  border-width: 6px 8px 6px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
}/*# sourceMappingURL=contact.css.map */