html, body {
	margin:0;
	padding:0;
	background-color:#000;
	color:#fff;
	font-family: 'Montserrat', "Meiryo UI", "メイリオ", sans-self;
}
.container {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height: 100vh;
    background: url(../img/top_bg.jpg) center center no-repeat;
	background: linear-gradient( cyan, transparent), linear-gradient( -45deg, magenta, transparent), linear-gradient( 45deg, yellow, transparent), url(../img/top_bg.jpg) center center / cover no-repeat;
    background-blend-mode: darken;
}
.form {
	position:relative;
	width:400px;
	height:auto;
	margin:0 auto;
	margin-top:90px;
	background:rgba(0,0,0,0.7);
	-webkit-border-radius: 20px;
	-moz-border-radius:  20px;
	-ms-border-radius:  20px;
	-o-border-radius:  20px;
	border-radius:  20px;
}
.form .input_title {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:12px;
}
.form .input_title span {
	font-size:24px;
}
.form .input_area {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:30px;
}

.form .input_area input {
	width:100%;
	margin-top:10px;
}
.form .input_area input[type=email],
.form .input_area input[type=password] {
	background:transparent;
	color:#fff;
	border:0;
	border-bottom:1px solid #fff;
	padding:10px;
}
.form .input_area input[type=submit] {
	margin-top:40px;
}