@charset "UTF-8";

.l-mv{
	position: relative;
	width: 100%;
	background: linear-gradient(0deg, rgba(148,208,219,0.3) 0%,
	rgba(148,208,219,0.3) 50%,
	rgba(148,208,219,0.13) 100%);
	z-index: 1;
}

.l-mv:after{
	position: absolute;
	top: 0;
	right: 0;
	width: 54.16%;
	height: 100%;
	background: #fff;
}

.l-mv .mv-inner{
	position: relative;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	z-index: 2;
}

.mv-inner .mv-flex,
.mv-secondary-row .mv-secondary-flex{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

.mv-flex .mv-primary{
	width: 45.84%;
	min-width: 45.84%;
}

.mv-flex .mv-secondary{
	width: 54.16%;
	min-width: 54.16%;
}

.mv-primary .mv-primary-inner,
.mv-secondary .mv-secondary-inner{
	width: 100%;
}

.mv-secondary-inner.only-pc{
	display: block;
}

.mv-secondary-inner.only-sp{
	display: none;
}

.mv-primary-inner .mv-primary-img{
	display: block;
	width: 100%;
}

.mv-primary .mv-primary-inner img{
	width: 100%;
	height: auto;
}

.mv-secondary-col{
	width: 100%;
}

.mv-secondary-col .secondary-col-item{
	width: 100%;
}

.secondary-col-item a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	backface-visibility: hidden;
}

.secondary-col-item a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(6,37,65,0.3);
	transition: all .3s;
	opacity: 0;
}

.secondary-col-item img{
	width: 100%;
	height: auto;
	transition: all .3s;
	transform: scale(1, 1);
}

.secondary-col-item a:hover img{
	transform: scale(1.1, 1.1);
}

.secondary-col-item a:hover:after{
	opacity: 1;
}

@media screen and (max-width: 768px){
	.l-mv{
		background: #fff;
	}

	.l-mv:after{
		display: none;
	}

	.l-mv .mv-inner{
		max-width: initial;
	}

	.mv-inner .mv-flex{
		display: block;
	}

	.mv-secondary-row .mv-secondary-flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mv-flex .mv-primary{
		width: 100%;
		min-width: initial;
	}

	.mv-flex .mv-secondary{
		width: 100%;
		min-width: initial;
		/* padding: 0 4% 1rem; */
		padding: 0 4% 0;
		box-sizing: border-box;
	}

	.mv-secondary-inner.only-pc{
		display: none;
	}

	.mv-secondary-inner.only-sp{
		display: block;
	}

	.secondary-col-item{
		width: 33.333%;
	}

	.secondary-col-item a:after{
		display: none;
	}

	.secondary-col-item img{
		width: 100%;
		height: auto;
		transition: all .3s;
		transform: scale(1, 1);
	}

	.secondary-col-item a:hover img{
		transform: scale(1, 1);
	}

	.secondary-col-item a:hover:after{
		display: none;
	}
}