.heading-wrap { background-image: url(../img/content/img-donation.jpg); }
.heading-wrap .box-txt .txt-heading .tit:before { content: none; }
.step-box ul { display: flex; flex-wrap: wrap; gap: 40px 47px; align-items: stretch; }
.step-box .step { position: relative; flex: 1; }
.step-box .step > div { width: 100%; height: 100%; padding: 24px 20px; box-sizing: border-box; border: 1px solid #E5E5E5; border-radius: 5px; }
.step-box .step:nth-child(1) > div { background-image: url(../img/content/ico-step01.png); background-repeat: no-repeat; background-position: top 20px right 20px; }
.step-box .step:nth-child(2) > div { background-image: url(../img/content/ico-step01.png); background-repeat: no-repeat; background-position: top 20px right 20px; }
.step-box .step:nth-child(3) > div { background-image: url(../img/content/ico-step03.png); background-repeat: no-repeat; background-position: top 20px right 20px; }
.step-box .step:nth-child(4) > div { background-image: url(../img/content/ico-step04.png); background-repeat: no-repeat; background-position: top 20px right 20px; }
.step-box .step span { display: block; font-weight: 600; font-size: 14px; line-height: 110.00000000000001%; letter-spacing: 0.02em; text-underline-offset: 21.5%; color: #00A8D6; text-transform: uppercase;margin-bottom:10px;}
.step-box .step .t1 {font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -0.02em;color:#222;margin:0 32px 16px 0;}
.step-box .step .t2 {font-weight: 500;font-size: 14px;line-height: 22px;letter-spacing: -0.02em;color:#666;}
.step-box .step + .step:before { content: ""; position: absolute; background: url(../img/content/donation-icon-step.png) no-repeat center; top: 50%; left: -28px; transform: translatey(-50%); width: 10px; height: 15px; }
.step-box .step.active > div { border-color: #001B54; background-color: transparent;}

@media (max-width:1440px) {
	.step-box .step .t2 br {display:none;}
	.step-box ul {gap: 30px 30px;}
	.step-box .step + .step:before {left: -19px;}
}
@media (max-width:1024px) {
	
}
@media (max-width:768px) {
	.step-box ul {flex-direction:column;}
	.step-box .step + .step:before {content: "";position: absolute;background: url(../img/content/donation-icon-step.png) no-repeat center;top: -14px;left: 50%;transform: translate(-50%, -50%) rotate(90deg); width: 10px;height: 15px;}
}