/* CSS Document */
main article#MainVisual {
	width: 100%;
	height: 68vw;
	background-image: url('../images/main.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	background-repeat: no-repeat;
  
	/* アニメーションの設定：0.8秒かけてじわっと変化 */
	animation: floatUp 0.8s ease-out forwards;
}

/* 浮き上がるアニメーションの動き */
@keyframes floatUp {
	0% {
		transform: translateY(15px) scale(0.98);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	100% {
		transform: translateY(0) scale(1);
		box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
	}
}

main article#MainVisual section {
	width:100%;
	background: rgba(34,76,199,0.8);
	padding: 1vw 0;
	position: absolute;
	bottom:5vw;
	text-align: center;
	z-index: 3
}

main article#MainVisual section h1 {
	max-height: 20vw;
	margin: 0 auto;
}

main article#MainVisual section h1 img {
	max-height:18vw
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media screen and (max-width: 999px) {/* 640px以下*/

	main article#MainVisual {
		width: 100%;
		height:58.5vw;
		background-size: cover;
		background-position:top;
	}

	
	main article#MainVisual section {
		width:100%;
		height: 5.5em;
		bottom:4vw;
	}
	main article#MainVisual section img {
		height:4em;
		width: auto;
	}
}