/* 2026-10-27: 現行フォームの色分け・左右の項目表示・ひとつの外枠を継承 */
.contact-form-area{max-width:1008px}.contact-form-area>.steps{margin:28px 0 24px}.contact-form-area .steps li{font-size:14px;font-weight:600;letter-spacing:.04em}
#mail_form{background:#fff;border:1px solid #ccc;border-radius:7px;box-shadow:0 0 7px #0003;padding:32px 32px 24px;margin:0 0 28px;color:#111}
#mail_form .form-heading{text-align:center;padding:2px 0 24px}#mail_form .form-heading h2{font-size:26px;line-height:1.6;font-weight:700;color:#000;margin:0 0 8px}#mail_form .form-heading p{font-size:13px;color:#444;line-height:1.6;margin:0}#mail_form .required-key{display:inline-block;color:#fff;background:#d9534f;border:1px solid #d43f3a;border-radius:3px;font-size:11px;line-height:1.4;padding:2px 6px;margin-right:5px;vertical-align:1px}
#mail_form .card{border:0;border-radius:0;padding:20px 20px 8px;margin:0;box-shadow:none}#mail_form .card>h2{text-align:center;font-size:20px;line-height:1.5;color:#111;margin:0 0 12px;font-weight:700}#mail_form #customer-info{background:#f8ffc1}#mail_form #inquiry-types{background:#fff298;border:0;margin:0;padding:18px 20px 20px;min-width:0}#mail_form #inquiry-types>legend{float:left;width:100%;padding:0 0 12px;text-align:center;font-size:20px;line-height:1.4;color:#111;font-weight:700}#mail_form #inquiry-types .section-en{display:block;font-size:12px;line-height:1.5;color:#3377ff;font-weight:400}#mail_form .inquiry-options{clear:both;display:grid;gap:3px}#mail_form #inquiry-types .inquiry-options>label{font-size:17px;font-weight:700;line-height:1.5;padding:10px 14px;min-height:44px;border:1px solid transparent;border-radius:3px;margin:0;align-items:center}#mail_form #inquiry-types .inquiry-options>label:hover{background:#fff9cb;border-color:#dfc96b}#mail_form #inquiry-types .inquiry-options>label:has(input:checked){background:#fffbe2;border-color:#cfb74d}#mail_form #inquiry-types input{margin:0;accent-color:#639632;flex-shrink:0}
#mail_form .field{grid-template-columns:30% minmax(0,1fr);column-gap:22px;row-gap:8px;padding:16px 0;border-top:1px solid #c8c8ae;border-bottom:0;align-items:start}#mail_form .field>label{font-size:14px;line-height:1.5;font-weight:400;text-align:right;position:relative;padding:3px 0 0 48px;min-height:38px}#mail_form .field>label>.badge,#mail_form .field>label>.optional{position:absolute;top:5px;left:0;margin:0;line-height:1.4;min-width:34px;text-align:center;border-radius:3px;padding:4px 6px;font-size:11px}#mail_form .badge{background:#d9534f;border:1px solid #d43f3a;color:#fff;font-weight:500}#mail_form .field>label>.optional{background:#fff8d2;border:1px solid #d8d1ae;color:#666}#mail_form .label-en{display:block;color:#3377ff;font-size:11px;line-height:1.6;font-weight:400;font-family:Arial,sans-serif}#mail_form .field small{font-size:12px;line-height:1.6;color:#555}#mail_form .field input:not([type=checkbox]):not([type=radio]),#mail_form textarea{background:#fff;border-color:#b7bec0;border-radius:2px;padding:9px 11px;font-size:16px;line-height:1.5;min-height:42px}#mail_form .pair{gap:8px}#mail_form textarea{min-height:160px}#mail_form #department{max-width:75%}#mail_form #postal{max-width:180px}#mail_form #phone{max-width:280px}
#mail_form .question{background:#dae4ff;padding-top:24px;padding-bottom:16px}#mail_form .question[data-index="3"]{background:#e4ffda}#mail_form .question[data-index="4"]{background:#ffefda}#mail_form .question>h2{font-size:20px;margin-bottom:16px}#mail_form .question>.choices{border:1px solid #b7c7e8;border-radius:2px;background:#f5f8ff;padding:16px;margin:0 0 18px}#mail_form .question>.choices>legend{font-size:15px;padding:0 6px;color:#222}#mail_form .question>.choices label{font-size:15px;min-height:44px;line-height:1.6;padding:10px 4px}#mail_form .question>.choices input{margin-top:3px}#mail_form .question .notice{margin:0 0 16px}#mail_form .question .field{border-top-color:#afbfdb}#mail_form .question[data-index="3"] .field{border-top-color:#b6d0b0}
#mail_form #attachment-section{background:#eef3ff;border-top:1px solid #b6c6e8;padding-top:22px;padding-bottom:24px}#mail_form #attachment-section>p{font-size:14px;line-height:1.8;margin-bottom:10px}#mail_form #attachment-section .hint{font-size:12px;color:#555}#mail_form .upload{background:#fff;border:2px dashed #94aecf;margin:18px 0 10px;padding:20px;color:#355a89;font-weight:600}#mail_form .upload input{font-weight:400}#mail_form .file-row{background:#fff;padding:12px;border:1px solid #cbd5e5;margin-top:8px}
#mail_form #contact-info{background:#fff;padding-top:24px}#mail_form #contact-info>h2{font-size:18px;margin-bottom:12px}#mail_form #contact-info .field{border-top-color:#ccc}#mail_form #contact-info>.hint{margin:0 0 12px 33%;font-size:12px}#mail_form #contact-info>small{display:block;margin:0 0 12px 33%;line-height:1.6}#mail_form #contact-info .field a{color:#2788a1}
#mail_form>.actions{border-top:1px solid #ccc;margin:10px 20px 26px;padding-top:22px}#mail_form #review{background:#5cb85c;border:1px solid #4cae4c;min-width:280px;min-height:48px;padding:12px 28px;border-radius:3px;font-size:16px}#mail_form #review:hover{background:#449d44}#mail_form #review:disabled{background:#7fac7f}#mail_form .current-privacy{padding:0 2px;font-size:13px;line-height:1.7;color:#111}#mail_form .current-privacy p{margin-bottom:10px}#mail_form .field-error{font-size:13px!important}#mail_form .validation-summary{margin-bottom:24px}#mail_form .has-field-error .label-en{color:#9f3029}#mail_form #inquiry-types.has-field-error{outline:2px solid #b13e36;outline-offset:-2px}#mail_form .field input[aria-invalid="true"],#mail_form textarea[aria-invalid="true"]{background:#fff4f1!important}
@media(max-width:768px){.contact-form-area{padding-left:16px;padding-right:16px}#mail_form{padding:24px 16px 18px}#mail_form .form-heading h2{font-size:23px}#mail_form .field{grid-template-columns:32% minmax(0,1fr);column-gap:16px}#mail_form .field>label{padding-left:40px;font-size:13px}#mail_form .field>label>.badge,#mail_form .field>label>.optional{min-width:30px;padding:3px 4px;font-size:10px}#mail_form .label-en{font-size:10px}#mail_form #inquiry-types .inquiry-options>label{font-size:16px}}
@media(max-width:600px){#mail_form{padding:22px 12px 18px;border-radius:5px}#mail_form .form-heading{padding-bottom:20px}#mail_form .form-heading h2{font-size:21px;line-height:1.6}#mail_form .form-heading p{font-size:12px}#mail_form .card{padding:18px 14px 6px}#mail_form .card>h2{font-size:18px}#mail_form .field{grid-template-columns:1fr;gap:8px;padding:15px 0}#mail_form .field>label{text-align:left;padding:0 0 0 46px;min-height:34px;font-size:14px;line-height:1.4}#mail_form .field>label>.badge,#mail_form .field>label>.optional{top:2px;font-size:11px;padding:3px 5px}#mail_form .label-en{font-size:11px;line-height:1.4}#mail_form .field small{grid-column:1}#mail_form #department,#mail_form #phone{max-width:none}#mail_form #postal{max-width:180px}#mail_form #inquiry-types{padding:18px 14px}#mail_form #inquiry-types>legend{font-size:18px;padding-bottom:12px}#mail_form #inquiry-types .inquiry-options>label{font-size:15px;padding:10px 8px;min-height:48px}#mail_form .question>.choices{padding:12px 10px}#mail_form .question>.choices label{font-size:14px}#mail_form #attachment-section>p{font-size:13px}#mail_form #attachment-section .hint{font-size:11px}#mail_form #contact-info>.hint,#mail_form #contact-info>small{margin-left:0}#mail_form>.actions{margin-left:12px;margin-right:12px}#mail_form #review{min-width:0;width:100%;padding:13px 12px;font-size:15px}#mail_form .current-privacy{font-size:12px}#mail_form .current-privacy br{display:initial}#mail_form .upload{padding:16px 8px}#mail_form .field-error{grid-column:1}#mail_form .file-row{padding:10px 8px}.contact-form-area .steps li{font-size:12px}}
@media(max-width:360px){#mail_form{padding-left:9px;padding-right:9px}#mail_form .card{padding-left:12px;padding-right:12px}#mail_form .form-heading h2{font-size:19px}#mail_form #inquiry-types .inquiry-options>label{font-size:14px}}

@media(max-width:600px){#mail_form .form-heading h2>span{display:block}#mail_form .form-heading h2{font-size:21px;line-height:1.5}}