@charset "UTF-8";


#page .section_optimization{position:relative;background-image:url(../img/section_optimization_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}


.component_performance{position:relative;}
.component_performance .list{position:relative;}
.component_performance .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_performance .list > ul:after{content:"";display:block;clear:both;}
.component_performance .list > ul > li{position:relative;float:left;width:calc(20% - 32px);margin-right:40px;}
.component_performance .list > ul > li:nth-child(5n){margin-right:0;}
.component_performance .list .item{position:relative;font-size:20px;}
.component_performance .list .item .title{position:relative;margin:0;padding:0;height:70px;border-radius:35px;font-size:26px;font-weight:600;color:#ffffff;line-height:70px;background-color:#000000;text-align:center;white-space:nowrap;}
.component_performance .list .item .detail{position:relative;margin:0;padding:0;font-size:20px;font-weight:400;color:#000000;line-height:1.4;margin-top:30px;word-break:keep-all;}
.component_performance .list .item .detail ul{position:relative;margin:0;padding:0;list-style:none;}
.component_performance .list .item .detail ul li{position:relative;padding-left:30px;}
.component_performance .list .item .detail ul li:before{content:"";display:block;position:absolute;left:10px;top:9px;width:10px;height:10px;background-image:url(../img/component_performance_item_arrow.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}

@media all and (max-width:1300px){
	.component_performance .list .item{font-size:18px;}
	.component_performance .list .item .title{font-size:1.3em;height:2.69em;line-height:2.69;border-radius:1.35em;}
	.component_performance .list .item .detail{font-size:1em;margin-top:1.5em;}
	.component_performance .list .item .detail ul li{padding-left:1.5em;}
	.component_performance .list .item .detail ul li:before{left:0.5em;top:0.45em;width:0.5em;height:0.5em;}
}
@media all and (max-width:1200px){
	.component_performance .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_performance .list > ul > li{width:calc(33.33% - 13.4px);margin-right:20px;}
	.component_performance .list > ul > li:nth-child(3n){margin-right:0;}
	.component_performance .list > ul > li:nth-child(n+4){width:calc(50% - 10px);margin-top:50px;}
	.component_performance .list .item{font-size:16px;}
}
@media all and (max-width:800px){
	.component_performance .list > ul > li:nth-child(n+4){margin-top:45px;}
	.component_performance .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_performance .list > ul > li{width:calc(50% - 10px);margin-right:20px;}
	.component_performance .list > ul > li:nth-child(3n){margin-right:20px;}
	.component_performance .list > ul > li:nth-child(2n){margin-right:0;}
	.component_performance .list > ul > li:nth-child(n+3){margin-top:40px;}
	.component_performance .list > ul > li:nth-child(5){width:100%;margin-right:0;}
	.component_performance .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_performance .list > ul > li:nth-child(n+3){margin-top:35px;}
	.component_performance .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_performance .list > ul > li:nth-child(n+3){margin-top:25px;}
	.component_performance .list .item{font-size:12px;}
}


.component_optimization{position:relative;}
.component_optimization .list{position:relative;}
.component_optimization .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_optimization .list > ul:after{content:"";display:block;clear:both;}
.component_optimization .list > ul > li{position:relative;float:left;width:33.33%;}
.component_optimization .list > ul > li:before{content:"";display:none;position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:1px;height:100%;background-color:#ffffff;opacity:0.53;}
.component_optimization .list > ul > li:after{content:"";display:none;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:100%;height:1px;background-color:#ffffff;opacity:0.53;}
.component_optimization .list > ul > li:nth-child(n+2):before{display:block;}
.component_optimization .list > ul > li:nth-child(3n+1):before{display:none;}
.component_optimization .list > ul > li:nth-child(n+4):after{display:block;}
.component_optimization .list .item{position:relative;margin:0 auto;padding:35px 15px;height:400px;max-width:calc(310px + 30px);font-size:20px;box-sizing:border-box;}
.component_optimization .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_optimization .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_optimization .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_optimization .list .item{font-size:18px;padding:1.75em 15px;height:20em;}
	.component_optimization .list .item .number{font-size:1em;}
	.component_optimization .list .item .title{font-size:1.3em;margin-top:0.77em;}
	.component_optimization .list .item .description{font-size:1em;margin-top:1em;}
}
@media all and (max-width:1200px){
	.component_optimization .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_optimization .list .item{font-size:16px;height:16em;padding:1.5em 15px;}
}
@media all and (max-width:800px){
	.component_optimization .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_optimization .list > ul > li{float:none;width:auto;}
	.component_optimization .list > ul > li:before{display:none !important;}
	.component_optimization .list > ul > li:nth-child(n+2):after{display:block;}
	.component_optimization .list > ul > li:first-child .item{padding-top:0;}
	.component_optimization .list > ul > li:last-child .item{padding-bottom:0;}
	.component_optimization .list .item{font-size:14px;height:auto;max-width:100%;padding:1.5em 0;}
}
@media all and (max-width:400px){
	.component_optimization .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_optimization .list .item{font-size:12px;}
}


.component_type{position:relative;}
.component_type .list{position:relative;}
.component_type .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_type .list > ul:after{content:"";display:block;clear:both;}
.component_type .list > ul > li{position:relative;float:left;width:calc(50% - 20px);margin-right:40px;}
.component_type .list > ul > li:nth-child(2n){margin-right:0;}
.component_type .list > ul > li:nth-child(n+3){margin-top:60px;}
.component_type .list .item{position:relative;font-size:20px;}
.component_type .list .item:after{content:"";display:block;clear:both;}
.component_type .list .item .icon{position:relative;display:block;float:left;margin-top:5px;width:80px;border-radius:50%;background-color:#000000;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_type .list .item .icon:before{content:"";display:block;padding-bottom:100%;}
.component_type .list .item .content{position:relative;float:right;width:calc(100% - 80px - 40px);}
.component_type .list .item .content .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:600;color:#000000;line-height:1.4;word-break:keep-all;}
.component_type .list .item .content .description{position:relative;margin:0;padding:0;font-size:20px;font-weight:400;color:#000000;line-height:1.4;margin-top:20px;word-break:keep-all;}
.component_type .list .item .icon.icon1{background-image:url(../img/component_type_item_icon1.png);}
.component_type .list .item .icon.icon2{background-image:url(../img/component_type_item_icon2.png);}
.component_type .list .item .icon.icon3{background-image:url(../img/component_type_item_icon3.png);}
.component_type .list .item .icon.icon4{background-image:url(../img/component_type_item_icon4.png);}
.component_type .list .item .icon.icon5{background-image:url(../img/component_type_item_icon5.png);}

@media all and (max-width:1300px){
	.component_type .list > ul > li:nth-child(n+3){margin-top:55px;}
	.component_type .list .item{font-size:18px;}
	.component_type .list .item .icon{width:4em;margin-top:0.25em;}
	.component_type .list .item .content{width:calc(100% - 4em - 40px);}
	.component_type .list .item .content .title{font-size:1.3em;}
	.component_type .list .item .content .description{font-size:1em;margin-top:1em;}
}
@media all and (max-width:1200px){
	.component_type .list > ul > li:nth-child(n+3){margin-top:50px;}
	.component_type .list .item{font-size:17px;}
	.component_type .list .item .content .description br{display:none;}
}
@media all and (max-width:1000px){
	.component_type .list > ul > li{width:calc(50% - 10px);margin-right:20px;}
	.component_type .list > ul > li:nth-child(n+3){margin-top:45px;}
	.component_type .list .item{font-size:16px;}
	.component_type .list .item .content{width:calc(100% - 4em - 20px);}
}
@media all and (max-width:800px){
	.component_type .list > ul > li:nth-child(n+3){margin-top:40px;}
	.component_type .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_type .list > ul > li{float:none;width:auto;margin-right:0;}
	.component_type .list > ul > li:nth-child(n+2){margin-top:35px;}
	.component_type .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_type .list > ul > li:nth-child(n+2){margin-top:30px;}
	.component_type .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_type .list > ul > li:nth-child(n+2){margin-top:25px;}
	.component_type .list .item{font-size:12px;}
}