/* WordPress だけで使う CSS：お問い合わせの送信結果・入力の確認・ハニーポット ── 2026-09-22
   送る前の画面は静的ページと同じ。ここは「入力をご確認ください」「送信しました」の文字と、
   未入力の欄の下の短い赤い文字だけ（色は #b3261e・ほかでは使っていない色。文字の大きさは結びの文と同じ 14） */
.fm-dialogue .fm__status { margin-top: calc(28 * var(--s)); font-size: calc(14 * var(--s)); line-height: calc(30 * var(--s)); letter-spacing: .1em; color: var(--c-ink); text-align: center; }
.fm-dialogue .fm__status.is-error { color: #b3261e; }
.fm-dialogue .fm__status[hidden] { display: none; }
.fm-dialogue .fm__err { display: block; margin-top: calc(8 * var(--s)); font-size: calc(12 * var(--s)); line-height: calc(20 * var(--s)); letter-spacing: .07em; color: #b3261e; text-align: center; }
.fm-dialogue [aria-invalid="true"].fm__ph5 { box-shadow: inset 0 0 0 .5px #b3261e; }
.fm-dialogue:has(.fm__ph2[aria-invalid="true"]) .fm__rule2, .fm-dialogue:has(.fm__ph3[aria-invalid="true"]) .fm__rule3, .fm-dialogue:has(.fm__ph4[aria-invalid="true"]) .fm__rule4 { background: #b3261e; opacity: 1; }
.fm-dialogue .fm__hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.fm-dialogue.is-sent .fm__submit { opacity: .35; pointer-events: none; }
.fm-dialogue .fm__submit:disabled { cursor: default; }
@media (max-width: 767px) {
  .fm-dialogue .fm__status { margin-top: 16px; font-size: 14px; line-height: 2; }
  .fm-dialogue .fm__err { margin-top: 4px; font-size: 12px; line-height: 1.7; }
}