.case-box-content{ position:relative; width:calc(100% + 2.8rem); padding:1rem; margin:0 -1.4rem 2rem -1.4rem; background-color:var(--colorF); overflow:hidden; }
.case-stars{ position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; justify-content:space-between; margin:0; background-color:var(--colorW); border-radius:var(--radius); padding:1.6rem 1.6rem 1.6rem 5.5rem; width:19rem; }
.case-stars::before{ content:'G'; position:absolute; top:1rem; left:1rem; width:3.7rem; height:3.7rem; background-color:var(--color); border-radius:50%; color:var(--colorW); font-size:2.5rem; font-weight:700; text-align:center; line-height:3.5rem; }
.case-stars > div{ position:relative; width:2.5rem; height:2.5rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M18.0979 5.8541C18.6966 4.01148 21.3034 4.01148 21.9021 5.8541L24.0413 12.4377C24.309 13.2617 25.0769 13.8197 25.9434 13.8197H32.8658C34.8032 13.8197 35.6088 16.2989 34.0413 17.4377L28.441 21.5066C27.74 22.0159 27.4467 22.9186 27.7145 23.7426L29.8536 30.3262C30.4523 32.1689 28.3433 33.7011 26.7759 32.5623L21.1756 28.4934C20.4746 27.9841 19.5254 27.9841 18.8244 28.4934L13.2241 32.5623C11.6567 33.7011 9.5477 32.1689 10.1464 30.3262L12.2855 23.7426C12.5533 22.9186 12.26 22.0159 11.559 21.5066L5.95867 17.4377C4.39124 16.2989 5.19679 13.8197 7.13424 13.8197H14.0566C14.9231 13.8197 15.691 13.2617 15.9587 12.4377L18.0979 5.8541Z' fill='%23FFDF95'/%3E%3C/svg%3E") no-repeat center; }
.case-box-image{ position:relative; width:100%; height:28rem; border-radius:var(--radius); background-color:var(--colorR); margin:0 0 1rem 0; }
.cases-box-image-leaf.leaf{ position:absolute; top:4.7rem; left:-8.5rem; width:32.4rem; height:19rem; background-color:var(--colorN); transform:rotate(19.4deg); transition:all 1s ease; }
.cases-box-image-leaf.leaf:hover{ background-color:var(--colorO); }
.case-box-image-over{ position:absolute; top:2rem; left:-1rem; width:21rem; height:25rem; background-position:bottom left; background-repeat:no-repeat; background-size:contain; z-index:1; pointer-events:none; }

.case-box-text{ position:relative; width:100%; padding:1rem; background-color:var(--colorW); border-radius:var(--radius); }
.case-box-text h2{ font-weight:500; padding-right:9rem; }
.case-box-excerpt{ font-size:1.5rem; }
.case-box-label{ font-size:0.75rem; }
.case-box-tags{ display:flex; justify-content:start; gap:1rem; }
.case-box-tags > div{ display:block; border-radius:var(--radius); border: 1px solid var(--colorD); color:var(--colorD); font-size:0.75rem; padding:0.3rem 1.2rem; }
.case-box-corner{ position:absolute; top:-1px; right:-1px; width:10rem; height:8.3rem; background-color:var(--colorF); border-radius:0 var(--radius) 0 var(--radiusBig); }
.case-box-corner-inner{ position:absolute; top:0; left:50%; transform:translateX(-50%); width:6rem; height:6rem; }
.case-box-corner-inner-round{ position:relative; top:0; left:0; width:100%; min-height:2rem; background-color:var(--colorC); border-radius:var(--radius); text-align:center; padding:0.3rem 0.3rem 1rem 0.3rem; color:var(--colorW); font-size:0.625rem; font-weight:600; line-height:1.2; }
.case-box-corner-inner-round .icon-pod-cin{ position:absolute; top:1rem; left:50%; transform:translateX(-50%); z-index:1; }
.case-box-corner-inner-round a{ font-size:1.25rem; font-weight:700; color:inherit; margin:0 0 0.5rem 0; }

@media screen and (min-width: 768px) {
	.case-box-content{ padding:5.5rem 5rem; width:100%; margin:0 0 2rem 0; border-radius:var(--radiusBig); }
	.case-box-text{ padding:6rem 6.7rem; }
	.case-stars{ top:-1rem; left:-2rem; transform:none; }
	.case-box-image{ margin:0; }
}