@charset "utf-8";

/* reset */

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

html {
	font-size: 62.5%;
}

a {
	text-decoration: none;
	color: #fff;
}

/* 全体 */
html {
	height: 100%;
}

body {
	background: #000 url(../images/op.jpg)no-repeat top center / cover;
	background-attachment: fixed;
	height: 100%;
	color: #fff;
  font-size: 4rem;
  overflow: hidden;
}

.wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4) url(../images/back_stripe.png);
	border: 60px solid #000;
}
.wrapper:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 60px solid #000;
	border-radius: 70px;
}

.wrapper:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 62px solid #444;
	border-radius: 70px;	
}

/*--------------------
　ヘッダー
--------------------*/
header {
	font-family: 'Electrolize', sans-serif;
	position: fixed;
	padding: 20px 30px;
	z-index: 3;
	max-width: 1400px;
	box-sizing: border-box;
}

header h2 {
	font-size: 14px;
}

/* タイトル */

.title_box {
	z-index: 2;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 15%;
}

.title {
	font-size: 150px;
	font-family: 'Electrolize', sans-serif;
	line-height: 0.8;
}

h1.subtitle {
	opacity: 0;
}

.subtitle img{
	width: 600px;
}

.subtitle span {
	display: none;
}

.lead_txt {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14.5px;
	line-height: 2.2;
	letter-spacing: 0.05em;
	text-align: center;
	position: absolute;
	top: 53%;
	width: 100%;
}

.lead_txt_end {
	font-size: 20px;
	margin-top: 20px;
}
.supernatant {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.supernatant01{
	position: absolute;
	top: 30%;
	left: 20%;
}

.supernatant01 img {
	width: 70%;
}

.supernatant02{
	position: absolute;
	top: 6%;
	left: 8%;
}

.supernatant02 img {
	width: 70%;
}

.supernatant03{
	position: absolute;
	top: 20%;
	left: 24%;
}

.supernatant03 img {
	width: 70%;
}


.supernatant04{
	position: absolute;
	top: 26%;
	right: 13%;
}

.supernatant04 img {
	width: 70%;
}

.supernatant05{
	position: absolute;
	top: 42%;
	right: 33%;
}

.supernatant05 img {
	width: 70%;
}

.supernatant06{
	position: absolute;
	top: 7%;
	right: 0%;
}

.supernatant06 img {
	width: 70%;
}

/* PRESS ENTER KEY OR CLICK HERE */

.enter {
	text-align: center;
	font-family: 'Electrolize', sans-serif;
	font-size: 3rem;
	letter-spacing: 2px;
	color: #fff;
	position: absolute;
	top: 80%;
	width: 100%;
}

.enter a {
	text-shadow: 0 0 15px #42d4ba;
/*
	-webkit-animation:blink 2s infinite;
  -moz-animation:blink 2s infinite;
  animation:blink 2s infinite;
*/
}

.finger {
	position: absolute;
	top: 8px;
	left: 50%;
	width: 48px;
	height: 27px;
	font-size: 3rem;
	margin-left: -7.5em;
	background: url(../images/finger.png) no-repeat;
}

/*
@-webkit-keyframes blink{
	40% {opacity: 1;}
  50% {opacity:0;}
	60% {opacity:1;}
}
@-moz-keyframes blink{
	40% {opacity: 1;}
  50% {opacity:0;}
	60% {opacity:1;}
}
@keyframes blink{
	30% {opacity: 1;}
  50% {opacity:0;}
	70% {opacity:1;}
}*/