@charset "utf-8";
/*
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

.featuresSec01{
	padding-top: 63px;
}
.featuresUl01 li{margin-bottom: 68px}
.featuresUl01 .box{
	display: flex;
	justify-content: space-between;
	margin-left: -20px;
}
.featuresUl01 .item{padding-left: 20px}
.featuresUl01 .three.box{display: block;overflow: hidden;}
.featuresUl01 .three.box .item{
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding-left: 20px
}

.featuresUl01 .img ~ p.imgIntro {
	margin: 15px 0 0;
}
.featuresUl01 .img ~ p.imgIntro span {
	display: inline-block;
	text-align: left;
}
.featuresBanner{
	background: url(../img/features/bg_banner.jpg)no-repeat center center;
	background-size: cover;
}
.featuresBanner .btnLink01{font-weight: normal;}

.featuresSec02{
	padding: 70px 0 40px;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {

}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
	.featuresSec01{
		padding-top: 30px;
	}
	.featuresUl01 li{margin-bottom: 40px}
	.featuresUl01 .box{
		display: block;
		justify-content: space-between;
		margin-left: -15px;
	}
	.featuresUl01 .img{text-align: center;}
	.featuresUl01 .img ~ p.imgIntro { text-align: center; margin: 15px 0; }
	.featuresUl01 .item{padding-left: 15px}
	.featuresUl01 .item + .item{margin-top:15px}
	.featuresUl01 .one .item + .item{margin-top:40px}
	.featuresUl01 .three.box{display: block;overflow: hidden;}
	.featuresUl01 .three.box .item{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding-left: 15px
	}
	.featuresUl01 .three.box .img img{max-width: 80%}


	.featuresSec02{
		padding: 30px 0 30px;
	}
}