

/* page_feature.html */
/* --------------------------------------------------- */
.feature_wrap {
    margin-top: 5em;
}
.feature_wrap .box {
	margin-bottom: 6em;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.feature_wrap .box:nth-child(even) {
    flex-direction: row-reverse;
}
.feature_wrap .box:last-child {margin-bottom: 0;}

.feature_wrap figure img { width: 100%; }

.feature_wrap .box .text-wrap {
    width: 60%;
    max-width: 660px;
	background: rgba(90, 201, 53, 0.3);
    padding: 2em 2.5em 2em 6.5em;
    position: absolute;
    right: 0;
}
.feature_wrap .box:nth-child(even) .text-wrap {
    padding: 2em 6.5em 2em 2.5em;
    right: inherit;
    left: 0;
}
.feature_wrap .box .feature_title {
	font-size: 26px;
    line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.feature_wrap .box .feature_title::before {
	font-size: 70px;
    font-weight: 500;
    line-height: 1.0em;
    letter-spacing: -0.05em;
    color: #097341;
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    margin-right: 20px;
}
.feature_wrap .box-1 .feature_title::before {
    content: "01";
}
.feature_wrap .box-2 .feature_title::before {
    content: "02";
}
.feature_wrap .box-3 .feature_title::before {
    content: "03";
}


/* spview */
@media screen and (max-width:767px) {
    .feature_wrap {
        margin-top: 2.5em;
    }
    
	.feature_wrap .box {
        flex-direction: column;
		margin-bottom: 30px;
	}
    .feature_wrap .box:nth-child(even) {
        flex-direction: column;
    }
    
    .feature_wrap figure {
        width: 100%;
    }

	.feature_wrap .box .text-wrap,
    .feature_wrap .box:nth-child(even) .text-wrap {
		width: 100%;
        padding: 1.5em 1.0em 1.5em;
        position: relative;
	}
	
	.feature_wrap .box .feature_title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.feature_wrap .box .feature_title::before {
        font-size: 34px;
        margin-right: 15px;
	}
	
}


