/* お問い合わせフォーム（コラム画面の中）。白い文字・細い線・余白で、コラムと同じ静けさに */
.read form.cform { margin-top: 44px; max-width: 560px; }
.read .cform .f { margin: 0 0 30px; font-size: 15px; }
.read .cform label {
  display: block; margin-bottom: 6px;
  font-family: var(--jp); font-size: 12px; letter-spacing: .12em; color: oklch(84% 0.08 250);
}
.read .cform input[type=text], .read .cform input[type=email], .read .cform textarea {
  display: block; width: 100%; appearance: none; border: 0; border-radius: 0;
  border-bottom: 1px solid oklch(100% 0 0 / .35); background: none;
  padding: 8px 0; font-family: var(--jp); font-size: 15px; line-height: 1.9; letter-spacing: .06em; color: #fff;
  transition: border-color .3s; caret-color: #fff;
}
.read .cform textarea { resize: vertical; min-height: 9em; }
.read .cform input:focus, .read .cform textarea:focus { outline: none; border-bottom-color: #fff; }
.read .cform input:-webkit-autofill { -webkit-text-fill-color: #fff; transition: background-color 9999s; }
.read .cform .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }   /* 迷惑メールの罠。見えない */
.read .cform .send { margin-top: 8px; }
.read .cform .send:disabled { opacity: .5; cursor: default; }
.read .cform .msg { min-height: 1.8em; margin-top: 18px; font-size: 13px; letter-spacing: .06em; color: oklch(100% 0 0 / .8); }
.read .thanks { margin-top: 0; }
.read #col-contact.sent > p:not(.kicker):not(.thanks) { display: none; }      /* 送信後は、説明を消して、お礼だけを残す */
@media (max-width: 768px) {            /* iPhone は、16px 未満の入力欄に触れると、画面が勝手に拡大されるため */
  .read .cform input[type=text], .read .cform input[type=email], .read .cform textarea { font-size: 16px; }
}

/* reCAPTCHA v3 の右下のバッジは隠す（かわりに、フォームの下に、Google が求める注記を出している） */
.grecaptcha-badge { visibility: hidden; }
.read .cform .rc-note { margin-top: 28px; font-size: 11px; line-height: 1.9; letter-spacing: .06em; color: oklch(100% 0 0 / .5); }
.read .cform .rc-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: oklch(100% 0 0 / .3); }
.read .cform .rc-note a:hover, .read .cform .rc-note a:focus-visible { color: #fff; outline: none; }
@media (max-width: 768px) {            /* iPhone は、16px 未満の入力欄に触れると、画面が勝手に拡大されるため */
  .read .cform input[type=text], .read .cform input[type=email], .read .cform textarea { font-size: 16px; }
}