/* Visual Copy - トップメインビジュアルの英文コピー演出 */
.visual-copy{
	position: relative;
	top: 50%; /* .visual h1 と同じズラし方に合わせる */
	margin: 1.2em auto 0;
	text-align: center;
	z-index: 2;
	}
.visual-copy__line{
	overflow: hidden; /* マスクとして使う */
	}
.visual-copy__line span{
	display: inline-block;
	font-family: "Avenir","aktiv-grotesk","Hiragino Kaku Gothic ProN","HiraKakuPro-W3",sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
	letter-spacing: 0.12em;
	color: #fff;
	line-height: 1.9em;
	opacity: 0;
	filter: blur(6px);
	transform: translateY(60%);
	animation: visualCopyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
	}
/* ロゴのfade1（delay 2.5s + duration 1.5s = 4.0s終了）の後に続くよう調整 */
.visual-copy__line:nth-child(1) span{ animation-delay: 2.5s; }
.visual-copy__line:nth-child(2) span{ animation-delay: 2.8s; }

@keyframes visualCopyReveal{
	0%{
		opacity: 0;
		filter: blur(6px);
		transform: translateY(60%);
		}
	100%{
		opacity: 1;
		filter: blur(0);
		transform: translateY(0);
		}
	}

@media screen and (max-width: 768px){
	.visual-copy{
		margin: 0.8em auto 0;
		padding: 0 8%;
		}
	.visual-copy__line span{
		font-size: 0.7rem;
		line-height: 1.8em;
		}
	}