/* =========================================================
   ボタン配置（中央に横並び）
   ========================================================= */
.nav-buttons {
    display: flex;
    justify-content: center;
    gap: 120px;
    margin: 30px 0;
}

/* =========================================================
   共通ボタン（楕円形）
   ========================================================= */
.btn-back,
.btn-next {
    min-width:250px;
    padding: 5px 20px;
    border-radius: 999px; /* 完全な楕円 */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
    border: 2px solid #ccc;
}

/* =========================================================
   戻るボタン（白背景 × 青文字）
   ========================================================= */
.btn-back {
    background-color: #ffffff;
    color: #357EEB;
    text-decoration: none; /* 下線を消す */
    text-align: center;
}

    .btn-back:hover {
        background-color: #E8F1FF;
    }

/* =========================================================
   次へボタン（青背景 × 白文字）
   ========================================================= */
.btn-next {
    background-color: #357EEB;
    color: #ffffff;
}

    .btn-next:hover:not(:disabled) {
        background-color: #2C6BC7;
    }

    /* =========================================================
   次へボタン非活性（グレーアウト）
   ========================================================= */
    .btn-next:disabled {
        background-color: #cccccc;
        color: white;
        cursor: not-allowed;
        border-color: #cccccc;
    }