.contact-lead {
  margin: 0 0 18px;
  line-height: 1.8;
}

.contact-notice {
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid #f0b4c1;
  background: #fff7fa;
  color: #7a3142;
  line-height: 1.7;
}

.contact-message {
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid #ccc;
  background: #f8f8f8;
  line-height: 1.7;
}

.contact-message.is-success {
  border-color: #8ec79b;
  background: #f3fff5;
  color: #235b2d;
}

.contact-message.is-error {
  border-color: #e7a0a0;
  background: #fff5f5;
  color: #7a2222;
}

.mitsutown-contact-form {
  margin: 0;
}

.contact-field {
  display: table;
  width: 100%;
  margin: 0 0 10px;
}

.contact-label {
  display: table-cell;
  width: 220px;
  padding: 7px 10px 7px 0;
  vertical-align: top;
  color: #5a4032;
  font-weight: bold;
}

.contact-control {
  display: table-cell;
  width: auto;
  vertical-align: top;
}

.contact-control input[type="text"],
.contact-control input[type="email"],
.contact-control input[type="tel"],
.contact-control select,
.contact-control textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 470px;
  padding: 7px 8px;
  border: 1px solid #cfc6bd;
  background: #fff;
  font-size: 14px;
}

.contact-control textarea {
  min-height: 130px;
  resize: vertical;
}

.contact-options label {
  display: inline-block;
  margin: 0 14px 6px 0;
  white-space: nowrap;
}

.contact-required {
  color: #d0415c;
}

.contact-error {
  display: block;
  min-height: 18px;
  color: #d0415c;
  font-size: 12px;
}

.contact-field.is-error input,
.contact-field.is-error select,
.contact-field.is-error textarea {
  border-color: #d0415c;
  background: #fff9fb;
}

.contact-actions {
  margin: 18px 0 0 220px;
}

.contact-actions input {
  min-width: 120px;
  padding: 9px 20px;
  border: 0;
  background: #d84f79;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}

.contact-actions input:disabled {
  opacity: .6;
  cursor: default;
}

.contact-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}