@charset "UTF-8";

/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::before{
	content: 'Works';
}

/*=======================================================
products
=======================================================*/
.bl-products{
	padding: 64px 0;
}
@media screen and (max-width: 750px) {
	.bl-products{
		padding: 64px 0;
	}
}

/*=======================================================
driver
=======================================================*/
.bl-driver{
	padding: 64px 0;
}
.bl-driver .bl-media{
	grid-template: auto 1fr / 480px auto;
	grid-template-areas: 
		"imgWrapper title"
		"imgWrapper body";
}
.bl-driver .bl-media:not(:first-of-type){
	margin-top: 56px;
}
.bl-driver .el-media-ttl{
	color: #309CEB;
	line-height: 1.4;
	padding-bottom: 16px;
	border-bottom: 2px solid #222;
}
.bl-attraction{
	background: #F5F5F5;
	padding: 0 28px 32px 24px;
	margin-top: 24px;
}
.bl-attraction .el-label-ttl{
	margin: -22px 0 24px;
}
@media screen and (min-width: 751px) {
	.bl-media.reverse{
		grid-template: auto 1fr / 512px auto;
		grid-template-areas:
			"title imgWrapper"
			"body imgWrapper";
	}
}
@media screen and (max-width: 750px) {
	.bl-driver .ly-cont-inner{
		width: 690px;
	}
	.bl-driver .bl-media{
		grid-template: auto / auto;
		grid-template-areas: "imgWrapper" "title" "body";
	}
	.bl-driver .bl-media:not(:first-of-type){
		margin-top: 80px;
	}
	.bl-driver .el-media-ttl{
		padding-bottom: 24px;
	}
	.bl-attraction{
		padding: 0 28px 32px;
		margin-top: 32px;
	}
	.bl-attraction .el-label-ttl{
		margin: -30px 0 24px;
	}
}

/*=======================================================
ojt
=======================================================*/
.bl-ojt{
	background: #F5F5F5;
	padding: 64px 0;
}
.bl-ojt .bl-img-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 32px;
	margin-top: 48px;
}
.bl-ojt .bl-img-list img{
	width: 320px;
}
@media screen and (max-width: 750px) {
	.bl-ojt .bl-img-list img{
		width: 328px;
	}
	.bl-ojt .bl-img-list img:last-of-type{
		display: none;
	}
}