.table-block {
	&:not(:last-child) {
		margin-bottom: 40px;
	}

	.container {
		max-width: 1124px;
	}

	.table_wrapper {
		width: max-content;
		min-width: 630px;
		max-width: 100%;
		margin: 0 auto;
		padding: 24px;
		border-radius: 16px;
		background-color: var(--white-64);
	}

	.table_box {
		display: grid;
		grid-template-columns: repeat(auto-fill, 1fr);
		grid-auto-flow: column;
		overflow-x: auto;
		border-radius: 16px;
		background-color: var(--brown-10);
	}

	.table_item {
		min-width: 150px;
		flex-shrink: 0;
		padding: 16px;
		display: flex;
		align-items: center;
		font-size: 14px;
		border-right: 1px solid var(--white-100);
		border-bottom: 1px solid var(--white-100);
		grid-column: var(--col);
	}

	.col_head {
		font-size: 18px;
		background-color: var(--brown-50);
		grid-row: 1;
	}

	.table_col,
	.col_items {
		display: contents;
	}

	@media(min-width: 1200px) {
		.table_item:last-child {
			border-bottom: 0;
		}

		.table_col:last-child .table_item {
			border-right: 0;
		}
	}

	@media(max-width: 1199px) {
		.table_wrapper {
			padding: 24px 16px;
			min-width: 1px;
		}

		.table_box {
			grid-template-columns: 100%;
			grid-auto-flow: dense;
		}

		.table_item {
			grid-column: auto;
		}

		.col_head {
			font-size: 16px;
			align-items: flex-start;
		}

		.table_col {
			display: grid;
			grid-template-columns: 150px calc(100% - 150px);
		}
		.col_items {
			display: flex;

			.table_item {
				width: 50%;
			}
		}
	}

	@media(max-width: 767px) {
		.col_items {
			.table_item {
				width: 100%;
			}
		}
	}
}