/* --------------- パソコン --------------- */
/* フッター */
table.footer-pc {
    background-color: #004b9b;
    border-collapse: collapse;
    color: #ffffff;
    height: 60px;
    min-width: 940px;
    position: relative;
    width: 100%;
}

/* --------------- IE11だけに適用されるスタイル --------------- */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

    /* フッター */
    table.footer-pc {
        bottom: 0;
        height: auto;
        position: fixed;
    }
}

/* フッターマージン */
td.footer-margin-pc {
    width: 5%;
}

/* 会社ロゴ */
td.footer-company-logo-pc {
    text-align: left;
    width: 55%
}

/* コピーライトテキスト */
td.footer-copy-right-text-pc {
    font-size: 75%;
    text-align: left;
    width: 35%;
}

/* --------------- スマートフォン(縦) --------------- */
@media (orientation: portrait) {

    /* フッター */
    table.footer-phone {
        background-color: #004b9b;
        border-collapse: collapse;
        color: #ffffff;
        height: 60px;
        min-width: fit-content;
        position: relative;
        width: 100%;
    }

    /* フッターマージン */
    td.footer-margin-phone {
        width: 0.5%;
    }

    /* 会社ロゴ */
    td.footer-company-logo-phone {
        width: 25%;
    }

    /* 会社ロゴ画像 */
    img.company-logo-phone {
        width: 100%;
    }

    /* コピーライトテキスト */
    td.footer-copy-right-text-phone {
        font-size: 70%;
        text-align: left;
        width: 50%;
    }
}

/* --------------- スマートフォン(横) --------------- */
@media (orientation: landscape) {

    /* フッター */
    table.footer-phone {
        background-color: #004b9b;
        border-collapse: collapse;
        color: #ffffff;
        height: auto;
        min-width: fit-content;
        position: relative;
        width: 100%;
    }

    /* フッターマージン */
    td.footer-margin-phone {
        width: 5%;
    }

    /* 会社ロゴ */
    td.footer-company-logo-phone {
        width: 20%;
    }

    /* 会社ロゴ画像 */
    img.company-logo-phone {
        height: 20px;
        width: 85%;
    }

    /* コピーライトテキスト */
    td.footer-copy-right-text-phone {
        font-size: 70%;
        text-align: right;
        width: 65%;
    }
}

/* --------------- タブレット(縦) --------------- */
@media (orientation: portrait) {

    /* フッター */
    table.footer-tablet {
        background-color: #004b9b;
        border-collapse: collapse;
        color: #ffffff;
        height: 60px;
        min-width: fit-content;
        position: relative;
        width: 100%;
    }

    /* フッターマージン */
    td.footer-margin-tablet {
        width: 2.5%;
    }

    /* 会社ロゴ */
    td.footer-compnay-logo-tablet {
        width: 35%;
    }

    /* コピーライトテキスト */
    td.footer-copy-right-text-tablet {
        font-size: 75%;
        text-align: left;
        width: 60%;
    }
}

/* --------------- タブレット(横) --------------- */
@media (orientation: landscape) {

    /* フッター */
    table.footer-tablet {
        background-color: #004b9b;
        border-collapse: collapse;
        color: #ffffff;
        height: 60px;
        min-width: fit-content;
        position: relative;
        width: 100%;
    }

    /* フッターマージン */
    td.footer-margin-tablet {
        width: 2.5%;
    }

    /* 会社ロゴ */
    td.footer-company-logo-tablet {
        width: 50%;
    }

    /* コピーライトテキスト */
    td.footer-copy-right-text-tablet {
        font-size: 75%;
        text-align: left;
        width: 50%;
    }
}