@charset "UTF-8";

.information-main {
	--_gap_block: var(--space_lg);
	--_gap_box: var(--space_md);
}

@media not screen and (min-width: 768px) {
	.information-main {
		--_gap_box: var(--space_lg);
		padding-inline: var(--space_sm);
	}
}


.information-main__title {
	margin-bottom: var(--_gap_block);
	padding-bottom: var(--space_2xs);
	font-size: var(--font-size_3md);
	font-weight: bold;
	color: var(--color_emphasis, #db0339);
	border-bottom: solid 3px var(--color_emphasis, #db0339);
}

.information-main__block + .information-main__block {
	margin-top: var(--_gap_block);
}
.information-main__block-heading {
	margin-bottom: var(--_gap_box);
	font-size: var(--font-size_2md);
	font-weight: bold;
}


.information-main__box + .information-main__box {
	margin-top: var(--_gap_box);
}
.information-main__box-heading {
	margin-bottom: var(--space_xs);
	padding: calc(var(--space_2xs) * 0.5) 0.5em;
	font-size: var(--font-size_md);
	font-weight: bold;
	border-left: solid 6px var(--color_category_dark-gray);
}

.information-main__unit + .information-main__unit {
	margin-top: var(--space_sm);
}

.information-main__text + .information-main__text {
	margin-top: 1em;
}
.information-main__text--emphasis {
	color: var(--color_emphasis, #db0339);
}
.information-main__text--bold {
	font-weight: bold;
}



/* 見出し付きフレームデザイン */
.information-main__frame {
	--_frame-color: var(--color_category_dark-gray);
	background-color: #fbfbfb;
	border-radius: var(--border-radius_s);
	border: solid 2px var(--_frame-color);
}
.information-main__frame-heading {
	padding: var(--space_2xs) var(--space_xs);
	background-color: var(--_frame-color);
	font-size: var(--font-size_md);
}
.information-main__frame-inner {
	display: grid;
	padding: var(--space_xs);
	row-gap: var(--space_xs);
}

/* セルリスト */
.information-main__table {
	--_table_border: solid 1px var(--color_category_dark-gray);
	display: grid;
	grid-template-columns: 100%;
	border: var(--_table_border);
}
.information-main__table-cell--heading {
	background-color: var(--color_category_light-gray);
}
[class*="information-main__table-cell"] {
	padding: 1em;
}
[class*="information-main__table-cell"] + .information-main__table-cell {
	border-top: var(--_table_border);
}
.information-main__table-row + .information-main__table-row {
	border-top: var(--_table_border);
}

@media screen and (min-width: 576px) {
	.information-main__table {
		grid-template-columns: minmax(30%, auto) minmax(54%, 1fr);
	}
	.information-main__table-row {
		display: grid;
		grid-column: span 2;
		grid-template-columns: subgrid;
	}
	[class*="information-main__table-cell"] + .information-main__table-cell {
		border-top: unset;
		border-left: var(--_table_border);
	}
}


/* ●リスト */
:where(.information-main__list--disc) .information-main__list-item {
	margin-left: 1.5em;
	list-style: disc;
}
/* 番号リスト */
.information-main__list--decimal {
	counter-reset: number-decimal;
}
:where(.information-main__list--decimal) .information-main__list-item {
	display: flex;
}
:where(.information-main__list--decimal) .information-main__list-item::before {
	content: counter(number-decimal, decimal) '.';
	counter-increment: number-decimal;
	flex: 0 0 auto;
	margin-right: 0.5em;
	width: 1.5em;
	text-align: right;
}
