@charset "UTF-8";

.-recruit .cmnhd {
    background: unset;
}

.-recruit .cmnhd.-open {
    background: #fff;
}

.icon-cmnhd {
    position: relative;
}

.icon-cmnhd::before {
    content: '';
    width: 625px;
    height: 186px;
    background: url(/img/recruit/bg-icon-cmnhd.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -70px;
    left: -70px;
    z-index: -1;
}

body {
    position: relative;
}

body.-recruit::before {
    content: '';
    width: 989px;
    height: 1103px;
    background: url(/img/recruit/bg-recruit01.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.hero .inner {
    max-width: unset;
}

.-recruit .hero .inner {
    max-width: 1380px;
}

.hero.-recruit .inner {
    padding-top: 535px;
    position: relative;
}

.hero_ttl.-ja {
    font-size: 50px;
    line-height: 50px;
}

.hero_ttl.-en {
    font-size: 162px;
    line-height: 150px;
    font-family: 'Special Gothic Expanded One', serif;
    color: #0E3CB4;
}

.hero_img01 {
    position: absolute;
}

.hero_img01 {
    top: 17%;
    right: 6%;
}

.hero_img02 {
    top: 17%;
    right: 0;
}

.page_hd {
    padding-top: 0;
}

.pnkz {
    justify-content: right;
}


/* recurit */

.recruit {
    position: relative;
}

.recruit::after {
    content: '';
    width: 989px;
    height: 1244px;
    background: url(/img/recruit/bg-recruit02.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -56%;
    right: 0;
    z-index: -1;
}

.recruit_ttl {
    font-size: 40px;
    margin-bottom: 15px;
}

.recruit_intro {
    margin-bottom: 60px;
}

.recruit_link {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.recruit_link a {
    display: flex;
    border-radius: 15px;
    width: 50%;
    height: 190px;
    position: relative;
}

.recruit_link a:hover {
    opacity: 0.7;
}

.recruit_link a::before {
    content: '';
    width: 49px;
    height: 49px;
    background: url(/img/cmn/icon-arrow_gray.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 25px;
    bottom: 15px;
}

.recruit_link a:first-child {
    background: #0E3CB4 url(/img/recruit/bg-recruit_link01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.recruit_link a:last-child {
    background: #095E54 url(/img/recruit/bg-recruit_link02.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.recruit_link_cnt {
    width: 50%;
    padding: 17px 25px;
}

.recruit_link_cnt_ttl {
    font-size: 37px;
    color: #fff;
}

.recruit_cnt_img {
    border-radius: 0 15px 15px 0;
}

.recruit_cnt_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* sdgs */

.sdgs {
    display: block;
    margin-bottom: 80px;
}

.sdgs_wrapper {
    display: flex;
    align-items: center;
    background: #F6F7FA;
}

.sdgs_cnt {
    max-width: 800px;
    padding: 0 90px;
}

.sdgs_cnt .cmn_btn {
    background: #0039D1;
    margin-bottom: 20px;
}

.sdgs_ttl {
    font-size: 40px;
    margin-bottom: 20px;
}

.sdgs_txt {
    margin-bottom: 20px;
}

.sdgs_icon {
    text-align: center;
}

/* movie */

.movie_wrapper {
    display: flex;
    align-items: center;
}

.movie_wrapper.-black {
    display: flex;
    background: #000 url(/img/recruit/bg-movie.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.movie_cnt {
    width: 50%;
}

.movie_cnt.-movie {
    position: relative;
}

.movie_cnt.-movie .movie_cnt_img {
    width: 100%;
}

.movie_cnt_ttl {
    font-size: 50px;
    line-height: 65px;
    color: #fff;
    margin-bottom: 20px;
}

.movie_cnt_txt {
    color: #fff;
}

.movie_wrapper .movie_cnt:last-child {
    padding: 0 170px 0 90px;
}


/* .contact {
    display: none;
} */



/* newgraduate */

.hero.-newgra {
    height: 100vh;
    padding-top: 350px;
    background: url(/img/recruit/bg-hero_newgra.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.hero_ttl.-newgra.-en,
.hero_ttl.-career.-en {
    font-size: 7vw;
    color: #fff;
    font-family: 'Special Gothic Expanded One', serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero_ttl.-newgra.-en span,
.hero_ttl.-career.-en span {
    font-size: 3.3vw;
    line-height: 5vw;
    color: #0E3CB4;
    background: #fff;
    padding: 5px 20px;
    margin-left: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

.hero_ttl.-career.-en span {
    color: #095E54;
}

.hero_ttl.-newgra.-ja,
.hero_ttl.-career.-ja {
    font-size: 3vw;
    color: #fff;
    text-align: center;
}

.img-recruit_ttl,
.hero_news {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.hero_new_ttl {
    color: #fff;
    padding: 24px 180px 28px 207px;
    backdrop-filter: blur(30px) brightness(125%);
    clip-path: polygon(7% 0%, 97% 0%, 92% 100%, 0% 100%);
}

.hero_cnt {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 20px;
    bottom: 30px;
}

.hero_cnt a {
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 20px;
}

.hero_cnt a:hover {
    opacity: 0.7;
}

.-newgra .hero_cnt {
    margin-right: 110px;
}


/* blog */

.blog {
    background: #EFF7F9;
    overflow: hidden;
    position: relative;
}

.blog::before {
    content: 'BLOG';
    font-size: 194px;
    font-weight: bold;
    color: #fff;
    font-family: 'Lato', sans-serif;
    position: absolute;
    top: -120px;
    left: -30px;
}

.blog .inner {
    max-width: 1240px;
}

.blog_ttl {
    font-size: 18px;
    color: #0039D1;
    position: relative;
    margin-bottom: 25px;
}

.blog_ttl::before {
    content: '';
    width: 13px;
    height: 13px;
    background: url(/img/recruit/icon-circle01.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: -20px;
}

.blog_list {
    margin-bottom: 25px;
}

.blog_list li a {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 20px 10px;
    border-bottom: solid 1px #D8DBFF;
}

.blog_list li:first-child a {
    border-top: solid 1px #D8DBFF;
}

.blog_list_date {
    font-size: 13px;
    font-family: 'Lato', sans-serif;
}

.blog_list_ttl {
    font-weight: 500;
    font-size: 18px;
}

.blog .cmn_btn {
    background: #0039D1;
    margin: 0 0 0 auto;
}

.blog .cmn_btn:hover {
    background: #000;
}

/* .movie newgra */

.movie.-newgra {
    position: relative;
    overflow: hidden;
}

.movie.-newgra::before {
    content: 'MOVIE';
    font-size: 194px;
    font-weight: bold;
    color: #0039D1;
    opacity: .05;
    font-family: 'Lato', sans-serif;
    position: absolute;
    top: -20px;
    right: -30px;
}

.movie_cnt.-newgra .movie_cnt_ttl {
    color: #000;
    font-size: 57px;
    font-weight: bold;
}

.movie_cnt.-newgra .movie_cnt_ttl span {
    color: #0039D1;
}

.movie_cnt.-newgra .movie_cnt_txt {
    color: #000;
}

.movie_wrapper .movie_cnt.-newgra {
    padding-right: 50px;
}

.movie.-newgra .movie_img {
    position: relative;
}

.movie.-newgra .movie_img::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #0039D1;
    position: absolute;
    right: -35px;
    bottom: -35px;
    z-index: -1;
}

.movie.-newgra .movie_img:hover .icon-play {
    background: #000;
}



/* company */

.company {
    position: relative;
    background: #EFF7F9;
    padding: 0 0 300px;
}

.company::before {
    content: 'COMPANY';
    font-size: 278px;
    font-weight: bold;
    color: #0039D1;
    opacity: .05;
    font-family: 'Lato', sans-serif;
    position: absolute;
    top: 60px;
    right: 50%;
    transform: translateX(50%);
}


.company_ttl {
    color: #0039D1;
    position: relative;
    width: fit-content;
    margin: 0 15px 0 auto;
}

.company_ttl::before {
    content: '';
    width: 13px;
    height: 13px;
    background: url(/img/recruit/icon-circle01.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: -20px;
}

.company_cnt_ttl {
    font-size: 57px;
    line-height: 70px;
    text-align: right;
    font-weight: bold;
    margin-bottom: 20px;
}

.company_cnt_ttl span {
    color: #0039D1;
}

.company_txt {
    max-width: 484px;
    margin: 0 0 0 auto;
}

.company_img {
    position: absolute;
    left: 0;
    bottom: -60%;
    z-index: 10;
}


/* work */

.work {
    background: #0039D1;
    position: relative;
    padding-left: 10%;
    padding: 300px 0 300px 10%;
}

.work::before {
    content: 'WORK';
    font-size: 278px;
    font-weight: bold;
    color: #fff;
    opacity: .05;
    font-family: 'Lato', sans-serif;
    position: absolute;
    bottom: 0;
    left: 50px;
}

.work::after {
    content: '';
    width: 989px;
    height: 1103px;
    background: url(/img/recruit/bg-work.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.work_wrapper {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    gap: 90px;
}

.work_ttl {
    color: #fff;
    position: relative;
    margin-bottom: 15px;
}

.work_ttl::before {
    content: '';
    width: 13px;
    height: 13px;
    background: url(/img/recruit/icon-circle02.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: -20px;
}

.work_cnt {
    max-width: 580px;
    width: 100%;
}

.work_cnt_ttl {
    font-size: 55px;
    line-height: 70px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.work_txt {
    color: #fff;
}

.splide__arrow {
    display: none;
}

.splide {
    position: relative;
}

.splide__pagination {
    padding: 0;
    justify-content: left;
    position: absolute;
    left: 0;
    bottom: -3%;
}

.splide__pagination__page {
    background: #fff;
    opacity: 1;
}

.entry_btn {
    background: #000;
    padding: 70px 80px 100px;
    border-radius: 15px;
    position: absolute;
    transform: translateX(50%);
    right: 50%;
    top: -150px;
    width: 100%;
    max-width: 1300px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.entry_btn_ttl {
    color: #0039D1;
    font-family: 'Special Gothic Expanded One', serif;
    font-size: 108px;
    line-height: 110px;
}

.entry_btn_txt {
    color: #fff;
    font-size: 26px;
}

.icon-entry_btn {
    width: 103px;
    height: 103px;
    background: #fff;
    border-radius: 20px;
    position: relative;
}

.icon-entry_btn::after {
    content: '';
    width: 55px;
    height: 54px;
    background: url(/img/recruit/icon-entry_btn.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    transition-duration: 0.5s;
}

.entry_btn:hover .icon-entry_btn::after {
    transform: translate(50%, 50%) rotate(180deg)
}


/* recruit_contact */

.recruit_contact {
    display: block;
    padding: 250px 0 20px;
    background: #F2F1F0;
    position: relative;
}

.recruit_contact_wrapper {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-bottom: 60px;
}

.recruit_contact_ttl {
    font-size: 46px;
    line-height: 60px;
}

.recruit_contact_txt {
    margin-bottom: 20px;
}

.recruit_contact_tel {
    display: block;
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 20px;
}

.recruit_contact_tel tbody tr th {
    padding-right: 30px;
    position: relative;
}

.recruit_contact_tel tbody tr th::after {
    content: '：';
    position: absolute;
    right: 0;
    top: 0;
}

.recruit_contact .pnkz {
    justify-content: left;
}


/* entry_link */

.entry {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    backdrop-filter: blur(30px) brightness(75%);
}

.entry_link {
    background: #fff;
    padding: 40px 35px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}

.btn-entry_link {
    position: absolute;
    top: 20px;
    right: 20px;
}

.entry_link_cnt_ttl {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}

.link_entry {
    display: block;
    color: #fff;
    background: #0039D1;
    width: 255px;
    padding: 22px 25px;
    border-radius: 6px;
    font-size: 17px;
    position: relative;
    margin: 0 auto;
}

.link_entry:hover {
    background: #000;
}

.link_entry_navi:hover {
    background: #e9e9e9;
}

.link_entry::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #fff;
    position: absolute;
    right: 5%;
    bottom: 50%;
    transform: translateY(50%);
}

.link_entry_navi img {
    mix-blend-mode: multiply;
}

.entry_link_cnt.-first {
    padding-bottom: 35px;
    border-bottom: solid 1px #C6C6C6;
}

.entry_link_cnt.-second {
    padding-top: 35px;
}

.link_entry_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.link_entry_navi {
    width: 304px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 40px;
    border: solid 1px #C6C6C6;
}


/* career */

.hero.-career {
    height: 100vh;
    padding-top: 350px;
    background: url(/img/recruit/bg-hero_career.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.company.-career {
    background: #fff;
}

.company.-career::before {
    color: #095E54;
}

.company.-career .company_ttl {
    color: #095E54;
}

.company.-career .company_ttl::before {
    background: url(/img/recruit/icon-circle03.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.company.-career .company_cnt_ttl span {
    color: #095E54;
}

.work.-career {
    background: #095E54;
    padding-bottom: 100px;
}

.work.-career::before {
    bottom: -16%;
}

.work.-career::after {
    background: url(/img/recruit/bg-work_career.png);
    background-size: cover;
    background-repeat: no-repeat;
}



/* recruit_info */

.recruit_info {
    position: relative;
    padding: 70px 0 170px;
}

/* .recruit_info::after {
    content: '';
    width: 100%;
    height: 150px;
    background: #F2F1F0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
} */

.recruit_info .inner {
    padding: 60px 40px;
    background-color: #fff;
}

.recruit_info dl {
    display: flex;
    gap: 20px;
}


.recruit_info dl dt {
    width: 330px;
    position: relative;
    padding-left: 20px;
    color: #095E54;
}

.recruit_info.-new dl dt {
    color: #0039D1;
}

.recruit_info dl dt::before {
    content: '';
    width: 13px;
    height: 13px;
    background: url(/img/recruit/icon-circle03.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 0;
}

.recruit_info.-new dl dt::before {
    background: url(/img/recruit/icon-circle01.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.recruit_info dl dd {
    flex: 1;
}

.recruit_info_how {
    padding-bottom: 55px;
    border-bottom: solid 1px #C6C6C6;
}

.recruit_info_cnt {
    padding-top: 55px;
}

.recruit_info_cnt_ttl {
    font-size: 22px;
    padding-bottom: 22px;
    border-bottom: solid 1px #095E54;
}

.recruit_info_cnt table {
    display: block;
    margin-bottom: 20px;
}

.recruit_info_cnt table tbody {
    display: block;
    width: 100%;
}

.recruit_info_cnt table tbody tr {
    display: block;
    padding: 25px 0 25px 30px;
    border-bottom: solid 1px #C6C6C6;
}

.recruit_info_cnt table tbody tr th {
    width: 200px;
    font-size: 18px;
    font-weight: 500;
}

.recruit_info_cnt .cmn_btn {
    background: #095E54;
}

.recruit_info_cnt.-new .cmn_btn {
    background: #0039D1;
}

.recruit_info_cnt .cmn_btn:hover {
    background: #000;
}

.recruit_contact.-career {
    padding-top: 50px;
}


@media screen and (max-width: 768px) {

    .icon-cmnhd::before {
        width: 270px;
        height: 86px;
        top: -28px;
        left: -29px;
    }

    body.-recruit::before {
        width: 100%;
        height: 500px;
    }
    
    
    .hero_ttl.-en {
        font-size: 17vw;
        line-height: 16vw;
    }

    .hero_ttl.-ja {
        font-size: 24px
    }

    .hero.-recruit .inner {
        padding-top: 80px;
    }

    .hero_img01 {
        position: unset;
        margin-bottom: 20px;
    }


    /* recurit */

    .recruit::after {
        width: 375px;
        height: 580px;
        bottom: -36%;
    }

    .recruit_ttl {
        font-size: 28px;
        line-height: 40px;
    }

    .recruit_intro {
        margin-bottom: 40px;
    }

    .recruit_link {
        flex-flow: column;
        gap: 20px;
    }

    .recruit_link a {
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }

    .recruit_link_cnt {
        padding: 15px 10px 15px 20px;
        width: 55%;
    }

    .recruit_link_cnt_ttl {
        font-size: 23px;
    }

    .recruit_link a::before {
        width: 42px;
        height: 42px;
    }


    /* sdgs */

    .sdgs {
        margin-bottom: 45px;
    }

    .sdgs_wrapper {
        flex-flow: column-reverse;
    }

    .sdgs_cnt {
        padding: 30px 25px;
    }

    .sdgs_ttl {
        font-size: 28px;
        text-align: center;
        margin-bottom: 0;
    }

    .sdgs_img img {
        width: 100%;
        height: auto;
    }

    .sdgs_icon img {
        margin-bottom: 10px;
    }


    /* movie */

    .movie_wrapper {
        flex-flow: column-reverse;
    }

    .movie_wrapper .movie_cnt:last-child {
        padding: 45px 25px;
    }

    .movie_cnt {
        width: 100%;
    }

    .movie_cnt_ttl {
        font-size: 28px;
        line-height: 40px;
    }


    .btn-entry_link {
        width: 15%;
        right: 10px;
        top: 10px;
    }

    .entry_link_cnt_ttl {
        font-size: 15px;
    }


    /* single */

    .hero.-newgra {
        padding-top: 210px;
        background: url(/img/recruit/bg-hero_newgra_sp.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hero_cnt a {
        width: 77px;
        height: 77px;
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 100;
    }

    .hero_cnt a:nth-child(2) {
        right: 10px;
    }

    .hero_news {
        width: 100%;
    }

    .img-recruit_ttl {
        width: 32%;
    }

    .hero_ttl.-newgra.-en,
    .hero_ttl.-career.-en {
        flex-flow: column;
        align-items: center;
        font-size: 19vw;
        line-height: 18vw;
        gap: 10px;
    }

    .hero_ttl.-newgra.-en span,
    .hero_ttl.-career.-en span {
        margin: 0 auto;
        font-size: 6vw;
        line-height: 7vw;
    }

    .hero_ttl.-newgra.-ja,
    .hero_ttl.-career.-ja {
        font-size: 6vw;
    }

    .hero_new_ttl {
        padding: 15px 20px 15px 130px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }

    .blog::before {
        font-size: 112px;
        top: -70px;
        left: -15px;
    }

    .blog_ttl {
        padding-left: 20px;
    }

    .blog_ttl::before {
        left: 0;
    }

    .blog_list li a {
        flex-flow: column;
        gap: 0;
        align-items: start;
        padding: 10px;
    }

    .blog .cmn_btn {
        margin: 0;
    }


    .movie.-newgra .movie_wrapper {
        flex-flow: column;
    }

    .movie.-newgra .movie_img::before {
        right: -15px;
        bottom: -15px;
    }

    .movie_cnt.-newgra .movie_cnt_ttl {
        font-size: 28px;
    }

    .movie_wrapper .movie_cnt.-newgra {
        padding: 40px 0;
    }

    .movie.-newgra::before {
        font-size: 114px;
        top: 200px;
        right: -35px;
    }

    /* compnay */

    .company {
        padding-bottom: 130px;
    }

    .company::before {
        font-size: 112px;
        top: 220px;
        right: 16%;
        transform: rotate(90deg);
    }

    .company_cnt_ttl {
        font-size: 28px;
        line-height: 40px;
    }

    .company_img {
        width: 85%;
        bottom: -50%;
    }


    /* work */

    .work {
        padding: 200px 5% 250px;
    }

    .work::before {
        font-size: 113px;
        bottom: 80px;
        left: 10px;
    }

    .work::after {
        width: 100%;
        height: 375px;
    }

    .work_wrapper {
        flex-flow: column;
        gap: 40px;
    }

    .work_ttl {
        padding-left: 20px;
    }

    .work_ttl::before {
        left: 0;
    }

    .work_cnt_ttl {
        font-size: 28px;
        line-height: 40px;
    }

    .splide__pagination {
        bottom: -5%;
    }

    .entry_btn {
        width: 90%;
        margin: 0 auto;
        padding: 35px 60px;
        flex-flow: column;
        gap: 20px;
    }

    .entry_btn_ttl {
        font-size: 50px;
        line-height: 50px;
    }

    .entry_btn_txt {
        font-size: 15px;
        text-align: center;
    }

    .icon-entry_btn {
        width: 70px;
        height: 70px;
        border-radius: 10px;
    }

    .icon-entry_btn::after {
        width: 35px;
        height: 34px;
    }


    /* recruit_contact */

    .recruit_contact {
        padding: 120px 0 30px;
    }

    .recruit_contact_wrapper {
        flex-flow: column;
        gap: 25px;
    }

    .recruit_contact_ttl {
        font-size: 24px;
        line-height: 40px;
        text-align: center;
    }

    .recruit_cnt_img img {
        width: revert-layer;
    }

    .recruit_contact_tel {
        padding: 20px 10px;
    }

    .recruit_contact_tel tbody tr {
        display: flex;
    }

    .recruit_contact_tel tbody tr th {
        width: 80px;
    }

    .recruit_contact_tel tbody tr td {
        flex: 1;
    }






    /* career */

    .hero.-career {
        padding-top: 210px;
    }

    .work.-career::before {
        bottom: -6%;
        left: 0;
        font-size: 116px;
    }

    .recruit_info dl {
        flex-flow: column;
        gap: 10px;
    }

    .recruit_info .inner {
        padding: 30px 24px 50px;
    }

    .recruit_info_how {
        padding-bottom: 40px;
    }

    .recruit_info.-career {
        padding-bottom: 0;
    }

    .recruit_info_cnt {
        padding-top: 40px;
    }

    .recruit_info_cnt table tbody tr {
        padding: 20px 0;
        display: flex;
        flex-flow: column;
    }

    .recruit_info_cnt .cmn_btn {
        margin: 0 auto;
        width: 100%;
        max-width: 70%;
        text-align: center;
    }








    
}