/* c-sustainability_materiality list */

.c-sustainability_materiality{
	width:100%;
    max-width:620px;
    margin-inline:auto;
}
.c-sustainability_materiality__title{
    background-color:#203A69;
    color:#fff;
    text-align: center;
    margin-bottom: 10px;
}
.c-sustainability_materiality__title h3{
    font-size: 16px;
    line-height: 30px;
}
.c-sustainability_materiality__body{
}
.c-sustainability_materiality__body dl{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:0;
}
.c-sustainability_materiality__body dl > div{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	box-sizing:border-box;
	min-height:74px;
	padding:6px 39px 6px 6px;
}
.c-sustainability_materiality__body dl > div:nth-child(1){background-color:rgba(157,193,34,.65)}
.c-sustainability_materiality__body dl > div:nth-child(2){background-color:rgba(239,178,84,.65)}
.c-sustainability_materiality__body dl > div:nth-child(3){background-color:rgba(231,152,154,.65)}
.c-sustainability_materiality__body dl > div:nth-child(4){background-color:rgba(146,202,187,.65)}
.c-sustainability_materiality__body dl > div:nth-child(5){background-color:rgba(148,165,212,.65)}
.c-sustainability_materiality__body dt{
	display:flex;
	align-items:center;
	gap:8px;
	flex:1;
	min-width:0;
	margin:0;
	font-size:14px;
	font-weight:700;
	line-height:1.4;
	color:#231815;
}
.c-sustainability_materiality__body dt img{
	display:block;
	width:60px;
	height:60px;
	flex-shrink:0;
	border-radius:50%;
	background:#fff;
	object-fit:contain;
}
.c-sustainability_materiality__body dd{
	margin:0;
	flex-shrink:0;
}
.c-sustainability_materiality__body ul{
	margin:0;
	padding:0;
	list-style:none;
}
.c-sustainability_materiality__body li{margin:0}
.c-sustainability_materiality__body a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	box-sizing:border-box;
	width:254px;
	height:40px;
	padding:0 28px 0 44px;
	transition:opacity .28s ease-in-out;
	text-decoration:none;
	color:#000;
	border-radius:20px;
	background:#fff;
	font-size:14px;
	font-weight:700;
	line-height:1.4;
	white-space:nowrap;
}
.c-sustainability_materiality__body a::after{
	display:block;
	width:7px;
	height:7px;
	content:'';
	flex-shrink:0;
	border-top:1px solid #000;
	border-right:1px solid #000;
	transform:rotate(45deg);
}
.c-sustainability_materiality__body a:hover{opacity:.85}

@media screen and (max-width:768px){
	.c-sustainability_materiality__body dl > div{
		flex-direction:column;
		align-items:stretch;
		gap:12px;
		padding:12px 16px;
	}
	.c-sustainability_materiality__body a{
		width:100%;
		padding:0 24px;
	}
}