.goals-wrap {border: 1px solid #0000001A;padding: 60px;border-radius: 30px;}
.goals-wrap .goals-box {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.goals-wrap .goals-box .item {display:flex;flex-direction:column;height:100%;}
.goals-wrap .goals-box .item .top {border-radius: 16px;margin: 0 0 20px;flex-shrink: 0;}
.goals-wrap .goals-box .item .top .name {padding: 20px 10px;border-radius: 16px 16px 0 0;font-weight: 700;font-size: 20px;line-height: 120%;letter-spacing: 0;vertical-align: middle;color: #fff;background: #003B90;text-align: center;}
.goals-wrap .goals-box .item .top .name span {font-weight: 400;color: rgba(255, 255, 255, 0.6);}

.goals-wrap .goals-box .item .box-top {border: 1px solid #0000001A;border-top: 0;border-radius: 0 0 16px 16px;padding: 30px 5px 5px;height: 320px;overflow: hidden;box-sizing:border-box;position:relative;display:flex;flex-direction:column;}
.goals-wrap .goals-box .item .box-top .logo {margin: 0 0 11px;display: block;text-align: center;flex-shrink: 0;}
.goals-wrap .goals-box .item .box-top > div {flex:1;min-height:0;overflow:hidden;}
.goals-wrap .goals-box .item .box-top > div img {width: 100%;height: 100%;object-fit: cover;}

.goals-wrap .goals-box .item .bot {background: #F4F8FC;border: 1px solid rgba(0, 59, 144, 0.1);border-radius: 16px;padding: 30px 24px;position: relative; flex: 1;overflow: hidden;min-height: 250px;box-sizing: border-box;}
.goals-wrap .goals-box .item .bot:after {content: "";position: absolute;bottom: 0;right: 0;z-index: 0;}
.goals-wrap .goals-box .item .bot .tit {font-weight: 700;font-size: 20px;line-height: 120%;letter-spacing: -0.03em;vertical-align: middle;color: #003B90;margin: 0 0 20px;position: relative;z-index: 2;}
.goals-wrap .goals-box .item .bot .ul-goals {position: relative;z-index: 2;}
.goals-wrap .goals-box .item .bot .ul-goals > li {padding: 0 0 8px 14px;font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: 0;vertical-align: middle;position: relative;}
.goals-wrap .goals-box .item .bot .ul-goals > li:last-child {padding-bottom: 0;}
.goals-wrap .goals-box .item .bot .ul-goals > li:before {content: "";position: absolute;top: 8px;left: 0;width: 4px;height: 4px;border-radius: 100%;background: #003B90;}

.goals-wrap .goals-box .item:nth-child(1) .bot:after {background: url(../img/content/ico-goals01.png)no-repeat center center;width: 130px;height: 80px;background-size: cover;bottom: 6px;right: 14px;}
.goals-wrap .goals-box .item:nth-child(2) .bot:after {background: url(../img/content/ico-goals02.png)no-repeat center center;width: 190px;height: 165px;background-size: cover;}
.goals-wrap .goals-box .item:nth-child(3) .bot:after {background: url(../img/content/ico-goals03.png)no-repeat center center;width: 180px;height: 161px;background-size: cover;}

.goals-wrap .goals-box .item:nth-child(even) .top .name {background: #009BB4;}
.goals-wrap .goals-box .item:nth-child(even) .bot {background: rgba(0, 155, 180, 0.1);border: 1px solid rgba(0, 155, 180, 0.1)}
.goals-wrap .goals-box .item:nth-child(even) .bot .tit {color: #009BB4;}
.goals-wrap .goals-box .item:nth-child(even) .bot .ul-goals > li:before {background: #009BB4;}

@media (max-width: 1400px) {
	.goals-wrap .goals-box {grid-template-columns: repeat(2, 1fr);}
	.goals-wrap {padding: 30px;}
}

@media (max-width: 768px) {
	.goals-wrap .goals-box {grid-template-columns: repeat(1, 1fr)}
	.goals-wrap .goals-box .item .box-top {height: auto;}
	.goals-wrap .goals-box .item .bot {padding: 20px 15px;min-height: unset;}
	.goals-wrap .goals-box .item .bot .tit {font-size: 18px;margin: 0 0 10px;}
}

@media (max-width: 500px) {
	.goals-wrap .goals-box .item .bot:after {display: block;position: relative;margin-left: auto;}
	.goals-wrap .goals-box .item:nth-child(1) .bot:after {right: 0;bottom: 0;margin-top: 15px;}
}