.strategies-box {padding: 60px;border: 1px solid #0000001A;border-radius: 16px;}
.strategies-box .top {display: flex;gap: 30px;margin: 0 0 30px;}
.strategies-box .top .left {flex: 1;}
.strategies-box .top .left .tit {background: #003B90;border-radius: 16px;padding: 30px 20px;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #fff;text-align: center;margin: 0 0 60px;position: relative;}
.strategies-box .top .left .tit:before {content: "";position: absolute;bottom: -60px;left: 50%;transform: translatex(-50%);width: 1px;height: 100%;background: #CCCCCC;z-index: -1;}
.strategies-box .top .left > ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;position: relative;}
.strategies-box .top .left > ul:before {content:"";position:absolute;top:-30px;left:16.66%;right:16.66%;height:30px;border:1px solid #CCCCCC;border-bottom:none;border-radius:20px 20px 0 0;background:transparent;pointer-events:none;z-index:-1;}
.strategies-box .top .left > ul > li {padding: 30px 24px;background: #F4F8FC;border: 1px solid #003B901A;border-radius: 16px;position: relative;}
.strategies-box .top .left > ul > li .txt {font-weight: 700;font-size: 24px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #003B90;position: relative;display: flex;gap: 10px;justify-content: space-between;padding: 0 0 24px;margin: 0 0 24px;}
.strategies-box .top .left > ul > li .txt:before {content: "";position: absolute;bottom: 0;left: 0;width: 40px;height: 1px;background: #003B90;}
.strategies-box .top .left > ul > li .txt:after {content: "";display: inline-block;width: 40px;height: 40px;background: url(../img/content/ico-strategies01.png)no-repeat center center;background-size: contain;}

.strategies-box .top .left > ul > li .box > ul > li {position: relative;font-weight: 400;font-size: 15px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #545454;padding: 0 0 5px 14px;}
.strategies-box .top .left > ul > li .box > ul > li:last-child {padding-bottom: 0;}
.strategies-box .top .left > ul > li .box > ul > li:before {content: "";position: absolute;top: 8px;left: 0;width: 4px;height: 4px;background: #003B90;border-radius: 100%;}

.strategies-box .top .left > ul > li:nth-child(2) .txt:after {background: url(../img/content/ico-strategies02.png)no-repeat center center;background-size: contain;}
.strategies-box .top .left > ul > li:nth-child(2) {border: 1px solid #009BB41A;background: #009BB41A;}
.strategies-box .top .left > ul > li:nth-child(2) .txt {color: #009BB4;}
.strategies-box .top .left > ul > li:nth-child(2) .txt:before { background: #009BB4;}
.strategies-box .top .left > ul > li:nth-child(2) .box > ul > li:before {background: #009BB4;}

.strategies-box .top .left > ul > li:nth-child(3) .txt:after {background: url(../img/content/ico-strategies03.png)no-repeat center center;background-size: contain;}
.strategies-box .top .left > ul > li:nth-child(3) {border: 1px solid #49AB9E33;background: #62C0B426;}
.strategies-box .top .left > ul > li:nth-child(3) .txt {color: #28A393;}
.strategies-box .top .left > ul > li:nth-child(3) .txt:before { background: #28A393;}
.strategies-box .top .left > ul > li:nth-child(3) .box > ul > li:before {background: #28A393;}

.strategies-box .top .right {max-width: 120px;width: 100%;border: 1px solid #0000001A;border-radius: 16px;padding: 30px 20px;position: relative;box-sizing: border-box;}
.strategies-box .top .right:before {content: "";position: absolute;top: 50%;left: -25px;transform: translatey(-50%);background: url(../img/content/ico-logo.png)no-repeat center center;width: 36px;height: 30px;}
.strategies-box .top .right > ul {display: flex;flex-direction: column;gap: 10px;justify-content: space-between;align-items: center;height: 100%;}
.strategies-box .top .right > ul > li > img {max-width: 100%;}

.strategies-box .bot .tit {background: #009BB4;border-radius: 16px;padding: 30px 20px;font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: 0;vertical-align: middle;color: #fff;text-align: center;position: relative;}
.strategies-box .bot .tit:before {content: "";position: absolute;top: -30px;left: 50%;transform: translatex(-50%);width: 1px;height: 100%;background: #CCCCCC;z-index: -1;}
.strategies-box .bot > ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;position: relative;margin: 0 0 60px;position: relative;}
.strategies-box .bot > ul:after {content:"";position:absolute;bottom:-30px;left:11.66%;right:11.66%;height:30px;border:1px solid #CCCCCC;border-top:none;border-radius:0 0 20px 20px ;background:transparent;pointer-events:none;z-index:-1;}
.strategies-box .bot > ul > li {border: 1px solid #0000001A;background: #F7F7F7;border-radius: 16px;padding: 24px 15px;min-height: 182px;box-sizing: border-box;text-align: center;position: relative;}
.strategies-box .bot > ul > li .ico {width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 100%;background: #fff;margin: 0 auto 20px;}
.strategies-box .bot > ul > li p {font-weight: 600;font-size: 18px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #262626;}
.strategies-box .bot > ul > li:nth-child(2):before {content: "";position: absolute;bottom: -30px;left: 50%;transform: translatex(-50%);width: 1px;height: 100%;background: #CCCCCC;z-index: -1;}
.strategies-box .bot > ul > li:nth-child(3):before {content: "";position: absolute;bottom: -30px;left: 50%;transform: translatex(-50%);width: 1px;height: 100%;background: #CCCCCC;z-index: -1;}

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

	.strategies-box .top {flex-direction: column-reverse;}
	.strategies-box .top .right {max-width: unset;padding: 15px;}
	.strategies-box .top .right > ul {flex-direction: row;}
	.strategies-box .top .right:before {top: auto;left: 50%;transform: translatex(-50%) rotate(270deg);bottom: -20px;}
}

@media (max-width: 768px) {
	.strategies-box .top .left > ul {grid-template-columns: repeat(1, 1fr);}
	.strategies-box .top .left > ul:before {display: none;}
	.strategies-box .top .left .tit {margin: 0 0 30px;padding: 20px;font-size: 20px;}
	.strategies-box .top .left > ul > li {padding: 20px;}
	.strategies-box .top .left > ul > li:before {content: "";position: absolute;bottom: -22px;left: 50%;transform: translatex(-50%);width: 1px;height: 22px;background: #CCCCCC;z-index: -1;}
	.strategies-box .top .left > ul > li:last-child:before {display: none;}
	
	.strategies-box .bot > ul {grid-template-columns: repeat(1, 1fr);margin: 0 0 30px;}
	.strategies-box .bot > ul:after {display: none;}
	.strategies-box .bot .tit {padding: 20px;font-size: 20px;}
	.strategies-box .bot > ul > li:before {content: "";position: absolute;bottom: -30px;left: 50%;transform: translatex(-50%);width: 1px;height: 100%;background: #CCCCCC;z-index: -1;}
}