@charset "UTF-8";
/* sec-4 FIND A PARTNER — Figma PC `137:3629` / SP `149:5465` */

.sec-4 {
	/* PC: グレー帯 3038–3676 / 見出し 3114 / ボタン下端 3591 */
	padding-top: 76px;
	padding-bottom: 85px;
}

.sec-4__filters {
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* 見出しブロック下端 3258 → 絞り込み 3310 */
	margin-top: 52px;
}

/* .filter-row / .filter-pill は検索結果ページと共通なので base.css にある */

.sec-4__grid {
	margin-top: 55px;
}

.sec-4__cta {
	display: flex;
	justify-content: center;
	/* 絞り込み下端 3482 → ボタン 3534 */
	margin-top: 52px;
}

/* 横長の CTA そのものは base.css の .btn--wide */

/* サンプルSW提供元に関する注記（page-partner-search.css の .search-note と同じ体裁） */
.sec-4__note {
	margin-top: 60px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--c-text);
}

.sec-4__note a {
	color: var(--c-tag-text);
	text-decoration: underline;
}

@media (max-width: 767px) {
	.sec-4 {
		/* SP: グレー帯 4911–5672 / 見出し 4960 / ボタン下端 5625 */
		padding-top: 49px;
		padding-bottom: 47px;
	}

	.sec-4__filters {
		/* SP: 見出し下端 5137 → 絞り込み 5156、行間 17〜20 */
		gap: 18px;
		margin-top: 19px;
	}

	.sec-4__cta {
		/* 絞り込み下端 5535 → ボタン 5573 */
		margin-top: 38px;
	}
}