.login form { /* formスタイル */
    margin: auto; /* 中央に配置 */
    margin-top: 100px; /* 外側余白上100px空ける（固定ヘッダー分） */
    display: flex; /* フレックスボックス化 */
    flex-direction: column; /* 縦並びに */
    gap: 10px; /* アイテム間の間隔10px空ける */
    width: 400px; /* 要素幅400pxに固定 */
}
.login label { /* フォームのラベルスタイル */
    /*align-items: left;*/
    font-weight: bold; /* 太字 */
}
.login input, .login button {
    /*width: 100%;*/
    padding: 8px; /* 内側余白を8pxにすることでinput、buttonを大きく */
    /*box-sizing: border-box;*/
}
.login button {
    margin: 30px 0; /* 外側余白上下40px空ける */
    font-weight: bold; /* 太字 */
}
.link a { /* リンクスタイル */
    margin-left: 30px; /* 外側余白左30px空ける */
}
.error {
    margin-left: 20px;
    color: red;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .login-label, .employeeID, .mail { /* ログイン画面の文字スタイル */
        font-size: 15px; /* 文字サイズ */
    }
    .login form { /* フォームスタイル */
        width: 250px;  /* formの幅250pxに */
    }
    .login button {
    	border-radius: 8px; /* 角丸める */
    	width: 100%; /* 幅100pxに */
        background: #808080; /* 背景色 */
 	color: white;
	height: 40px;
    }
}