@charset 'UTF-8';

/*----------------------------------------

	+ products
		- card_box / card_3column / white
		- card_box / card_4column / white
		- card_box / card_4column / gray
		- button_list

-----------------------------------------*/

/* scroll-behaviorの関係で打ち消し */
[class^='bg_'] {
	overflow: unset;
}

/*----------------------------------------
	card_box / card_3column / white
	製品分野から探す
-----------------------------------------*/

/* spサイズ */
@media screen and (max-width: 768px) {
	#products .bg_basicblue {
		padding-bottom: 15.45vw;
	}
}

/*----------------------------------------
	card_box / card_4column / white
	代理店
-----------------------------------------*/

.card_4column.white {
	gap: 20px;
	margin-top: 44px;
}

.card_4column.white .card {
	aspect-ratio: 0.83 / 1;
	border: 1px solid var(--color_silver);
}

.card_4column.white .card a {
	padding: 50px 0 30px;
}

.card_4column.white .card figure {
	max-height: 112px;
	height: 8.75vw;
	aspect-ratio: 1.35 / 1;
}

/* 中間サイズ */
@media screen and (min-width: 769px) and (max-width: 1280px) {
	.card_4column.white .card a {
		padding: 3.9vw 0 2.34vw;
	}
}

/* spサイズ */
@media screen and (max-width: 768px) {
	#products .bg_white {
		padding-bottom: 15.35vw;
	}

	.card_4column.white {
		gap: 2.56vw;
		margin-top: 9.43vw;
	}

	.card_4column.white .card {
		aspect-ratio: 0.85 / 1;
	}

	.card_4column.white .card a {
		padding: 8.19vw 0 5.12vw;
	}

	.card_4column.white .card figure {
		max-height: initial;
		height: 19.23vw;
	}

	/* ロゴサイズ調整 */
	.card_4column.white .card figure.scaleup img,
	.card_4column.white .card figure.scaleup img {
		transform: scale(1.22);
	}
}

/*----------------------------------------
	card_box / card_4column / gray
	用途・産業
-----------------------------------------*/

.card_4column.gray .card {
	aspect-ratio: 0.877 / 1;
}

.card_4column.gray .card a {
	padding: 20px 0 30px;
}

.card_4column.gray .card figure {
	max-height: 148px;
	height: 11.56vw;
	aspect-ratio: 1.5 / 1;
}

/* 中間サイズ */
@media screen and (min-width: 769px) and (max-width: 1280px) {
	.card_4column.gray .card a {
		padding: 1.56vw 0 2.34vw;
	}
}

/* spサイズ */
@media screen and (max-width: 768px) {
	#products .bg_basicblue {
		padding-bottom: 15.25vw;
	}

	.card_4column.gray .card a {
		padding: 3.84vw 0 5.64vw;
	}

	.card_4column.gray .card figure {
		max-height: initial;
		height: 27.69vw;
	}
}