@charset "UTF-8";


.component_sharing{position:relative;}
.component_sharing .figure{position:relative;border-radius:22px;background-image:url(../img/component_sharing_figure.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_sharing .figure:before{content:"";display:block;padding-bottom:25%;}

@media all and (max-width:1300px){
	.component_sharing{font-size:18px;}
	.component_sharing .figure{border-radius:1.1em;}
}
@media all and (max-width:1200px){
	.component_sharing{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_sharing{font-size:16px;}
	.component_sharing .figure:before{padding-bottom:30%;}
}
@media all and (max-width:800px){
	.component_sharing{font-size:15px;}
}
@media all and (max-width:600px){
	.component_sharing{font-size:14px;}
	.component_sharing .figure:before{padding-bottom:50%;}
}
@media all and (max-width:400px){
	.component_sharing{font-size:13px;}
}
@media all and (max-width:350px){
	.component_sharing{font-size:12px;}
}


.component_business_area{position:relative;padding:200px 0;background-image:url(../img/component_business_area_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_business_area .list{position:relative;}
.component_business_area .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_business_area .list > ul:after{content:"";display:block;clear:both;}
.component_business_area .list > ul > li{position:relative;float:left;width:calc(16.66% - 16.7px);margin-right:20px;}
.component_business_area .list > ul > li:nth-child(6n){margin-right:0;}
.component_business_area .list .item{position:relative;font-size:20px;}
.component_business_area .list .item .title{position:relative;margin:0;padding:0;font-size:26px;font-weight:600;color:#ffffff;font-family:"Outfit",sans-serif;line-height:1.2;}
.component_business_area .list .item .content{position:relative;margin-top:55px;}
.component_business_area .list .item .content ul{position:relative;margin:0;padding:0;list-style:none;font-size:19px;font-weight:400;color:#ffffff;line-height:1.2;float:left;}
.component_business_area .list .item .content ul li:nth-child(n+2):before{content:"";display:block;width:100%;height:1px;background-color:#b7b7b7;opacity:0.3;margin:12px 0;}

@media all and (max-width:1300px){
	.component_business_area{padding:170px 0;}
	.component_business_area .list .item{font-size:18px;}
	.component_business_area .list .item .title{font-size:1.3em;}
	.component_business_area .list .item .content{margin-top:2.75em;}
	.component_business_area .list .item .content ul{font-size:0.95em;}
	.component_business_area .list .item .content ul li:nth-child(n+2):before{margin:0.63em 0;}
}
@media all and (max-width:1200px){
	.component_business_area{padding:140px 0;}
	.component_business_area .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_business_area{padding:120px 0;}
	.component_business_area .list > ul > li{width:calc(33.33% - 13.4px);margin-right:20px;}
	.component_business_area .list > ul > li:nth-child(3n){margin-right:0;}
	.component_business_area .list > ul > li:nth-child(n+4){margin-top:50px;}
	.component_business_area .list .item{font-size:16px;}
	.component_business_area .list .item .content{margin-top:2em;}
	.component_business_area .list .item .content ul{float:none;font-size:1em;}
}
@media all and (max-width:800px){
	.component_business_area{padding:100px 0;}
	.component_business_area .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_business_area{padding:80px 0;}
	.component_business_area .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_business_area{padding:60px 0;}
	.component_business_area .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_business_area{padding:40px 0;}
	.component_business_area .list .item{font-size:12px;}
}


.component_marketing_total_solution{position:relative;}
.component_marketing_total_solution .list{position:relative;}
.component_marketing_total_solution .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_marketing_total_solution .list > ul:after{content:"";display:block;clear:both;}
.component_marketing_total_solution .list > ul > li{position:relative;float:left;width:calc(50% - 20px);margin-right:40px;}
.component_marketing_total_solution .list > ul > li:nth-child(2n){margin-right:0;}
.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:140px;}
.component_marketing_total_solution .list .item{position:relative;font-size:20px;text-align:center;}
.component_marketing_total_solution .list .item .figure{position:relative;border-radius:20px;background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_marketing_total_solution .list .item .figure:before{content:"";display:block;padding-bottom:53.2%;}
.component_marketing_total_solution .list .item .content{position:relative;margin-top:45px;}
.component_marketing_total_solution .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_marketing_total_solution .list .item .content .step{position:relative;margin-top:30px;}
.component_marketing_total_solution .list .item .content .step ul{position:relative;margin:0;padding:0;list-style:none;font-size:20px;font-weight:400;color:#000000;line-height:1.4;word-break:keep-all;}
.component_marketing_total_solution .list .item .content .step ul li:nth-child(n+2):before{content:"";display:block;width:100%;height:1px;margin:10px 0;height:8px;background-image:url(../img/component_marketing_total_solution_arrow.png);background-size:auto 100%;background-repeat:no-repeat;background-position:center center;}
.component_marketing_total_solution .list .item .figure.figure1{background-image:url(../img/component_marketing_total_solution_figure1.jpg);}
.component_marketing_total_solution .list .item .figure.figure2{background-image:url(../img/component_marketing_total_solution_figure2.jpg);}
.component_marketing_total_solution .list .item .figure.figure3{background-image:url(../img/component_marketing_total_solution_figure3.jpg);}
.component_marketing_total_solution .list .item .figure.figure4{background-image:url(../img/component_marketing_total_solution_figure4.jpg);}

@media all and (max-width:1300px){
	.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:120px;}
	.component_marketing_total_solution .list .item{font-size:18px;}
	.component_marketing_total_solution .list .item .figure{border-radius:1em;}
	.component_marketing_total_solution .list .item .content{margin-top:2.25em;}
	.component_marketing_total_solution .list .item .content .title{font-size:1.3em;}
	.component_marketing_total_solution .list .item .content .step{margin-top:1.5em;}
	.component_marketing_total_solution .list .item .content .step ul{font-size:1em;}
	.component_marketing_total_solution .list .item .content .step ul li:nth-child(n+2):before{margin:0.5em 0;height:0.4em;}
}
@media all and (max-width:1200px){
	.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:100px;}
	.component_marketing_total_solution .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_marketing_total_solution .list > ul > li{width:calc(50% - 10px);margin-right:20px;}
	.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:80px;}
	.component_marketing_total_solution .list .item{font-size:16px;}
	.component_marketing_total_solution .list .item .figure:before{padding-bottom:80%;}
	.component_marketing_total_solution .list .item .content{margin-top:1.5em;}
	.component_marketing_total_solution .list .item .content .step{margin-top:1em;}
}
@media all and (max-width:800px){
	.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:70px;}
	.component_marketing_total_solution .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:60px;}
	.component_marketing_total_solution .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:50px;}
	.component_marketing_total_solution .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_marketing_total_solution .list > ul > li:nth-child(n+3){margin-top:40px;}
	.component_marketing_total_solution .list .item{font-size:12px;}
}