@charset "utf-8";

main {
	background: url(../images/an_mv.png) no-repeat top right;
	background-size: 85%;
}

.spLogo {
	display: none;
}

.mainContents {
	position: relative;
}

.copy {
	padding-top: 2.25rem;
	margin-top: 4%;
	margin-bottom: 0.75rem;
	border-top: rgb(57 23 0 / .6) 1.5px solid;
	max-width: 100%;
}

.copy img {
	width: 360px;
}

.message {
	padding: 1rem 15% 1.5rem 0;
}

.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.video iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 600px){
	main {
		background: url(../images/an_mv_sp.png) no-repeat top right;
		background-size: 92%;
	}

	.spLogo {
		display: block;
		position: absolute;
		width: 35%;
		top: 2.5%;
		left: 13%;
		filter:drop-shadow(0 0 3px #064679) drop-shadow(0 0 4px #2AA5CA);
	}

	.copy {
		position: absolute;
		padding-top: 1.5rem;
		padding-right: 5%;
		margin-top: -1.75rem;
		margin-left: -5%;
		left: 0px;
		right: 0px;
	}
	
	.copy img {
		min-width: 270px;
		max-width: 63.5%;
	}
	
	.message {
		max-width: 100%;
		padding-top: 4.5rem;
		padding-right: 9%;
		margin: 70% 0 -1.5rem -5%;
		font-size: 0.875rem; /* 14px相当 */
	}
	
	.video {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin-top: 5%;
	}
	
	.video iframe {
		position: absolute;
		top: 0;
		left: -14.7%;
		width: 114.7%;
		height: 114.7%;
	}
}