html, body {
    font-family: 'Roboto', 'Noto Sans JP';
}

.idx-hero-header {
    min-height: calc(var(--vh, 1vh) * 100);
}

.btn-confirmed,
.btn-pageback {
    width: 300px;
    height: 50px;
    font-size: 20px;
}

/* カスタム検証用クラス */
.invalid {
    outline: 1px solid var(--uniqle-general-alert);
}

.validation-message {
    color: var(--uniqle-general-alert);
}

/*ユニクル用*/
:root {
    /* 青 */
    --uniqle-blue-100: #EEF5F6;
    --uniqle-blue-200: #D2E3ED;
    --uniqle-blue-300: #66AAD0;
    --uniqle-blue-400: #0072B1;
    /* 灰 */
    --uniqle-gray-100: #F2F2F2;
    --uniqle-gray-200: #D9D9D9;
    --uniqle-gray-300: #C4C4C4;
    --uniqle-gray-400: #B3B3B3;
    --uniqle-gray-500: #7E7E7E;
    /* 既定色 */
    --uniqle-nautral-pink: #F6EEEE;
    --uniqle-general-delete: #E54D4D;
    --uniqle-general-alert: #FF0000;
    --uniqle-text-body: #343434;
    --uniqle-bg-base: #FFFFFF;
}

.uniqle-btn {
    min-width: 150px;
    height: 50px;
    font-size: 20px;
}

.uniqle-primary {
    background-color: var(--uniqle-blue-400);
    color: var(--uniqle-bg-base);
}

    .uniqle-primary:hover {
        color: var(--uniqle-bg-base);
    }

.uniqle-delete {
    background-color: var(--uniqle-general-delete);
    color: var(--uniqle-bg-base);
}

    .uniqle-delete:hover {
        color: var(--uniqle-bg-base);
    }

.uniqle-btn {
    min-width: 150px;
    height: 50px;
    font-size: 20px;
}