@charset "utf-8";

/*----------------------------------------------------------------
 /category/ under
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/
.section{ max-width: var(--slim-width); }

.section .image{
	max-width: 720px;
	margin: 0 auto;
}
.section h2:not([class]){
	font-size: 1.125em;
}
.section h2 .label{
	display: block;
	font-size: 1.388888888em;
}

.toc-image-link ul{
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin: 0 0 50px 0;
	flex-wrap: wrap;
}
.toc-image-link ul>li{
	flex: 0 0 calc(33.333% - 7px);
}
.toc-image-link ul>li a{
	display: block;
}
.toc-image-link ul>li a img{
	border-radius: 10px;
	border: 2px solid var(--main-color);
}
@media screen and (min-width: 769px){
.toc-image-link ul{
	gap: 10px;
	flex-wrap: nowrap;
}
.toc-image-link ul>li{
	flex: 1;
}
.toc-image-link ul>li a img{
	border: 5px solid var(--main-color);
}
}
@media screen and (min-width: 1150px) {
.toc-image-link ul{
	gap: 10px 22px;
}
}