/*header*/

#theader{
    position: relative;
    height: 100vh;
} 

#video-area{
    position: fixed;
    z-index: -1;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#video {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
}



h1{
    /*要素の配置*/
    position:absolute;
    /*要素を天地中央寄せ*/
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    /*見た目の調整*/
    /*color:#fff;*/
    /*text-shadow: 0 0 15px #666;*/
}


#container{
  background:#fff;
  padding:0px 0px 0px 0px;
  text-align: center;
}



/*動画上のメニュー用*/

.toptit { 
	width: 180px ;
	border: solid 1px #777777 ;
	margin: 6px;
	padding:  16px 8px 16px 8px ;
	text-align: center;

	font-size:12pt ;
	line-height:150% ;
	font-weight:normal ;
	color:#333333 ;
}

.toptit a {
	font-size:12pt ;
	line-height:150% ;
	font-weight:normal ;
	color:#333333 ;
}

.toptit:hover{
	background: #ffffff;
}