/* 保存版で追加した部分（元のCSSは変更していません） */
[hidden] {
    display: none !important;
}

/* Webからの応募・登録受付の一時停止のお知らせ */
.maint-notice {
    margin: 18px 0;
    padding: 14px 20px;
    text-align: center;
    background-color: #fff8e1;
    border: 2px solid #f0b400;
    border-radius: 6px;
    color: #3e3e3e;
    font-weight: bold;
}

.maint-notice p {
    margin: 0;
    padding: 2px 0;
    text-align: center;
    line-height: 1.8;
}

/* トップの写真の上の電話番号（元はボタン画像があった場所） */
#mainphoto .entry-area img {
    max-width: 100%;
}

/* 元のページの先頭にあった「FontAwesome」フォントの定義（矢印などのアイコン用）。サイト内のフォントを使う */
@font-face {
    font-family: 'FontAwesome';
    src: url('../../../../fa/webfonts/fa-brands-400.woff2') format('woff2'),
         url('../../../../fa/webfonts/fa-brands-400.woff') format('woff'),
         url('../../../../fa/webfonts/fa-brands-400.ttf') format('truetype');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../../../../fa/webfonts/fa-solid-900.woff2') format('woff2'),
         url('../../../../fa/webfonts/fa-solid-900.woff') format('woff'),
         url('../../../../fa/webfonts/fa-solid-900.ttf') format('truetype');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../../../../fa/webfonts/fa-regular-400.woff2') format('woff2'),
         url('../../../../fa/webfonts/fa-regular-400.woff') format('woff'),
         url('../../../../fa/webfonts/fa-regular-400.ttf') format('truetype');
    unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
}

/* スマホ：トップの大きな写真が左上だけ切り取られていたので、全体が見えるように縮めて表示し、その下に枠を置く */
@media screen and (max-width: 750px) {
    #mainphoto {
        display: flex;
        flex-direction: column;
    }

    #mainphoto #mainImg {
        order: 1;
        height: auto;
        aspect-ratio: 1476 / 630;
    }

    #mainphoto #mainImg img {
        width: 100%;
        height: auto;
    }

    #mainphoto .wrap {
        order: 2;
    }

    #mainphoto .wrap .entry-area {
        position: static;
        height: auto;
        padding: 14px 10px 16px;
    }
}

/* パソコン幅：トップのカードの高さをそろえて、下の線を合わせる（新着お仕事情報 3枚／お仕事をお探しの方・企業のご担当者様 2枚） */
@media screen and (min-width: 751px) {
    #newjob .container-fluid > .row,
    #select2 .container-fluid > .row {
        display: flex;
        flex-wrap: wrap;
    }

    #newjob .container-fluid > .row:before,
    #newjob .container-fluid > .row:after,
    #select2 .container-fluid > .row:before,
    #select2 .container-fluid > .row:after {
        display: none;
    }

    #newjob .container-fluid > .row > .col-sm-4,
    #select2 .container-fluid > .row > .col-sm-6 {
        display: flex;
        float: none;
    }

    #newjob .container-fluid > .row + .row {
        margin-top: 20px;
    }

    #newjob .col-sm-4 > a {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #newjob .col-sm-4 > a > .newjob-box {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #newjob .col-sm-4 .newjob-box .table {
        margin-top: auto;
    }
}

/* 全体の文字を大きく（元は html { font-size: 70% }） */
html {
    font-size: 80%;
}

/* 文字を大きくしたとき、固定の高さからはみ出さないように */
#select2 .col-sm-6 a {
    height: auto;
    min-height: 280px;
}

@media (min-width: 768px) {
    #select2 .col-sm-6 p {
        font-size: 0.88em;
    }
}

.panel-primary.sitemap {
    height: auto;
    min-height: 280px;
}

/* お仕事情報の文字を大きく */
#joblist .col-sm-12 .joblist-box .joblist-top span {
    font-size: 0.8em;
    padding: 1px 12px;
}

#joblist .col-sm-12 .joblist-box .joblist-top small {
    font-size: 0.8em;
    line-height: 1.5;
}

#joblist .col-sm-12 .joblist-box div.option p {
    font-size: 14px;
    padding: 2px 6px;
}

#joblist .col-sm-12 .joblist-box p.catch {
    font-size: 16px;
    line-height: 1.8;
}

#joblist .col-sm-12 .joblist-box .table th,
#joblist .col-sm-12 .joblist-box .table td {
    font-size: 16px;
    line-height: 1.7;
}

#joblist .col-sm-12 .joblist-box .table td b {
    font-size: 16px;
}

@media (max-width: 767px) {
    #joblist .col-sm-12 .joblist-box .table th {
        font-size: 15px;
    }
}

#joblist .col-sm-12 .joblist-box .entry-tel {
    text-align: center;
    padding: 6px 0 22px;
}

#joblist .col-sm-12 .joblist-box .entry-tel p {
    margin: 0 0 6px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.15em;
}

#joblist .col-sm-12 .joblist-box .entry-tel img {
    max-width: 100%;
    height: auto;
}