/* *******************************************
*
*	Since: 2026-08-31
*	Modified: 2026-08-31
*
*	*********************************************/
.policyholder-link {
	display: flex;
	flex-direction: column;
	padding: 16px;
	text-align: center;
	transition: opacity 0.3s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
	.policyholder-link:hover {
		opacity: 0.6;
	}
}

@media (max-width: 768px) {
	.policyholder-link {
		padding: 20px;
	}
}

.policyholder-link > *:nth-child(2) {
	margin: 14px 0;
}

@media (max-width: 768px) {
	.policyholder-link > *:nth-child(2) {
		margin: 12px 0 15px;
	}
}

.policyholder-link > p:last-child {
	margin-top: auto;
	margin-bottom: auto;
}

.policyholder-link h4 {
	padding-left: 0;
}

.policyholder-link h4::before {
	display: none;
}

.policyholder-link__images {
	display: flex;
	justify-content: center;
	gap: 24px;
}

.policyholder-link__images img {
	width: auto;
	height: 60px;
}

.h3--private-car {
	padding-left: 11.2rem;
}

@media (max-width: 768px) {
	.h3--private-car {
		padding-left: 0;
	}
}

.h3--private-car::before {
	width: 10.2rem;
	background: url(/jidosha/jibaiseki/about/policyholder/img/icon-h3-private-cars.svg) center left/contain no-repeat;
}

.h3--light-motorcycle::before {
	top: 0;
	height: 3.2rem;
	background: url(/jidosha/jibaiseki/about/policyholder/img/icon-light-motorcycle.svg) center left/contain no-repeat;
}

.h3--moped::before {
	top: 0;
	height: 3.2rem;
	background: url(/jidosha/jibaiseki/about/policyholder/img/icon-moped.svg) center left/contain no-repeat;
}

.h3--e-scooter {
	padding-left: 4.2rem;
}

@media (max-width: 768px) {
	.h3--e-scooter {
		padding-left: 0;
	}
}

.h3--e-scooter::before {
	top: 0;
	height: 3.2rem;
	background: url(/jidosha/jibaiseki/about/policyholder/img/icon-e-scooter.svg) center left/contain no-repeat;
}

.card__row--policyholder {
	justify-content: center;
	align-items: center;
}

@media (max-width: 768px) {
	.card__row--policyholder {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}
}

.card__row--policyholder img {
	height: 100px;
	object-fit: contain;
}