@charset "UTF-8";

.feature-list {
	padding-bottom: 70px;
}
.feature-list li {
	position: relative;
}

.feature-list li .feature_back {
	position: absolute;
	z-index: -10;
	top: -35px;
	width: 660px;
	height: 240px;
    background: linear-gradient(90deg, #f08300, #f2b700);
}

.feature-list li:nth-child(odd) .feature_back {
	left: 0;
}

.feature-list li:nth-child(even) .feature_back {
	right: 0;
}
.feature-list li:nth-child(n+2) .feature_back {
	top: -70px;
}
.feature-list__inner {
    width: 1100px;
	z-index: 2;
	background: #fff;
	box-sizing: border-box;
	margin: 20px auto 25px;
	padding: 40px 50px 60px;
	display: flex;
	justify-content: space-between;
	box-shadow: 3px 5px 10px 0px rgba(131, 131, 131, 0.4);
}

.feature-list__text {
	width: 65%;
}
.feature-list__text h3 {
	font-size: 40px;
	color: #f08300;
	margin-top: -20px;
}
.feature-list__text h4 {
	margin-bottom: 15px;
}
.feature-list__text p {
	font-size: 13px;
}

.feature-list__text h3 span {
	font-size: 14px;
	border-bottom: solid 2px #f08300;
	display: inline-block;
	margin-right: 6px;
	vertical-align: 6px;
}

.feature-list__img {
	width: 30%;
}
.feature-list__img img {
	width: 100%;
}

@media screen and (min-width: 900px) {


}

@media screen and (max-width: 899px) {
	.feature-list li .feature_back {
		top: -35px;
		width: 45%;
		height: 300px;
	}

	.feature-list__inner {
		width: 90%;
		margin: 20px auto 25px;
		padding: 20px 30px 35px;
		display: block;
	}
	.feature-list__text h3 {
		margin-top: -15px;
	}
	.feature-list__text,
	.feature-list__img {
		width: 100%;
	}	
	.feature-list__text {
		margin-bottom: 15px;
	}	
	
}