/** Shopify CDN: Minification failed

Line 244:3 Unexpected "/"

**/
/***************************************************
リクルートページ
***************************************************/
.recruit{}
.main_stay .main_right_sub, .main_stay .main_left_sub {
    top: 60%;
    bottom: 80px;right: 80px;
    mix-blend-mode: exclusion; /* オーバーレイを指定 */
}


/* ------------------------------------------- */
.hed_area{
    justify-content: space-between;
}
.hed_area p{max-width: 300px;}

.com_hed_1{align-items: flex-start;line-height: 1;}
.com_hed_1 h2{
    font-size: 4.8rem;
    width: 100%;
    line-height: 1;
    margin-top: 15px;
   
}
.com_hed_1 h2 .mini{
    font-size: 1.6rem;
    margin-top: 25px;
    font-weight: 300;
}
.com_hed_1 .num{font-size: 1.6rem;margin-right: 15px;padding-top: 7px;display: block;}



.com_hed_2 h2{font-size: 2.4rem;}
.com_hed_2 h2 .mini{font-size: 1.4rem;}
@media screen and (max-width: 750px) {
    .com_hed_1 h2{font-size: 3.2rem;}
}
/* ------------------------------------------- */
/* TOP */
/* ------------------------------------------- */
.recruit .top_area{padding:0 80px;}
.recruit .top_area .bg_img{
    position: fixed;
    top: 0;bottom: 0;left: 0;right: 0;
    margin: auto;
    object-fit: cover;z-index: -1;
    width: 100%;height: 100%;
}
.recruit .top_area>*{color:#fff;}
.recruit .top_area .top_hed{height: 100vh;min-height: 600px;align-items: center;}

.recruit .top_area h1{font-size: 4.8rem;color: #fff;}
.recruit .top_area h1 span{display: block;font-size: 1.6rem;margin: 40px 0;}
.recruit .top_area .main_txt{line-height: 2.4;}
.recruit .top_area .main_txt .big{
    font-size: 3.6rem;line-height: 1.8;
}
    
.recruit .top_area .com_link{
    margin: 40px 0;justify-content: flex-start;
}
.recruit .top_area .com_link a{border-color: #fff;color: #fff;}
@media screen and (max-width: 750px) {
    .recruit .top_area{padding:0 25px;}
    .recruit .top_area .top_hed{height: auto;min-height: inherit;margin-top: 10;}
    .recruit .top_area h1{font-size: 9.2vw;}
    .recruit .top_area .main_txt{margin-top: 100px;}
}


.sp_ver{display: none;}
.main_left_sub a{color:#474747 ;mix-blend-mode: inherit; /* オーバーレイを指定 */}
@media screen and (max-width: 750px) {
    .sp_ver{display: block;}
    .sp_ver a{display: block;color: #fff;margin-bottom: 15px;}
}



/* ------------------------------------------- */
.recruit .work_area .hed_area{padding: 0;height: auto;}
.recruit .work_area{
    background-color: #fff;
    position: relative;
    padding: 80px 80px 120px ;
}
.recruit .work_area:before{
    content: "";
    background: #fff;
    width: 30vw;
    display: block;
    position: absolute;
    top: 0;bottom: 0;right: -30vw;
}
.recruit .work_area ul{
    /* padding: 0 80px; */
    border: 1px dashed #000;
    flex-wrap: wrap;
    margin-top: 40px;
}
.recruit .work_area ul li{
    width: calc(100% / 4);
    border: 1px dashed #000;
    text-align: center;
    padding: 35px;
}
.recruit .work_area ul li .in_title{
font-size: 2.0rem;
}
.recruit .work_area ul li .in_title::after{
    content: "";
    display: block;
    width: 50px;height: 1px;background-color: #000;
    margin: 20px auto;
}
.recruit .work_area ul li p{

}
.recruit .work_area ul li p span.big{padding: 0 10px;}
.recruit .work_area ul li p span.big,
.recruit .work_area ul li p.big{
    font-size: 2.4rem;
}

@media screen and (max-width: 750px) {
    .recruit .work_area{
        padding: 40px 25px;
    }
    .recruit .work_area:before{display: none;}

    .recruit .work_area ul li{
        width: 50%;padding: 25px;
    }
    .recruit .work_area ul li .in_title{
        font-size: 1.8rem;
        }
}
/* ------------------------------------------- */
.recruit .business_area{
    padding: 160px 80px;
    position: relative;
}

.recruit .business_area .left_area{
    width: 40%;
}
.recruit .business_area .left_area .in_hed{margin-top: 60px;font-size: 2.4rem;}
.recruit .business_area .left_area p{margin-top: 20px;line-height: 2.4;}
.recruit .business_area .left_area{}
.recruit .business_area .left_area .com_hed_1 h2{color: #fff;}
.recruit .business_area .left_area > *{color: #fff;}
.recruit .business_area .right_area{
    width: 60%;
    padding-left:80px;
    object-fit: contain;
}
.recruit .business_area .bg_fix{
    position: absolute;
    object-fit: cover;
    width: calc(100% + 30vw);height: 100%;
    top: 0;right: -30vw;bottom: 0;left: 0;
    z-index: -1;
}
.recruit .business_area .bg_fix img{ width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width: 750px) {
    .recruit .business_area{
        padding: 40px 25px;
        flex-wrap: wrap;
    }
    .recruit .business_area .bg_fix{
        width: 100%;right: inherit;
    }
    .recruit .business_area .left_area{
        width: 100%;
    }
    .recruit .business_area .right_area{
        width: 100%;
        margin-top: 40px;
        text-align: center;padding-left: 0;
    }
}

/* ------------------------------------------- */
.recruit .workplace_area{
    position: relative;
    background-color: #fff;
}
.recruit .workplace_area:before{
    content: "";
    background: #fff;
    width: 30vw;
    display: block;
    position: absolute;
    top: 0;bottom: 0;right: -30vw;
} 
.recruit .workplace_area ul{
    padding: 0 80px;
    margin-top: 80px;
    flex-wrap: wrap;
    gap:100px 30px;
}
.recruit .workplace_area ul li{
    width:calc(100% / 3 - (60px / 3))
}
.recruit .workplace_area ul li .in_title{margin: 15px auto;font-weight: 400;}


@media screen and (max-width: 750px) {
    .recruit .workplace_area:before{display: none;}

    .recruit .workplace_area ul{
        flex-wrap: nowrap;overflow-x: scroll;
        padding:0 25px;
        margin-top: 0;
    }
    .recruit .workplace_area ul li{
        padding: 0 ;
        min-width:80%;
    }
}

/* ------------------------------------------- */
.messeage_area{
    z-index: 2;position: relative;
    background-color: #fff;
    padding: 160px 0 160px 80px;
    width: calc(100% + 30vw);
    margin-right: -30vw;
}
.messeage_area:before{
    content: "";
    background: #fff;
    width: 30vw;
    display: block;
    position: absolute;
    top: 0;bottom: 0;right: -30vw;
} */
.messeage_area .step_area{
    position: relative;margin-top: 40px;
    width: 100%;margin-left: 80px;
}

.messeage_area .step_area .slide_com{margin-top: 40px;}
.messeage_area .step_area .slide_com .swiper-slide {
    height: auto;overflow: hidden;
    padding: 0px 10px;
;
}
.messeage_area .step_area .slide_com .swiper-slide .in{
    width: 90%;height: 100%;
    background: #A2A2A275;
    padding: 50px 25px;
}

.messeage_area .step_area .slide_com .num{
    width: 65px;height: 65px;
    border-radius: 50%;
    display: flex;
    justify-content: center;align-items: center;
    font-size:2.4rem;
    font-weight:200;
    border: 1px solid #000;
    background-color: #fff;
    transition: 0.3s all;
}
.messeage_area .step_area .slide_com .swiper-slide-active .num{
    background-color: #000;color: #fff;
}


.messeage_area .step_area .slide_com h6{font-size: 1.6rem;font-weight: 400;}
.messeage_area .step_area .slide_com .in img{margin: 25px 0;}
.messeage_area .step_area .slide_com .more_txt{
    font-size: 1.6rem;line-height: 2.2;
    margin-top: 25px;
}
.messeage_area .step_area .slide_com .more_txt .name{
    margin-top:25px;
}
.messeage_area .step_area .slide_com .more_txt .name span{
    display: block;
    font-size: 1.4rem;
    margin-top: 5px;
}
/* ページネーション */
.messeage_area .step_area .slide_com .btn{
    justify-content: flex-start;align-content: center;
    line-height: 1;
    border-top: 1px solid #000;
    margin-top: 60px;padding-top: 30px;
}
.messeage_area .step_area .slide_com .btn .b2{width: auto;margin: 0 20px;line-height: 1;}


.messeage_area .step_area .slide_com .btn .b2 span{
    background: none!important;display: none;
    width: auto;height: auto;
}
.messeage_area .step_area .slide_com .btn .b2 span.swiper-pagination-bullet-active{display: block;}
.messeage_area .step_area .slide_com .btn  span.allnum{margin: 0 20px;}/*全枚数*/
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(1):after{content: "01";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(2):after{content: "02";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(3):after{content: "03";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(4):after{content: "04";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(5):after{content: "05";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(6):after{content: "06";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(7):after{content: "07";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(8):after{content: "08";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(9):after{content: "09";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(10):after{content: "10";}
.messeage_area .step_area .slide_com.step1 .btn .b2 span:nth-of-type(11):after{content: "11";}

@media screen and (max-width: 750px) {
    .messeage_area{
        z-index: 2;position: relative;
        background-color: #fff;
        padding: 80px 25px;
        width:100%;
        overflow: hidden;
        margin-right: 0vw;
        opacity: ;
    }
    .messeage_area:before{display: none}
    .messeage_area .sp_none{display: none!important;}
}

/* ------------------------------------------- */
.recruit .third_place_area{
    width: calc(100% + 30vw);
    margin-right: -30vw;
    background: #E5E3DE;
    border: 1px dashed #000;
    border-left: none;border-right: none;
}
.recruit .third_place_area li{
    padding: 90px 50px;
    border-bottom: 1px dashed #000;
    /* height:calc(100vw / 5); */
}
.recruit .third_place_area .l_box,
.recruit .third_place_area .r_box{width: 25vw;}
.recruit .third_place_area .c_box{
    text-align: center;
    width: 50vw;
    border: 1px dashed #000;
    border-top: none;border-bottom: none;
    flex-wrap: wrap;align-items: center;
    justify-content: center;
    align-content: center;
}
.recruit .third_place_area .c_box .in_hed_area{
    font-size: 4.0rem;
}
.recruit .third_place_area .c_box .in_hed_area .num{font-size: 1.4rem;display: block;}
.recruit .third_place_area .c_box .in_hed_area span{font-size: 1.6rem;display: block;margin: 80px auto 20px;}
.recruit .third_place_area .c_box  p{line-height: 2.2;}
.recruit .third_place_area .c_box p{
    width: 100%;margin-top: 40px;
}
.recruit .third_place_area li .in_title{
    font-size: 2.0rem;
    margin-bottom:30px ;
}

.recruit .third_place_area .sp_box{display: none;}
.recruit .third_place_area .pc_box{display: flex;}
@media screen and (max-width: 750px) {
    .recruit .third_place_area{
        width:100%;
        margin-right: 0vw;flex-wrap: wrap;
    }
    
    .recruit .third_place_area .l_box,
    .recruit .third_place_area .r_box{width: 100%;}

    .recruit .third_place_area .c_box{
        width: 100%;order: 1;
        border: none;
        border-bottom: 1px dashed #000;
        padding: 40px 25px;
    }
    .recruit .third_place_area .c_box .in_hed_area{
        font-size:9vw;
    }

    .recruit .third_place_area .l_box{
        order: 2;
        flex-wrap: wrap;
    }
    
    .recruit .third_place_area li{
        width: 50%;
        padding: 25px;
        border-bottom: 1px dashed #000;
        height:auto;
    }
    .recruit .third_place_area li:nth-child(2n){border-left: 1px dashed #000;}
    .recruit .third_place_area .sp_box{display:block;}
.recruit .third_place_area .pc_box{display: none;}
}
/* ------------------------------------------- */
.recruit .info_area{
    width: calc(100% + 30vw);
    margin-right: -30vw;
    padding: 160px 80px;
    background-size: cover;
}
.recruit .info_area > *,
.recruit .info_area .com_hed_1 > *{color: #fff;}

.recruit .info_area .ck_list{margin-top: 40px;}
.recruit .info_area .ck_list li{margin-top: 10px;}
.recruit .info_area .br_hed{
    border-bottom: 1px dashed #fff;
    padding-bottom: 15px;
    font-size: 2rem;
    margin-top: 80px;
    width: calc(70vw - 160px);
}
.recruit .info_area .ck_list li svg{margin-right: 15px;}
.recruit .info_area .ck_list li svg path{stroke: #fff;}
.recruit .info_area .bottom_link{
    width: calc(70vw - 160px);
    background: #D9D9D9;
    margin-top: 80px;padding: 25px;
    flex-wrap: wrap;
}
.recruit .info_area .bottom_link span{
    width: 100%;line-height: 1;
    display: block;
    font-size:4.8rem;
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .recruit .info_area{
        width:100%;margin-right: 0;
        padding: 80px 25px;
    }
    .recruit .info_area .br_hed{width: 100%;}
    .recruit .info_area .bottom_link{width: 100%;padding: 10px 25px;}
    .recruit .info_area .bottom_link span{font-size: 3.2rem;margin-bottom: 5px;}
}
/* ------------------------------------------- */