/* 画面全体を中央寄せにするための設定 */
body {
    background-color: #f8f9fa; /* 薄いグレーの背景 */
}

.login-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    width: 100%;
    max-width: 400px;
    padding: 15px;
}

/* カードに少し高級感を出すための微調整 */
.card {
    border: none;
    border-radius: 10px;
}

/* ロゴのスタイル */
.login-logo {
    max-width: 150px; /* ロゴの最大幅 */
    height: auto;
    margin-bottom: 20px;
}