/* box_btn を Flex コンテナにする */
.box_btn {
    display: flex;
    /* 子要素（aタグ）を主軸（横方向）に対して中央に配置する */
    justify-content: center;
    /* 上下のマージンを適切に設定して、前後の要素との間隔を調整 */
    margin: 40px 0; /* 例: 上下に40px、左右は0（自動調整） */
}

/* ボタン要素（aタグ）に対するスタイル */
.box_btn a {
    /* 必要に応じてボタンの最大幅を設定し、レスポンシブ対応させる */
    max-width: 400px; /* 例: 最大幅400px */
    width: 100%; /* 親要素の幅に合わせて広がるように */
    /* その他、ボタン自体のスタイル調整 */
    text-align: center; /* ボタン内部のテキストを中央寄せ */
}

/* スマートフォンなど画面幅が狭い場合の調整（必要に応じて） */
@media screen and (max-width: 600px) {
    .box_btn {
        /* スマートフォンでは上下マージンを小さくするなどの調整 */
        margin: 30px 0;
    }
}