body {


	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.login-box {
	margin: 120px  auto 0 auto;
	width: 360px;
}

.login-box input {
	border: none;
	background-color: #F0F0F0;
}

.login-box-body {
	margin: 0px 0 0 0;
	background: #fff;
	color: #666;
	padding: 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}

.login-box-body .ico {
	width: 60px;
	height: 60px;
	margin: -46px auto 0 auto;
	background-color: #333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 60px;
	color: #fff;
	text-align: center;
	font-size: 24px;
}

.login-box-body .ttl-1 {
	    font-family: 'Abel', sans-serif;
	margin: 24px 0 32px 0;
	text-align: center;
	font-size: 32px;

}

.login-box-body .input-area {
	margin-bottom: 24px;
}

.login-box-body label {
	width: 100%;
	margin-bottom: 12px;
	text-align: center;
}


.login-box-body .form-control-feedback {
	color: #D0D0D0;
	font-size: 20px;
	top: 9px;
}

.login-logo2 {
	margin: 0;
	padding: 0 20px 30px;
	text-align: center;
}

.login-box .btn_area {
	padding-top: 10px;
}

.login-box .logo {
	text-align: center;
}

.login-box .logo img {
	width: 80%;
}

@media (max-width: 576px) {
	body {
height: 100vh;
	}
	.login-box input {
		width: 100%;
	}
}