@charset "UTF-8";

/* adjust.css：調整用CSS
-------------------------------------------------- */
/* linkBnr：バナー横並びの調整（既存調整があれば不要） */
        .linkBnr ul {
            display: flex;
            align-items: center;
        }

        main .linkBnr ul li {
            margin: 0px 5px;
        }

        /* 中途採用（エントリーフォーム）ボタン */
        .linkBnr .btn-entry {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            /* 既存バナーと高さ感を合わせるサイズ。必要なら数値を微調整 */
            width: 150px;
            /* Foods Fridgeバナーに合わせて横幅を統一 */
            height: 60px;
            /* お好みで 45〜60px の間で調整可能 */
            /*padding: 0 16px;*/

            background: #075d99;
            /* 既存サイトのキーカラーに合わせた濃紺 */
            color: #fff;
            border: 2px solid #075d99;
            border-radius: 8px;
            font-weight: 700;
            font-size: 14px;
            letter-spacing: .02em;
            text-decoration: none;
            text-align: center;
            box-sizing: border-box;
            transition: transform .08s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
        }

        .linkBnr .btn-entry:hover,
        .linkBnr .btn-entry:focus {
            background: #fff;
            color: #1b2c4b;
            box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
            outline: none;
        }

        @media (max-width: 640px) {
            .linkBnr .btn-entry {
                width: 100%;
                /*        max-width: 320px;*/
            }
        }

        @media (max-width: 640px) {
            main .linkBnr ul li {
                width: 100%;
                margin: 0px 0px 10px 0px;
            }
        }

        /* linkBnr 横並び */
        .linkBnr-list {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .linkBnr-list li {
            flex: 1;
        }

        /* グレー枠 */
        .linkBnr-list a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 64px;
            /* 枠の高さ */
            border: 1px solid #f2f2f2;
            border-radius: 6px;
            background: #ffffff;
            box-sizing: border-box;
            transition: box-shadow .2s ease;
        }

        .linkBnr-list a:hover {
            box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
        }

        /* 画像フィット */
        .linkBnr-list img {
            max-width: 100%;
            max-height: 40px;
            object-fit: contain;
        }

        /* テキストバナー専用 */
        .linkBnr-text {
            font-weight: bold;
            font-size: 14px;
            line-height: 1.4;
            text-align: center;
            color: #075d99;
        }

        .linkBnr-text:hover,
        .linkBnr-text:focus,
        .linkBnr-text:active {
            text-decoration: none;
        }

        /* hover時も画像バナーと統一感 */
        .linkBnr-text:hover {
            background: #fff;
        }

        /* スマホ */
        @media (max-width: 640px) {
            .linkBnr-list {
                flex-direction: column;
            }

            .linkBnr-list li {
                width: 100%;
            }
        }