.philosophy-box{padding:0 0 60px 0;font-size:0;}
.philosophy-box li{display:inline-block;position:relative;margin:0 40px 0 0;padding:37px 30px;width:calc(100% / 3 - 26.76px);box-sizing:border-box;font-size:30px;font-weight:500;color:#000;line-height:35px;text-align:center;}
.philosophy-box li:last-of-type{margin:0;}
.philosophy-box li.purple{background-color:#cdcfe7;}
.philosophy-box li.blue{background-color:#d2dfee;}
.philosophy-box li.red{background-color:#ffe5cc;}
.philosophy-box li span{position:absolute;right:10px;bottom:-5px;font-size:50px;font-weight:700;color:rgba(255,255,255,.4);}
.philosophy-img-box{position:relative;padding:33px 40px;min-height:400px;background:url(/static/img/imgabout89.jpg)no-repeat right bottom/cover;box-sizing:border-box;}
.philosophy-img-box .txt-box{word-break:keep-all;}

.purpose-box{margin:0 0 0 0;font-size:0;}
.purpose-box > li{display:inline-block;position:relative;margin:0 40px 0 0;width:calc(50% - 20px);border:1px solid #ccc;border-top:none;border-radius:0 0;box-sizing:border-box;vertical-align:top;}
.purpose-box > li:last-of-type{margin:0;}
.purpose-box > li > div{position:relative;}
.purpose-box > li > div > .purpose-title{padding:14px 20px;width:calc(100% + 2px);background:#fff;font-size:19px;font-weight:200;color:#333;line-height:34px;letter-spacing:-0.025em;text-align:center;box-sizing:border-box;}
.purpose-box > li.purpose-left > div > .purpose-title{border:4px solid #030f89;}
.purpose-box > li.purpose-right > div > .purpose-title{border:4px solid #2060aa;}
.purpose-box > li > div > .txt-box-outer{margin:0 0 0 0;padding:32px 32px 32px 32px;min-height:380px;box-sizing:border-box;}
.purpose-box > li > div > .txt-box-outer .txt-box{padding:0 0 30px 0;word-break:keep-all;}
.purpose-box > li > div > .txt-box-outer .txt01{font-size:16px;font-weight:200;color:#333;line-height:26px;letter-spacing:-0.025em;}
.purpose-box > li > div > .txt-box-outer .list-box li{letter-spacing:-0.05em;}
.purpose-box > li > div > .bottom-box{border-top:1px solid #ccc;padding:16px 30px;background-color:#f2f4f8;text-align:center;box-sizing:border-box;}
.purpose-box > li > div > .bottom-box p{font-size:22px;font-weight:200;color:#333;line-height:26px;letter-spacing:-0.025em;}

@media screen and (max-width:1024px){
	.philosophy-box li{margin:0 30px 0 0;padding:27px 30px;width:calc(100% / 3 - 20px);font-size:24px;line-height:29px;}
	.philosophy-box li span{position:absolute;right:10px;bottom:-5px;font-size:38px;}
	.philosophy-img-box{padding:25px 30px;min-height:300px;background-position:50% 50%;}
	.philosophy-img-box .txt-box br{display:none;}
}

@media screen and (max-width:768px){

	.philosophy-box{padding:0 0 30px 0;}
	.philosophy-box li{margin:0 0 20px 0;padding:17px 20px;width:100%;font-size:18px;line-height:23px;}
	.philosophy-box li span{position:absolute;right:5px;bottom:-5px;font-size:25px;}
	.philosophy-img-box{padding:16px 15px;min-height:200px;}
	.purpose-box{margin:23px 0 0 0;font-size:0;}
	.purpose-box > li{margin:0 0 43px 0;width:100%;}
	.purpose-box > li > div > .purpose-title{top:-23px;padding:7px 10px;font-size:18px;line-height:28px;}
	.purpose-box > li.purpose-left > div > .purpose-title{border:2px solid #030f89;}
	.purpose-box > li.purpose-right > div > .purpose-title{border:2px solid #2060aa;}
	.purpose-box > li > div > .txt-box-outer{margin:-23px 0 0 0;padding:46px 18px 15px 18px;min-height:auto;}
	.purpose-box > li > div > .txt-box-outer .txt-box{padding:0 0 15px 0;}
	.purpose-box > li > div > .txt-box-outer .txt01{font-size:16px;line-height:26px;}
	.purpose-box > li > div > .bottom-box{padding:8px 20px;}
	.purpose-box > li > div > .bottom-box p{font-size:16px;line-height:28px;}

}