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

.case-list-content{ position:relative; width:100%; padding:0; margin:2rem 0 2rem 0; }
.case-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); }
.case-list-title{ font-size:2rem; }
.case-list-excerpt{ line-height:1.3; }
.case-list-text{ line-height:1.3; }
.case-list-image{ position:relative; width:100%; height:0; padding:64% 0 0 0; }
.case-list-image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.case-list-image img{
	--svg-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='298' height='190' viewBox='0 0 298 190' fill='black'%3E%3Cpath d='M1.7521 9.30994C5.69428 0.111948 37.6443 0.112144 177.144 0.111938C246.209 0.111836 240.144 -3.44954 240.144 29.6119C240.144 62.6734 297.167 37.9284 297.167 58.6119C297.167 72.3009 297.167 125.032 297.167 159.131C297.167 175.699 283.736 189.112 267.167 189.112H31.0669C14.7684 189.112 1.45792 176.157 1.15131 159.861C0.225953 110.681 -1.15547 16.094 1.7521 9.30994Z'/%3E%3C/svg%3E");
	-webkit-mask-image: var(--svg-mask);
	mask-image: var(--svg-mask);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.case-list-link{ position:absolute; top:-0.3rem; right:0; width:2.7rem; height:2.7rem; border:1px solid var(--color); border-radius:50%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M18.8031 0.519991C18.8031 0.243849 18.5792 0.0199917 18.3031 0.0199909L13.8031 0.0199906C13.5269 0.0199911 13.3031 0.243848 13.3031 0.519991C13.3031 0.796134 13.5269 1.01999 13.8031 1.01999L17.8031 1.01999L17.8031 5.01999C17.8031 5.29613 18.0269 5.51999 18.3031 5.51999C18.5792 5.51999 18.8031 5.29613 18.8031 5.01999L18.8031 0.519991ZM0.733924 18.7962L18.6566 0.873545L17.9495 0.166438L0.0268177 18.0891L0.733924 18.7962Z' fill='black'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:1rem; background-color:rgba(255,255,255,0.7); }
.case-list-link:hover{ background-color:var(--colorC); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M18.8031 0.519991C18.8031 0.243849 18.5792 0.0199917 18.3031 0.0199909L13.8031 0.0199906C13.5269 0.0199911 13.3031 0.243848 13.3031 0.519991C13.3031 0.796134 13.5269 1.01999 13.8031 1.01999L17.8031 1.01999L17.8031 5.01999C17.8031 5.29613 18.0269 5.51999 18.3031 5.51999C18.5792 5.51999 18.8031 5.29613 18.8031 5.01999L18.8031 0.519991ZM0.733924 18.7962L18.6566 0.873545L17.9495 0.166438L0.0268177 18.0891L0.733924 18.7962Z' fill='white'/%3E%3C/svg%3E"); }

.case-list-item-color{ position:relative; display:block; border-radius:var(--radius); padding:2rem 3rem; margin-bottom:1.5rem; }
.case-list-item-color.c4{ background-color:var(--colorO); }
.case-list-item-color.c5{ background:linear-gradient(90deg, var(--colorP) 0%, var(--colorN) 100%); }
.case-list-item-color.c6{ background:var(--colorN); }
.case-list-item-color .case-list-title{ font-size:2rem; }
.case-list-item-color .case-list-excerpt{ font-size:1.5rem; }
.case-list-item-color .case-list-link{ top:1.5rem; right:1rem;}

.case-list-item-color.c4{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='271' height='234' viewBox='0 0 271 234' fill='none'%3E%3Cpath d='M112.008 23.5921C114.051 7.43889 116.053 -6.30822 117.464 -15.5507C118.428 -21.8571 125.49 -25.2903 130.996 -22.0302C149.636 -10.9894 167.771 5.60256 179.934 17.8486C189.964 27.9411 198.092 39.7883 203.478 52.9316C212.403 74.7109 217.764 94.8385 220.91 112.254C199.07 128.007 178.802 144.153 164.371 158.774C158.501 164.727 156.392 173.656 158.791 181.55C159.177 182.818 159.621 184.189 160.113 185.619C140.63 185.675 126.682 182.766 117.982 180.081C112.868 178.502 108.77 174.832 106.684 170.118C120.52 165.89 141.236 156.661 166.102 136.509C179.959 125.287 183.164 105.519 173.484 90.4885M112.008 23.5921C142.4 47.6596 161.891 72.4906 173.484 90.4885M112.008 23.5921C142.41 47.6564 161.895 72.4838 173.484 90.4885M112.008 23.5921C106.527 66.8998 100.766 127.524 105.305 165.13C105.519 166.882 105.99 168.562 106.674 170.121C120.509 165.893 141.226 156.665 166.092 136.512C179.942 125.286 183.154 105.522 173.474 90.4916L173.484 90.4885M105.312 165.134C100.773 127.528 106.534 66.9035 112.014 23.5957C111.125 22.8918 110.235 22.1879 109.324 21.4902C98.2499 12.9179 85.4872 6.80737 71.9802 3.12594C55.5921 -1.3447 31.9842 -6.5835 10.6854 -6.84042C4.39705 -6.91713 0.0948689 -0.514298 2.39075 5.33944C14.7819 36.9165 50.5376 124.516 81.358 165.523C85.5648 171.123 92.6933 173.609 99.5148 172.057C101.639 171.57 104.038 170.943 106.684 170.135C105.993 168.572 105.525 166.902 105.315 165.144L105.312 165.134ZM345.622 120.837C349.056 100.512 352.67 71.4334 350.907 45.9356C350.385 38.4056 342.787 34.3187 336.444 38.0248C313.697 51.3156 264.191 81.0193 220.914 112.247C223.245 125.152 224.371 136.574 224.815 146.073C225.673 164.184 212.761 179.9 194.815 182.713C181.738 184.763 170.185 185.585 160.11 185.608C165.538 201.377 177.744 226.44 205.049 255.282C218.973 269.997 241.454 270.575 257.385 256.532C277.019 239.22 303.964 210.732 328.617 168.481C337.161 153.833 342.792 137.577 345.63 120.823L345.622 120.837ZM224.818 146.084C224.367 136.581 223.248 125.163 220.917 112.257C199.073 128.018 178.806 144.163 164.378 158.778C158.501 164.727 156.392 173.656 158.798 181.553C159.187 182.832 159.628 184.192 160.12 185.622C170.195 185.599 181.748 184.777 194.825 182.727C212.764 179.91 225.683 164.198 224.825 146.087L224.818 146.084Z' stroke='%23C8CBFF' stroke-opacity='0.31' stroke-width='3' stroke-miterlimit='10'/%3E%3C/svg%3E"); background-position:right center; background-repeat:no-repeat; }

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