/* 1. 唯一反応した構造をベースに、ピンクを「鮮やかな赤」に修正 */
div.form-group label span.text-muted.small,
div.form-group label .text-muted,
div.form-group label .small {
    background-color: #ff0000 !important; /* 背景：鮮やかな赤 */
    color: #ffffff !important;           /* 文字：白 */
    padding: 2px 6px !important;         /* 四角の余白 */
    border-radius: 3px !important;       /* 角の丸み */
    font-size: 11px !important;          /* サイズ */
    font-weight: bold !important;        /* 太字 */
    display: inline-block !important;
    opacity: 1 !important;               /* ピンク防止（透過を解除） */
    vertical-align: middle !important;
}

/* 2. 【重要】チェックボックス横の赤くなってしまう部分を透明に戻す */
/* div.form-group の中であっても、チェックボックス関連のspanは除外します */
div.form-group .checkbox span,
div.form-group .checkbox label span,
div.form-group input[type="checkbox"] + span {
    background-color: transparent !important;
    color: #333 !important;             /* 文字色を黒系に */
    padding: 0 !important;
    display: inline !important;
    font-weight: normal !important;
}

/* 3. 項目名（ラベル本体）自体が赤くなるのを防ぐ */
div.form-group label {
    background-color: transparent !important;
}