.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.bg02 {background: #009BB41A;border-radius: 16px;padding: 30px 40px;border: 1px solid #009BB41A}
.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.bg02 > ul > li:before {background: #009BB4}
.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;}

.ul-type-bar01 > li {font-weight: 500;font-size: 18px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #767676;position: relative;padding: 0 0 4px 10px;}
.ul-type-bar01 > li:before {content: "";position: absolute;width: 5px;height: 1px;background: #767676;top: 12px;left: 0;}


.advancement-box .info-card-panel {border-radius: 16px;background: #F7F7F7;border: 1px solid #0000001A;padding: 50px 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 .row-content > p {background: #003B90;border-radius: 100px;padding: 20px;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #fff;width: 100%;box-sizing: border-box;text-align: 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: #767676;text-align: center;}
.advancement-box .organizer-text > span {display: block;font-weight: 700;font-size: 28px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #003B90;}

.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 20px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.advancement-box .goal-card .card-tit {font-weight: 600;font-size: 18px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;text-decoration: underline;text-decoration-style: solid;text-underline-offset: 15%;text-decoration-thickness: 0%;text-decoration-skip-ink: auto;color: #009BB4;margin: 0 0 16px;}
.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 .row-content.row02 {display: block;}
.advancement-box .strategy-box {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.advancement-box .strategy-box .item {background: #FFFFFF;border: 1px solid #0000001A;border-radius: 16px;padding: 30px 20px;}
.advancement-box .strategy-box .top-item {padding: 0 0 20px;margin: 0 0 20px;border-bottom: 1px solid #0000001A}
.advancement-box .strategy-box .item .tit {font-weight: 700;font-size: 18px;line-height: 120%;letter-spacing: 0;vertical-align: middle;margin: 0 0 10px;}
.advancement-box .strategy-box .item ul > li {font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #545454;position: relative;padding: 0 0 5px 14px;}
.advancement-box .strategy-box .item ul > li:before {content: "";position: absolute;top: 9px;left: 0;width: 4px;height: 4px;border-radius: 100%;background: #545454;}
.advancement-box .strategy-box .bot-item {margin: 0 0 20px;}
.advancement-box .strategy-box .badge-list .badge-tag {padding: 10px 5px;border-radius: 100px;background: #009BB41A;font-weight: 400;font-size: 15px;line-height: 140%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #009BB4;display: block;margin: 0 0 5px;}
.advancement-box .strategy-box .badge-list .badge-tag:last-child {margin: 0;}


@media (max-width: 1400px) {
	.advancement-box .pill-title {font-size: calc(18/1400*100vw)}
	
	.advancement-box .strategy-box {grid-template-columns: repeat(2, 1fr);}
}

@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;}
	
	.advancement-box .goal-cards-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 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 {grid-template-columns: repeat(1, 1fr);}
	.advancement-box .goal-card {padding: 20px;}
	.advancement-box .strategy-box {grid-template-columns: repeat(1, 1fr);}
	.advancement-box .card-title {font-size: 16px;}
	.ul-type-bar01 > li {font-size: 16px;}
	
	.advancement-box .row-content > p {font-size: 20px;}
	.advancement-box .organizer-text {font-size: 18px;}
	.advancement-box .organizer-text > span {font-size: 20px}

}