/* 開発環境での色表示 */

/* ヘッダナビ */
.nav-link {
    color: white !important;
}

/* 1200px以下のとき(青) */
@media screen and (max-width: 1200px) {
    .sysname {
        color: blue;
    }
}

/* 992px以下のとき(黄色) */
@media screen and (max-width: 992px) {
    .sysname {
        color: yellow;
    }
}

/* -- ここから下はナビのメニューがボタン化される --*/

/* 768px以下のとき(黄緑) */
@media screen and (max-width: 768px) {
    .sysname {
        color: lightgreen;
    }
}

/* 576px以下のとき(水色) */
@media screen and (max-width: 576px) {
    .sysname {
        color: lightblue;
    }
}

/* 375px以下のとき(ピンク) */
@media screen and (max-width: 375px) {
    .sysname {
        color: pink;
    }
}

/* 320px以下のとき(黄色) */
@media screen and (max-width: 320px) {
    .sysname {
        color: yellow;
    }
}

/* 280px以下のとき(黄緑) */
@media screen and (max-width: 280px) {
    .sysname {
        color: lightgreen;
    }
}

/* スマホ横持ち(灰色) */
@media screen and (max-height: 430px) {
    .sysname {
        color: rgb(218, 218, 218);
    }
}