.client-list{ position:relative; width:100%; display:block;}
.client-list-leaf{ position:absolute; top:0; left:0; width:1rem; height:1rem; filter: blur(0.3rem); opacity:0.3; overflow:visible; }
.client-list-leaf .leaf{ position:absolute; width:85rem; top:23rem; left:-30rem; height:46rem; background-color:var(--colorC); transform:rotate(135deg); }
.client-list-header{ position:relative; width:100%; padding:2rem; background-color:var(--colorM); border-radius:var(--radius); }
.client-list-header-title{ font-size:2.7rem; line-height:1.3; font-weight:500; margin:-0.7rem 0 1rem 0; }
.client-list-header-text{ font-size:1.5rem; line-height:1.3; }

.client-list-content{ position:relative; width:100%; padding:0; margin:2rem 0 2rem 0; }
.client-list-item{ position:relative; width:100%; background-color:var(--colorW); border-radius:var(--radius); padding:2.5rem 1.5rem; margin-bottom:1.5rem; box-shadow:var(--shadowLight); }
.client-list-title{ font-size:2rem; }
.client-list-excerpt{ line-height:1.3; }
.client-list-text{ line-height:1.3; }
.client-list-image{ position:relative; width:100%; height:0; padding:64% 0 0 0; }
.client-list-image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; }
.client-list-link{ line-height:1.3; }

@media screen and (min-width: 768px){
	.client-list-header{ padding:4.5rem 4.5rem 8.5rem 4.5rem; }
	.client-list-header-title{ font-size:3.7rem; margin:-0.7rem 0 0 0; }
	.client-list-content{ padding:0 3rem; margin:-2rem 0 2rem 0; }
}