/* ━━━━━━━━━━━━
タブレット
━━━━━━━━━━━━ */

@media (min-width: 501px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: inherit;
    }
}

@media (max-width: 1000px) {

    .itp_pcOnly {
        display: none;
    }

    .itp_tbOnly {
        display: block;
    }

    /* destyle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    body {
        width: 100%;
        min-width: auto;
    }

    #leftBox {
        display: none;
    }

    #rightBox {
        width: 100%;
    }

    #wrapper {
        width: 95%;
        margin: 0 auto;
    }

    #contents {
        width: 100%;
    }

    .txtH1 {
        width: 100%;
    }

    .jobsDetailTable {
        width: 100%;
        margin: 0;
    }

    /* header----------------------------- */
    #header {
        width: 95%;
        margin: auto;
        height: auto;
    }

    #siteSearchBox {
        display: none;
    }

    /* gnavi */
    #gNavi_sub {
        display: none;
    }

    #gNavi {
        display: none;
    }

    #header>a>img {
        display: none;
    }

    /* footer----------------------------- */
    /* footer */
    #footer_box {
        width: 100%;
    }

    /* destyleここまで ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

    .hamburger__btn {
        display: block;
    }

    /* header----------------------------- */
    #header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 50px;
    }



    /* table */
    .jobsDetailTable th {
        width: 120px;
    }

    /* footer----------------------------- */
    #footer_box {
        width: 95%;
        margin: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #footer_box form {
        order: 2;
        width: fit-content;
        margin-bottom: 2rem;
    }

    #footer_box span {
        order: 1;
        width: fit-content;
        margin-bottom: 1rem;
    }

    #footer ul {
        border: none;
        order: 3;
        clear: both;
        width: fit-content;
        margin: auto;
    }

    #footer ul li {
        display: inline-block;
        position: relative;
        padding: 0.5rem;
    }

    #footer ul li:not(:first-child)::before {
        content: "❘";
        font-size: 1rem;
        position: absolute;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        color: gray;
    }

    #footer .copyright {
        order: 4;
    }

    /* 見出し */
    .txtH1 {
        background-position: right;
    }

    .txtH2 {
        background-size: contain;
    }
}

/* ━━━━━━━━━━━━
スマホ
━━━━━━━━━━━━ */
@media (max-width: 500px) {
    .itp_tbOnly {
        display: none;
    }

    #siteID img {
        width: 230px;
        height: 37px;
    }

    #footer ul {
        width: 80%;
    }

    #footer ul li {
        display: block;
        text-align: center;
    }

    #footer ul li:not(:first-child)::before {
        content: "";
    }

    .companylist__video-thmbnail {
        max-width: none;
    }

    .jobsDetailTable td,
    .jobsDetailTable th {
        display: block;
        width: 100%;
    }


    /* 企業一覧 */
    .companyTbl th,
    .companyTbl td {
        display: block;
        border-top: 0;
    }

    .companyTbl th,
    .companyTbl td {
        width: 100%;
    }
}