/* ================================================================== */
/* 変数設定 */
/* ================================================================== */
:root{
    --Contents-background-color: #efdddf;

}



/* ================================================================== */
/* 共通設定 */
/* ================================================================== */
body{
    background-color: var(--Contents-background-color);
}

.bg-gray-100{
    background-color: var(--Contents-background-color);

}


/* ================================================================== */
/* レスポンシブ設定 */
/* ================================================================== */
/*　画面サイズが 600px 以下の場合ここの記述が適用される　*/

@media screen and (max-width:600px) {

    /* ログイン画面 ロゴ */
    #Yumekana_Login_logo{
        width: 90%;
        margin: 0 auto 0 auto;
    }

}

/*　画面サイズが 1280px 以下の場合ここの記述が適用される　*/
@media screen and (max-width:1280px) {

    /* ============= */
    /* 変数設定 */
    /* ============= */


}

/*　画面サイズが 1281px 以上の場合ここの記述が適用される　*/
@media screen and (min-width:601px) {

    /* ログイン画面 ロゴ */
    #Yumekana_Login_logo{
        width: 600px;
    }

}