@charset "UTF-8";


.component_step{position:relative;}
.component_step .list{position:relative;}
.component_step .list > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;}
.component_step .list > ul:after{content:"";display:block;clear:both;}
.component_step .list > ul > li{position:relative;width:calc(20% - 32px);margin-right:40px;}
.component_step .list > ul > li:nth-child(5n){margin-right:0;}
.component_step .list > ul > li:last-child .item .header .arrow{display:none;}
.component_step .list .item{position:relative;max-width:calc(100% - 25px);font-size:20px;}
.component_step .list .item:after{content:"";display:block;clear:both;}
.component_step .list .item .header{position:relative;}
.component_step .list .item .header .icon{position:relative;display:block;width:44px;background-size:auto 100%;background-repeat:no-repeat;background-position:left center;}
.component_step .list .item .header .icon:before{content:"";display:block;padding-bottom:100%;}
.component_step .list .item .header .arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% - 44px - 38px);}
.component_step .list .item .header .arrow:before{content:"";display:block;height:3px;width:calc(100% - 10px);background-color:#000000;border-radius:1.5;}
.component_step .list .item .header .arrow:after{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:13px;height:13px;background-image:url(../img/component_step_item_arrow.png);background-size:auto 100%;background-repeat:no-repeat;background-position:right center;}
.component_step .list .item .content{position:relative;margin-top:80px;}
.component_step .list .item .content .title{position:relative;margin:0;padding:0;font-size:24px;font-weight:600;color:#000000;line-height:1.4;word-break:keep-all;}
.component_step .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_step .list .item .header .icon.icon1{background-image:url(../img/component_step_item_icon1.png);}
.component_step .list .item .header .icon.icon2{background-image:url(../img/component_step_item_icon2.png);}
.component_step .list .item .header .icon.icon3{background-image:url(../img/component_step_item_icon3.png);}
.component_step .list .item .header .icon.icon4{background-image:url(../img/component_step_item_icon4.png);}
.component_step .list .item .header .icon.icon5{background-image:url(../img/component_step_item_icon5.png);}

@media all and (max-width:1300px){
	.component_step .list .item{font-size:18px;}
	.component_step .list .item .header .icon{width:2.2em;}
	.component_step .list .item .header .arrow{width:calc(100% - 2.2em - 1.9em);}
	.component_step .list .item .header .arrow:before{height:0.15em;width:calc(100% - 0.5em);}
	.component_step .list .item .header .arrow:after{width:0.65em;height:0.65em;}
	.component_step .list .item .content{margin-top:4em;}
	.component_step .list .item .content .title{font-size:1.2em;}
	.component_step .list .item .content .description{font-size:1em;margin-top:1em;}
}
@media all and (max-width:1200px){
	.component_step .list .item{font-size:17px;}
	.component_step .list .item .content .description br{display:none;}
}
@media all and (max-width:1000px){
	.component_step .list > ul > li{width:calc(33.33% - 13.4px);margin-right:20px;}
	.component_step .list > ul > li:nth-child(3n){margin-right:0;}
	.component_step .list > ul > li:nth-child(n+4){width:calc(50% - 10px);margin-top:50px;}
	.component_step .list .item{font-size:16px;}
	.component_step .list .item .content{margin-top:1.5em;}
}
@media all and (max-width:800px){
	.component_step .list .item{font-size:15px;}
	.component_step .list > ul > li:nth-child(n+4){margin-top:45px;}
}
@media all and (max-width:600px){
	.component_step .list > ul > li{width:calc(50% - 10px);margin-right:20px;}
	.component_step .list > ul > li:nth-child(3n){margin-right:20px;}
	.component_step .list > ul > li:nth-child(2n){margin-right:0;}
	.component_step .list > ul > li:nth-child(n+3){margin-top:40px;}
	.component_step .list > ul > li:nth-child(5){width:100%;margin-right:0;}
	.component_step .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_step .list > ul > li:nth-child(n+3){margin-top:35px;}
	.component_step .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_step .list > ul > li:nth-child(n+3){margin-top:30px;}
	.component_step .list .item{font-size:12px;}
}


.component_service{position:relative;}
.component_service .list{position:relative;}
.component_service .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_service .list > ul:after{content:"";display:block;clear:both;}
.component_service .list > ul > li{position:relative;float:left;width:calc(50% - 20px);margin-right:40px;}
.component_service .list > ul > li:nth-child(2n){margin-right:0;}
.component_service .list > ul > li:nth-child(n+3){margin-top:80px;}
.component_service .list .item{position:relative;font-size:20px;}
.component_service .list .item .figure{position:relative;border-radius:20px;background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_service .list .item .figure:before{content:"";display:block;padding-bottom:51.6%;}
.component_service .list .item .content{position:relative;margin-top:35px;padding:0 20px;}
.component_service .list .item .content .title{position:relative;margin:0;padding:0;font-size:24px;font-weight:600;color:#000000;line-height:1.4;}
.component_service .list .item .content .description{position:relative;margin:0;padding:0;font-size:20px;font-weight:400;color:#000000;line-height:1.4;margin-top:15px;word-break:keep-all;}
.component_service .list .item .figure.figure1{background-image:url(../img/component_service_item_figure1.jpg);}
.component_service .list .item .figure.figure2{background-image:url(../img/component_service_item_figure2.jpg);}
.component_service .list .item .figure.figure3{background-image:url(../img/component_service_item_figure3.jpg);}
.component_service .list .item .figure.figure4{background-image:url(../img/component_service_item_figure4.jpg);}

@media all and (max-width:1300px){
	.component_service .list > ul > li:nth-child(n+3){margin-top:70px;}
	.component_service .list .item{font-size:18px;}
	.component_service .list .item .figure{border-radius:1em;}
	.component_service .list .item .content{margin-top:1.75em;}
	.component_service .list .item .content .title{font-size:1.2em;}
	.component_service .list .item .content .description{font-size:1em;margin-top:0.75em;}
}
@media all and (max-width:1200px){
	.component_service .list > ul > li:nth-child(n+3){margin-top:60px;}
	.component_service .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_service .list > ul > li{width:calc(50% - 10px);margin-right:20px;}
	.component_service .list > ul > li:nth-child(n+3){margin-top:55px;}
	.component_service .list .item{font-size:16px;}
	.component_service .list .item .content{padding:0;}
	.component_service .list .item .content .description br{display:none;}
}
@media all and (max-width:800px){
	.component_service .list > ul > li:nth-child(n+3){margin-top:50px;}
	.component_service .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_service .list > ul > li:nth-child(n+3){margin-top:45px;}
	.component_service .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_service .list > ul > li:nth-child(n+3){margin-top:40px;}
	.component_service .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_service .list > ul > li:nth-child(n+3){margin-top:35px;}
	.component_service .list .item{font-size:12px;}
}


.component_communication{position:relative;}
.component_communication .tabs{position:relative;font-size:20px;}
.component_communication .tabs ul{position:relative;margin:0;padding:0;list-style:none;}
.component_communication .tabs ul:after{content:"";display:block;clear:both;}
.component_communication .tabs ul li{position:relative;float:left;margin-right:20px;}
.component_communication .tabs ul li:last-child{margin-right:0;}
.component_communication .tabs .tab{position:relative;display:block;margin:0;padding:0 15px;border:1px solid #000000;-webkit-appearance:none;min-width:160px;height:46px;border-radius:23px;text-align:center;font-size:20px;font-weight:400;line-height:calc(46px - 2px);color:#000000;white-space:nowrap;background-color:transparent;box-sizing:border-box;transition:background-color ease 0.3s,color ease 0.3s;text-decoration:none;cursor:pointer;}
.component_communication .tabs .tab:hover{background-color:#222222;color:#ffffff;}
.component_communication .tabs .tab.active{background-color:#000000;font-weight:500;color:#ffffff;}
.component_communication .list{position:relative;}
.component_communication .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_communication .list > ul:after{content:"";display:block;clear:both;}
.component_communication .list > ul > li{position:relative;}
.component_communication .list .item{position:relative;font-size:20px;cursor:pointer;}
.component_communication .list .item .figure{position:relative;border-radius:20px;background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_communication .list .item .figure:before{content:"";display:block;padding-bottom:25%;}
.component_communication .list .item .content{position:relative;margin-top:35px;padding:0 20px;opacity:0;transition:opacity ease 0.3s;}
.component_communication .list .item .content .title{position:relative;margin:0;padding:0;font-size:24px;font-weight:600;color:#000000;line-height:1.4;}
.component_communication .list .item .content .description{position:relative;margin:0;padding:0;font-size:20px;font-weight:400;color:#000000;line-height:1.4;margin-top:15px;word-break:keep-all;}
.component_communication .list .slick-list{overflow:visible;margin-right:-75px;}
.component_communication .list .slick-list .slick-slide{margin-right:75px;opacity:0;transition:opacity ease 0.3s;}
.component_communication .list .slick-list .slick-slide.slick-current{opacity:1;}
.component_communication .list .slick-list .slick-slide.slick-current ~  .slick-slide{opacity:0.5;}
.component_communication .list .slick-list .slick-slide.slick-current .item .content{opacity:1;}
.component_communication .list .item .figure.figure1{background-image:url(../img/component_communication_item_figure1.jpg);}
.component_communication .list .item .figure.figure2{background-image:url(../img/component_communication_item_figure2.jpg);}
.component_communication .list .item .figure.figure3{background-image:url(../img/component_communication_item_figure3.jpg);}
.component_communication .tabs + .list{margin-top:80px;}

@media all and (max-width:1300px){
	.component_communication .tabs{font-size:18px;}
	.component_communication .tabs ul li{margin-right:1em;}
	.component_communication .tabs .tab{padding:0 0.75em;min-width:8em;height:2.3em;border-radius:1.15em;font-size:1em;line-height:calc(2.3em - 2px);}
	.component_communication .list .item{font-size:18px;}
	.component_communication .list .item .figure{border-radius:1em;}
	.component_communication .list .item .figure:before{padding-bottom:16em;}
	.component_communication .list .item .content{margin-top:1.75em;}
	.component_communication .list .item .content .title{font-size:1.2em;}
	.component_communication .list .item .content .description{font-size:1em;margin-top:0.75em;}
	.component_communication .tabs + .list{margin-top:70px;}
}
@media all and (max-width:1200px){
	.component_communication .tabs{font-size:17px;}
	.component_communication .list .item{font-size:17px;}
	.component_communication .tabs + .list{margin-top:60px;}
}
@media all and (max-width:1000px){
	.component_communication .tabs{font-size:16px;}
	.component_communication .list .item{font-size:16px;}
	.component_communication .list .item .content{padding:0;}
	.component_communication .tabs + .list{margin-top:55px;}
}
@media all and (max-width:800px){
	.component_communication .tabs{font-size:15px;}
	.component_communication .list .item{font-size:15px;}
	.component_communication .tabs + .list{margin-top:50px;}
}
@media all and (max-width:600px){
	.component_communication .tabs{font-size:14px;}
	.component_communication .tabs .tab{min-width:6em;}
	.component_communication .list .item{font-size:14px;}
	.component_communication .list .item .figure:before{padding-bottom:40%;}
	.component_communication .tabs + .list{margin-top:45px;}
}
@media all and (max-width:400px){
	.component_communication .tabs{font-size:13px;}
	.component_communication .list .item{font-size:13px;}
	.component_communication .tabs + .list{margin-top:40px;}
}
@media all and (max-width:350px){
	.component_communication .tabs{font-size:12px;}
	.component_communication .list .item{font-size:12px;}
	.component_communication .tabs + .list{margin-top:35px;}
}