.invalid-feedback {
    color: #dc3545; /* Bootstrapのdangerカラー */
}

/* readonlyなinputフィールドの背景色をグレーにする */
input[readonly] {
    background-color: #e9ecef !important; /* Bootstrapのデフォルトでread-onlyなinputの背景色 */
    opacity: 1; /* iOS Safariでreadonlyフィールドのopacityが低下するのを防ぐ */
}

/* カスタムタグ */
red {
    color: #dc3545;
}
big {
    font-size: 1.25em;
}

/* placeholder の文字色を薄くする */
input::placeholder,
textarea::placeholder {
    color: #adb5bd !important; /* さらに薄い色に変更し、!important を追加 */
    opacity: 1; /* 一部のブラウザでopacityがデフォルトで低く設定されている場合があるため */
}