/* alliance.htmlの会社一覧テーブル
---------------------------------------------------------------------------*/
.alliance-table-wrap {
}

.alliance-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0 auto 1rem;
}

.alliance-filter-button {
	appearance: none;
	border: 1px solid var(--primary-color);
	background: #fff;
	color: var(--primary-color);
	border-radius: 999px;
	padding: 0.65rem 1.25rem;
	font: inherit;
	line-height: 1;
	cursor: pointer;
	transition: 0.3s;
}

.alliance-filter-button:hover,
.alliance-filter-button:focus-visible {
	background: #e3e3e3;
	outline: none;
}

.alliance-filter-button.is-active {
	background: var(--primary-color);
	color: var(--primary-inverse-color);
}

#alliance-list {
	table-layout: fixed;
}

#alliance-list .alliance-col-id {
	width: 18ch;
}

#alliance-list .alliance-col-president-name {
	width: 12ch;
}

#alliance-list .alliance-col-tel,
#alliance-list .alliance-col-fax {
	width: 13ch;
}

#alliance-list .alliance-col-link {
	width: 6ch;
}

.alliance-row-hidden {
	display: none;
}

#alliance-list th:nth-child(1),
#alliance-list th:nth-child(4),
#alliance-list th:nth-child(5),
#alliance-list th:nth-child(6),
#alliance-list td:nth-child(1),
#alliance-list td:nth-child(4),
#alliance-list td:nth-child(5),
#alliance-list td:nth-child(6) {
	white-space: nowrap;
	word-break: normal;
}

	/*画面幅900px以下の追加指定*/
	@media screen and (max-width:900px) {

		.alliance-table-wrap {
			width: 100%;
		}

		.alliance-filter {
			gap: 0.5rem;
		}

		.alliance-filter-button {
			padding: 0.6rem 1rem;
		}

	}/*追加指定ここまで*/

	/*画面幅768px未満の追加指定*/
	@media screen and (max-width:767px) {

		.alliance-table-wrap {
			overflow-x: auto;
		}

		#alliance-list {
			min-width: 600px;
		}

	}/*追加指定ここまで*/