body{
	background-repeat:no-repeat;
	background-image:url(../images/solution_l4_bg.jpg);
	background-size:100% auto;
	background-position:-35vw 35vw;
}
body.nobg{
	background-image:none;
}


.common-tab + .car{
	float:right;
	width:auto;
	height:20.625em;
	margin-top:-14.375em;
	position:relative;
}
.common-tab a{
	width: 12em;
}
.common-tab + .car.swiper{
	width:42.3125em;
}
.common-tab + .car.swiper img{
	height:100%;
	width:auto;
}


.sec1{
	padding:5.2% 0 13.3%;
}
.sec1 .inner{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .left-part,.sec1 .right-part{
	width:47.15%;
}
.sec1 h3{
	font-size:3em;
	font-weight:normal;
	margin-bottom:1em;
}
.sec1 table{
	width:100%;
}
.sec1 td{
	border-bottom:1px solid #999;
	padding:2.5em 0;
}
.sec1 td h5{
	color:var(--theme-blue);
	font-weight:normal;
	padding-right:3.5em;
	font-size:1.5em;
	white-space:nowrap;
}
.sec1 td h5 b{
	font-size:1.67em;
	font-weight:normal;
}
.sec1 td h5 sup{
	font-size:0.5em;
	line-height:1;
	vertical-align:top;
}
.sec1 td p{
	font-size: 1.125em;
	line-height: 1.67;
}
.sec1 .box{
	background: linear-gradient(261.69deg, #E9F4FF 0.33%, #FFFFFF 53.42%, #E9F4FF 99.81%);
	border: 1px solid #EEEEEE;
	border-radius: 0.625em;
	padding:0 2em;
}
.sec1 ul{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
}
.sec1 li{
	padding:2em 0;
	width:50%;
	border-bottom:1px solid #ccc;
}
.sec1 ul:last-child li{
	border-bottom:0 none;
}
.sec1 li:only-of-type{
	width:100%;
}
.sec1 li p{
	font-size:1.125em;
	padding-left:1.78em;
}
.sec1 li p i{
	width:0.6em;
	height:0.6em;
	border-radius:50%;
	background-color:var(--theme-blue);
	display:inline-block;
	vertical-align:baseline;
	margin-left:-1.8em;
	margin-right:1.2em;
}


section .title{
	width:89.375em;
	max-width:100%;
	margin:0 auto 2.75em;
}
section .title h5{
	text-align:center;
	font-size:3em;
	color:var(--theme-blue);
	margin-bottom:0.73em;
}
section .title p{
	font-size:1.125em;
	line-height:1.88;
}

.sec2{
	padding:5.9% 0 4.2%;
}


.sec3{
	padding:4.2% 0 14%;
}
.sec2 .scroll-box,.sec3 .scroll-box{
	overflow-x:auto;
	text-align:center;
}
.sec2 .img-box,.sec3 .img-box{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
}


@media only screen and (min-width:1025px){
}
@media only screen and (max-width:1024px){
	body{
		background-size:200% auto;
		background-position:-75vw 150vw;
	}


	.common-tab + .car{
		float:none;
		width:100%;
		height:auto;
		margin-top:15%;
	}
	.common-tab + .car.swiper{
		width:100%;
	}
	.common-tab + .car.swiper img{
		height:auto;
		width:100%;
	}



	.sec1{
		padding:15% 0 30%;
	}
	.sec1 .inner{
		display:block;
	}
	.sec1 .left-part,.sec1 .right-part{
		width:100%;
	}
	.sec1 .left-part{
		margin-bottom: 10%;
	}
	.sec1 h3{
		margin-bottom:0.5em;
	}
	.sec1 table{
		width:100%;
	}
	.sec1 td h5{
		padding-right:1.5em;
	}
	.sec1 ul{
		display:block;
	}
	.sec1 li{
		width:100%;
	}
	.sec1 ul:last-child li:first-child{
		border-bottom:1px solid #ccc;
	}



	.sec2{
		padding:15% 0 7.5%;
	}


	.sec3{
		padding:7.5% 0 30%;
	}
	.sec2 .img-box img,.sec3 .img-box img{
		width:100%;
	}
}