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


/*------------------- テンプレート -----------------------*/

html {
	overflow-x: hidden;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	max-width: 100%;
	display: block;
}

form {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

video {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

.clearfix {
  zoom: 1; /* for IE6/7 */
}

*{
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

/*------------------- インデックス --------------------*/

.bk {
	color: #fff;
}

.container {
	text-align: center;
	padding: 5% 5%;
}


/*------------------- ビデオ -----------------------*/

main {
	display: flex;
	align-items: center;
	width: 100vw;
	height: 100vh;
}

video {
    width: 100vw;
	margin: auto;
	max-height: 100vh;
}

* {
	filter: drop-shadow(0px 0px rgba(0,0,0,0));
	outline: none;
	border: none;
}

:focus {
	outline: 1px #000 dashed;
}