/* 共通設定（ベース） */
.home-contact .wpcf7-response-output {
    font-size: var(--fs-md);
    text-align: center;
    border-radius: var(--radius-md);
    padding: var(--space-md) !important;
    margin: var(--space-lg) 0 0 !important;
    border: 2px solid transparent; /* 枠線を確保 */
}

/* --- 成功時：青背景に白文字 --- */
.home-contact .wpcf7-mail-sent-ok {
    background: var(--color-success) !important;
    color: var(--color-text-lgt-100) !important;
    border-color: var(--color-success) !important;
}

/* --- 入力エラー時：白背景に赤い枠線と赤文字 --- */
.home-contact .wpcf7-validation-errors {
    background: var(--color-bg-lgt-100) !important; /* 薄い赤 */
    color: var(--color-error) !important;           /* 警告の赤 */
    border-color: var(--color-error) !important;    /* 枠線を赤に */
}

/* --- 送信失敗時（NG）：濃い赤背景に白文字 --- */
.home-contact .wpcf7-mail-sent-ng {
    background: var(--color-error) !important;
    color: var(--color-text-lgt-100) !important;
    border-color: var(--color-error) !important;
}