@charset 'UTF-8';

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

	+ company
		- bg
		- card

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

/*----------------------------------------
	bg (上下のアキ)
-----------------------------------------*/

#company .bg_silver {
	padding: 80px 0;
}

@media screen and (max-width: 768px) {
	#company .bg_silver {
		padding: 12.3vw 0 12.05vw;
	}
}

/*----------------------------------------
	card_box (カードレイアウト)
-----------------------------------------*/

#company .card_box {
	margin-top: 0;
}

#company .card_box.card_3column.white {
	gap: 40px 33px;
}

#company .card a {
	grid-template-rows: auto 1fr;
}

#company .card p {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	margin-top: 0;
}

#company .card p::after {
	content: '';
	width: 24px;
	height: 17px;
	background-image: url(../../img/c_ic_arw_r_s_basicblue.svg);
	background-position: center;
	background-size: 24px 17px;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
	#company .card_box.card_3column {
		grid-template-columns: repeat(1, 1fr);
	}

	#company .card_box.card_3column.white {
		gap: 10.25vw 0;
	}

	#company .card_3column.white .card {
		aspect-ratio: 1 / 0.92857;
	}

	#company .card p::after {
		width: 6.15vw;
		height: 4.35vw;
		background-size: 6.15vw 4.35vw;
	}
}