/* styles for validation helpers */
.field-validation-error {
    font-family: "Noto Sans JP",sans-serif;
    font-size: var(--main-txtL-size);
    line-height: var(--main-txt-height);
    font-weight: var(--main-txt-weight);
    letter-spacing: var(--main-txt-spacing);
    color: var(--color-error90);
    display: inline-block;
    margin-top: 8px;
}

.field-validation-valid {
    display: none;
}

select.input-validation-error {
    background-color: var(--color-error10);
}

input.input-validation-error {
    background-color: var(--color-error10);
}

textarea.input-validation-error {
    background-color: var(--color-error10);
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    font-family: "Noto Sans JP",sans-serif;
    font-size: var(--main-txtL-size);
    line-height: var(--main-txt-height);
    font-weight: var(--main-txt-weight);
    letter-spacing: var(--main-txt-spacing);
    color: var(--color-error90);
}

.validation-summary-valid {
    display: none;
}