@charset "utf-8";
/* ==================================================================
   コンタクトページの規則（MYMADM4002983）
   見本 v1.8（真山メディア_コンタクトページ_見本_v1.8.html）で足した .cf で始まる規則をそのまま写した（Claude の提案。
   利用者は 2026-10-03 17:57 に提案どおり作ることを了承）。site.css の規則は変えていない。
   人には見えない入力欄の規則（.cfHp）は、その入力欄を作らないので外した（利用者の決定 21）。
   ================================================================== */
#contactFormWrap form, #contactFormWrap .cfBox { width: 700px; margin: 0 auto; }
.cfRow { display: flex; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid rgb(165,165,165); }
.cfRow:first-child { border-top: 1px solid rgb(165,165,165); }
.cfLabel { width: 250px; flex: 0 0 250px; padding-top: 6px;
  font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-weight: bold; font-size: 1.7rem; line-height: 2.6rem; }
.cfReq { display: inline-block; margin-left: 8px; padding: 0 7px; font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: normal; font-size: 1.1rem; line-height: 1.9rem; color: #fff; background: rgb(23,89,176); vertical-align: 2px; }
.cfField { flex: 1; min-width: 0; }
.cfField input[type=text], .cfField input[type=email], .cfField textarea {
  width: 100%; font: inherit; font-size: 1.6rem; line-height: 2.6rem; color: #000; background: #fff;
  border: 1px solid rgb(165,165,165); border-radius: 0; padding: 6px 10px; }
.cfField textarea { height: calc(2.6rem * 8 + 14px); resize: vertical; }
.cfField input:focus, .cfField textarea:focus { outline: 2px solid rgb(23,89,176); outline-offset: 0; border-color: rgb(23,89,176); }
.cfHint { font-size: 1.3rem; line-height: 2rem; color: #666; margin-top: 4px; }
.cfErr { font-size: 1.4rem; line-height: 2.2rem; color: #a01c1c; margin-top: 4px; }
.cfField.isErr input, .cfField.isErr textarea { border-color: #a01c1c; background: #fdf6f6; }
.cfAgree { text-align: center; padding: 22px 0 0; }
.cfAgree label { cursor: pointer; }
.cfAgree input { width: 18px; height: 18px; vertical-align: -3px; margin-right: 8px; accent-color: rgb(23,89,176); }
.cfBtns { display: flex; justify-content: center; gap: 24px; margin-top: 6px; }
.cfBtns .buttonType01 { margin: 24px 0 0; border: 0; font-family: inherit; }
.cfBtns .buttonType01:hover { background: rgb(23,89,176); }
.cfBtns .buttonType01.cfBack { background: #fff; color: #000; border: 1px solid #000; }
.cfBtns .buttonType01.cfBack:hover { background: #fff; color: rgb(23,89,176); border-color: rgb(23,89,176); }
.cfBtns .buttonType01:disabled { background: rgb(165,165,165); cursor: default; }
.cfShow { white-space: pre-wrap; padding-top: 6px; font-size: 1.6rem; line-height: 2.6rem; }
.cfDone { text-align: center; padding: 20px 0 10px; }
.cfDone h3 { font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-weight: bold; font-size: 2.6rem; line-height: 3rem; margin-bottom: 14px; }
.cfDone p { margin-bottom: 6px; }
.cfAlert { border-left: 4px solid #a01c1c; background: #fff; padding: 10px 14px; margin-bottom: 18px; font-size: 1.5rem; line-height: 2.4rem; }
.cfQ { padding-top: 6px; font-size: 1.6rem; line-height: 2.6rem; }
.cfRadios { margin-top: 4px; }
.cfRadios label { margin-right: 32px; cursor: pointer; font-size: 1.6rem; line-height: 2.6rem; }
.cfRadios input { width: 18px; height: 18px; vertical-align: -3px; margin-right: 8px; accent-color: rgb(23,89,176); }
@media screen and (max-width: 899px) {
  #contactFormWrap form, #contactFormWrap .cfBox { width: 100%; }
  .cfRow { display: block; padding: 12px 0; }
  .cfLabel { width: auto; padding-top: 0; margin-bottom: 6px; font-size: 1.6rem; }
  .cfAgree { text-align: left; }
  .cfBtns { flex-direction: column; gap: 0; }
  .cfBtns .buttonType01 { width: 100%; margin-top: 16px; }
}