/* 既存サイトの共通CSSを使い、フォームに必要な表示だけ補います。 */
#form-a input[type="text"], #form-a input[type="email"],
#form-a input[type="tel"], #form-a textarea { max-width: 100%; box-sizing: border-box; }
#form-a textarea { width: 100%; min-height: 12em; }
#form-a th { text-align: left; vertical-align: top; }
#form-a td, #form-a th, #confirm td, #confirm th { padding: 10px; }
#form-a table, #confirm { width: 100%; border-collapse: collapse; }
#confirm th { text-align: left; vertical-align: top; width: 30%; }
#confirm td { white-space: pre-wrap; overflow-wrap: anywhere; }
.contact-error { color: #a21c20; display: block; margin-top: 5px; }
.contact-notice { padding: 12px; margin: 12px 0; border: 1px solid #a21c20; background: #fff5f5; }
.contact-test { padding: 10px; margin: 12px 0; background: #fff5d6; color: #533d0d; }
.contact-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; text-align: center; margin: 24px 0; }
/* 共通CSSの固定高と行高を解除し、文字をボタンの中央に配置します。 */
#contact .contact-actions button.btn-form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-width: 200px;
    max-width: 100%;
    height: auto;
    min-height: 42px;
    margin: 0;
    padding: 8px 20px;
    font: inherit;
    line-height: 1.4;
    text-align: center;
    text-indent: 0;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
}
.contact-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-id { overflow-wrap: anywhere; }
@media (max-width: 600px) {
    #form-a th, #form-a td { display: block; width: auto; }
    #form-a th { padding-bottom: 0; }
}