@charset "UTF-8";

/*=======================================================
MV
=======================================================*/
.bl_lower_mv_ttl::after {
	background: url(../images/campaign/mv_ttl.svg) top center/contain no-repeat;
	width: 81px;
	height: 18px;
}
@media screen and (max-width : 750px){
	.bl_lower_mv_ttl::after {
		width: 146px;
		height: 32px;
	}
}
/*=======================================================
main
=======================================================*/
.bl_campaign{
	padding: 40px 0 64px;
}
.bl_mediaList{
	margin-top: 32px;
	gap: 46px;
}
.bl_media {
	display: grid;
	grid-template: auto 1fr / 490px auto;
	grid-template-areas:
		"imgWrapper title"
		"imgWrapper body";
	gap: 16px 40px;
}
.bl_media_body{
	gap: 0;
}
@media screen and (max-width : 750px){
	.bl_mediaList{
		margin-top: 56px;
		gap: 64px;
	}
	.bl_media {
		grid-template: auto / auto;
		grid-template-areas: "title" "imgWrapper" "body";
		gap: 32px;
	}
}