@charset "UTF-8";

/*========= レイアウトのためのCSS ===============*/

h1{
  position: fixed;
  top: 35%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color:#ff0000;
  text-shadow: 0 0 15px #666;
	text-align: center;
}


/*========= スクロールをすると下のエリアが上にかぶさるCSS ===============*/

#header{
    /*headerを全画面で見せる*/
	width:100%;
	height:100vh;
	position: relative;
} 

#header:before{
    /*header の疑似要素に背景画像を指定*/
	content:"";
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	/*背景画像設定*/
	background:url("../img/182.png") no-repeat center;
	background-size:cover;
}

/*下の被さるエリアの指定*/
#container{
	position: relative;
	z-index:1;
    /*以下はレイアウトのための記述*/
	background:#f0f8ff;
	padding:1px 0;
	text-align: center;
}