.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-400 {
    font-weight: 400;
}

.text-primary {
    color: var(--primary);
}

.text-danger {
    color: var(--danger);
}

.relative {
    position: relative;
}

.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.half-width {
    width: 50% !important;
}

form input.error-field:not(input[type='checkbox']),
form select.error-field, 
form textarea.error-field {
    border: 1px solid var(--danger) !important; 
    background: var(--danger-background) !important;
}

@media screen and (min-width: 993px) {
    .half-width-pc {
        width: 50% !important;
    }
}

@media screen and (max-width: 992px) {
    .half-width-sp {
        width: 50% !important;
    }
}