@charset "utf-8";



#list-area {
	width: 20%;
	position: sticky;
	top: 100px;
}
#list-area li,
.list-area-sub p,
.list-area-sub-child {
	padding-left: 1.1em;
	line-height: 1.2;
	font-size: clamp(1rem, 0.801rem + 0.27vw, 1.125rem);/*18px~16px*/
	position: relative;
}
.list-area-sub p,
.list-area-sub-child {
	margin: 0.7em 0 0;
	font-size: clamp(0.938rem, 0.838rem + 0.14vw, 1rem);
}
.list-area-sub-child {
	display: block;
}
#list-area li:not(:last-child) {margin-bottom: 0.7em;}
#list-area li a,
.list-area-sub p a,
.list-area-sub-child a,
#list-area li.current .list-area-sub p a,
#list-area li.current .list-area-sub p.current .list-area-sub-child a {
	color: #999;
}
#list-area li.current::before,
#list-area li.current .list-area-sub p.current::before,
#list-area li.current .list-area-sub p.current .list-area-sub-child.current::before {
	content: "";
	position: absolute;
	inset: 0.25em auto auto 0;
	width: 0.6em;
	height: 0.6em;
	background-color: #29abe2;
	border-radius: 50%;
}
#list-area li.current a,
#list-area li a:hover,
.list-area-sub p.current a,
.list-area-sub p a:hover,
.list-area-sub-child.current a,
.list-area-sub-child a:hover,
#list-area li.current .list-area-sub p.current a,
#list-area li.current .list-area-sub p.current .list-area-sub-child.current a {
	color: #333;
}

/* title-sub-child */
.title-sub-child {
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-left: solid #ccc 7px;
	font-size: clamp(1rem, 0.942rem + 0.26vw, 1.25rem);/*20px~16px*/
	color: #194aab;
}

@media screen and (max-width: 600px) {
	#list-area {display: none;}
}