/* お問い合わせページだけの見た目（2026-10-22 Codex の指示書・ブルー／ミント）。すべて .contact-page の中に限る */
.contact-page .contact-main{background:#fff;color:#202124;padding:76px 20px 84px}
.contact-page .contact-inner{max-width:960px;margin:0 auto}
.contact-page .contact-head,.contact-page .contact-main form{max-width:760px;margin-left:auto;margin-right:auto}
.contact-page .contact-eyebrow{display:flex;align-items:center;gap:10px;font:700 12px Arial,var(--font);letter-spacing:.18em;color:#1953c7}
.contact-page .contact-eyebrow i{display:inline-block;width:10px;height:10px;background:#bce6d2}
.contact-page .contact-head h1{font-size:clamp(30px,4.4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.4;margin-top:14px;color:#202124}
.contact-page .contact-lead{font-size:15px;line-height:1.9;margin-top:16px}
.contact-page .contact-tel{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-top:28px;padding:20px 24px;background:#f1f4f5;border-left:4px solid #bce6d2;border-radius:2px}
.contact-page .contact-tel .t{font-weight:700;font-size:13px}
.contact-page .contact-tel .num{font:700 26px/1.3 Arial,var(--font);letter-spacing:.02em}
.contact-page .contact-tel .num a{color:inherit;text-decoration:none}
.contact-page .contact-tel .hours{font-size:12px;color:#4d5357}

.contact-page .contact-main form{margin-top:48px}
.contact-page .field{margin-bottom:26px}
.contact-page .field label{display:block;font-weight:700;font-size:15px;line-height:1.6;margin-bottom:8px;color:#202124}
.contact-page .req,.contact-page .opt{display:inline-block;margin-left:10px;padding:1px 8px;border-radius:2px;font-size:11px;font-weight:700;line-height:1.7;letter-spacing:.06em;vertical-align:2px}
.contact-page .req{background:#1953c7;color:#fff}
.contact-page .opt{background:#f1f4f5;color:#202124;border:1px solid #d3d9dc}
.contact-page .field input,.contact-page .field select,.contact-page .field textarea{display:block;width:100%;min-height:48px;padding:10px 15px;border:1px solid #8b9499;border-radius:3px;background:#fff;color:#202124;font-family:inherit;font-size:16px;line-height:1.6}
.contact-page .field textarea{min-height:180px;resize:vertical}
.contact-page .field ::placeholder{color:#6b7377;opacity:1}
.contact-page .field input:focus,.contact-page .field select:focus,.contact-page .field textarea:focus{outline:2px solid #1953c7;outline-offset:1px;border-color:#1953c7}
/* 送る前のブラウザの確認に引っかかった欄は枠でも示す（文章はブラウザの案内） */
.contact-page .field :user-invalid{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e}
/* 迷惑送信対策の隠し欄。見せない（送信処理が website に何か入っていれば送らない） */
.contact-page .hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

.contact-page .submit{display:block;width:280px;min-height:56px;margin:38px auto 0;padding:0 24px;border:0;border-radius:2px;background:#1953c7;color:#fff;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.1em;cursor:pointer}
.contact-page .submit:hover{background:#123f99}
.contact-page .submit:focus-visible{outline:3px solid #202124;outline-offset:3px}
.contact-page .submit:disabled{opacity:.6;cursor:not-allowed}
.contact-page .note{margin-top:16px;font-size:13px;line-height:1.8;color:#4d5357;text-align:center}

@media (max-width:767px){
  .contact-page .contact-main{padding:36px 20px 40px}
  .contact-page .contact-tel{padding:16px 18px}
  .contact-page .contact-tel .num{font-size:22px}
  .contact-page .submit{width:100%}
}