.contact-content {
  max-width: 880px;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 40px;
}

.contact-text {
  margin-bottom: 35px;
  text-align: center;
}

.contact-tel {
  text-align: center;
  margin-top: 50px;
  font-size: 20px;
  line-height: 160%;
}

.contact-tel a {
  display: block;
  margin-bottom: 10px;
}

.form-text {
  font-size: 16px;
  line-height: 200%;
  text-align: left;
}

.form-warn {
  font-size: 20px;
  line-height: 160%;
  text-align: left;
  margin-top: 20px;
  color: #FF0000;
}

.contact-required {
  background: #2A1607;
  color: #fff;
  margin: 0 10px;
  font-size: 18px;
  width: 54px;
  line-height: 150%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border-radius: 7px;
  position: absolute;
  right: 0;
  top: 9px;
}

.form {
  width: 100%;
  margin: auto;
  margin-top: 40px;
}

.contact-table {
  width: 100%;
}

.contact-table tr td:first-child {
  width: 250px;
  text-align: left;
}

.contact-table tr td {
  vertical-align: top;
  padding: 5px;
  font-size: 20px;
  position: relative;
  padding-top: 8px;
}

.contact-table tr td.vtl-alt {
  vertical-align: top;
  padding-top: 5px;
}

.contact-table tr td input, .contact-table tr td textarea {
  width: 100%;
  resize: vertical;
  padding: 7px;
  font-size: 14px;
  border: 1px solid #2A1607;
}

.contact-table tr td input[type="radio"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.contact-table tr td .label-radio:before {
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #2A1607;
  position: absolute;
  left: 5px;
  top: 0;
}

.contact-table tr td .label-radio {
  margin: 0;
  margin-right: 15px;
  position: relative;
  padding-left: 45px;
  margin-bottom: 40px;
}

.contact-table label {
  margin: 0;
}

.contact-table tr td input[type=radio]:checked+label:before {
  border: 1px solid #2A1607;
  color: #2A1607;
  background: #2A1607;
}

.contact-table tr td input.wi-50 {
  width: 50%;
}

.btn-submit {
  margin-top: 45px;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.form-more {
  font-size: 16px;
  text-align: center;
  line-height: 260%;
  margin-top: 50px;
}

@media screen and (max-width:767px) {
  .contact-content {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 20px;
  }
  .contact-tel {
    font-size: 14px;
    margin-top: 20px;
  }
  .form {
    width: 100%;
    margin-top: 20px;
  }
  .form-text {
    font-size: 14px;
  }
  .form-warn {
    font-size: 14px;
  }
  .contact-required {
    position: relative;
    top: 0;
    left: 20px;
    font-size: 14px;
  }
  .contact-table tr td {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    padding: 5px;
  }
  .contact-table tr td:first-child {
    width: 100%;
    text-align: left;
    margin-top: 15px;
  }
  .contact-table tr td input.wi-50 {
    width: 100%;
  }
  .btn-submit {
    margin-top: 10px;
  }
  .form-more {
    margin-top: 20px;
    text-align: left;
    font-size: 14px;
    line-height: 160%;
  }
  .contact-table tr td .label-radio {
    margin-bottom: 0px;
  }
  .contact-table tr td .label-radio:before {
    content: "";
    width: 20px;
    height: 20px;
  }
  .contact-table tr td.td-btn {
    text-align: center;
  }
}

@media screen and (max-width:480px) {
  .contact-tel img {
    width: 50%;
  }
}