/* Contact Form 7 が足す要素を、静的版のフォームと同じ見た目に戻す（#s12 のフォームのみ） */

/* CF7 の外枠 div を消し、フォームを静的版と同じく .swipe-section の直下として扱う
   （静的版は swipe.css の `.swipe-section > * { flex: none; }` がフォームに効いている） */
#s12 > .wpcf7 {
  display: contents;
}
#s12 > .wpcf7 > .kb-form {
  flex: none;
}

/* 入力欄を包む span をブロック化（静的版は .kb-field / .kb-selectwrap の直下に入力欄） */
#s12 .kb-form .wpcf7-form-control-wrap {
  display: block;
}

/* 入力エラー */
#s12 .kb-form .wpcf7-not-valid-tip {
  margin-top: calc(6 * var(--u));
  font-size: max(var(--fsMin), calc(12 * var(--u)));
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.7;
  color: var(--accent);
}

/* 送信結果: 静的版の .kb-formmsg と同じ見た目 */
#s12 .kb-form .wpcf7-response-output {
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(11.5 * var(--u));
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.7;
  border: 1px solid var(--line);
  background: var(--white);
  padding: calc(10 * var(--u)) calc(12 * var(--u));
}