@charset "utf-8";
/*=============================
ログイン画面
=============================*/

.login {
	background: url("/img/bg.jpg") fixed;
	background-size: cover;
}

.login .flex {
	display: -ms-flexbox;
	display: flex;
    -ms-flex-pack: center;
        justify-content: center;
	padding: 6% 0 0;
}

.login h1 {
	text-align: center;
}

.login .flex .message {
	box-shadow: 0 0 4px rgba(204,204,204,0.5);
}

.login .login-box {
	display: inline-block;
}

.login .login-box form {
	background: #fff;
	box-shadow: 0 0 4px rgba(204,204,204,0.5);
	padding: 30px 50px;
}

.login .login-box form p {
	margin: 0 0 20px;
}

.login .login-box form p:last-of-type {
	margin-bottom: 0;
}

.login .login-box form p input[type=text],
.login .login-box form p input[type=password] {
	margin-top: 2px;
}

.message {
    -ms-flex-align: center;
	align-items: center;
	background: #fff;
	border-left: 5px solid #E83D3D;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 10px;
}