.recruit a:hover {
            color: unset;
        }

        .recruit .animate-border:hover {
            color: #000000;
        }

        .recruit .contact-to__btn--wrap {
            display: block;
            max-width: 350px;
            width: 100%;
            margin: 80px auto 100px auto;

        }

        .recruit .contact-to__btn--link {
            text-align: center;
            color: #ffffff;
            padding: 10px 10px;
            background-color: #f48500;
            border-radius: 10px;
            display: block;
        }
        .recruit section {
            padding: 0 !important;
        }

        .recruit .container.hero__area {
            height: 300px;
            position: relative;
            max-width: 1000px;
            margin: auto;
        }

        .recruit .side__padding {
            padding-left: 20px;
            padding-right: 20px;
        }

        .recruit .active {
            color: #f48500;
        }

        .recruit .weight400 {
            font-weight: 400;
        }

        .recruit .weight700 {
            font-weight: 700;
        }

        .recruit .weight-bold {
            font-weight: 800;
        }

        .recruit .recruit__message--title {
            font-size: 2rem;
        }

        .recruit .recruit__main--image {
            height: 300px;
            background: url(../../public/img/recruit__hero.png) no-repeat;
            background-size: cover;
            background-position: center right;
        }

        .recruit .recruit__main--catch {
            top: 170px;
            left: 88px;
            font-size: 3.5rem;
            letter-spacing: 8px;
            color: #f48500;
        }

        .recruit .recruit__main--catch span {
            font-size: 1.5rem;
        }

        .recruit .breadcrum__area--wrap {
            gap: 1rem;
            margin-bottom: 80px;
            font-weight: bold;
        }

        /*body,*/
        /*#app {*/
        /*    margin: 0;*/
        /*    font-family: "Genjyuu", "Noto Sans JP", "Noto Sans", sans-serif;*/
        /*    font-size: 15px;*/
        /*    font-weight: 400;*/
        /*    color: #333;*/
        /*    text-align: left;*/
        /*    background-color: #fff;*/
        /*    overflow-x: hidden;*/
        /*}*/

        .recruit .container {
            max-width: 1140px;
        }

        .recruit .recruit__recruitment--title {
            color: #f48500;
            display: block;
            font-size: 2em;
            line-height: 1em;
            margin-block-start: 0.83em;
            margin-block-end: 2em;
            font-weight: bold;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
        }

        .recruit .recruit__message--txt {
            font-size: 1.2rem;
            line-height: 40px;
            margin-bottom: 80px;
        }

        .recruit h2 span {
            font-size: 60%;
            letter-spacing: 0em;
            font-weight: 400;
        }

        .recruit .recruit__recruitment--title {
            font-size: 3rem;
        }

        .recruit .recruit__recruitment--title span {
            font-size: 1.2rem
        }

        .recruit .recruit__recruitment--item-title {
            font-size: 1.7rem;
            color: #f48500;
        }

        .recruit .contact-to__btn--wrap a:hover {
            color: #ffffff;
        }

        .recruit .container-subtitle::after {
            content: "";
            display: block;
            margin-top: 1rem;
            width: 39px;
            height: 3px;
            background-color: #f48500;
            margin: 2rem auto 0 auto;
        }

        .recruit .txt-c {
            text-align: center;
        }

        .recruit .txt-l {
            text-align: left;
        }

        .recruit .txt-r {
            margin-bottom: 10px;
        }

        .recruit .mb-20 {
            margin-bottom: 20px;
        }

        .recruit .mb-30 {
            margin-bottom: 30px;
        }

        .recruit .mb-50 {
            margin-bottom: 50px;
        }

        .recruit .table_job {
            line-height: 2em;
            width: 90%;
            margin: 0 auto;
            border-collapse: collapse;
            margin-bottom: 70px;
            max-width: 1200px;
        }

        .recruit .table_job td {
            width: 70%;
            padding: 1em;
            border: 1px solid #ddd;
        }

        .recruit .table_job th {
            color: #fff;
            padding: 1em;
            border: 1px solid #ddd;
            background: #999999;
            width: 30%;
            text-align: left;
            vertical-align: top;
        }

        .recruit .element {
            opacity: 0;
            visibility: hidden;
            transform: translateY(80px);
            transition: opacity 2s, visibility 2s, transform 2s;
        }

        .recruit .isFadeIn {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        @media (max-width: 767px) {
            .recruit .recruit__main--catch {
                font-size: 3.0rem;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
            }
        }

        @media (max-width: 640px) {

            .recruit table,
            .recruit tr,
            .recruit th,
            .recruit td {
                display: block;
                width: 100%;
            }

            .recruit .recruit__recruitment--title {
                font-size: 2rem;
            }

            .recruit .recruit__message--title {
                font-size: 1.5rem;
            }

            .recruit .table_job {
                line-height: 2em;
                width: 90%;

                border-collapse: collapse;
            }

            .recruit .table_job tr {
                flex-direction: column;
            }

            .recruit .table_job th {
                width: 100%;
                display: block;
                border-top: none;
                color: #fff;
                padding: 0.5em;
                border-top: none;
                background: #999999;

                text-align: left;
            }

            .recruit .table_job td {
                display: block;
                width: 100%;
                margin: 0;
                padding: 1em;
                border-top: none;
            }

            .recruit .contact-to__btn--wrap {
                max-width: 280px;
            }
        }

        @media screen and (min-width: 640px) {
            .pc {
                display: inline;
            }

            .sp {
                display: none;
            }
        }

        @media screen and (max-width:641px) {
            .pc {
                display: none;
            }

            .sp {
                display: inline;
            }
        }

        @media all and (min-width: 576px) {
            .container {
                max-width: 1140px;
            }
        }

        @media all and (min-width: 768px) {
            body {
                min-width: 1200px;
                font-size: 1.6rem;
            }

            .container {
                min-width: 1140px;
            }
        }