/* 入力画面用部品CSS */

/* 区切り線 */
.DividingTopBorderLine {
    border-top: 1px solid var(--color-gray);
    padding-top: 10px;
}

/* 必須マーク */
.RequiredMark {
    color: var(--color-white);
    background-color: var(--color-LtRed);
    font-size: 12px;
    line-height: 125%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.25em 0.5em;
    border-radius: 4px;
    width: fit-content;
}

/* 枠線付きテキストボックス */
.BorderTextBox-Frame {
    width: 95%;
    background-color: var(--color-white);
    margin: 15px auto 0;
    border: solid 2px var(--color-Blue);
    border-radius: 20px;
    padding: 15px 2.5%;
}

.BorderTextBox-Frame .BorderTextBox-Title {
    color: var(--color-Blue);
    font-size: 125%;
    line-height: 150%;
    font-weight: 700;
    margin-bottom: 0.25em;
}

/* 同意チェック用の枠 */
.Agreement-Frame {
    text-align: center;
}