/* ページコンポーネント */
.UI_Page {
    display: grid;
    gap: 20px;
}

.UI_PageTitle {
    display: grid;
    gap: 7px;
    line-height: 1;
    padding-left: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--LineColor);

    .Breadcrumb {
        font-size: 0.8em;
        color: var(--SubText1);
    }
    .Title {
        font-size: 1.5em;
        font-weight: bold;
        color: var(--MainText1);
    }

    .Note {
        font-size: 0.9em;
        color: var(--SubText1);
        line-height: 1.6;
    }
}

.UI_SectionTitle {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--MainText1);
}

.NoteBox {
	display: grid;
	gap: 10px;
	padding: 20px;
	border-radius: 8px;
	border: 1px solid #eee;
	background-color: #fff;

	.Title {
		font-size: 1.2em;
		font-weight: bold;
		color: var(--Gray_Main1);
	}

	.Note {
		font-size: 0.9em;
		color: var(--SubText1);
	}
}