@charset "utf-8";

.coverBase {
	position: relative;
	width: 100%;
	height: 100vh;
}
.coverPicBase {
	position: relative;
	width: 100%;
	height: 400px;
}
#cover1 {
	background-image: url("../img/h01.jpg");
}
#cover2 {
	background-image: url("../img/h02.jpg");
}
#cover3 {
	background-image: url("../img/h03.jpg");
}
#cover4 {
	background-image: url("../img/h04.jpg");
}
#cover11 {
	background-image: url("../img/c11.jpg");
}
#cover12 {
	background-image: url("../img/c12.jpg");
}

.cover_pic {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	width: 100%;
	height: 100%;
}
.cover {
 	animation: cover 28s infinite;
	opacity: 0;
}
.cover_logo {
	height: 40px;
	margin: 9px;
}
.cover_pic .cover_title {
	color: #fff;
	font-size: 36px;
}
.cover_pic .cover_message {
	color: #244062;
	font-size: 48px;
	text-align: center;
	background: rgba(255, 255, 255, .75);
}
.coverPicBase .cover_message {
	position: absolute;
	width: 100%;
	bottom: 0px;
}
.coverBase .cover_message {
	position: absolute;
	width: 100%;
	top: 45%;
}

/* アニメーション */
@keyframes cover {
	  0% { opacity: 0;}
	  5% { opacity: 1;}
	 25% { opacity: 1;}
	 30% { opacity: 0;}
	100% { opacity: 0;}
}
.coverBase .cover:nth-of-type(4) {
	animation-delay: 0s;
}
.coverBase .cover:nth-of-type(3) {
	animation-delay: 7s;
}
.coverBase .cover:nth-of-type(2) {
	animation-delay: 14s;
}
.coverBase .cover:nth-of-type(1) {
	animation-delay: 21s;
}

/* スマホ版 */
@media screen and (max-width: 768px) {
	.cover_logo {
		width: 40%;
		height: auto;
		margin-top: 15px;
	}
	.cover_pic {
		background-size: auto 100%;
	}
	.cover_pic .cover_message {
		font-size: 24px;
	}
	.coverPicBase .cover_message {
		font-size: 48px;
	}
}
