@charset "UTF-8";

/* =============================================

  ログイン画面 レイアウト

============================================= */

.bg-login {
	background-image:url(../images/bg_login.png);
	width: 100%;
	background-size: cover;
	
}

.logo-login {
	width: 22%;
	margin-top:36%;
	filter: drop-shadow(8px 6px 4px rgba(0,0,0,0.3));
}

.form-login {
  width: 100%;
  max-width: 450px;
  padding: 15px;
}

.form-floating:focus-within {
  z-index: 2;
}

.hr-login {
	margin-bottom: 62px;
}

/* ログインボタン テキストの微調整 */
.btn-text {
	padding: 8px 0 4px;
}

.btn-changepass {
  text-decoration: none;
  color: #91C3CE;
}

.label-login {
	color: #96A2A8;
}


/* =============================================

  パスワード変更画面 レイアウト

============================================= */


.form-changepass {
	margin-top: 10vh;
	text-align: center;
	width: 850px;
	/* max-width: 450px; */
	padding: 15px;
	background: #ffffff;
	border-radius: 10px;
}

/* キャンセルボタン */
.btn-cancel {
	text-decoration: none;
	color: #7c7c7c;
}

.msg-invalid {
	position: absolute;
	top: 18px;
	right: 14px;
	color: #df5656;
}