.wrap-step {width:100%; height:auto; overflow:hidden;gap: 30px;justify-content: space-between;display: grid;grid-template-columns: repeat(5, 1fr);}
.wrap-step li {text-align:center;position: relative;}
.wrap-step li:after {content: "";position: absolute;top: 50%;right: -11%;transform: translateY(-50%);background: url(../img/common/ico-step.png) no-repeat center;width: 9px;height: 15px;background-size: cover;z-index: -1;}
.wrap-step li:last-child  {padding-right:0; background:none;}
.wrap-step li p {margin:0; background:#6a7698;width: 100%;height: 195px;color:#fff; overflow:hidden;border-radius: 50%;align-content: center;font-size: 16px;line-height: 1.4;box-sizing: border-box;padding: 15px;}
.wrap-step li:last-child p {background:#a52d69;} 
.wrap-step li p span {display:block; border-bottom:1px solid #fff; width:90px; margin:0 auto 10px auto; padding:0 0 8px 0;}
.wrap-step li:last-child:after {display: none;}

.wrap-step li strong {min-height: 46px;display: block;font-weight: 400;}

@media screen and (max-width:1300px){
	.wrap-step li p {height: 160px;}
}

@media screen and (max-width:1200px){
	.wrap-step li p {height: 190px;}
}


@media screen and (max-width:1024px){
	.wrap-step {gap: 20px;}
	.wrap-step li p {height: 150px;font-size: 15px;}
	.wrap-step li:after {right: -10%;}
}

@media screen and (max-width:768px){
	.wrap-step {grid-template-columns: repeat(1, 1fr);justify-items: center;gap: 30px;}
	.wrap-step li p {height: 200px;width: 200px;}
	.wrap-step li:after {right: 45%;top: unset;bottom: -22px;rotate: 360%;transform: translateX(-50%) rotate(90deg);}  
        
}