.toc {
	padding: 30px 40px 45px;
	background-color: #F7F7F7;
	border-radius: 10px;
}
.toc_list {
	margin: 0;
	padding: 0;	
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	list-style: none:
}
.toc_ttl {
	margin: 0 0 20px !important;
	padding: 0;
	font-size: 24px;
	color: #444444;
	font-weight: 600;
	text-decoration: none;
	text-align: left;
}
.toc_list_item {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}
.toc_list_item_ttl {
	border-bottom: 1px solid #CCCCCC;
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 10px;
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
	color: #444444;
	text-decoration: none;
}
.toc_list_item_ttl::before {
	position: relative;
	top: 12px;
	display: block;
	height: 2px;
	width: 10px;
	content: '';
	background-color: #46AFF0;
}
.toc_list_item_list {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.toc_list_item_list_item {
	margin: 0;
	padding: 0;
}
.toc_list_item_list_item_ttl {
	margin: 0 0 0 20px;
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 10px;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	color: #444444;
  text-decoration: unset;
}
.toc_list_item_list_item_ttl::before {
	position: relative;
	top: 12px;
	display: block;
	height: 2px;
	width: 10px;
	content: '';
	background-color: #46AFF0;
}
@media(max-width: 1000px) {
	.toc {
		padding: 20px;
		background-color: #F7F7F7;
		border-radius: 10px;
	}
	.toc_ttl {
		margin: 0 0 10px !important;
		font-size: 20px;
	}
	.toc_list_item {
		row-gap: 10px;
	}
	.toc_list_item_ttl {
		column-gap: 8px;
		padding-bottom: 10px;
		font-size: 14px;
	}
	.toc_list_item_ttl::before {
		top: 8px;
	}
	.toc_list_item_list_item_ttl {
		margin-left: 10px;
		column-gap: 8px;
		font-size: 14px;
	}
	.toc_list_item_list_item_ttl::before {
		top: 8px;
	}
}