body {
    /* 背景画像の設定 */
    background-image: url('/img/cebu_beach_2.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}

body::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.main-container {
    width: 95%;
    margin: 0 auto;
}

/* 画像を右寄せするためのFlexbox設定 */
.right-align {
    display: flex;
    justify-content: flex-end; /* コンテナ内の要素を右寄せ */
    align-items: center; /* 垂直方向の中央寄せ */
    width: 100%;
}

.right-align img {
    width: auto;
    max-width: 55%; /* 画像の最大幅を50%に制限 */
    height: auto;
    display: block;
}

/* バナー画像の右揃え設定 */
.banner-image {
    width: 80%; /* 幅を固定 */
    height: auto;
    display: block;
    margin-left: auto; /* 左マージンを自動にして右に揃える */
    margin-right: 0; /* 右マージンは0に */
}

.div-bank {
    display: none;
}

/* 画面幅が600px以下の場合に画像を100%に */
@media (max-width: 600px) {
    .div-bank {
        display: block;
    }
    .right-align img {
        width: auto;
        max-width: 100%; /* 画像の最大幅を50%に制限 */
        height: auto;
        display: block;
    }
    .banner-image {
        width: 100%;
        height: auto;
    }
}