/*===============================================================================
基本的なタブ機能
*================================================================================*/
/*===============================
* **タブボタン
* =================================*/
.baseTab-head__list::-webkit-scrollbar {
	display: none;
}
.baseTab-head__link {
	display: inline-block;
	width: 100%;
	text-align: center;
	transition: var(--ani-t--normal);
}
/*===============================
* **タブ内容
* *=================================*/
.baseTab-body__item {
	display: none;
}
/* アクティブ時 */
.baseTab-body__item.is-active {
	display: block;
}



/*===============================================================================
地域づくり事業のページで使用
================================================================================*/
/*===============================
* タブボタン
* =================================*/
.chihousouseiTab .baseTab-head {
	position: relative;
}

/* 灰色下線 */
.chihousouseiTab .baseTab-head::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 1px;
	background: var(--c-gray);
	z-index: -1;
}
@media (min-width: 600px) {
	.chihousouseiTab .baseTab-head::before {
		height: 2px;
	}
}

/* ul */
.chihousouseiTab .baseTab-head__list {
	display: flex;
	justify-content: center;
	gap: var(--g-sec--xs);
	margin: 0 auto var(--g-sec--md);
}

/* a */
.chihousouseiTab .baseTab-head__link {
	font-size: 1.5rem;
	font-weight: var(--fw-lg);
	color: var(--c-dark);
	opacity: .5;
	padding: 0 .5rem .5rem;
	border-bottom: 4px solid transparent;
}
/* a：アクティブ時 */
.chihousouseiTab .baseTab-head__link.is-active {
	opacity: 1;
	border-color: var(--c-main);
}
@media (min-width: 600px) {
	.chihousouseiTab .baseTab-head__link {
		font-size: 2rem;
		padding: 0 1rem 1rem;
	}
}