@charset "UTF-8";


.component_goal{position:relative;}
.component_goal .figure{position:relative;margin:0 auto;max-width:1130px;background-image:url(../img/component_goal_figure.png);background-size:100%;background-repeat:no-repeat;background-position:center top;}
.component_goal .figure:before{content:"";display:block;padding-bottom:40.7%;}
.component_goal .figure:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/component_goal_figure_mobile.png);background-size:100%;background-repeat:no-repeat;background-position:center top;display:none;}

@media all and (max-width:600px){
	.component_goal .figure{max-width:250px;margin:0 auto;background-image:none;}
	.component_goal .figure:before{padding-bottom:244.38%;}
	.component_goal .figure:after{display:block;}
}


.component_strategy{position:relative;padding:190px 0;background-image:url(../img/component_strategy_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_strategy .list{position:relative;}
.component_strategy .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_strategy .list > ul:after{content:"";display:block;clear:both;}
.component_strategy .list > ul > li{position:relative;float:left;width:33.33%;}
.component_strategy .list > ul > li:before{content:"";display:none;position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:1px;height:calc(100% - 40px);background-color:#ffffff;opacity:0.53;}
.component_strategy .list > ul > li:after{content:"";display:none;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:calc(100% - 40px);height:1px;background-color:#ffffff;opacity:0.53;}
.component_strategy .list > ul > li:nth-child(n+2):before{display:block;}
.component_strategy .list > ul > li:nth-child(3n+1):before{display:none;}
.component_strategy .list > ul > li:nth-child(n+4):after{display:block;}
.component_strategy .list .item{position:relative;margin:0 auto;padding:55px 15px;height:440px;max-width:calc(310px + 30px);font-size:20px;box-sizing:border-box;}
.component_strategy .list .item .number{position:relative;margin:0;padding:0;font-size:20px;font-weight:500;color:#ffffff;line-height:1.4;font-family:"Outfit",sans-serif;}
.component_strategy .list .item .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:600;color:#ffffff;line-height:1.4;margin-top:20px;word-break:keep-all;}
.component_strategy .list .item .description{position:relative;margin:0;padding:0;font-size:20px;font-weight:400;color:#ffffff;line-height:1.4;margin-top:20px;word-break:keep-all;}

@media all and (max-width:1300px){
	.component_strategy{padding:160px 0;}
	.component_strategy .list .item{font-size:18px;padding:2.75em 15px;height:22em;}
	.component_strategy .list .item .number{font-size:1em;}
	.component_strategy .list .item .title{font-size:1.3em;margin-top:0.77em;}
	.component_strategy .list .item .description{font-size:1em;margin-top:1em;}
}
@media all and (max-width:1200px){
	.component_strategy{padding:140px 0;}
	.component_strategy .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_strategy{padding:120px 0;}
	.component_strategy .list > ul > li:before{height:calc(100% - 20px);}
	.component_strategy .list > ul > li:after{width:calc(100% - 20px);}
	.component_strategy .list .item{font-size:16px;height:16em;padding:2em 15px;}
	.component_strategy .list .item .description br{display:none;}
}
@media all and (max-width:800px){
	.component_strategy{padding:100px 0;}
	.component_strategy .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_strategy{padding:80px 0;}
	.component_strategy .list > ul > li{width:50%;}
	.component_strategy .list > ul > li:nth-child(3n+1):before{display:block;}
	.component_strategy .list > ul > li:nth-child(2n-1):before{display:none;}
	.component_strategy .list > ul > li:nth-child(n+3):after{display:block;}
	.component_strategy .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_strategy{padding:60px 0;}
	.component_strategy .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_strategy{padding:40px 0;}
	.component_strategy .list .item{font-size:12px;}
}