@charset "UTF-8";
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/* --------------------------------------------------------
* csr governance human-rights procurement
* サステナブル調達
* -------------------------------------------------------*/
#procurement_refernces_list .information__list {
	border-top: 1px solid var(--color-border);
}
#procurement_refernces_list .information__list li {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px 16px;
	padding: 18px 40px 18px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}
#procurement_refernces_list .information__list li::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: calc(50% - 7px);
	right: 5px;
	background-color: #ccc;
	-webkit-mask: url("/company/assets/images/icon/arrow2-r.svg") no-repeat center/contain;
	mask: url("/company/assets/images/icon/arrow2-r.svg") no-repeat center/contain;
}
#procurement_refernces_list .information__list li .text {
	flex: 1 1 100%;
}
#procurement_refernces_list .information__list li .text a {
	color: var(--color-txt);
	transition: color 0.2s;
}
#procurement_refernces_list .information__list li .text a:hover {
	color: var(--color-prim);
	text-decoration: underline;
}
#procurement_refernces_list .information__list li .text a[href$=".pdf"]::after {
	content: "";
	display: inline-block;
	background: url("/company/assets/images/icon/pdf.svg") no-repeat center/contain;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-left: 5px;
	translate: 0 -0.1em;
}
#procurement_refernces_list .information__list li.textonly:after {
	content: none;
}
#procurement_refernces_list .information__list li.blank:after {
	-webkit-mask-image: url("/company/assets/images/icon/blank.svg");
	mask-image: url("/company/assets/images/icon/blank.svg");
}
@media (min-width: 768px), print {
	#procurement_refernces_list {
		margin-top: 40px;
	}
	#procurement_refernces_list .cont_list > li > dl {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#procurement_refernces_list .cont_list > li .date {
		flex: 0 0 8.5em;
	}
	#procurement_refernces_list .cont_list > li .text {
		flex: 1 1 auto;
	}
}

#procurement_refernces_list.procurement-top-references .information__list > li:nth-child(n+3) {
	display: none;
}
/*# sourceMappingURL=governance_procurement.css.map */