/* 晴海ヶ丘 会員登録（ログイン画面の .owner-login_* のスタイルを土台にした追加分） */

.hm-register { text-align: left; }

.hm-steps {
	display: flex;
	gap: 4px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	font-size: 13px;
}
.hm-steps li {
	flex: 1;
	padding: 8px 4px;
	text-align: center;
	background: #eef2f1;
	color: #8a9693;
	border-radius: 4px;
}
.hm-steps li.is-current { background: #276e74; color: #fff; font-weight: 700; }
.hm-steps li.is-done { background: #cfe3e1; color: #276e74; }

.hm-lead { margin: 0 0 16px; line-height: 1.8; }
.hm-ok { color: #1e6b3a; font-weight: 700; }

/* 入力欄の見た目はテーマ（css/style.css の .owner-login_form input）に合わせる */
.hm-form input[type="tel"],
.hm-form input[type="text"],
.hm-form input[type="email"],
.hm-form input[type="password"] {
	font-size: 16px; /* iOSで拡大されないように */
}

/* 補足文は入力欄の直下に寄せ、次の項目との間を空ける（入力欄の margin-bottom: 20px を打ち消す） */
.hm-form input + .hm-hint { margin-top: -14px; margin-bottom: 20px; }

.hm-hint { margin: 0 0 16px; font-size: 12px; color: #5a6b78; line-height: 1.6; }
.hm-note {
	margin: 12px 0 16px;
	padding: 12px 14px;
	background: #fff6ec;
	border: 1px solid #e3b98a;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.7;
}
.hm-error { white-space: normal; }

.owner-login_register,
.owner-login_help { margin-top: 16px; font-size: 14px; line-height: 1.7; }
.owner-login_register a { font-weight: 700; }

.hm-welcome {
	margin: 0 0 24px;
	padding: 14px 16px;
	background: #e9f4f3;
	border-left: 4px solid #276e74;
	line-height: 1.7;
}