/*------------------------------------------------------------------------------*/
/* ログイン画面用スタイルシート                                                          */
/*------------------------------------------------------------------------------*/
/* PCで見るときにログインボックスが広がりすぎないように制限 */
.login-wrapper {
	max-width: 450px;
	margin: auto;
}

.login-container {
	margin: 20px auto;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;			/* スマホ時の項目間の余白 */
	padding: 0 15px;
}

/* 各行の基本（スマホでは縦に並ぶ） */
.login-form {
	display: flex;
	flex-direction: column;
}

.login-form label {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
}

.login-form input {
	height: 45px;
	border: 1px solid #ced4da;
	border-radius: 6px;
	padding: 0 10px;
	font-size: 16px;
}

/* 生年月日の部分 */
.login-form-dob {
	display: flex;
	gap: 10px;			/* 入力欄同士の間隔 */
}

/* DD と MM の幅（少し短め） */
.login-form-dob input[placeholder="DD"], .login-form-dob input[placeholder="MM"] {
	width: 80px;
	flex: none; /* 幅を固定 */
}

/* YYYY の幅（少し長め） */
.login-form-dob input[placeholder="YYYY"] {
	width: 95px;
	flex: none;
}

.form-sm {
	margin-top: 5px;
	padding-top: 15px;
	border-top: 1px dashed #e0e0e0; /* 境界線を薄く */
}

.form-sm label {
	font-size: 13px;			/* 文字を小さく */
	color: #888;				/* 色を薄く */
	font-weight: normal;
}

.form-sm input {
	width: 120px !important;	/* 横幅を短く */
	height: 34px !important;	/* 高さを低く */
	background-color: #f9f9f9;
	font-size: 14px;
}