/* Medi Face お問い合わせフォーム（自社実装） */
.mf-form{max-width:760px;margin:0 auto}
.mf-form .mf-field{margin-bottom:1.5rem}
.mf-form label.mf-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem;color:#333}
.mf-form .mf-req{display:inline-block;margin-left:.5rem;padding:0 .45rem;font-size:.7rem;line-height:1.5;color:#fff;background:#007ec6;border-radius:3px;vertical-align:middle}
.mf-form .mf-opt{display:inline-block;margin-left:.5rem;padding:0 .45rem;font-size:.7rem;line-height:1.5;color:#777;background:#eee;border-radius:3px;vertical-align:middle}
.mf-form input[type=text],.mf-form input[type=email],.mf-form input[type=tel],.mf-form select,.mf-form textarea{width:100%;padding:.75rem .9rem;font-size:1rem;color:#222;background:#fff;border:1px solid #cfd6dc;border-radius:6px;transition:border-color .15s,box-shadow .15s;font-family:inherit}
.mf-form textarea{min-height:11rem;resize:vertical}
.mf-form input:focus,.mf-form select:focus,.mf-form textarea:focus{outline:0;border-color:#007ec6;box-shadow:0 0 0 3px rgba(0,126,198,.18)}
.mf-form .mf-invalid{border-color:#d6336c!important}
.mf-form .mf-err{display:none;margin-top:.35rem;font-size:.8rem;color:#d6336c}
.mf-form .mf-invalid + .mf-err,.mf-form .mf-field.mf-bad > .mf-err{display:block}
.mf-form .mf-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem}
.mf-form .mf-consent input{margin-top:.3rem;flex:none}
.mf-form .mf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.mf-form .mf-submit{display:inline-block;min-width:240px;padding:.95rem 2rem;font-size:1rem;font-weight:700;letter-spacing:.08em;color:#fff;background:#007ec6;border:0;border-radius:999px;cursor:pointer;transition:background .15s,opacity .15s}
.mf-form .mf-submit:hover{background:#006aa8}
.mf-form .mf-submit:disabled{opacity:.55;cursor:not-allowed}
.mf-form .mf-status{margin-top:1rem;font-size:.95rem}
.mf-form .mf-status.mf-fail{color:#d6336c}
.mf-done{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem;text-align:center;border:1px solid #cfe9f6;background:#f4fafd;border-radius:10px}
.mf-done h2{font-size:1.4rem;margin-bottom:1rem;color:#007ec6}
.mf-done .mf-ref{display:inline-block;margin-top:.8rem;padding:.3rem .9rem;font-family:monospace;background:#fff;border:1px solid #cfe9f6;border-radius:4px}