.advancement-box {padding: 60px;border: 1px solid #0000001A;border-radius: 16px;}
.advancement-box > ul {margin: 0 0 40px;}
.advancement-box > ul > li {display: flex;gap: 30px;padding: 0 0 30px;}
.advancement-box > ul > li:last-child {padding: 0;}
.advancement-box > ul > li .left {max-width:150px;width:100%;padding:20px 10px;display:flex;align-items:center;justify-content:center;border:1px solid #0000001A;border-radius:16px;box-sizing:border-box;}
.advancement-box > ul > li .left p {font-weight:600;font-size:20px;line-height:140%;letter-spacing:0;vertical-align:middle;color:#262626;text-align: center;}
.advancement-box > ul > li .left p span {display: block;font-weight: 500;font-size: 20px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #76767699;}
.advancement-box > ul > li .right {flex: 1;min-width: 0;}
.advancement-box > ul > li .right.bg01 {background: #F4F8FC;border: 1px solid #003B901A;border-radius: 16px;padding: 30px 40px;}
.advancement-box > ul > li .right > ul > li {font-weight: 500;font-size: 18px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #545454;padding: 0 0 5px 14px;position: relative;}
.advancement-box > ul > li .right > ul > li:before {content: "";position: absolute;width: 4px;height: 4px;background: #003B90;top: 9px;left: 0;border-radius: 100%;}
.advancement-box > ul > li .right > p {border-radius: 16px;font-weight: 500;font-size: 18px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #545454;padding: 30px 10px;text-align: center;width: 100%;box-sizing: border-box;background: #009BB414;border: 1px solid #009BB41A;}


.advancement-box .info-card-panel {border-radius: 16px;background: #F7F7F7;border: 1px solid #0000001A;padding: 50px 40px;margin: 0 0 40px;}
.advancement-box .info-row { display: flex; align-items: center; padding: 30px 0; border-bottom: 1px solid #0000001A;gap: 40px;}
.advancement-box .info-row:first-child {padding-top: 0;}
.advancement-box .info-row:last-child { border-bottom: none;padding-bottom: 0;}
.advancement-box .row-label { width: 100px; display: flex; align-items: center; gap: 20px;font-weight: 700;font-size: 20px;line-height: 140%;letter-spacing: 0;text-align: center;vertical-align: middle;padding-left: 13px;color: #262626}
.advancement-box .row-label:after {content: "";display: inline-block;background: url(../img/content/ico-boost.png)no-repeat center center;width: 20px;height: 20px;flex-shrink: 0; }
.advancement-box .row-content { flex: 1; display: flex; align-items: center;justify-content: center;}
.advancement-box .pills-container { display: flex; align-items: center; width: 100%;}
.advancement-box .pill { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 90px; border-radius: 100px; color: #ffffff; text-align: center; position: relative; box-sizing: border-box;padding: 22px 35px;}
.advancement-box .pill-gray { z-index: 3; margin-right: -35px;background: rgba(84, 84, 84, 0.4);flex: 1;}
.advancement-box .pill-teal { z-index: 4; margin-right: -35px;width: 360px;background: rgba(0, 155, 180, 0.7);}
.advancement-box .pill-blue { z-index: 5; background: rgba(0, 59, 144, 0.8);flex: 1}
.advancement-box .pill-title {font-weight: 700;font-size: 20px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #fff;}
.advancement-box .pill-subtitle {font-weight: 500;font-size: 16px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #fff;}
.advancement-box .organizer-text {font-weight: 600;font-size: 20px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #545454;text-align: center;}

.advancement-box .goal-cards-grid { display: flex; gap: 20px; width: 100%; }
.advancement-box .goal-card { flex: 1; background-color: #ffffff;border: 1px solid #0000001A;border-radius: 16px; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.advancement-box .card-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;margin: 0 0 16px;}
.advancement-box .card-icon img {width: 100%;height: 100%;object-fit: cover;}
.advancement-box .card-title {font-weight: 600;font-size: 18px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #545454;}



.advancement-box .strategy-panel { border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); }
.advancement-box .strategy-header { background: #003B90; color: #ffffff; text-align: center; padding: 20px;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #fff;}
.advancement-box .strategy-body { padding: 24px 30px; display: flex; align-items: center; justify-content: space-between; gap: 64px;}
.advancement-box .step-box { flex: 1; background-color: #F7F7F7; border: 1px solid #0000001A; border-radius: 16px; padding: 24px 15px; min-height: 92px; display: flex; align-items: center; justify-content: center; text-align: center;box-sizing: border-box;font-weight: 600;font-size: 18px;
line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #262626;position: relative;}
.advancement-box .step-box:after {content:"";position: absolute;background: url(../img/content/ico-boost02.png)no-repeat center center;width: 24px;height: 24px;top: 50%;right: -45px;transform: translatey(-50%);}
.advancement-box .step-box:last-child:after {display: none;}



@media (max-width: 1400px) {
	.advancement-box .pill-title {font-size: calc(18/1400*100vw)}
}

@media (max-width: 1300px) {
	.advancement-box .pills-container {flex-direction: column;gap: 20px;}
	.advancement-box .pill {width: 100%;}
	.advancement-box .pill-teal {width: 100%;margin: 0;}
	.advancement-box .pill-gray {margin: 0;}
	
	.advancement-box .pill-title {font-size: 18px;}
	.advancement-box .strategy-body {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 64px;}
	.advancement-box .step-box:nth-child(2n):after {display: none;}
}

@media (max-width: 1024px) {
	.advancement-box {padding: 20px;}
}

@media (max-width: 768px) {
	.advancement-box > ul > li {flex-direction: column;gap: 15px;}
	.advancement-box > ul > li .left {max-width: unset;}
	.advancement-box > ul > li .right > p {font-size: 16px;}
	.advancement-box > ul > li .left p {font-size: 16px;}
	.advancement-box > ul > li .right > ul > li {font-size: 16px;}
	.advancement-box .pill-title {font-size: 16px;}
	.advancement-box .strategy-header {font-size: 20px;}
	.advancement-box .step-box {min-height: auto;}
	
	.advancement-box > ul > li .right.bg01 {padding: 20px;}
	.advancement-box .info-card-panel {padding: 20px;}
	.advancement-box .info-row {flex-direction: column;}
	.advancement-box .row-content {width: 100%;}
	.advancement-box .pill {height: auto;padding: 20px;}
	.advancement-box .row-label:after {transform: rotate(90deg)}
	.advancement-box .row-label {flex-direction: column;gap: 15px;padding: 0;width: 100%;}
	.advancement-box .info-row {gap: 20px;}
	
	.advancement-box .strategy-body {grid-template-columns: repeat(1, 1fr);}
	.advancement-box .step-box:nth-child(2n):after {display: block;}
	.advancement-box .step-box:after {left: 50%;right: auto;top: auto;bottom: -33px;transform: translateX(-50%);}
	.advancement-box .step-box:last-child:after {display: none;}

	.advancement-box .goal-cards-grid {flex-direction: column;}
	
}