@charset "UTF-8";
/* CSS Document */

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td {
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Slabo 27px', serif;
font-weight: 500;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol {
  list-style: none; /* マーカーを消す */
}

a {
  text-decoration: none; /* 下線を消す */
}

img {
  border: 0;
}

img, input {
  vertical-align: bottom;
}
		

/*レイアウト*/






body{
	background: #000033;
}




video#kurage {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -100;
  background-size: cover;
}

#pho{
	width: 100%;
	height: 100vh;
	background: url(../img/_kurageS.png) no-repeat;
	position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -100;
  background-size:cover;
	display: none;
}



#container{
	width: 1180px;
	margin: 0 auto;
	padding: 2.5px;
	overflow: hidden;

}


header{
	width: 585px;
	height: 290px;
	background:rgba(255,255,255,0.3);
	float: left;
	margin:2.5px;
	color: #fff;
}


h1,p{
	color: rgba(255,255,255,1);
	text-align: center;
}


h1{
	font-size: 40px;
	margin-top: 100px;
}


header p{
	margin-top: 10px;
	
}




li a {
	display: block;
	width: 290px;
	height: 290px;
	background:rgba(255,255,255,0.3);
	margin: 2.5px;
	float: left;
	color: rgba(255,255,255,1.00);
	font-size: 30px;
	text-align: center;
	line-height: 290px;
}

li a:hover{
	background:rgba(255,255,255,1.00);
	color: rgba(0,0,0,1.00);
}



footer{
	width: 585px;
	height: 290px;
	background:rgba(255,255,255,0.3);
	float: left;
	margin:2.5px;
	color: rgba(255,255,255,1.00);
	
}


footer p{
	font-size: 35px;
	text-align: center;
	line-height: 290px;
}






@media screen and (max-width:1179px){
	
	
	#container{
		width: 885px;
	}
	
	
	
	
	footer{
	width: 290px;
	color: rgba(255,255,255,1.00);
	
}


footer p{
	font-size: 20px;
	text-align: center;
	line-height: 290px;
}


	
}




@media screen and (max-width:884px){
	
	
	#container{
		width: 590px;
		
	}
	
	video#kurage {
  display: none;
}

#pho{
	display: block;
}







	
	
	footer{
	width: 585px;
	
}


footer p{
	font-size: 30px;
	
}


	
}



@media screen and (max-width:589px){
	
	
	#container{
		width: 295px;
		
	}
	
	header{
	width: 290px;
	height: 290px;
	margin:2.5px;
	
}

	h1,p{
	color: rgba(255,255,255,1);
	text-align: center;
}


h1{
	font-size: 25px;
	}

	
	
	footer{
	width: 290px;
	
}


footer p{
	font-size:20px;
	
}


	
}