@charset "UTF-8";
/* ---------------------------------------------
  page common
-----------------------------------------------*/

.page-title{
    position: relative;
}
.page-title .ttl-txt{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    z-index: 3;
}
.page-title .ttl-txt .ttl{
    font-size: 3.0rem;
    font-weight: 700;
    color: #FFF;
}
.page-title .ttl-txt .catch{
    font-size: 1.5rem;
    font-weight: 500;
    color: #FFF;
    margin-top: 14px;
}

.page-title .ttl-img{
    position: relative;
    z-index: 1;
}
.page-title .ttl-img img{
    display: block;
    width: 100%;
    max-width: inherit;
    height: auto;
}

.sec-nav{
    padding-top: 60px;
    box-sizing: border-box;
}
.sec-nav .nav_link{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec-nav .nav_link li{
    padding: 0 38px;
    border-left: 1px solid #707070;
    line-height: 1.7;
    box-sizing: border-box;
}
.sec-nav .nav_link li:last-of-type{ border-right: 1px solid #707070;}
.sec-nav .nav_link a{
    font-size: 1.6rem;
    text-align: center;
}


@media screen and (max-width: 768px) {
    .gNav li:nth-of-type(2) a{ color: #707070;}

    .page-title .ttl-txt{
        margin: auto;
        align-items: center;
    }
    .page-title .ttl-txt .ttl{
        font-size: 4.6vw;
    }
    .page-title .ttl-txt .catch{
        font-size: 2.2vw;
        text-align: center;
        margin-top: 3%;
    }

    .sec-nav{
        padding-top: 10%;
        margin-bottom: 4%;
    }
    .sec-nav .nav_link{
        flex-wrap: wrap;
    }
    .sec-nav .nav_link li{
        padding: 0 5%;
        width: 50%;
        text-align: center;
    }
    .sec-nav .nav_link li:last-of-type{ border-right: 1px solid #707070;}
    .sec-nav .nav_link li:first-of-type{
        position: relative;
        width: 100%;
        border-bottom: 1px solid #707070;
        border-left: none;
        padding-bottom: 3%;
        margin: 0 1% 3% 1%;
    }
    .sec-nav .nav_link li:first-of-type:before,
    .sec-nav .nav_link li:first-of-type:after{
        position: absolute;
        display: block;
        content: '';
        top: 0;
        width: 1px;
        height: 39px;
        background: #707070;
    }
    .sec-nav .nav_link li:first-of-type:before{
        left: -1%;
    }
    .sec-nav .nav_link li:first-of-type:after{
        right: -1%;
    }

    .sec-nav .nav_link a{
        font-size: 3.0vw;
    }

}

@media screen and (max-width: 736px) {
    .page-title .ttl-txt .ttl{
        font-size: 5.8vw;
    }
    .page-title .ttl-txt .catch{
        font-size: 3.3vw;
    }
    .sec-nav .nav_link a{
        font-size: 3.4vw;
    }

    .sec-nav .nav_link li:first-of-type:before,
    .sec-nav .nav_link li:first-of-type:after{ height: 27px;}


}

/*  sec-message -------------------------------------------*/
.sec-message {
    max-width: 800px;
    margin-top: 60px;
}
.sec-message .sec_ttl{
    line-height: 2;
}
.sec-message p{
    font-size: 1.4rem;
    line-height: 1.85;
    letter-spacing: .05rem;
}
.sec-message .sub_ttl{
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: .05rem;
    color: #0061A6;
    margin-top: 60px;
    text-align: center;
    position: relative;
    padding: 0 20px;
}
.sec-message .sub_ttl::before, .sec-message .sub_ttl::after{
    position:absolute;
    content: '';
    top: 50%;
    width: 15px;
    height: calc(100% - 1.8rem);
    border-top: #0061A6 5px solid;
    border-bottom: #0061A6 5px solid;
    transform: translateY(-50%);
}
.sec-message .sub_ttl::before{
    border-left: #0061A6 5px solid;
    left: 0;
}
.sec-message .sub_ttl::after{
    border-right: #0061A6 5px solid;
    right: 0;
}

@media screen and (max-width: 768px){
    .sec-message p{
        font-size: 3.4vw;
    }
    .sec-message .sub_ttl{
        margin-top: 10%;
        font-size: 3.8vw;
    }
    .sec-message .sub_ttl::after, .sec-message .sub_ttl::before{
        height: calc(100% - 3.8vw);
    }
}



/*  sec-issue -------------------------------------------*/
.sec-issue{
    max-width: 800px;
    margin-top: 60px;
    padding-bottom: 80px;
}
.sec-issue .sec_ttl{
    font-size: 3.0rem;
    font-weight: 500;
    letter-spacing: .05rem;
    color: #0061A6;
    line-height: 3;
    border-radius: 20px;
    margin-bottom: 20px;
}
.sec-issue .box_wrap{
    display: flex;
}
.issue_box>div {
    padding: 0 10px;
}
.issue_head{
    border-right: 1px solid black
}
.issue_box p{
    height: 115px;
}
.issue_box {
    width: 33%;
}
.issue_box:last-child .issue_head{
    border: none;
    padding-right: none;
}
.issue_head .box_ttl{
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.issue_head .box_ttl h3{
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .05rem;
    position: relative;
    line-height: 20px;
}
.issue_head .box_ttl h3::before{
    content: '';
    position: absolute;
    bottom: -30%;
    left: 0;
    width: 100%;
    height: 80%;
    background-color: #b0dfff;
    z-index: -1;
}
.issue_head .box_ttl .issue_num{
    position: relative;
    width: 35px;
    height: 35px;
    line-height: 30px;
    border: #53B8FF 2px solid;
    border-radius: 35px;
    text-align: center;
    margin-right: 10px;
    color: #53B8FF;
}
.issue_head .box_ttl .num_head{
    position: absolute;
    top: -85%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    color: #53B8FF;
    font-size: 1.2rem;
}
.sec-issue .img_allow{
    height: 50px;
    margin: 10px auto;
    display: block;
}
.sec-issue .img_logo{
    /*height: 70px;*/
    margin-right: 15px;
    width: 50px;
    height: 100%;
}
.issue_box .box_txt{
    display: flex;
    padding-top: 16px;
}
.issue_box p{
    font-size: 1.4rem;
    line-height: 1.85;
    letter-spacing: .05rem;
}

@media screen and (max-width: 768px){
    .sec-issue{
        padding-bottom: 0;
        margin-bottom: -60px;
    }
    .sec-issue .box_wrap{
        display: block;
    }
    .issue_head{
        border-right: none;
    }
    .issue_box{
        margin-bottom: 15vw;
        width: 100%;
    }
    .sec-issue .sec_ttl{
        margin-bottom: 10vw;
    }
    .issue_head .box_ttl h3, .sec-issue .sec_ttl{
        font-size: 5vw;
    }
    .issue_box p{
        font-size: 3.4vw;
        height: auto;
    }

    .issue_box .img_logo{
        height: 11vw;
    }
    .issue_box .img_allow{
        height: 7vw;
        margin: 1vw auto;
    }
    .issue_head .box_ttl .num_head{
        font-size: 2vw;
        top: -80%;
    }
    .issue_head .box_ttl .issue_num{
        width: 7vw;
        height: 7vw;
        line-height: 6vw;
    }
}



/*  sec-flow -------------------------------------------*/
.sec-flow{
    padding-top: 50px;
    padding-bottom: 75px;
    box-sizing: border-box;
}

.sec-flow .flow_box .box_ttl{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #53B8FF;
    padding: 17px 25px;
    border-radius: 10px;
    box-sizing: border-box;
}
.sec-flow .flow_box .box_ttl .step_num{
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    color: #FFF;
    margin-right: 18px;
    padding-right: 20px;
    border-right: 1px solid #FFF;
    box-sizing: border-box;
}
.sec-flow .flow_box .box_ttl .step_num .num{
    display: block;
    margin-top: 3px;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}
.sec-flow .flow_box .box_ttl .ttl{
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: .05rem;
    color: #FFF;
}

.sec-flow .flow_box .box_txt{
    position: relative;
    padding: 16px 0 35px 100px;
    box-sizing: border-box;
}
.sec-flow .flow_box .box_txt p{
    font-size: 1.4rem;
    line-height: 1.85;
    letter-spacing: .05rem;
}

.sec-flow .flow_box .box_txt:before,
.sec-flow .flow_box .box_txt:after{
    display: block;
    content: '';
    position: absolute;
}
.sec-flow .flow_box .box_txt:before{
    left: 36px;
    top: 0;
    width: 10px;
    height: calc(100% - 10px);
    background: #0061A6;
}
.sec-flow .flow_box .box_txt:after{
    left: 35px;
    margin-left: -8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 14px 0 14px;
    border-color: #0061A6 transparent transparent transparent;
}
.sec-flow .flow_box:last-of-type .box_txt:before,
.sec-flow .flow_box:last-of-type .box_txt:after{
    display: none;
}

@media screen and (max-width: 768px) {
    .sec-flow{
        padding-top: 10%;
        padding-bottom: 12%;
    }

    .sec-flow .flow_box .box_ttl{
        padding: 3.6% 3%;
    }
    .sec-flow .flow_box .box_ttl .step_num{
        font-size: 3vw;
        margin-right: 4%;
        padding-right: 4%;
    }
    .sec-flow .flow_box .box_ttl .step_num .num{
        font-size: 5.8vw;
    }
    .sec-flow .flow_box .box_ttl .ttl{
        font-size: 3.6vw;
        line-height: 1.3;
    }

    .sec-flow .flow_box .box_txt{
        position: relative;
        padding: 2% 0 4% 17vw;
        box-sizing: border-box;
    }
    .sec-flow .flow_box .box_txt p{
        font-size: 2.8vw;
    }

    .sec-flow .flow_box .box_txt:before{
        left: 5.6vw;
        height: calc(100% - 9px);
    }
    .sec-flow .flow_box .box_txt:after{
        left: 5.5vw;
    }

}

@media screen and (max-width: 736px) {
    .sec-flow .flow_box .box_ttl{
        padding: 3% 4%;
    }
    .sec-flow .flow_box .box_ttl .step_num{
        font-size: 3vw;
        padding-right: 3%;
    }
    .sec-flow .flow_box .box_ttl .step_num .num{
        font-size: 5.8vw;
    }
    .sec-flow .flow_box .box_ttl .ttl{
        font-size: 3.8vw;
    }
    .sec-flow .flow_box .box_txt{ padding-left: 18vw;}
    .sec-flow .flow_box .box_txt p{
        font-size: 3.4vw;
    }
    .sec-flow .flow_box .box_txt:before{
        left: 5.8vw;
    }
    .sec-flow .flow_box .box_txt:after{
        left: 5.7vw;
    }
}

/*  sec-place -------------------------------------------*/
.sec-place{
    position: relative;
    padding: 80px 0 0 0;
    box-sizing: border-box;
}
.sec-place:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    display: block;
    content: '';
    background: url("../img/top/bg_stripe_03.png") left top repeat;
    width: 100%;
    height: 560px;
    z-index: -1;
}


.sec-place .sec_ttl{ margin-bottom: 50px;}

.sec-place .box_wrap{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.16);
    padding: 40px;
    box-sizing: border-box;
}
.sec-place .box{
    width: 48%;
    max-width: 483px;
    margin-right: 4%;
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 1px solid #E0E0E0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sec-place .box:nth-of-type(2n){ margin-right: 0;}

.sec-place .box:nth-of-type(1),
.sec-place .box:nth-of-type(2){
    padding-top: 0;
    border-top: none;
}

.sec-place .box .img{
    width: 36%;
    max-width: 170px;
}
.sec-place .box .txt{
    width: 64%;
    padding-left: 20px;
    box-sizing: border-box;
}
.sec-place .box .txt .box_ttl{
    position: relative;
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 14px;
    box-sizing: border-box;
}
.sec-place .box .txt .box_ttl:after{
    display: block;
    margin-top: 14px;
    content: '';
    width: 41px;
    height: 1px;
    background: #0061A6;
}

.sec-place .box .txt .text{
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.666;
}
.sec-place .box .txt .tel-link{ padding-left: 5px;}

@media screen and (max-width: 768px) {
    .sec-place{
        padding: 12% 0 0 0;
    }
    .sec-place:before{
        height: 150vw;
    }

    .sec-place .sec_ttl{ margin-bottom: 10%;}

    .sec-place .box_wrap{
        display: block;
        padding: 6%;
    }
    .sec-place .box{
        width: 100%;
        max-width: inherit;
        margin: 0 auto 5% auto;
        padding-top: 5%;
    }
    .sec-place .box:nth-of-type(2n){ margin-right: auto;}

    .sec-place .box:nth-of-type(1){
        padding-top: 0;
        border-top: none;
    }
    .sec-place .box:nth-of-type(2){
        padding-top: 5%;
        border-top: 1px solid #E0E0E0;
    }

    .sec-place .box .img{
        width: 48%;
        max-width: inherit;
    }
    .sec-place .box .txt{
        width: 48%;
        padding-left: 4%;
    }
    .sec-place .box .txt .box_ttl{
        font-size: 3.2vw;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    .sec-place .box .txt .box_ttl:after{
        margin-top: 12px;
        width: 8vw;
    }

    .sec-place .box .txt .text{
        font-size: 2.6vw;
        line-height: 1.5;
    }
    .sec-place .box .txt .tel-link{ padding-left: 5px;}

}

@media screen and (max-width: 736px) {
    .sec-place .box .txt .box_ttl{
        font-size: 4vw;
    }
    .sec-place .box .txt .box_ttl:after{
        margin-top: 8px;
        width: 8vw;
    }

    .sec-place .box .txt .text{
        font-size: 3vw;
    }

}


/*  sec-advisor -------------------------------------------*/
.sec-advisor{
    padding-top: 30px;
    padding-bottom: 90px;
    box-sizing: border-box;
}

.sec-advisor .box_wrap{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sec-advisor .box{
    width: 32%;
    max-width: 350px;
    margin-right: 2%;
    box-sizing: border-box;
}
.sec-advisor .box:nth-of-type(3n){ margin-right: 0;}

.sec-advisor .box .txt{
    margin-top: 15px;
}
.sec-advisor .box .txt .name{
    font-size: 2.0rem;
    line-height: 1.625;
    color: #0061A6;
    margin-bottom: 15px;
}
.sec-advisor .box .txt .text{
    font-size: 1.6rem;
    letter-spacing: .03rem;
    line-height: 1.625;
}

@media screen and (max-width: 768px) {
    .sec-advisor{
        padding-top: 5%;
        padding-bottom: 14%;
    }

    .sec-advisor .box_wrap{
        display: block;
    }
    .sec-advisor .box{
        width: 100%;
        max-width: inherit;
        margin: 0 auto;
    }
    .sec-advisor .box+.box{ margin-top: 10%;}
    .sec-advisor .box:nth-of-type(3n){ margin-right: auto;}


    .sec-advisor .box .img{
        text-align: center;
    }
    .sec-advisor .box .txt{
        margin-top: 3%;
    }
    .sec-advisor .box .txt .name{
        font-size: 4vw;
        margin-bottom: 2%;
    }
    .sec-advisor .box .txt .text{
        font-size: 3vw;
    }

}
@media screen and (max-width: 736px) {
    .sec-advisor .box .txt .name{
        font-size: 4.6vw;
    }
    .sec-advisor .box .txt .text{
        font-size: 3.6vw;
    }
}


/*  sec-search -------------------------------------------*/
.sec-search{
    padding: 80px 0 83px 0;
    background: #E5F5FF;
    box-sizing: border-box;
}
.sec-search .sec_ttl{ margin-bottom: 20px;}
.sec-search .lead{
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.85;
}

.sec-search .box_wrap{
    margin-top: 55px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.16);
    padding: 58px 10px 50px 10px;
    box-sizing: border-box;
}

.sec-search .popup-btn_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.sec-search .popup-btn{
    position: relative;
    width: 49%;
    max-width: 380px;
    border-radius: 10px;
    background: #0061A6;
    box-sizing: border-box;
    transition: .4s;
}
.sec-search .popup-btn a{
    display: block;
    font-size: 1.8rem;
    text-align: left;
    color: #FFF;
    padding: 23px 30px 27px 30px;
    box-sizing: border-box;
}
.sec-search .popup-btn a:hover{ text-decoration: none;}
.sec-search .popup-btn:hover{opacity: .7;}

.sec-search .popup-btn:after{
    position: absolute;
    display: block;
    content: '';
    right: 20px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sec-search .form_style input{ padding: 14px 30px 18px 30px;}
.popup-box{
    position: relative;
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 40px;
    border-radius: 10px;
    background: #FFF;
    box-sizing: border-box;
}
.popup-box .box_head{
    background: #53B8FF;
    padding: 15px 40px;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
}
.popup-box .box_head .ttl{
    font-size: 2.0rem;
    color: #FFF;
}

/* 勤務地を選ぶ */
.popup-box.work_location .boxIn{
    display: flex;
    justify-content: space-between;
    padding: 40px 40px 0 40px;
    box-sizing: border-box;
}

.popup-box.work_location .boxIn h4{
    margin-bottom: 7px;
    font-size: 2.3rem;
    font-weight: 700;
    color: #FFF;
    background: #0061A6;
    border-radius: 10px;
    padding: 18px 17px 19px 17px;
    box-sizing: border-box;
}
.popup-box.work_location .boxIn p.text{ font-size: 1.4rem;}

.popup-box.work_location .boxIn .step1{
    width: 32%;
    max-width: 320px;
}
.popup-box.work_location .boxIn .step2{
    width: 62%;
    max-width: 630px;
}

.prefectures_box{}
.tab_wrap .prefectures_box .tab_list_search{
    position: relative;
    top: 0;
    right: 0;
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #0061A6;
    box-sizing: border-box;
}

.tab_wrap .prefectures_box .tab_list_search li{
    position: relative;
    display: block;
    height: auto;
    color: #0061A6;
    background: none;
    border-radius: 0;
    padding: 0;
    min-height: 56px;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;
    cursor: inherit;
}
.tab_wrap .prefectures_box .tab_list_search li:last-of-type{ border-bottom: none;}
.tab_wrap .prefectures_box .tab_list_search li span{
    display: block;
    padding: 10px 17px;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: left;
    margin: 0;
    cursor: pointer;
}

.tab_wrap .prefectures_box .tab_list_search li:after{
    position: absolute;
    display: block;
    content: '';
    right: 15px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #0061A6;
    border-right: 2px solid #0061A6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup-box .tab_wrap .tab_cnts{
    margin-top: 10px;
    border-radius: 10px;
    padding: 40px;
    border: 2px solid #0061A6;
    min-height: 344px;
    box-sizing: border-box;
}
.tab_wrap .tab_box_search{
    display: none;
}
.tab_wrap .tab_box_search.show{

    display: block;
}

.popup-box.work_location .checkbox{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.popup-box.work_location .checkbox li{
    width: calc(100% / 5);
}

/* 職種を選ぶ */
.popup-box.occupation .boxIn{
    padding: 40px 40px 0 40px;
    box-sizing: border-box;
}

.popup-box .choices-wrap{
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #0061A6;
    box-sizing: border-box;
}
.popup-box .choices-wrap+.choices-wrap{ margin-top: 15px;}

.popup-box .check-choices{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #0061A6;
    padding: 0;
    box-sizing: border-box;
}

.popup-box .check-choices:after{
    position: absolute;
    display: block;
    content: '';
    right: 20px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup-box .check-choices label{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 23px 0 25px 25px;
    cursor: pointer;
    box-sizing: border-box;
}

.form_style .check-choices .checkbox-parts::before,
.form_style .check-choices .checkbox-input:checked + .checkbox-parts::after{ top: -4px;}

.form_style .check-choices .checkbox-parts::before{
    background: none;
    border: 1px solid #FFF;
}
.form_style .check-choices .checkbox-input:checked + .checkbox-parts::after{border: 1px solid #FFF;}

.form_style.popup-box .check-choices .checkbox-parts{
    color: #FFF;
    font-size: 2.0rem;
}
.form_style.popup-box .small{
    font-size: 1.4rem;
    color: #FFF;
}
.form_style .check-choices .label_txt2{
    position: absolute;
    right: 40px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #FFF;
}

.popup-box.occupation .choices_box{
    display: none;
    padding: 30px 25px;
    box-sizing: border-box;
}
.popup-box.occupation .choices_box .choices_box_in{
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}
.popup-box.occupation .choices_box .choices_box_in ul+ul{ margin-left: 4%;}
.popup-box.occupation .choices_box .choices_box_in ul{
    width: 32%;
    border-right: 1px solid #DDD;
    padding-right: 10px;
    box-sizing: border-box;
}

.form_style.popup-box.occupation .choices_box .checkbox-parts{
    display: inline-block;
    line-height: 1.5;
    color: #313131;
}

.mfp-content{ padding: 60px 0;}

button.mfp-close{
    background: #FFF;
}
.mfp-close,
.mfp-close:active{
    width: 40px;
    height: 40px;
    color: #313131;
    border-radius: 100%;
    opacity: 1;
    top: -50px;
    line-height: 35px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
.mfp-close:before{
    position: absolute;
    left: -60px;
    top: 2px;
    display: block;
    content: '閉じる';
    font-size: 1.8rem;
    color: #FFF;
}
/* mfp-bg（overlay） */
.mfp-fade01.mfp-bg{
	opacity: 0;
	transition: all 0.4s ease-out;
}
.mfp-fade01.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade01.mfp-bg.mfp-removing {
	opacity: 0;
}

/* mfp-content */
.mfp-fade01.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.4s ease-out;
}
.mfp-fade01.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade01.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


@media screen and (max-width: 768px) {
    .sec-search{
        padding: 12% 0;
    }
    .sec_ttl{
        font-size: 4.6vw;
    }
    .sec-search .sec_ttl{ margin-bottom: 4%;}
    .sec-search .lead{
        font-size: 2.8vw;
    }

    .sec-search .box_wrap{
        margin-top: 8%;
        padding: 6%;
    }
    .sec-search .popup-btn_wrapper{
        margin-bottom: 6%;
    }
    .sec-search .popup-btn{
        width: 48%;
        max-width: inherit;
        border-radius: 10px;
    }
    .sec-search .popup-btn a{
        font-size: 2.8vw;
        text-align: left;
        padding: 4vw 3vw 4.4vw 3vw;
    }

    .sec-search .popup-btn:after{
        right: 3.4vw;
        margin-top: -.7vw;
        width: 1.4vw;
        height: 1.4vw;
    }
    .sec-search .form_style input {
        padding: 14px 3vw 18px 3vw;
    }
    .popup-box{
        width: 92%;
        max-width: inherit;
        padding-bottom: 6%;
    }
    .popup-box .box_head{
        padding: 3.6% 5%;
    }
    .popup-box .box_head .ttl{
        font-size: 3.4vw;
    }

    /* 勤務地を選ぶ */
    .popup-box.work_location .boxIn{
        display: block;
        padding: 6% 6% 0 6%;
    }

    .popup-box.work_location .boxIn h4{
        margin-bottom: 7px;
        font-size: 3.2vw;
        padding: 18px 17px 19px 17px;
    }
    .popup-box.work_location .boxIn p.text{ font-size: 2.6vw;}

    .popup-box.work_location .boxIn .step1{
        width: 100%;
        max-width: inherit;
    }
    .popup-box.work_location .boxIn .step2{
        display: none;
    }

    .tab_list_search .sp-cnts{display: none;}
    .tab_wrap .tab_box_search{display: block;}

    .tab_wrap .prefectures_box .tab_list_search li{
        min-height: 9vw;
    }
    .tab_wrap .prefectures_box .tab_list_search li span{
        padding: 10px 17px;
        font-size: 3.0vw;
    }

    .tab_wrap .prefectures_box .tab_list_search li:after{
        top: 4vw;
        margin-top: -.7vw;
        width: 1.4vw;
        height: 1.4vw;
        border-top: none;
        border-bottom: 2px solid #0061A6;
        border-right: 2px solid #0061A6;
    }
    .tab_wrap .prefectures_box .tab_list_search li.on:after{
        border-top: 2px solid #0061A6;
        border-left: 2px solid #0061A6;
        border-bottom: none;
        border-right: none;
    }
    .popup-box .tab_wrap .tab_cnts{
        padding: 6%;
        min-height: inherit;
    }
    .popup-box.work_location .checkbox li{
        width: calc(100% / 3);
    }

    .popup-box.work_location .tab_wrap .tab_box_search{
        padding: 0 0 10px 17px;
        box-sizing: border-box;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li{
        min-height: inherit;
        border-bottom: none;
        margin-bottom: 10px;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li label{
        display: flex;
        align-items: center;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li span{
        padding: 0 0 0 4vw;
        font-size: 3.0vw;
        letter-spacing: -.03rem;
    }
    .form_style .tab_box_search .checkbox-parts::before,
    .form_style .tab_box_search .checkbox-input:checked + .checkbox-parts::after{
        top: 2.0vw;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li:after{ display: none;}

    /* 職種を選ぶ */

    .popup-box.occupation .boxIn{
        padding: 6% 6% 0 6%;
    }
    .popup-box .choices-wrap+.choices-wrap{ margin-top: 10px;}

    .popup-box .check-choices{
        display: block;
    }
    .popup-box .check-choices:after{
        right: 3%;
        margin-top: -.7vw;
        width: 1.4vw;
        height: 1.4vw;
        border-top: none;
        border-bottom: 2px solid #FFF;
    }

    .form_style.popup-box .check-choices .checkbox-parts{
        font-size: 3.0vw;
    }
    .popup-box .check-choices label{
        flex-wrap: wrap;
        padding: 4% 0 4% 3%;
    }
    .form_style.popup-box .check-choices .checkbox-parts:before,
    .form_style.popup-box .check-choices .checkbox-input:checked + .checkbox-parts::after{ top: -.7vw;}

    .form_style.popup-box .small{
        font-size: 2.4vw;
    }
    .form_style.popup-box .small.ml-5{ margin-left: -2vw;}
    .form_style .check-choices .label_txt2{
        position: relative;
        left: 0;
        right: 0;
        font-size: 2.6vw;
        margin-top: 20px;
        width: 100%;
    }

    .popup-box.occupation .choices_box{
        padding: 2% 5% 5% 5%;
    }
    .popup-box.occupation .choices_box .choices_box_in{
        display: block;
    }
    .popup-box.occupation .choices_box .choices_box_in ul+ul{ margin-left: 0;}
    .popup-box.occupation .choices_box .choices_box_in ul{
        width: 100%;
        border-right: none;
        padding-right: 0;
    }

    .popup-box .btn_wrap .btn_send {
        width: 80%;
    }

    .mfp-content{ padding: 13vw 0;}

    button.mfp-close{
        background: #FFF;
    }
    .mfp-close,
    .mfp-close:active{
        width: 7vw;
        height: 7vw;
        top: -9vw;
        font-size: 4vw;
        line-height: 6vw;
    }
    .mfp-close:before{
        left: -10vw;
        top: 2px;
        font-size: 3.0vw;
    }
    .mfp-wrap{ z-index: 10008;}

}

@media screen and (max-width: 736px) {
    .sec-search .lead {
        font-size: 3.2vw;
    }
    .sec-search .popup-btn a{
        font-size: 3.6vw;
        padding: 4.8vw 3vw 5.4vw 3vw;
    }
    .sec-search .popup-btn:after {
        margin-top: -1.0vw;
        width: 2.0vw;
        height: 2.0vw;
    }
    .sec-search .form_style input {
        padding: 4vw 3vw;
    }
    .popup-box .box_head .ttl{
        font-size: 4.2vw;
    }
    .popup-box .box_head{
        padding: 4% 5%;
    }

    .popup-box.work_location .boxIn h4{
        font-size: 4vw;
        padding: 18px 17px 19px 17px;
    }
    .popup-box.work_location .boxIn p.text{ font-size: 3.4vw;}
    .tab_wrap .prefectures_box .tab_list_search li{
        min-height: 12vw;
    }
    .tab_wrap .prefectures_box .tab_list_search li span{
        font-size: 3.8vw;
    }

    .tab_wrap .prefectures_box .tab_list_search li:after{
        top: 6vw;
        margin-top: -1vw;
        width: 2vw;
        height: 2vw;
    }

    .popup-box.work_location .tab_wrap .tab_box_search{
        padding: 0 5% 3% 5%;
    }

    .popup-box.work_location .tab_wrap .tab_box_search li span{
        padding: 0 0 0 4vw;
        font-size: 3.3vw;
        letter-spacing: -.03rem;
    }
    .form_style .tab_box_search .checkbox-parts::before,
    .form_style .tab_box_search .checkbox-input:checked + .checkbox-parts::after{
        top: 1.4vw;
    }

    .popup-box .check-choices label{
        padding: 5% 0 5% 3%;
    }
    .form_style.popup-box .check-choices .checkbox-parts{
        font-size: 3.8vw;
    }
    .form_style.popup-box .check-choices .checkbox-parts:before,
    .form_style.popup-box .check-choices .checkbox-input:checked + .checkbox-parts::after{ top: -1px;}
    .form_style.popup-box .small{
        font-size: 3.0vw;
    }
    .form_style .check-choices .label_txt2{
        font-size: 3.2vw;
        margin-top: 10px;
    }
    .popup-box .check-choices:after{
        margin-top: -1vw;
        width: 2vw;
        height: 2vw;
    }

    .mfp-close,
    .mfp-close:active{
        width: 9vw;
        height: 9vw;
        top: -12vw;
        font-size: 5vw;
        line-height: 8vw;
    }
    .mfp-close:before{
        left: -13vw;
        top: 2px;
        font-size: 3.8vw;
    }
}