.faq__head{
	max-width: var(--width-sm);
	margin-inline: auto;
	margin-bottom: var(--g-sec--md);
}
.faq__lead{
	margin-bottom: var(--g-sec--md);
	text-align: center;
}

/*===============================
 * ラベル
 * =================================*/
.faq__label{
	width: 100%;
	padding: .4em;
	border: 1px solid var(--c-dark);
	background: var(--c-light);
	text-align: center;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	color: var(--c-dark);
}
.faq__label.--syougakusei{
	background: var(--c-syougakusei);
}
.faq__label.--chugakusei{
	background: var(--c-chu2);
}
.faq__label.--koukousei{
	background: var(--c-koukousei);
}

/*===============================
* リンク
* =================================*/
.faq__links{
	--gap: 1rem;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
	gap: var(--gap);
}
/* ボタン */
.faq__link{
	font-weight: var(--fw-lg);
	transition: var(--ani-t--normal);
}
.faq__link:is(:focus,:hover){
	background: var(--c-dark);
	color: var(--c-light);
}

/*===============================
 * 
 * =================================*/
.faq__group:not(:last-of-type){
	margin-bottom: var(--g-sec--md);
}
.faq__group {
  scroll-margin-top: calc( var(--header-vertical-gap) * 2 + var(--logo-size) + 1rem ); 
}
.faq__course{
	margin-bottom: var(--g-sec--xs);
	text-align: center;
}