.fixed-bg-layer {
    background-image: url('images/main_sp.jpg');
}

/* :root の個別設定 */
:root {
    --font-logo: 'Kaisei Decol', cursive, 'Noto Serif JP', serif;
    --font-heading: 'Kaisei Decol', cursive, 'Noto Serif JP', serif;
    --font-body: 'Kosugi Maru', cursive, 'ヒラギノ角ゴ ProN', 'Noto Sans JP';
}

.hero__title {
    font-size: 17vw;
}

/* メインビジュアルを右寄せにする */
.hero__content {
    align-items: flex-end;
}


/* =============================================
   レスポンシブ対応 (769px以上のスクリーン)
============================================= */
@media (min-width: 769px) {

    /* メインビジュアルを右寄せにする
    .hero__content,
    .hero__info {
        align-items: flex-end;
    } */

    /* メインビジュアルをPCで右寄せ、かつスマホで左寄せにする場合
    .hero__content {
        align-items: flex-start;
    } */

    /* メインタイトルの文字サイズ
    .hero__title {
        font-size: 16vw;
    } */
}

/* =============================================
   レスポンシブ対応 (1025px以上のスクリーン)
============================================= */
@media (min-width: 1025px) {
    .fixed-bg-layer {
        background-image: url('images/main_pc.jpg');
    }

    /* メインタイトルの文字サイズ */
    .hero__title {
        font-size: 14vw;
    }

    /* =============================================
   ヘッダーの位置
   デフォルトは左上
   他の位置にする場合は下記から
   スマホで下部に表示させるには「レスポンシブ対応 (1000px以下のスクリーン)」に記載
============================================= */

    /* 上・中央
.header__inner {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
} */

    /* 上・右 */
    .header__inner {
        margin-bottom: auto;
        margin-left: 0;
        margin-right: auto;
    }

    /* 下・中央
.header__inner {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
} */

    /* 下・左
.header__inner {
    margin-top: auto;
} */

    /* 下・右
.header__inner {
    margin-top: auto;
    margin-left: auto;
} */

}