@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::before{
	background: url(../images/service/service.svg) top center / contain no-repeat;
	width: 264px;
}

/*=======================================================
service
=======================================================*/
.bl-service{
	padding: 96px 0 88px;
	background: url(../images/common/lower-bg01.jpg) top center / cover no-repeat;
	margin-top: -30px;
}
.bl-service .ly-cont-inner::before{
	content: '';
	position: absolute;
	background: url(../images/service/service-illust01.svg) top center / contain no-repeat;
	width: 188px;
	height: 122px;
	left: -220px;
	bottom: -88px;
}
.bl-service .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/service/service-illust02.svg) top center / contain no-repeat;
	width: 188px;
	height: 122px;
	right: -188px;
	bottom: -88px;
}
.bl-service .el-main-ttl{
	width: 362px;
	margin-bottom: 96px;
}
.bl-service .el-main-ttl::before{
	background: url(../images/common/service-ttl.svg) top center / contain no-repeat;
}
.bl-service .bl-media-list{
	display: flex;
	flex-direction: column;
	gap: 100px 0;
}
.bl-service .bl-media-img-wrapper > img{
	border-radius: 32px;
}
.bl-service .el-media-ttl{
	font-size: 26px;
	color: #309CEB;
	padding-left: 32px;
	margin-bottom: 64px;
	position: relative;
	z-index: 1;
}
.bl-service .el-media-ttl::before{
	content: '01';
	position: absolute;
	font-size: 140px;
	color: #FFCB1C;
	top: 26%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
}
.bl-service .bl-media:nth-of-type(2) .el-media-ttl::before{
	content: '02';
}
.bl-service .bl-media:nth-of-type(3) .el-media-ttl::before{
	content: '03';
}
.bl-service .bl-media:nth-of-type(4) .el-media-ttl::before{
	content: '04';
}
.bl-service .bl-media-body{
	padding-left: 32px;
}
@media screen and (max-width: 1024px) {
	.bl-service .ly-cont-inner{
		padding-left: 30px;
		padding-right: 30px;
	}
	.bl-service .bl-media-list{
		gap: 100px;
	}
	.bl-service .el-media-ttl{
		margin-bottom: 56px;
	}
	.bl-service .bl-media-img-wrapper{
		width: 80%;
		margin: 0 auto 32px;
	}
}
@media screen and (max-width: 750px) {
	.bl-service{
		padding: 120px 0;
		margin-top: -41px;
	}
	.bl-service .ly-cont-inner{
		padding: 0;
	}
	.bl-service .ly-cont-inner::before,
	.bl-service .ly-cont-inner::after{
		content: none;
	}
	.bl-service .el-main-ttl{
		width: 630px;
		margin-bottom: 96px;
	}
	.bl-service .bl-media-list{
		gap: 96px;
	}
	.bl-service .bl-media-img-wrapper{
		width: 100%;
	}
	.bl-service .el-media-ttl{
		font-size: 36px;
	}
	.bl-service .bl-media-body{
		padding-left: 0;
	}
}

/*=======================================================
vehicle
=======================================================*/
.bl-vehicle{
	padding: 80px 0 370px;
	background: url(../images/common/lower-bg02.jpg) top center / cover no-repeat;
	margin-bottom: -164px;
}
.bl-vehicle .ly-cont-inner{
	max-width: 1200px;
	padding: 0 30px;
}
.bl-vehicle .el-main-ttl{
	width: 650px;
	margin-bottom: 64px;
}
.bl-vehicle .el-main-ttl::before{
	background: url(../images/service/vehicle-ttl.svg) top center / contain no-repeat;
}
.bl-vehicle-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px 32px;
	padding: 96px 32px;
	background: #FFFFFF;
	border-radius: 32px;
}
.bl-vehicle-item{
	width: 320px;
}
.bl-vehicle-item > img{
	border-radius: 16px;
}
.bl-vehicle-item > figcaption{
	margin-top: 8px;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}
.bl-vehicle-item > figcaption > span{
	font-weight: normal;
}
@media screen and (max-width: 1148px) {
	.bl-vehicle-item{
		width: 45%;
	}
}
@media screen and (max-width: 750px) {
	.bl-vehicle{
		padding: 120px 0 260px;
		margin-bottom: -140px;
	}
	.bl-vehicle .ly-cont-inner{
		max-width: 690px;
		padding: 0;
	}
	.bl-vehicle .el-main-ttl{
		width: 630px;
	}
	.bl-vehicle-list{
		gap: 32px 26px;
		padding: 40px 32px;
		justify-content: flex-start;
	}
	.bl-vehicle-item{
		width: 300px;
	}
	.bl-vehicle-item > figcaption{
		font-size: 28px;
	}
}