/* ブランド／サービス種別／作業内容 のアーカイブ
   kawaremake デザインシステム準拠（セクション間120px/80px・カード32px・角丸0・影なし）
   色 文字 #2C2826 / 補助 #6B6760・#888780 / 罫線 #E8E5DE */

.kwrm-tax-archive {
	max-width: 1120px;
	margin: 0 auto;
	padding: 120px 0;
}

.kwrm-tax-archive__header {
	text-align: center;
	margin-bottom: 96px;
}

.kwrm-tax-archive__title {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2c2826;
	margin: 0 0 20px;
}

.kwrm-tax-archive__desc {
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 13px;
	line-height: 1.9;
	color: #6b6760;
	max-width: 680px;
	margin: 0 auto;
}

.kwrm-tax-archive__section + .kwrm-tax-archive__section {
	margin-top: 120px;
}

.kwrm-tax-archive__heading {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #2c2826;
	text-align: center;
	margin: 0 0 48px;
}

.kwrm-tax-archive__grid {
	display: grid;
	grid-template-columns: repeat(var(--kwrm-tax-cols, 3), minmax(0, 1fr));
	gap: 32px;
}

.kwrm-tax-archive__posts {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 680px;
}

.kwrm-tax-archive__posts li {
	border-bottom: 0.5px solid #e8e5de;
}

.kwrm-tax-archive__posts a {
	display: block;
	padding: 20px 0;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #2c2826;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.kwrm-tax-archive__posts a:hover {
	opacity: 0.7;
}

.kwrm-tax-archive__empty {
	text-align: center;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 13px;
	color: #888780;
}

@media (max-width: 900px) {
	.kwrm-tax-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
	.kwrm-tax-archive { padding: 80px 0; }
	.kwrm-tax-archive__header { margin-bottom: 64px; }
	.kwrm-tax-archive__title { font-size: 23px; }
	.kwrm-tax-archive__section + .kwrm-tax-archive__section { margin-top: 80px; }
	.kwrm-tax-archive__heading { font-size: 19px; margin-bottom: 32px; }
}

@media (max-width: 560px) {
	.kwrm-tax-archive__grid { grid-template-columns: 1fr; }
}