@charset "UTF-8";

/*------------------------------------------------------------
	mv
------------------------------------------------------------*/
.page_mv {
	background-image: url(../img/feature/mv-bg-sp.jpg);
}

@media screen and (min-width: 768px) {
	.page_mv {
		background-image: url(../img/feature/mv-bg-pc.jpg);
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	ポイント
------------------------------------------------------------*/
.feature_point li {
	margin-bottom: 60px;
	counter-increment: number;
}
.feature_point__ttl {
	margin-bottom: 30px;
	padding: 20px;
	font-size: 1.8rem;
	background: #F3F3F3;
}
.feature_point__ttl:before {
	content: 'POINT.0' counter(number);
	display: block;
	margin-bottom: 5px;
	color: #289B5C;
	font-family: 'Mukta',sans-serif;
	font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
	.feature_point__ttl {
		position: relative;
		padding: 30px 20px 30px 140px;
	}
	.feature_point__ttl:before {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		position: absolute;
		left: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		height: calc(100% - 40px);
		padding-right: 20px;
		border-right: 1px solid #ACACAF;
		line-height: 2.5;
	}
	.feature_point__box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		margin: 0 -15px;
	}
	.feature_point li:nth-child(even) .feature_point__box {
		flex-direction: row-reverse;
	}
	.feature_point__txt {
		width: 50%;
		margin-bottom: 0;
		padding: 0 15px;
	}
	.feature_point__img {
		width: 50%;
		padding: 0 15px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.feature_point__ttl {
		font-size: 2.4rem;
	}
	.feature_point__ttl:before {
		font-size: 1.8rem;
	}
} /* ----- media END ----- */