@charset "UTF-8";

*{box-sizing: border-box;}

body,h1,h2,h3,h4,p{margin: 0;padding: 0;}

body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';}


body{width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(238, 141, 30);}



	nav{background-color: #ffffff}

	nav ul{
		width: 1000px;
	  margin: 0 auto;
	  display: flex;
		list-style:none;}
		
	nav li a {
		width: 125px;
		border-left:1px solid rgb(0, 0, 0);
	  padding:20px 0;
		color:rgb(0, 0, 0);
	  text-align: center;
		text-decoration:none;
		display:block;
		transition: 0.5s ease;}
	
	nav li a:hover {color:#333;
		background-color:#000000;}
	
	nav li:last-child{border-right:1px solid rgb(0, 0, 0);}
	

.top{opacity: 0.7;
width: 1000px;
background-color: rgb(238, 141, 30);
margin-left: auto;
margin-right: auto;}

.top video{width: 1000px;}

.top p {opacity: 0.9;
	font-family: serif;          
	color: #fff;
	font-size: 500%;
	position: absolute;
	left: 40%;
	top: 400px;
	z-index: 1;
  }