/*ロゴ共通*/
 #logo img {
      display: block;
opacity: 0; /* 初期状態で非表示 */
  animation: fadein 5s ease-out forwards;
animation-delay: 1s; /* 秒後にアニメーションを開始 */
}

@keyframes fadein {
  0% {
     opacity: 0
  }
  100% {
     opacity: 1
  }
}

#logo {
	margin: 0;padding: 0;
	width: 300px;	/*ロゴの幅*/
height: 10px; /* ロゴの高さ */
	position: absolute;z-index: 1;
	top: 8%;							/*天地左右中央に配置する為の指定*/
	left: 50%;							/*天地左右中央に配置する為の指定*/
	transform: translate(-50%, -50%);	/*天地左右中央に配置する為の指定*/
}

#mainimg {
    width: 100%;
    height: 600px;
	position:  relative;;
	left: 0px;top: 0px;
}