/* CMS の th/必須マークを隠す。罫線・余白は元の style.css に任せる */
body:not(.cms-form-ready) form table.cms-form-table {
  opacity: 0;
}
form.contact-form table.cms-form-table {
  width: 100%;
}

.cms-form-table th,
.cms-form-table td {
  background: none;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.cms-form-table .fa-asterisk {
  font-style: normal;
  font-family: inherit;
}
.cms-form-table .fa-asterisk::before {
  content: none;
}
.cms-form-table .sr-only,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cms-form-table .custom-control-indicator,
.check-area .custom-control-indicator {
  display: none;
}

.cms-form-errors {
  color: #c00;
  margin: 1em 0;
}
.cms-form-msg {
  text-align: center;
  margin: 1em 0 1.5em;
}

.form-control-feedback,
.red {
  color: #c00;
  font-size: 14px;
  font-weight: bold;
}
/* 現行の問い合わせ系の入力エラー（p.red）は color: red */
.red {
  color: red;
}