/*
 * TOPページの「対応モール＆カート一覧」「連携済サービス」で、
 * 個々のロゴ画像をグリッド表示するためのスタイル。
 * 旧デザイン(1枚に全ロゴを合成した集合画像)を、白い角丸パネル+
 * CSSグリッドで個別画像として再現している。
 */
.partner-logos-panel {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 6px 20px rgba( 0, 0, 0, 0.08 );
	padding: 28px 24px;
}

.partner-logos-panel + .partner-logos-panel {
	margin-top: 20px;
}

.partner-logos-grid {
	display: grid;
	grid-template-columns: repeat( 5, 1fr );
	gap: 20px 16px;
}

.partner-logos-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.partner-logos-item img {
	width: 100%;
	height: auto;
	display: block;
}

@media ( max-width: 781px ) {
	.partner-logos-panel {
		padding: 20px 16px;
		border-radius: 16px;
	}

	.partner-logos-grid {
		grid-template-columns: repeat( 3, 1fr );
		gap: 16px 12px;
	}
}

@media ( max-width: 480px ) {
	.partner-logos-grid {
		grid-template-columns: repeat( 2, 1fr );
		gap: 12px 10px;
	}
}