@charset "UTF-8";

/*---　一覧　---------*/
.sec-sub-mv{
    background:url(../../img/features/bg_mv.png) no-repeat;
    background-size: cover;
    background-position: bottom;
}
.features-con{
	/*padding: 120px 0 50px;*/
	padding-bottom: 50px
}
.features-con .features-item{
	width:62.5%;
	background: #f0f0f0;
	padding: 0 40px 40px 40px;
	display: flex;
	position: relative
}
.features-con .features-item.l{
	padding-right: 100px
}
.features-con .features-item.r{
	padding-left: 100px;
	margin:0 0 0 auto
}
.features-con .features-item.l .features-img{
	width:85%;
	position: absolute;
	bottom:-50px;
	right:calc(-85% + 60px);
}
.features-con .features-item.r .features-img{
	width:85%;
	position: absolute;
	bottom:-50px;
	left:calc(-85% + 60px);
}


.features-con .features-item-inn{
	position: relative;
	margin-top: -40px
}

.features-con .features-item:not(:first-child){
	margin-top: 150px
}

.features-con .features-toptxt{
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 600;
	font-size:2.4rem;
	line-height: 1.4;
	margin: 20px 0 40px
}
.features-con .features-txt + .features-txt{
	margin-top: 1em
}
.features-con .features-note{
	font-size:1.4rem
}

.features-con .features-num{
	font-family: "Allura", cursive;
    font-weight: 400;
	font-size:4.8rem;
	line-height: 1;
	color:#1a2c61;
}
.features-con .features-num span{
	font-size:1.5em;
	line-height: 1;
	color:#cf001c
}

.features-con .features-point{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	padding:20px;
	border:1px solid #cf001c;
		background: #fff
}
.features-con .point-icon{
	width:80px;
	color:#dd664b;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 600;
	font-size:2.4rem;
	line-height: 1;
	text-align: center;
}
.features-con .point-icon-img{
	background: #fff;
	border:1px solid #dd664b;
	border-radius: 50%;
	margin-top: 5px
}
.features-con .point-txt{
	width:calc(100% - 95px)
}

.features-con .btn-link-w{
	margin-top: 30px
}

@media (max-width: 1000px){
/*	.features-con .features-item .inn{
		padding:0 3.5vw
	}
	.features-con .features-ttl{
		font-size:3.4vw
	}
*/}


@media (max-width: 768px){
    .sec-sub-mv{
        background:url(../../img/features/bg_mv_sp.png)no-repeat;
        background-size: cover;
        background-position: bottom;
    }
	
	
	.features-con{
		/*padding: 13vw 0 37vw;*/
		padding-bottom: 37vw
	}
	.features-con .features-item{
		width:100%;
		padding: 0 5vw 17vw 5vw;
	}
	.features-con .features-item.l{
		padding-right:5vw;
	}
	.features-con .features-item.r{
		padding-left: 5vw;
		margin:0  auto
	}
	.features-con .features-item.l .features-img{
		width:96%;
		position: absolute;
		bottom:-37vw;
		right:-5vw;
		aspect-ratio: 1.765 / 1;
		overflow: hidden;
	}
	
	.features-con .features-item.r .features-img{
			width:96%;
			position: absolute;
			bottom:-37vw;
			left:-5vw;
			aspect-ratio: 1.765 / 1;
			overflow: hidden;
	}
	
	.features-con .features-item .features-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.features-con .features-item-inn{
		position: relative;
		margin-top: -6vw
	}

	.features-con .features-item:not(:first-child){
		margin-top: 55vw
	}

	.features-con .features-toptxt{
		font-size:4.3vw;
		line-height: 1.6;
		margin: 3vw 0 6vw
	}
	
	.features-con .features-txt{
		font-size:3.7vw;
	}

	.features-con .features-note{
		font-size:3.3vw
	}
	
	.features-con .features-num{
		font-size:7.35vw;
	}
	.features-con .features-num span{
		font-size:12vw;
	}
	.features-con .features-item.r .features-num{
		text-align: right
	}
	.features-con .features-point-inn{
		margin: 5vw 0;
		padding:4vw;

	}
	.features-con .point-icon{
		font-weight: 600;
		font-size:4.1vw;
		width:11.4vw
	}
	.features-con .point-icon-img{
		margin-top: 1vw
	}
	.features-con .point-txt{
		width:calc(100% - 15vw)
	}

.features-con .btn-link-w{
	margin-top: 30px
}
	
	
}