@charset "utf-8";
:root {
    --main-color: #16458B;
    --main-sub-color: #EDF2FA;
    --th-color: #4C4C4C;
    --td-color: #F4F4F4;
    --bdr-color: #D4D4D4;
}
#recruit .blue_txt {
    color: var(--main-color);
}
#recruit .main__bx {
    padding: 100px 0 60px;
}
#recruit .main__bx .main_copy {
    font-size: 32px;
    letter-spacing: 0.04em;
    line-height: 1.92;
}
#recruit .main__bx .main_lead {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.92;
}
#recruit .main__bx .main_year {
    margin-bottom: 54px;
}
#recruit .main__bx .main_year span {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.14em;
}
#recruit .main__bx .main_year span::before,
#recruit .main__bx .main_year span::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 38px;
    height: 1px;
    background-color: #fff;
}
#recruit .main__bx .main_year span::before {
    left: -50px;
}
#recruit .main__bx .main_year span::after {
    right: -50px;
}
#recruit .main__bx .main_tit {
    margin-bottom: 59px;

}
#recruit .main__bx .btn_list {
    margin: 54px auto 70px;
    width: 660px;
    max-width: 100%;
    gap: 0 40px;
}
#recruit .main__bx .btn_list li {
    flex: 1;
}
#recruit .main__bx .btn_list li a {
    display: block;
    position: relative;
    padding: 12px 0;
    box-sizing: border-box;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 3.22;
    letter-spacing: 0.04em;
    text-align: center;
    border: 1px solid #000;
    background-color: #fff;
}
#recruit .main__bx .btn_list li a::before,
#recruit .main__bx .btn_list li a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

#recruit .main__bx .btn_list li a::before {
    left: 30px;
    width: 61px;
    height: 30px;
    background: url(../../images/src/recruit_new/btn_ico01.svg) no-repeat left center / 100%;
}
#recruit .main__bx .btn_list li:last-of-type a::before {
    width: 35px;
    height: 33px;
    background-image: url(../../images/src/recruit_new/btn_ico02.svg);
}
#recruit .main__bx .btn_list li:first-of-type a {
    padding-left: 10px;
}
#recruit .main__bx .btn_list li a::after {
    right: 30px;
    width: 12px;
    height: 16px;
    background: url(../../images/src/recruit_new/arrow_btm_black.svg) no-repeat right center / 100%;
}
.swiper-wrapper {
    transition-timing-function: linear;
}
.main__bx .swiper-wrapper .swiper-slide {
    width: 330px;
}

#recruit .main__bx .cta_area {
    margin: 50px auto 0;
    padding: 40px 37px 40px 70px;
    width: 100%;
    max-width: 1370px;
    box-sizing: border-box;
    background-color: #5b5b5b;
}
#recruit .main__bx .cta_area .flex {
    align-items: center;
}
#recruit .main__bx .cta_area .ttl {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.12em;
}
#recruit .main__bx .cta_area .ttl::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    margin: auto;
    width: 58px;
    height: 2px;
    background-color: #fff;
}
#recruit .main__bx .cta_area .tel p.f_robo {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .main__bx .cta_area .tel a {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .main__bx .cta_area .tel .email,
#recruit .main__bx .cta_area .tel .email a {
    font-size: 18px;
}
#recruit .main__bx .cta_area .tel .tac {
    font-size: 18px;
    font-weight: 500;
}
#recruit .main__bx .cta_area ul {
    padding-left: 36px;
    border-left: 1px solid rgba(255,255,255,.5);
    justify-content: left;
    gap: 10px;
}
#recruit .main__bx .cta_area ul li {
    width: 226px;
}



#recruit .inner,
#recruit .interview__bx .inner {
    margin: 0 auto;
    width: 95%;
    max-width: 1370px;
}
#recruit .common_tit {
    font-size: 50px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: 0.2em;
    text-align: left;
}
#recruit .common_tit span {
    position: relative;
    padding: 0;
    margin: 0 0 36px;
    color: var(--main-color);
    font-weight: 700;
    letter-spacing: 0.14em;
    background: none;
}
#recruit .common_tit span::after {
    content: '';
    position: absolute;
    left: 7px;
    bottom: -4px;
    width: 96px;
    height: 2px;
    background-color: var(--main-color);
}


#recruit .vision_bx {
    padding: 80px 0;
    background: url(../../images/src/recruit_new/vision_bg.webp) no-repeat left top / cover;
}

#recruit .vision_bx .txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 2.37;
    letter-spacing: 0.04em;
}
#recruit .vision_bx .common_tit span::after {
    width: 210px;
}
#recruit .vision_bx .text_bx {
    margin: 58px 0 50px;
    width: 562px;
}

#recruit .vision_bx .text_bx .ttl {
    margin-left: -0.5em;
    margin-bottom: 20px;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: 0.04em;
}
#recruit .vision_bx .vision_list {
    gap: 0 34px;
}
#recruit .vision_bx .vision_list .parts {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 30px;
    border: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
}
#recruit .vision_bx .vision_list .parts .num {
    color: var(--main-color);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .vision_bx .vision_list .parts .ttl {
    margin: 20px 0 18px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
}
#recruit .vision_bx .vision_list .parts .txt {
    margin-bottom: 22px;
    line-height: 2;
}
#recruit .vision_bx .vision_list .parts .img {
    margin-top: auto;
}
#recruit .message_bx {
    padding: 0 0 58px;
    background: url(../../images/src/recruit_new/message_bg.webp) no-repeat center top / cover;
}
#recruit .message_bx .inner {
    position: relative;
}
#recruit .message_bx .ttl_en {
    position: absolute;
    left: -32px;
    font-size: 158px;
    font-weight: 200;
    letter-spacing: 0.14em;
    opacity: 0.07;
}

#recruit .message_bx .ttl_bx {
    margin-bottom: 20px;
}
#recruit .message_bx .ttl {
    padding: 88px 0 0 0;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.04em;
}
#recruit .message_bx .txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 2.5;
    letter-spacing: 0.04em;
}
#recruit .message_bx .txt + .txt {
    margin-top: 1em;
}
#recruit .message_bx .img {
    margin-top: 10px;
    margin-left: auto;
    width: 284px;
}

#recruit .aboutus_bx {
    padding: 80px 0 90px;
}

#recruit .aboutus_bx .common_tit {
    margin-bottom: 48px;
}
#recruit .aboutus_bx .left_col {
    /*width: 562px;*/
    width: 41%;
}
#recruit .aboutus_bx .left_col .ttl {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.64;
    letter-spacing: 0.04em;
}

#recruit .aboutus_bx .left_col .txt {
    margin-top: 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.5;
    letter-spacing: 0.04em;
}
#recruit .aboutus_bx .right_col {
    position: relative;
    /*width: 760px;*/
    width: 55.4%;
}

#recruit .aboutus_bx .right_col .grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#recruit .aboutus_bx .right_col .parts {
    position: relative;
    padding: 32px 40px;
    align-items: center;
}

#recruit .aboutus_bx .right_col::before,
#recruit .aboutus_bx .right_col::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
}
#recruit .aboutus_bx .right_col .grid::before,
#recruit .aboutus_bx .right_col .grid::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 106%;
    background-color: #000;
}
#recruit .aboutus_bx .right_col .grid::before {
    left: 10px;
    top: -10px;
}
#recruit .aboutus_bx .right_col .grid::after {
    right: 10px;
    top: -10px;
}
#recruit .aboutus_bx .right_col .parts:nth-of-type(1)::before,
#recruit .aboutus_bx .right_col .parts:nth-of-type(2)::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #000;

}
#recruit .aboutus_bx .right_col .parts:nth-of-type(odd)::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 112%;
    right: 0;
    top: -10px;
    background-color: #000;

}
#recruit .aboutus_bx .right_col .parts .left {
    width: 124px;
}
#recruit .aboutus_bx .right_col .parts .tt {
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    background-color: var(--main-color);
}
#recruit .aboutus_bx .right_col .parts .right {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .aboutus_bx .right_col .parts .right .st {
    color: var(--main-color);
    font-size: 56px;
    font-weight: 500;
    letter-spacing: 0.08em;
}
#recruit .aboutus_bx .right_col .parts .right .fs72 {
    font-size: 72px;
}
#recruit .aboutus_bx .right_col .parts .right.fs30 {
    color: var(--main-color);
    font-size: 30px;
}
#recruit .aboutus_bx .right_col .parts:nth-of-type(2) {
    padding-right: 60px;
}
#recruit .aboutus_bx .right_col .parts:nth-of-type(3) {
    padding-right: 68px;
}
#recruit .aboutus_bx .right_col .parts:nth-of-type(4) {
    padding-right: 68px;
}
#recruit .aboutus_bx .lower_bx {
    margin-top: 90px;
}
#recruit .aboutus_bx .lower_bx .common_tit {
    margin-bottom: 63px;
    text-align: center;
}
#recruit .aboutus_bx .lower_bx .common_tit span {
    color: #000;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .aboutus_bx .lower_bx .common_tit span::after {
    margin: auto;
    left: 0;
    right: 0;
    bottom: -22px;
    background-color: #000;
}

#recruit .aboutus_bx .lower_bx > .flex {
    gap: 0 30px;
}
#recruit .aboutus_bx .lower_bx .bx {
    flex: 1;
    padding: 40px 30px 30px;
    border: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
}
#recruit .aboutus_bx .lower_bx .bx .img {
    text-align: center;
}
#recruit .aboutus_bx .lower_bx .bx .ttl {
    margin: 30px 0 10px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
}
#recruit .aboutus_bx .lower_bx .bx .txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}


#recruit .numbers_bx {
    padding: 80px 0 90px;
    background: url(../../images/src/recruit_new/number_bg.webp)no-repeat center top / cover;
}
#recruit .numbers_bx .common_tit {
    margin-bottom: 50px;
    color: #fff;
}
#recruit .numbers_bx .common_tit span {
    color: #fff;
}
#recruit .numbers_bx .common_tit span::after {
    width: 48px;
    background-color: #fff;
}
#recruit .numbers_bx .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列 */
    gap: 10px;
}
#recruit .numbers_bx .grid .parts {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: #fff;
}
#recruit .numbers_bx .grid .parts .ttl {
    margin-bottom: 20px;
    padding: 8px 0;
    width: 156px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    background-color: var(--main-color);
}
#recruit .numbers_bx .grid .parts > .flex {
    justify-content: center;
    align-items: center;
    gap: 0 82px;
    margin-bottom: 10px;
}
#recruit .numbers_bx .grid .parts .fx_txt {
    font-size: 24px;
    font-weight: 700;
}
#recruit .numbers_bx .grid .parts .fx_txt02 {
    text-align: center;
    line-height: 1.2;
}
#recruit .numbers_bx .grid .parts .fx_txt span {
    font-size: 18px;
    font-weight: 700;
}
#recruit .numbers_bx .grid .parts .fx_txt span.f_robo {
    color: var(--main-color);
    font-size: 79px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
#recruit .numbers_bx .grid .parts .fx_txt span.fs44 {
    padding-left: 10px;
    color: var(--main-color);
    font-size: 44px;
    font-weight: 700;
}

#recruit .numbers_bx .grid .parts .fx_txt02 span.fs44 {
    font-size: 36px;
}
#recruit .numbers_bx .grid .parts .fx_txt02 .blue {
    color: var(--main-color);
    font-size: 26px;
}
#recruit .numbers_bx .grid .parts .txt {
    margin-top: auto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: center;
}

#recruit .projects_bx {
    padding: 80px 0 90px;
    background-color: #F5F6F7;
}
#recruit .projects_bx h3 {
    margin-bottom: 60px;
}
#recruit .projects_bx .flex {
    gap: 0 34px;
}
#recruit .projects_bx .parts {
    flex: 1;
    border: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
}
#recruit .projects_bx .parts .img img {
    width: 100%;
}
#recruit .projects_bx .parts .txt_bx {
    padding: 30px 25px;
}
#recruit .projects_bx .parts .txt_bx .cate {
    margin-bottom: 16px;
    display: inline-block;
    padding: 0 10px;
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    border: 1px solid var(--main-color);
}
#recruit .projects_bx .parts .txt_bx .ttl {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.04em;
}
#recruit .projects_bx .parts .txt_bx .sub_ttl {
    margin: 10px 0 24px;
    color: var(--main-color);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .projects_bx .parts .txt_bx .txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}

#recruit .interview__bx {
    padding: 70px 0 90px;
    background: none;
}
#recruit .interview__bx .common_tit {
    margin-bottom: 50px;
}
#recruit .interview__bx .inner .bx {
    height: auto;
    padding: 45px 0;
}
#recruit .interview__bx .inner .bx:nth-child(2) {
    background: url(../../images/src/recruit_new/bg_interview_bx02.png) no-repeat right center;
    justify-content: flex-start;

}
#recruit .interview__bx .inner .bx .view__bx {
    padding: 30px 40px;
    max-width: 682px;
}
#recruit .interview__bx .inner .bx .view__bx .view__bx-name {
    margin-bottom: 0;
}
#recruit .interview__bx .inner .bx .view__bx .view__bx-head .view__bx-num {
    opacity: 0.36;
    font-size: 20px;
}
#recruit .interview__bx .inner .bx .view__bx .view__bx-head .view__bx-num span {
    font-size: 39.829px;
}
#recruit .interview__bx .inner .bx .view__bx .view__bx-head .view__bx-num span small {
    padding: 0;
    font-size: 30px;
}
#recruit .interview__bx .inner .bx .view__bx .view__bx-btn {
    margin: auto 32px 0 auto;
}
#recruit .interview__bx .inner .bx .view__bx .view__bx-btn span {
    padding-right: 32px;
    font-weight: 700;
    background: url(../../images/src/recruit_new/arrow_right.svg) no-repeat right center;
}
#recruit .interview__bx .inner .bx .view__bx .ttl {
    font-size: 26px;
    font-weight: 700;
    line-height: 2.23;
    letter-spacing: 0.04em;
}
#recruit .interview__bx .inner .bx .view__bx .view__bx-copy {
    padding: 0 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}


#recruit .growth__bx {
    padding: 80px 0 90px;
    background-color: #F5F6F7;
}
#recruit .growth__bx .txt {
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}
#recruit .growth__bx .common_tit {
    margin-bottom: 40px;
}
#recruit .growth__bx .common_tit span::after {
    width: 199px;
}
#recruit .growth__bx .education_list {
    margin: 40px auto 80px;
    gap: 0 34px;
    align-items: stretch;
}
#recruit .growth__bx .education_list .parts {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 40px 30px 30px;
    border: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
}
#recruit .growth__bx .education_list .parts .ttl {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center ;
}
#recruit .growth__bx .education_list .parts .img {
    margin: 20px auto;
    text-align: center;
}
#recruit .growth__bx .education_list .parts .txt {
    margin-bottom: 20px;
    flex-grow: 1;
    font-size: 16px;
}
#recruit .growth__bx .education_list .parts .box {
    display: flex;
}
#recruit .growth__bx .education_list .parts ul {
    margin-top: auto;
    min-height: 237px;
    /*height: 100%;*/
    padding: 25px 22px 30px;
    box-sizing: border-box;
    background-color: var(--main-sub-color);
}
#recruit .growth__bx .education_list .parts ul li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .growth__bx .education_list .parts ul li + li {
    margin-top: 10px;
}
#recruit .growth__bx .education_list .parts ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url(../../images/src/recruit_new/check.svg) no-repeat left top / 100%;
}
#recruit .growth__bx .education_list .parts ul li .bx {
    margin-top: 12px;
    padding: 12px 16px;
    background-color: #fff;
}
#recruit .growth__bx .career_ttl {
    margin-bottom: 63px;
    text-align: center;
} 
#recruit .growth__bx .career_ttl span {
    position: relative;
    color: #000;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .growth__bx .career_ttl.common_tit span::after {
    width: 88px;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000;
}

#recruit .work__bx {
    padding: 80px 0 90px;
    background: url(../../images/src/recruit_new/work_bg.webp) no-repeat center top / cover;
}
#recruit .work__bx .common_tit,
#recruit .work__bx .common_tit span {
    color: #fff;
}
#recruit .work__bx .common_tit span::after {
    width: 197px;
    background-color: #fff;
}
#recruit .work__bx .work_list {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 29px;
}
#recruit .work__bx .work_list .parts {
    display: flex;
    flex-direction: column;
    padding: 40px 30px 26px;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.11);
}
#recruit .work__bx .work_list .parts .img {
    min-height: 84px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#recruit .work__bx .work_list .parts .ttl {
    margin: 20px 0 18px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
}
#recruit .work__bx .work_list .parts .txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}

#recruit .recruitment__bx {
    padding: 80px 0 0;
}
#recruit .recruitment__bx .common_tit span::after {
    width: 133px;
}
#recruit .recruitment__bx .ttl {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.52;
    letter-spacing: 0.04em;
}
#recruit .recruitment__bx .txt {
    margin: 40px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}
#recruit .recruitment__bx .btn_list {
    justify-content: left;
    gap: 0 20px;
}
#recruit .recruitment__bx .btn_list li {
    width: 250px;
}
#recruit .recruitment__bx .btn_list li a {
    display: block;
    position: relative;
    padding: 30px 0 30px 66px;
    box-sizing: border-box;
    width: 100%;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    border: 2px solid var(--main-color);
    background-color: #fff;
}
#recruit .recruitment__bx .btn_list li a::before,
#recruit .recruitment__bx .btn_list li a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#recruit .recruitment__bx .btn_list li a::before {
    left: 30px;
    width: 28px;
    height: 24px;
    background: url(../../images/src/recruit_new/recruitment_ico01.svg) no-repeat left center / 100%;
}
#recruit .recruitment__bx .btn_list li:last-of-type a::before {
    width: 23px;
    height: 22px;
    background-image: url(../../images/src/recruit_new/recruitment_ico02.svg);
}
#recruit .recruitment__bx .btn_list li a::after {
    right: 30px;
    width: 12px;
    height: 16px;
    background: url(../../images/src/recruit_new/arrow_btm_blue.svg) no-repeat right center / 100%;
}
#recruit .recruitment__bx .blue_bg {
    margin-top: 50px;
    padding: 38px 0 80px;
    background-color:  var(--main-sub-color);
}
#recruit .recruitment__bx h4 {
    position: relative;
    margin-bottom: 34px;
    padding: 20px 0 20px 67px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    background-color: var(--main-color);
}
#recruit .recruitment__bx h4#career {
    margin-top: 80px;
}
#recruit .recruitment__bx h4#new::before {
    content: '';
    position: absolute;
    left: 24px;
    width: 32px;
    height: 28px;
    background: url(../../images/src/recruit_new/recruitment_ico01_hv.svg) no-repeat left top / 100%;
}
#recruit .recruitment__bx h4#career::before {
    content: '';
    position: absolute;
    left: 24px;
    width: 26px;
    height: 24px;
    background: url(../../images/src/recruit_new/recruitment_ico12.svg) no-repeat left top / 100%;
}
#recruit .recruitment__bx .white_bg {
    padding: 40px 50px;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
}
#recruit .recruitment__bx .white_bg + .white_bg {
    margin-top: 40px;
}
#recruit .recruitment__bx .white_bg h5 {
    margin-bottom: 24px;
    border-left: 4px solid var(--main-color);
    padding-left: 16px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .recruitment__bx .white_bg .ttl {
    margin-bottom: 16px;
    padding: 4px 0;
    width: 100%;
    max-width: 196px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    background-color: var(--main-color);
}
#recruit .recruitment__bx table {
    border: 1px solid var(--bdr-color);
}

#recruit .recruitment__bx table thead th {
    padding: 10px 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: var(--th-color);
    border: 1px solid var(--bdr-color);
}
#recruit .recruitment__bx table tbody tr {
    border-bottom: 1px solid var(--bdr-color);
}
#recruit .recruitment__bx table tbody th {
    padding: 0 40px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    vertical-align: middle;
    background-color: var(--td-color);
}
#recruit .recruitment__bx table tbody td {
    padding: 34px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
    vertical-align: middle;
}
#recruit .recruitment__bx table.tb01 {
    margin-bottom: 46px;
}
#recruit .recruitment__bx table.tb01 tbody td {
    padding: 15px 40px;
    border: 1px solid var(--bdr-color);
}
#recruit .recruitment__bx .kome li {
    margin-left: 1em;
    font-size: 16px;
    font-weight: 500;
    text-indent: -1em;
}
#recruit .recruitment__bx .kome li + li {
    margin-top: 5px;
}
#recruit .recruitment__bx .allowance_block {
    gap: 0 21px;

}
#recruit .recruitment__bx .allowance_block .bx {
    flex: 1;
}
#recruit .recruitment__bx .allowance_block .bx:first-of-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#recruit .recruitment__bx .allowance_block .bx dl {
    padding: 30px 40px;
    border: 3px solid var(--main-sub-color);
}
#recruit .recruitment__bx .allowance_block .bx dl + dl {
    margin-top: 20px;
}
#recruit .recruitment__bx .allowance_block .bx dl dt {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
    padding-left: 35px;
    max-width: 167px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .recruitment__bx .allowance_block .bx dl dt::before {
    content: '';
    position: absolute;
    left: 0;
    background: no-repeat left center / 100%;
}
#recruit .recruitment__bx .allowance_block .bx dl.no01 dt::before {
    width: 24px;
    height: 24px;
    background-image: url(../../images/src/recruit_new/recruitment_ico03.svg);
}
#recruit .recruitment__bx .allowance_block .bx dl.no02 dt::before {
    width: 22px;
    height: 22px;
    background-image: url(../../images/src/recruit_new/recruitment_ico04.svg);
}
#recruit .recruitment__bx .allowance_block .bx dl.no03 dt::before {
    width: 16px;
    height: 19px;
    background-image: url(../../images/src/recruit_new/recruitment_ico05.svg);
}
#recruit .recruitment__bx .allowance_block .bx dl.no04 dt::before {
    width: 22px;
    height: 22px;
    background-image: url(../../images/src/recruit_new/recruitment_ico06.svg);
}
#recruit .recruitment__bx .allowance_block .bx dl.no05 dt::before {
    width: 20px;
    height: 20px;
    background-image: url(../../images/src/recruit_new/recruitment_ico07.svg);
}
#recruit .recruitment__bx .allowance_block .bx dl.no06 dt::before {
    width: 25px;
    height: 22px;
    background-image: url(../../images/src/recruit_new/recruitment_ico08.svg);
}
#recruit .recruitment__bx .allowance_block .bx dl.no07 dt::before {
    width: 20px;
    height: 20px;
    background-image: url(../../images/src/recruit_new/recruitment_ico09.svg);
}
#recruit .recruitment__bx ul.circle li,
#recruit .recruitment__bx .allowance_block .bx dl dd p {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}
#recruit .recruitment__bx ul.circle li {
    position: relative;
    padding-left: 18px;
}
#recruit .recruitment__bx ul.circle li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--main-color);
}
#recruit .recruitment__bx .allowance_block .bx dl dd .kome {
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.75;
}
#recruit .recruitment__bx .method {
    margin-bottom: 40px;
}
#recruit .recruitment__bx .method .txt {
    margin: 30px auto 20px;
    font-size: 16px;
}

#recruit .recruitment__bx .method .btn {
    margin: 24px auto 20px;
}
#recruit .recruitment__bx .method .btn a {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 24px 0;
    border: 2px solid var(--main-color);
    text-align: center;
}
#recruit .recruitment__bx .method .btn a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
    width: 16px;
    height: 12px;
    background: url(../../images/src/recruit_new/arrow_right_blue.svg) no-repeat right center / 100%;
}
#recruit .recruitment__bx .method .btn a span {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;

}
#recruit .recruitment__bx .method .btn a .mail {
    padding-left: 32px;
    position: relative;
}
#recruit .recruitment__bx .method .btn a .mail::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 21px;
    height: 17px;
    background: url(../../images/src/recruit_new/ico_mail.svg) no-repeat left top / 100%;
}
#recruit .recruitment__bx .method .btn a .bdr {
    text-decoration: underline;
}

#recruit .recruitment__bx .method .ttl {
    margin-top: 32px;
}

#recruit .recruitment__bx .pr_block {
    gap: 0 30px;
}
#recruit .recruitment__bx .pr_block .white_bg {
    flex: 1;
}
#recruit .recruitment__bx .pr_block .white_bg + .white_bg {
    margin-top: 0;
}
#recruit .recruitment__bx .pr_block .white_bg .txt {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}
#recruit .recruitment__bx .pr_block .white_bg .blue_txt {
    font-weight: 700;
}
#recruit .recruitment__bx .pr_block .white_bg li {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
#recruit .recruitment__bx .pr_block .white_bg li + li {
    margin-top: 10px;
}

#recruit .recruitment__bx .pr_block .white_bg li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: no-repeat left center / 100%;
}
#recruit .recruitment__bx .pr_block .white_bg li.address::before {
    width: 16px;
    height: 16px;
    background-image: url(../../images/src/recruit_new/recruitment_ico09.svg);
}
#recruit .recruitment__bx .pr_block .white_bg li.tel::before {
    width: 17px;
    height: 17px;
    background-image: url(../../images/src/recruit_new/recruitment_ico10.svg);
}
#recruit .recruitment__bx .pr_block .white_bg li.email::before {
    width: 16px;
    height: 16px;
    background-image: url(../../images/src/recruit_new/ico_mail.svg);
}
#recruit .recruitment__bx .pr_block .white_bg li.saiyou::before {
    width: 14px;
    height: 14px;
    background-image: url(../../images/src/recruit_new/recruitment_ico11.svg);
}

#recruit .recruitment__bx .pr_block .white_bg li a {
    color: var(--main-color);
    text-decoration: underline;
}
#recruit .profile__bx {
    padding: 80px 0 90px;
}
#recruit .profile__bx .common_tit,
#recruit .profile__bx .common_tit span {
    color: #fff;
}
#recruit .profile__bx .common_tit span::after {
    width: 276px;
    background-color: #fff;
}
#recruit .undesired__bx .common_tit span::after {
    width: 303px;
    background-color: #fff;
}
#recruit .desired__bx {
    background-color: var(--main-color);
}
#recruit .undesired__bx {
    background-color: #6B6B6B;
}

#recruit .profile__bx .grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列 */
    gap: 25px;
}
#recruit .profile__bx .grid .parts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26px 0 30px;
    border: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.11);
}
#recruit .profile__bx .grid .parts .img {
    margin: 20px auto;
}
#recruit .profile__bx .grid .parts .txt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.77;
    letter-spacing: 0.04em;
    text-align: center;
}

#recruit .universities__bx {
    padding: 80px 0 90px;
}
#recruit .universities__bx .common_tit span::after {
    width: 214px;
}
#recruit .universities__bx ul {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 90px;
}
#recruit .universities__bx ul li {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
}

#recruit .flow__bx {
    padding: 80px 0 90px;
    background-color: #F5F6F7;
}
#recruit .flow__bx .common_tit {
    margin-bottom: 50px;
}
#recruit .flow__bx .common_tit span::after {
    width: 49px;
}
#recruit .flow__bx .parts {
    position: relative;
    align-items: center;
    justify-content: left;
    padding: 40px 0;
    border: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
}
#recruit .flow__bx .parts::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    margin: auto;
    width: 49px;
    height: 32px;
    background: url(../../images/src/recruit_new/flow_triangle.svg) no-repeat center bottom / 100%;
}
#recruit .flow__bx .parts:last-of-type::after {
    display: none;
}
#recruit .flow__bx .parts + .parts {
    margin-top: 28px;
}
#recruit .flow__bx .parts .flow_num {
    padding: 26px 0;
    width: 158px;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.14em;
    text-align: center;
    border-right: 1px solid var(--bdr-color);
}
#recruit .flow__bx .parts .flow_num span {
    display: block;
    font-size: 32px;
    font-weight: 700;
}
#recruit .flow__bx .parts .img {
    margin: 0 40px;
    width: 102px;
    text-align: center;
}
#recruit .flow__bx .parts .txt_bx {
    width: 50%;
}
#recruit .flow__bx .parts .txt_bx .ttl {
    margin-bottom: 18px;
    font-size: 22px;
    font-weight: 700;
}
#recruit .flow__bx .parts .txt_bx .txt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
#recruit .faq__bx {
    padding: 80px 0 90px;
}
#recruit .faq__bx .common_tit {
    margin-bottom: 50px;
}
#recruit .faq__bx .common_tit span::after {
    width: 35px;
}
#recruit .faq__bx dl {
    padding: 40px 30px 40px 0;
    border-top: 1px solid var(--bdr-color);
}
#recruit .faq__bx dl:last-of-type {
    border-bottom: 1px solid var(--bdr-color);
}

#recruit .faq__bx dl dt,
#recruit .faq__bx dl dd {
    position: relative;
}

#recruit .faq__bx dl dt {
    margin-bottom: 30px;
    padding-left: 41px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
#recruit .faq__bx dl dd {
    margin-left: 33px;
    padding-left: 37px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.04em;
}
#recruit .faq__bx dl dt::before,
#recruit .faq__bx dl dd::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.14em;
}
#recruit .faq__bx dl dt::before {
    content: 'Q.';
    color: var(--main-color);
}
#recruit .faq__bx dl dd::before {
    content: 'A.';
    color: #AD0003;
}


#recruit .entry__bx {
    margin: 0 0 60px;
    padding: 80px 0;
    color: #fff;
    background: url(../../images/src/recruit_new/entry_bg.png) no-repeat center top / cover;
}
#recruit .entry__bx .common_tit,
#recruit .entry__bx .common_tit span {
    color: #fff;
    text-align: center;
}
#recruit .entry__bx .common_tit span::after {
    width: 62px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
}
#recruit .entry__bx .common_tit {
    margin-bottom: 40px;
}
#recruit .entry__bx .txt {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.04em;
}
#recruit .entry__bx .btn {
    margin-bottom: 30px;
    gap: 0 40px;
}
#recruit .entry__bx .btn li {
    flex: 1;
}
#recruit .entry__bx .btn li a {
    display: block;
    position: relative;
    padding: 30px 0;
    width: 100%;
    color: var(--main-color);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    border: 1px solid #D4D4D4;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.11);
}

#recruit .entry__bx .btn li a::before,
#recruit .entry__bx .btn li a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

#recruit .entry__bx .btn li a::before {
    left: 46px;
    width: 35px;
    height: 31px;
    background: url(../../images/src/recruit_new/recruitment_ico01.svg) no-repeat left center / 100%;
}
#recruit .entry__bx .btn li:last-of-type a::before {
    left: 46px;
    width: 29px;
    height: 27px;
    background: url(../../images/src/recruit_new/recruitment_ico02.svg) no-repeat left center / 100%;
}
#recruit .entry__bx .btn li a::after {
    right: 50px;
    width: 16px;
    height: 12px;
    background: url(../../images/src/recruit_new/arrow_right_blue.svg) no-repeat right center / 100%;
}
#recruit .entry__bx .kome {
    margin: 0  auto;
    width: 100%;
    max-width: 650px;
    text-align: left;
}
#recruit .entry__bx .kome li {
    margin-left: 1em;
    text-indent: -1em;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
#recruit .entry__bx .kome li + li {
    margin-top: 10px;
}
#recruit .entry__bx .kome li a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
}
#recruit .recruit_bnr {
    margin-bottom: 60px;
}
#recruit .recruit_bnr ul {
    gap: 40px;
}
#recruit .recruit_bnr ul li {
    flex: 1;
    width: auto;
}

@media screen and (min-width:1241px) and (max-width:1545px) {
    #recruit .aboutus_bx .right_col .parts {
        padding-left: 25px;
        padding-right: 15px;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(2),
    #recruit .aboutus_bx .right_col .parts:nth-of-type(3),
    #recruit .aboutus_bx .right_col .parts:nth-of-type(4) {
        padding-right: 30px;
    }
    #recruit .aboutus_bx .right_col .parts .left {
        width: 110px;
    }
    #recruit .aboutus_bx .right_col .parts .right .st {
        font-size: 46px;
    }
    #recruit .universities__bx ul {
        gap: 10px 30px;
    }
}
@media screen and (max-width:1370px) {
    #recruit .main__bx .cta_area {
        padding: 40px 20px;
    }
    #recruit .main__bx .cta_area .tel p.f_robo {
        font-size: 20px;
    }
    #recruit .main__bx .cta_area .tel a {
        font-size: 36px;
    }
    #recruit .interview__bx .inner .bx:nth-child(1) {
        background-position-x: -10vw;
    }
    #recruit .interview__bx .inner .bx:nth-child(2) {
        background-position-x: 12vw;
    }
}
@media screen and (min-width:769px) and (max-width:1503px) {
    #recruit .growth__bx .education_list .parts .box {
        height: 50%;
    }
    #recruit .growth__bx .education_list .parts ul {
        height: 100%;
    }
}
@media screen and (min-width:769px) and (max-width:1280px) {
    #recruit .interview__bx .inner .bx .view__bx {
        max-width: 500px;
    }
    #recruit .interview__bx .inner .bx,
    #recruit .interview__bx .inner .bx:nth-child(2) {
        background-size: cover;
    }
    #recruit .numbers_bx .grid .parts.num_holiday .fx_txt span.f_robo {
        font-size: 70px;
    }
}
@media screen and (min-width:769px) and (max-width:1240px) {
    #recruit .main__bx .cta_area ul {
        padding-left: 26px;
    }
    #recruit .main__bx .cta_area ul li {
        width: 180px;
    }
    #recruit .aboutus_bx .left_col {
        margin-bottom: 60px;
    }
    #recruit .aboutus_bx .left_col,
    #recruit .aboutus_bx .right_col{
        width: 100%;
    }
    #recruit .interview__bx .inner .bx {
        height: auto;
    }
    #recruit .universities__bx ul {
        gap: 10px 20px;
    }
}
@media screen and (max-width:1130px) {
    #recruit .main__bx .cta_area .tel p.f_robo {
        font-size: 18px;
    }
    #recruit .main__bx .cta_area .tel a {
        font-size: 30px;
    }
    #recruit .main__bx .cta_area .tel .tac {
        font-size: 16px;
    }
    #recruit .main__bx .cta_area ul li {
        width: 150px;
    }
}

@media screen and (min-width:769px) and (max-width:1030px) {
    #recruit .main__bx {
        padding: 9.833vw 0 5vw;
    }
    #recruit .main__bx .cta_area {
        margin: 50px 40px 0;
        width: auto;
    }
    #recruit .main__bx .cta_area > .flex {
        display: block;
    }
    #recruit .main__bx .cta_area .ttl {
        margin-bottom: 28px;
    }
    #recruit .main__bx .cta_area .tel p.f_robo {
        font-size: 26px;
    }
    #recruit .main__bx .cta_area .tel a {
        font-size: 44px;
    }
    #recruit .main__bx .cta_area .tel .tac {
        font-size: 18px;
    }
    #recruit .main__bx .cta_area .flex {
        border: 0;
        margin-top: 16px;
        padding: 0;
    }
    #recruit .main__bx .cta_area ul li {
        width: auto;
        flex: 1;
    }

    #recruit .message_bx .ttl_en {
        font-size: 15.34vw;
    }
    #recruit .recruitment__bx table thead th {
        padding: 10px 20px;
    }
    #recruit .recruitment__bx table tbody th {
        padding: 0 20px;
    }
    #recruit .recruitment__bx table.tb01 tbody td {
        padding: 15px 20px;
    }
    #recruit .flow__bx .parts .flow_num {
        width: 120px;
    }
    #recruit .flow__bx .parts .img {
        margin: 0 20px;
    }
    
    #recruit .interview__bx .inner .bx:nth-child(1) {
        background-position-x: -25vw;
    }
    #recruit .interview__bx .inner .bx:nth-child(2) {
        background-position-x: 0;
    }
}

@media screen and (min-width:769px) and (max-width:910px) {
    #recruit .interview__bx .inner .bx:nth-child(1) {
        background-position-x: -40vw;
    }
    #recruit .interview__bx .inner .bx:nth-child(2) {
        background-position-x: -10vw;
    }
}
@media screen and (min-width:769px) and (max-width: 1024px) {
    #recruit .numbers_bx .grid .parts .ttl {
        margin: 0 auto 20px;
    }
    #recruit .numbers_bx .grid .parts > .flex {
        flex-direction: column;
        align-items: center;
    }
    #recruit .numbers_bx .grid .parts .flex.no1,
    #recruit .numbers_bx .grid .parts:last-of-type .flex {
        margin-top: 10px;
    }
    #recruit .numbers_bx .grid .parts .fx_txt span.f_robo {
        font-size: 70px;
    }
    #recruit .numbers_bx .grid .parts .img {
        margin: 0 auto;
        height: 76px;
        text-align: center;
    }
}

@media screen and (max-width: 828px) {
    #recruit .vision_bx .pc,
    #recruit .aboutus_bx .pc,
    #recruit .projects_bx .pc,
    #recruit .growth__bx .pc {
        display: none !important;
    }
    #recruit .vision_bx .sp,
    #recruit .aboutus_bx .sp,
    #recruit .projects_bx .sp,
    #recruit .growth__bx .sp {
        display: block !important;
    }
    #recruit .vision_bx {
        background: url(../../images/src/recruit_new/sp/vision_bg.webp) #F5F6F7 no-repeat right top / 100%;
    }
    
    #recruit .vision_bx .txt {
        font-size: 3.382vw;
        line-height: 2;
    }
    #recruit .vision_bx .common_tit span::after {
        width: 35.507vw;
    }
    #recruit .vision_bx .text_bx {
        margin: 5.314vw 0 4.831vw;
        width: auto;
    }
    
    #recruit .vision_bx .text_bx .ttl {
        margin-left: -0.5em;
        margin-bottom: 2.174vw;
        font-size: 4.348vw;
        line-height: 1.66;
    }
    
    #recruit .vision_bx .txt {
        font-size: 3.382vw;
    }
    #recruit .vision_bx .text_bx {
        width: 100%;
    }
    #recruit .vision_bx .vision_list {
        gap: 3.623vw 0;
    }
    #recruit .vision_bx .vision_list .parts {
        flex-direction: initial;
        flex-wrap: wrap;
        padding: 3.623vw;
        width: 100%;
        box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
        justify-content: space-between;
    }
    #recruit .vision_bx .vision_list .parts .sp_flex {
        width: 30.271vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #recruit .vision_bx .vision_list .parts .num {
        line-height: 1;
        font-size: 4.106vw;
        text-align: center;
    }
    #recruit .vision_bx .vision_list .parts .ttl {
        margin: 2.174vw 0 0;
        font-size: 4.106vw;
        line-height: 1;
        text-align: center;
    }
    #recruit .vision_bx .vision_list .parts .txt {
        order: 3;
        margin: 3.623vw 0 0;
        font-size: 3.382vw;
        line-height: 1.71;
        width: 100%;
    }
    #recruit .vision_bx .vision_list .parts .img {
        order: 2;
        margin-top: 0;
        width: 40.338vw;
    }

    #recruit .aboutus_bx .left_col {
        width: auto;
    }
    #recruit .aboutus_bx .left_col .ttl {
        font-size: 4.348vw;
        line-height: 1.66;
    }
    #recruit .aboutus_bx .left_col .txt {
        margin-top: 2.174vw;
        font-size: 3.382vw;
        line-height: 2;
    }
    #recruit .aboutus_bx .right_col {
        position: relative;
        margin-top: 7.246vw;
        width: 100%;
    }
    
    #recruit .aboutus_bx .right_col .grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    #recruit .aboutus_bx .right_col .parts {
        position: relative;
        padding: 3.623vw;
        align-items: center;
        /*width: 100%;*/
    }
    
    #recruit .aboutus_bx .right_col::before,
    #recruit .aboutus_bx .right_col::after{
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
    }
    #recruit .aboutus_bx .right_col .grid::before,
    #recruit .aboutus_bx .right_col .grid::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 106%;
        background-color: #000;
    }
    #recruit .aboutus_bx .right_col .grid::before {
        left: 1.208vw;
        top: -1.208vw;
    }
    #recruit .aboutus_bx .right_col .grid::after {
        right: 1.208vw;
        top: -1.208vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(1)::before,
    #recruit .aboutus_bx .right_col .parts:nth-of-type(2)::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        background-color: #000;
    
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(odd)::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 112%;
        right: 0;
        top: -10px;
        background-color: #000;
    
    }
    #recruit .aboutus_bx .right_col .parts .left {
        margin-bottom: 4vw;
        width: 23.913vw;
    }
    #recruit .aboutus_bx .right_col .parts .tt {
        margin-bottom: 0;
        font-size: 3.14vw;
    }
    #recruit .aboutus_bx .right_col .parts .right {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 4.106vw;
        align-items: center;
    }
    #recruit .aboutus_bx .right_col .parts .right .st {
        margin-left: auto;
        font-size: 8.213vw;
        letter-spacing: normal;
    }
    #recruit .aboutus_bx .right_col .parts .right .fs72 {
        font-size: 10.145vw;
    }
    #recruit .aboutus_bx .right_col .parts .right.fs30 {
        color: var(--main-color);
        font-size: 5.072vw;
        line-height: 1.19;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(2) {
        padding-right: 7.246vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(3) {
        padding-right: 5.59vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(4) {
        padding-right: 7.556vw;
        align-items: baseline;
    }
    
    #recruit .aboutus_bx .right_col .parts:nth-of-type(1) .img {
        margin-left: 0;
        width: 9.179vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(2) .img {
        margin-left: 1.5vw;
        width: 8.575vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(3) .img {
        margin-left: 1.261vw;
        width: 11.715vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(4) .img {
        margin-left: 0.778vw;
        width: 9.903vw;
    }
    #recruit .aboutus_bx .right_col .parts .no1 {
        width: 13.304vw;
    }
    #recruit .aboutus_bx .lower_bx {
        margin-top: 10.87vw;
    }
    #recruit .aboutus_bx .lower_bx .common_tit {
        margin-bottom: 8.333vw;
        text-align: center;
    }
    #recruit .aboutus_bx .lower_bx .common_tit span {
        font-size: 4.589vw;
    }
    #recruit .aboutus_bx .lower_bx .common_tit span::after {
        bottom: -2vw;
    }
    
    #recruit .aboutus_bx .lower_bx > .flex {
        gap: 3.623vw 0;
    }
    #recruit .aboutus_bx .lower_bx .bx {
        flex: none;
        width: 30.478vw;
        padding: 3.623vw;
        box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
    }
    
    #recruit .aboutus_bx .lower_bx .bx .img {
        margin: 0 auto;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(1) .img {
        width: 18.237vw;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(2) .img {
        width: 11.111vw;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(3) .img {
        width: 9.662vw;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(4) .img {
        width: 9.42vw;
    }
    #recruit .aboutus_bx .lower_bx .bx .ttl {
        margin: 4.831vw 0 2.415vw;
        font-size: 3.623vw;
    }
    #recruit .aboutus_bx .lower_bx .bx .txt {
        font-size: 3.382vw;
        line-height: 1.71;
    }
    #recruit .projects_bx .flex {
        gap: 0;
    }
    #recruit .projects_bx .parts {
        flex: none;
    }
    #recruit .projects_bx .parts .img img {
        width: 100%;
    }
    #recruit .projects_bx .parts .txt_bx {
        padding: 4.106vw 3.623vw 3.623vw;
        height: 82.034vw;
    }
    #recruit .projects_bx .parts .txt_bx .cate {
        margin-bottom: 2.899vw;
        padding: 0 1.208vw;
        font-size: 3.382vw;
    }
    #recruit .projects_bx .parts .txt_bx .ttl {
        font-size: 4.831vw;
        line-height: 1.4;
    }
    #recruit .projects_bx .parts .txt_bx .sub_ttl {
        margin: 4.469vw 0 2.415vw;
        font-size: 3.865vw;
    }
    #recruit .projects_bx .parts .txt_bx .txt {
        font-size: 3.382vw;
        line-height: 1.85;
    }
    #recruit .projectswiper {
        position: relative;
        overflow: hidden;
    }
    #recruit .projectswiper .swp_btn .swiper-button-prev {
        width: 8.213vw;
        height: 8.213vw;
        left: 5.435vw;
    }
    #recruit .projectswiper .swp_btn .swiper-button-next {
        width: 8.213vw;
        height: 8.213vw;
        right: 5.435vw;
    }
    #recruit .projectswiper .swp_btn .swiper-button-prev::after {
        content: '';
        width: 8.213vw;
        height: 8.213vw;
        background: url(../../images/src/recruit_new/prev.svg) no-repeat left top / 100%;
        
    }
    #recruit .projectswiper .swp_btn .swiper-button-next::after {
        content: '';
        width: 8.213vw;
        height: 8.213vw;
        background: url(../../images/src/recruit_new/next.svg) no-repeat left top / 100%;        
    }
    #recruit .growth__bx .education_list {
        margin: 4.831vw 0 9.662vw;
        gap: 4.106vw;
    }
    #recruit .growth__bx .education_list .parts {
        flex-direction: initial;
        flex-wrap: wrap;
        justify-content: space-between;
        flex: none;
        width: 100%;
        padding: 4.831vw;
        align-items: center;
        box-sizing: border-box;
    }
    #recruit .growth__bx .education_list .parts .ttl {
        font-size: 4.106vw;
        text-align: left;
    }
    #recruit .growth__bx .education_list .parts .img {
        margin: 2.415vw;
        width: 14.734vw;
    }
    #recruit .growth__bx .education_list .parts:nth-of-type(1) .img img {
        width: 13.164vw;
    }
    #recruit .growth__bx .education_list .parts:nth-of-type(2) .img img {
    }
    #recruit .growth__bx .education_list .parts:nth-of-type(3) .img img {
        width: 9.058vw;
    }
    #recruit .growth__bx .education_list .parts .box {
        display: block;
        width: 50vw;
        height: auto;

    }
    #recruit .growth__bx .education_list .parts .txt {
        margin: 1.019vw 0 3.019vw;
        font-size: 3.382vw;
    }
    #recruit .growth__bx .education_list .parts ul {
        margin-top: 0;
        width: 100%;
        min-height: initial;
        padding: 3.623vw;
        height: auto;
    }
    #recruit .growth__bx .education_list .parts ul li {
        padding-left: 4.831vw;
        font-size: 3.382vw;
    }
    #recruit .growth__bx .education_list .parts ul li + li {
        margin-top: 1.208vw;
    }
    #recruit .growth__bx .education_list .parts ul li::before {
        top: 1vw;
        width: 3.623vw;
        height: 3.623vw;
    }
    #recruit .growth__bx .education_list .parts ul li .bx {
        margin-top: 1.812vw;
        padding: 3.623vw;
        width: 100%;
        box-sizing: border-box;
    }
    #recruit .growth__bx .career_ttl {
        margin-bottom: 9.541vw;
        text-align: center;
    } 
    #recruit .growth__bx .career_ttl span {
        font-size: 4.589vw;
    }
    #recruit .growth__bx .career_ttl.common_tit span::after {
        width: 9.662vw;
        bottom: -1.812vw;
    }
    #recruit .work__bx .work_list {
        margin-top: 6.039vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 3.382vw;
    }
    #recruit .work__bx .work_list .parts {
        padding: 4.831vw 3.623vw 3.623vw;
    }
    #recruit .work__bx .work_list .parts .img {
        min-height: initial;
    }
    #recruit .work__bx .work_list .parts .ttl {
        margin: 2.831vw 0 2.415vw;
        font-size: 3.865vw;
    }
    #recruit .work__bx .work_list .parts .txt {
        font-size: 3.382vw;
        line-height: 1.71;
    }
    
    #recruit .work__bx .work_list .parts:nth-of-type(1) .img img { width: 11.232vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(2) .img img { width: 11.353vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(3) .img img { width: 9.903vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(4) .img img { width: 7.488vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(5) .img img { width: 12.319vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(6) .img img { width: 8.816vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(7) .img img { width: 15.338vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(8) .img img { width: 14.493vw; }
    
    #recruit .recruit_bnr {
        margin-bottom: 12vw;
    }
    #recruit .recruit_bnr ul {
        gap: 3.623vw 0;
    }
    #recruit .recruit_bnr ul li {
        flex: auto;
        width: 100%;
    }
    #recruit .recruit_bnr ul li img {
        width: 100%;
    }


}



@media screen and (max-width: 768px) {
    #recruit .main__bx {
        padding: 12.077vw 0 9.662vw;
    }
    #recruit .main__bx .main_copy {
        font-size: 3.865vw;
    }
    #recruit .main__bx .main_lead {
        font-size: 3.382vw;
    }
    #recruit .main__bx .main_year {
        margin-bottom: 6.643vw;
    }
    #recruit .main__bx .main_year span {
        font-size: 3.14vw;
    }
    #recruit .main__bx .main_year span::before,
    #recruit .main__bx .main_year span::after {
        width: 6.28vw;
        height: 0.242vw;
    }
    #recruit .main__bx .main_year span::before {
        left: -9.3vw;
    }
    #recruit .main__bx .main_year span::after {
        right: -9.3vw;
    }
    #recruit .main__bx .main_tit {
        margin-bottom: 6.159vw;
        width: 90.338vw;
    }
    #recruit .main__bx .btn_list {
        margin: 6.039vw 4.831vw 9.662vw;
        width: auto;
        max-width: initial;
        gap: 0 3.382vw;
    }
    #recruit .main__bx .btn_list li {
        flex: auto;
        width: 43.478vw;
    }
    #recruit .main__bx .btn_list li a {
        padding: 2.106vw 0;
        font-size: 3.14vw;
        line-height: 2.52;
    }
    #recruit .main__bx .btn_list li a::before {
        left: 2.415vw;
        width: 9.541vw;
        height: 4.71vw;
    }
    #recruit .main__bx .btn_list li:last-of-type a::before {
        width: 5.676vw;
        height: 5.314vw;
    }
    #recruit .main__bx .btn_list li:first-of-type a {
        padding-left: 6.208vw;
    }
    #recruit .main__bx .btn_list li a::after {
        right: 3.382vw;
        width: 2.174vw;
        height: 2.899vw;
    }
    #recruit .main__bx .cta_area {
        margin: 9.662vw 4.831vw 0;
        padding: 4.831vw;
        width: auto;
        max-width: initial;
    }
    #recruit .main__bx .cta_area > .flex {
        display: block;
    }
    #recruit .main__bx .cta_area .ttl {
        margin-bottom: 3.382vw;
        font-size: 2.657vw;
    }
    #recruit .main__bx .cta_area .ttl::after {
        bottom: -0.725vw;
        width: 9.903vw;
        height: 0.242vw;
    }
    #recruit .main__bx .cta_area .tel p.f_robo {
        font-size: 4.831vw;
    }
    #recruit .main__bx .cta_area .tel a {
        font-size: 7.246vw;
    }
    #recruit .main__bx .cta_area .tel .email,
    #recruit .main__bx .cta_area .tel .email a {
        font-size: 3.382vw;
    }
    #recruit .main__bx .cta_area .tel .tac {
        font-size: 3.382vw;
        line-height: 2.27;
    }
    #recruit .main__bx .cta_area ul {
        margin-top: 3vw;
        padding: 0;
        border: none;
        justify-content: space-between;
        gap: 0 1.449vw;
    }
    #recruit .main__bx .cta_area ul li {
        flex: 1;
        width: auto;
    }

    #recruit .vision_bx {
        padding: 9.662vw 4.831vw 10.87vw;
    }

    #recruit .inner,
    #recruit .interview__bx .inner {
        margin: 0 auto;
        width: auto;
        max-width: initial;
    }
    #recruit .common_tit {
        font-size: 7.246vw;
        line-height: 1.43;
    }
    #recruit .common_tit span {
        margin: 0 0 4.952vw;
        font-size: 2.657vw;
    }
    #recruit .common_tit span::after {
        left: 0.845vw;
        bottom: -0.483vw;
        width: 11.594vw;
        height: 0.242vw;
    }
    
    #recruit .vision_bx .vision_list .parts .sp_flex {
        width: 40.271vw;
    }
    
    #recruit .message_bx {
        padding: 7.246vw 4.831vw 9.662vw;
        background: url(../../images/src/recruit_new/sp/message_bg.webp) no-repeat center top / 100%;
    }
    #recruit .message_bx .ttl_en {
        margin-left: 0;
        left: -2.899vw;
        font-size: 21.454vw;
        letter-spacing: normal;
    }
    
    #recruit .message_bx .ttl_bx {
        margin-bottom: 2.899vw;
    }
    #recruit .message_bx .ttl {
        padding: 15.459vw 0 0;
        font-size: 5.556vw;
        line-height: 1.26;
    }
    #recruit .message_bx .txt {
        font-size: 3.382vw;
        line-height: 2;
    }
    #recruit .message_bx .txt + .txt {
        margin-top: 1em;
    }
    #recruit .message_bx .img {
        margin-top: 1.208vw;
        margin-left: auto;
        width: 51.812vw;
    }
    
    #recruit .aboutus_bx {
        padding: 9.662vw 4.831vw;
    }
    
    #recruit .aboutus_bx .common_tit {
        margin-bottom: 4.952vw;
    }
    #recruit .aboutus_bx .common_tit span::after { 
        width: 15.459vw;
    }
    #recruit .aboutus_bx .left_col {
        width: auto;
    }
    #recruit .aboutus_bx .left_col .ttl {
        font-size: 4.348vw;
        line-height: 1.66;
    }
    #recruit .aboutus_bx .left_col .txt {
        margin-top: 2.174vw;
        font-size: 3.382vw;
        line-height: 2;
    }
    #recruit .aboutus_bx .right_col {
        position: relative;
        margin-top: 7.246vw;
        width: 100%;
    }
    
    #recruit .aboutus_bx .right_col .grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    #recruit .aboutus_bx .right_col .parts {
        position: relative;
        padding: 3.623vw;
        align-items: center;
        width: 100%;
    }
    
    #recruit .aboutus_bx .right_col::before,
    #recruit .aboutus_bx .right_col::after{
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
    }
    #recruit .aboutus_bx .right_col .grid::before,
    #recruit .aboutus_bx .right_col .grid::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 106%;
        background-color: #000;
    }
    #recruit .aboutus_bx .right_col .grid::before {
        left: 1.208vw;
        top: -1.208vw;
    }
    #recruit .aboutus_bx .right_col .grid::after {
        right: 1.208vw;
        top: -1.208vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(1)::before,
    #recruit .aboutus_bx .right_col .parts:nth-of-type(2)::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        background-color: #000;
    
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(odd)::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 112%;
        right: 0;
        top: -10px;
        background-color: #000;
    
    }
    #recruit .aboutus_bx .right_col .parts .left {
        margin-bottom: 4vw;
        width: 23.913vw;
    }
    #recruit .aboutus_bx .right_col .parts .tt {
        margin-bottom: 0;
        font-size: 3.14vw;
    }
    #recruit .aboutus_bx .right_col .parts .right {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 4.106vw;
        align-items: center;
    }
    #recruit .aboutus_bx .right_col .parts .right .st {
        margin-left: auto;
        font-size: 8.213vw;
        letter-spacing: normal;
    }
    #recruit .aboutus_bx .right_col .parts .right .fs72 {
        font-size: 10.145vw;
    }
    #recruit .aboutus_bx .right_col .parts .right.fs30 {
        color: var(--main-color);
        font-size: 5.072vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(2) {
        padding-right: 7.246vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(3) {
        padding-right: 7.246vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(4) {
        padding-right: 5.556vw;
    }
    
    #recruit .aboutus_bx .right_col .parts:nth-of-type(1) .img {
        margin-left: 4vw;
        width: 9.179vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(2) .img {
        margin-left: 4vw;
        width: 8.575vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(3) .img {
        margin-left: 3.261vw;
        width: 11.715vw;
    }
    #recruit .aboutus_bx .right_col .parts:nth-of-type(4) .img {
        margin-left: 2.778vw;
        width: 9.903vw;
    }
    #recruit .aboutus_bx .right_col .parts .no1 {
        width: 16.304vw;
    }
    #recruit .aboutus_bx .lower_bx {
        margin-top: 10.87vw;
    }
    #recruit .aboutus_bx .lower_bx .common_tit {
        margin-bottom: 8.333vw;
        text-align: center;
    }
    #recruit .aboutus_bx .lower_bx .common_tit span {
        font-size: 4.589vw;
    }
    #recruit .aboutus_bx .lower_bx .common_tit span::after {
        bottom: -2vw;
    }
    
    #recruit .aboutus_bx .lower_bx > .flex {
        gap: 3.623vw 3.382vw;
    }
    #recruit .aboutus_bx .lower_bx .bx {
        flex: none;
        width: 43.478vw;
        padding: 5.676vw 3.623vw 4.831vw;
        box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.06);
    }
    
    #recruit .aboutus_bx .lower_bx .bx .img {
        margin: 0 auto;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(1) .img {
        width: 18.237vw;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(2) .img {
        width: 11.111vw;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(3) .img {
        width: 9.662vw;
    }
    #recruit .aboutus_bx .lower_bx .bx:nth-of-type(4) .img {
        width: 9.42vw;
    }
    #recruit .aboutus_bx .lower_bx .bx .ttl {
        margin: 4.831vw 0 2.415vw;
        font-size: 3.865vw;
    }
    #recruit .aboutus_bx .lower_bx .bx .txt {
        font-size: 3.382vw;
        line-height: 1.71;
    }
    
    
    #recruit .numbers_bx {
        padding: 9.662vw 4.831vw 10.87vw;
        background: url(../../images/src/recruit_new/sp/number_bg.webp)no-repeat center top / 100%;
    }
    #recruit .numbers_bx .common_tit {
        margin-bottom: 4.831vw;
    }
    #recruit .numbers_bx .common_tit span {
        margin-bottom: 3.623vw;
    }
    #recruit .numbers_bx .common_tit span::after {
        width: 8.44vw;
    }
    #recruit .numbers_bx .grid {
        grid-template-columns: repeat(2, 1fr); /* 2列 */
        gap: 2.415vw;
    }
    #recruit .numbers_bx .grid .parts {
        padding: 2.415vw;
    }
    #recruit .numbers_bx .grid .parts .ttl {
        display: inline-block;
        margin-bottom: 1.623vw;
        padding: 0.966vw 1.208vw;
        width: fit-content;
        font-size: 3.382vw;
    }
    #recruit .numbers_bx .grid .parts > .flex {
        justify-content: center;
        align-items: center;
        gap: 0 5.072vw;
        margin-bottom: 2vw;
    }
    #recruit .numbers_bx .grid .parts.num_holiday .flex {
       gap: 0 1vw;
    }
    #recruit .numbers_bx .grid .parts.num_holiday .img {
        width: 8.575vw;
    }
    #recruit .numbers_bx .grid .parts .no1 {
        margin-top: auto;
    }
    #recruit .numbers_bx .grid .parts .fx_txt {
        font-size: 4.106vw;
    }
    #recruit .numbers_bx .grid .parts .fx_txt img {
        width: 16.304vw;
    }
    #recruit .numbers_bx .grid .parts .fx_txt02 {
        text-align: center;
    }
    #recruit .numbers_bx .grid .parts .fx_txt span {
        font-size: 3.382vw;
    }
    #recruit .numbers_bx .grid .parts .fx_txt span.f_robo {
        font-size: 11.836vw;
    }
    #recruit .numbers_bx .grid .parts:nth-of-type(7) .flex {
        height: 53px;
    }
    #recruit .numbers_bx .grid .parts.num_holiday .fx_txt span.f_robo {
        letter-spacing: -0.07em;
    }

    #recruit .numbers_bx .grid .parts.num_holiday .fx_txt span.f_robo {
        padding-right: 2vw;
    }
    #recruit .numbers_bx .grid .parts .fx_txt span.fs44 {
        padding-left: 1.208vw;
        font-size: 6.039vw;
    }
    #recruit .numbers_bx .grid .parts .fx_txt02 .blue {
        font-size: 4.348vw;
    }
    #recruit .numbers_bx .grid .parts .txt {
        font-size: 3.382vw;
        line-height: 1.39;
        text-align: left;
    }
    #recruit .numbers_bx .grid .parts .flex .img {
        width: 9.179vw;
    }
    
    #recruit .projects_bx {
        padding: 9.662vw 0;
        overflow: hidden;
    }
    #recruit .projects_bx h3 {
        padding-left: 4.831vw;
        margin-bottom: 8.454vw;
    }
    #recruit .projects_bx .flex {
        gap: 0;
    }
    #recruit .projects_bx .parts {
        flex: none;
    }
    #recruit .projects_bx .parts .img img {
        width: 100%;
    }
    #recruit .projects_bx .parts .txt_bx {
        padding: 4.106vw 3.623vw 3.623vw;
        height: 82.034vw;
    }
    #recruit .projects_bx .parts .txt_bx .cate {
        margin-bottom: 2.899vw;
        padding: 0 1.208vw;
        font-size: 3.382vw;
    }
    #recruit .projects_bx .parts .txt_bx .ttl {
        font-size: 4.831vw;
        line-height: 1.4;
    }
    #recruit .projects_bx .parts .txt_bx .sub_ttl {
        margin: 4.469vw 0 2.415vw;
        font-size: 3.865vw;
    }
    #recruit .projects_bx .parts .txt_bx .txt {
        font-size: 3.382vw;
        line-height: 1.85;
    }
    #recruit .projectswiper {
        position: relative;
    }
    #recruit .projectswiper .swp_btn .swiper-button-prev {
        width: 8.213vw;
        height: 8.213vw;
        left: 5.435vw;
    }
    #recruit .projectswiper .swp_btn .swiper-button-next {
        width: 8.213vw;
        height: 8.213vw;
        right: 5.435vw;
    }
    #recruit .projectswiper .swp_btn .swiper-button-prev::after {
        content: '';
        width: 8.213vw;
        height: 8.213vw;
        background: url(../../images/src/recruit_new/prev.svg) no-repeat left top / 100%;
        
    }
    #recruit .projectswiper .swp_btn .swiper-button-next::after {
        content: '';
        width: 8.213vw;
        height: 8.213vw;
        background: url(../../images/src/recruit_new/next.svg) no-repeat left top / 100%;        
    }
    
    #recruit .interview__bx {
        margin-bottom: 0;
        padding: 9.662vw 4.831vw;
        background: none;
    }
    #recruit .interview__bx .inner {
        padding: 0;
    }
    #recruit .interview__bx .common_tit {
        margin-bottom: 6.039vw;
    }
    #recruit .interview__bx .common_tit span::after {
        width: 15.459vw;
    }
    #recruit .interview__bx .inner .bx {
        padding: 0;
    }
    #recruit .interview__bx .inner .bx .view__bx {
        padding: 4.831vw 3.623vw 4.831vw;
        max-width: initial;
    }
    #recruit .interview__bx .inner .bx .view__bx .view__bx-name {
        margin-bottom: 0;
        padding: 1.208vw 1.208vw 1.208vw 2.415vw;
        font-size: 3.382vw;
    }
    #recruit .interview__bx .inner .bx .view__bx .view__bx-head .view__bx-num {
        opacity: 0.36;
        font-size: 3.14vw;
    }
    #recruit .interview__bx .inner .bx .view__bx .view__bx-head .view__bx-num span {
        padding: 0 0 0 1.8vw;
        font-size: 6.28vw;
    }
    #recruit .interview__bx .inner .bx .view__bx .view__bx-head .view__bx-num span small {
        font-size: 5.072vw;
    }
    #recruit .interview__bx .inner .bx .view__bx .view__bx-btn {
        margin: auto 0 0 auto;
    }
    #recruit .interview__bx .inner .bx .view__bx .view__bx-btn span {
        padding-right: 6.28vw;
        font-size: 3.14vw;
        background: url(../../images/src/recruit_new/arrow_right.svg) no-repeat right center / 2.899vw;
    }
    #recruit .interview__bx .inner .bx + .bx {
        margin-top: 6.039vw;
    }
    #recruit .interview__bx .inner .bx .view__bx .ttl {
        margin-bottom: 3.382vw;
        font-size: 4.589vw;
        line-height: 1.52;
    }
    #recruit .interview__bx .inner .bx .view__bx .view__bx-copy {
        margin-bottom: 3.623vw;
        padding: 0;
        font-size: 3.382vw;
        line-height: 1.71;
    }
    
    
    #recruit .growth__bx {
        padding: 9.662vw 4.831vw 10.87vw;
    }
    #recruit .growth__bx .txt {
        font-size: 3.382vw;
    }
    #recruit .growth__bx .common_tit {
        margin-bottom: 5.314vw;
    }
    #recruit .growth__bx .common_tit span::after {
        width: 33.333vw;
    }
    #recruit .growth__bx .education_list {
        margin: 4.831vw 0 9.662vw;
        gap: 4.106vw;
    }
    #recruit .growth__bx .education_list .parts {
        flex-direction: initial;
        flex-wrap: wrap;
        flex: none;
        width: 100%;
        padding: 4.831vw;
        align-items: center;
    }
    #recruit .growth__bx .education_list .parts .ttl {
        font-size: 4.106vw;
        text-align: left;
    }
    #recruit .growth__bx .education_list .parts .img {
        margin: 2.415vw 2vw 2.415vw auto;
        width: 14.734vw;
    }
    #recruit .growth__bx .education_list .parts:nth-of-type(1) .img img {
        width: 13.164vw;
    }
    #recruit .growth__bx .education_list .parts:nth-of-type(2) .img img {
    }
    #recruit .growth__bx .education_list .parts:nth-of-type(3) .img img {
        width: 9.058vw;
    }
    #recruit .growth__bx .education_list .parts .box {
        display: block;
        width: 63.043vw;

    }
    #recruit .growth__bx .education_list .parts .txt {
        margin: 1.019vw 0 3.019vw;
        font-size: 3.382vw;
    }
    #recruit .growth__bx .education_list .parts ul {
        width: 100%;
        min-height: initial;
        padding: 3.623vw;
    }
    #recruit .growth__bx .education_list .parts ul li {
        padding-left: 4.831vw;
        font-size: 3.382vw;
    }
    #recruit .growth__bx .education_list .parts ul li + li {
        margin-top: 1.208vw;
    }
    #recruit .growth__bx .education_list .parts ul li::before {
        top: 1vw;
        width: 3.623vw;
        height: 3.623vw;
    }
    #recruit .growth__bx .education_list .parts ul li .bx {
        margin-top: 1.812vw;
        padding: 3.623vw;
        width: 100%;
    }
    #recruit .growth__bx .career_ttl {
        margin-bottom: 9.541vw;
        text-align: center;
    } 
    #recruit .growth__bx .career_ttl span {
        font-size: 4.589vw;
    }
    #recruit .growth__bx .career_ttl.common_tit span::after {
        width: 9.662vw;
        bottom: -1.812vw;
    }
    
    #recruit .work__bx {
        padding: 9.662vw 4.831vw 10.87vw;
        background: url(../../images/src/recruit_new/sp/work_bg.webp) no-repeat center top / 100%;
    }
    #recruit .work__bx .common_tit span {
        margin-bottom: 3.14vw;
    }
    #recruit .work__bx .common_tit span::after {
        width: 32.85vw;
    }
    #recruit .work__bx .work_list {
        margin-top: 6.039vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 3.382vw;
    }
    #recruit .work__bx .work_list .parts {
        padding: 4.831vw 3.623vw 3.623vw;
    }
    #recruit .work__bx .work_list .parts .img {
        min-height: initial;
    }
    #recruit .work__bx .work_list .parts .ttl {
        margin: 2.831vw 0 2.415vw;
        font-size: 3.865vw;
    }
    #recruit .work__bx .work_list .parts .txt {
        font-size: 3.382vw;
        line-height: 1.71;
    }
    
    #recruit .work__bx .work_list .parts:nth-of-type(1) .img img { width: 11.232vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(2) .img img { width: 11.353vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(3) .img img { width: 9.903vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(4) .img img { width: 7.488vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(5) .img img { width: 12.319vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(6) .img img { width: 8.816vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(7) .img img { width: 15.338vw; }
    #recruit .work__bx .work_list .parts:nth-of-type(8) .img img { width: 14.493vw; }
    
    #recruit .recruitment__bx {
        padding: 9.662vw 0 0;
    }
    #recruit .recruitment__bx > .inner {
        padding: 0 4.831vw;
    }
    #recruit .recruitment__bx .common_tit span::after {
        width: 21.498vw;
    }
    
    #recruit .recruitment__bx .ttl {
        font-size: 5.797vw;
        line-height: 1.37;
        white-space: nowrap;
    }
    #recruit .recruitment__bx .txt {
        margin: 5.314vw 0 3.623vw;
        font-size: 3.382vw;
    }
    #recruit .recruitment__bx .btn_list {
        justify-content: space-between;
        gap: 0;
    }
    #recruit .recruitment__bx .btn_list li {
        width: 43.478vw;
    }
    #recruit .recruitment__bx .btn_list li a {
        padding: 5.314vw 0 5.314vw 10.145vw;
        font-size: 3.14vw;
        border: 2px solid var(--main-color);
    }
    #recruit .recruitment__bx .btn_list li a::before {
        left: 3.382vw;
        width: 4.831vw;
        height: 4.227vw;
    }
    #recruit .recruitment__bx .btn_list li:last-of-type a::before {
        width: 3.744vw;
        height: 3.623vw;
    }
    #recruit .recruitment__bx .btn_list li a::after {
        right: 3.382vw;
        width: 2.174vw;
        height: 2.899vw;
    }
    #recruit .recruitment__bx .blue_bg {
        margin-top: 6.039vw;
        padding: 6.039vw 4.831vw 9.662vw;
    }
    #recruit .recruitment__bx h4 {
        margin-bottom: 4.831vw;
        padding: 3.019vw 0 3.019vw 10.266vw;
        font-size: 4.589vw;
    }
    #recruit .recruitment__bx h4#career {
        margin-top: 9.662vw;
    }
    #recruit .recruitment__bx h4#new::before {
        left: 2.899vw;
        width: 5.193vw;
        height: 4.589vw;
    }
    #recruit .recruitment__bx h4#career::before {
        left: 2.899vw;
        width: 3.744vw;
        height: 3.623vw;
    }
    #recruit .recruitment__bx .white_bg {
        padding: 4.831vw 6.039vw;
    }
    #recruit .recruitment__bx .white_bg + .white_bg {
        margin-top: 6.039vw;
    }
    #recruit .recruitment__bx .white_bg h5 {
        margin-bottom: 4.227vw;
        border-left-width: 0.604vw;
        padding-left: 1.932vw;
        font-size: 4.348vw;
    }
    #recruit .recruitment__bx .white_bg .ttl {
        margin-bottom: 3.261vw;
        padding: 0.483vw 0;
        max-width: 40.58vw;
        font-size: 3.623vw;
    }
    #recruit .recruitment__bx table {
        border: 1px solid var(--bdr-color);
    }
    #recruit .recruitment__bx table thead th {
        padding: 1.208vw 4.831vw;
        font-size: 3.261vw;
    }
    #recruit .recruitment__bx table tbody tr {
        border-bottom: 1px solid var(--bdr-color);
    }
    #recruit .recruitment__bx table tbody th {
        padding: 2.415vw 4.831vw;
        font-size: 3.382vw;
        line-height: 1.42;
    }
    #recruit .recruitment__bx table tbody td {
        padding: 2.174vw 4.831vw;
        font-size: 3.382vw;
        line-height: 1.64;
    }
    #recruit .recruitment__bx .sp_table {
        margin-bottom: 5.676vw;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #recruit .recruitment__bx table.tb01 {
        width: 100%;
        min-width: 750px; 
        margin-bottom: 3.623vw;
    }
    #recruit .recruitment__bx table.tb01 tbody td {
        padding: 2.415vw 4.831vw;
        border: 1px solid var(--bdr-color);
    }
    #recruit .recruitment__bx table.w100_sp tbody th,
    #recruit .recruitment__bx table.w100_sp tbody td {
        display: block;
        width: 100%;
    }

    #recruit .recruitment__bx .kome li {
        font-size: 3.382vw;
    }
    #recruit .recruitment__bx .kome li + li {
        margin-top: 1em;
    }
    #recruit .recruitment__bx .allowance_block {
        gap: 3.623vw 0;
    
    }
    #recruit .recruitment__bx .allowance_block .bx {
        flex: none;
        width: 100%;
    }
    #recruit .recruitment__bx .allowance_block .bx dl {
        padding: 4.348vw 4.831vw;
        border-width: 0.362vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl + dl {
        margin-top: 3.623vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl dt {
        margin-bottom: 2.174vw;
        padding-left: 5.676vw;
        max-width: initial;
        width: 100%;
        font-size: 3.382vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl.no01 dt::before {
        width: 3.744vw;
        height: 4.831vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl.no02 dt::before {
        width: 4.348vw;
        height: 4.348vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl.no03 dt::before {
        width: 3.14vw;
        height: 3.744vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl.no04 dt::before {
        width: 4.348vw;
        height: 4.348vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl.no05 dt::before {
        width: 4.227vw;
        height: 4.227vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl.no06 dt::before {
        width: 4.589vw;
        height: 3.986vw;
    }
    #recruit .recruitment__bx .allowance_block .bx dl.no07 dt::before {
        width: 4.227vw;
        height: 4.227vw;
    }
    #recruit .recruitment__bx ul.circle li,
    #recruit .recruitment__bx .allowance_block .bx dl dd p {
        font-size: 3.382vw;
        line-height: 1.64;
    }
    #recruit .recruitment__bx ul.circle li {
        position: relative;
        padding-left: 2.657vw;
    }
    #recruit .recruitment__bx ul.circle li::before {
        top: 1.7vw;
        width: 1.57vw;
        height: 1.57vw;
    }
    #recruit .recruitment__bx .method {
        margin-bottom: 4.831vw;
    }
    #recruit .recruitment__bx .method .txt {
        margin: 3.986vw auto 2.657vw;
        font-size: 3.382vw;
    }
    
    #recruit .recruitment__bx .method .btn {
        margin: 4.106vw auto 3.623vw;
    }
    #recruit .recruitment__bx .method .btn a {
        padding: 3.623vw 0;
        border-width: 2px;
    }
    #recruit .recruitment__bx .method .btn a::after {
        right: 4.831vw;
        width: 2.899vw;
        height: 2.174vw;
    }
    #recruit .recruitment__bx .method .btn a span {
        display: block;
        font-size: 3.14vw;
    }
    #recruit .recruitment__bx .method .btn a .mail {
        padding-left: 0;
    }
    #recruit .recruitment__bx .method .btn a .mail::before {
        left: 3.623vw;
        top: 3.5vw;
        bottom: auto;
        width: 4.106vw;
        height: 3.261vw;
    }
    #recruit .recruitment__bx .method .ttl {
        margin-top: 5.193vw;
    }
    
    #recruit .recruitment__bx .pr_block {
        gap: 4.831vw 0;
    }
    #recruit .recruitment__bx .pr_block .white_bg {
        flex: none;
        width: 100%;
    }
    #recruit .recruitment__bx .pr_block .white_bg + .white_bg {
        margin-top: 0;
    }
    #recruit .recruitment__bx .pr_block .white_bg .txt {
        font-size: 3.382vw;
    }
    #recruit .recruitment__bx .pr_block .white_bg li { 
        padding-left: 5.435vw;
        font-size: 3.382vw;
    }
    #recruit .recruitment__bx .pr_block .white_bg li + li {
        margin-top: 1.208vw;
    }
    
    #recruit .recruitment__bx .pr_block .white_bg li.address::before {
        width: 4.227vw;
        height: 4.227vw;
    }
    #recruit .recruitment__bx .pr_block .white_bg li.tel::before {
        width: 4.469vw;
        height: 4.469vw;
    }
    #recruit .recruitment__bx .pr_block .white_bg li.email::before {
        width: 4.227vw;
        height: 4.227vw;
    }
    #recruit .recruitment__bx .pr_block .white_bg li.saiyou::before {
        width: 3.623vw;
        height: 3.623vw;
    }
    #recruit .profile__bx {
        padding: 9.662vw 4.831vw 10.87vw;
    }
    #recruit .profile__bx .common_tit span::after {
        width: 45.773vw;
    }
    #recruit .undesired__bx .common_tit span::after {
        width: 50.483vw;
    }
    
    #recruit .profile__bx .grid {
        margin-top: 7.246vw;
        display: flex;
        flex-wrap: wrap;
        gap: 3.623vw 0;
    }
    #recruit .profile__bx .grid .parts {
        display: flex;
        flex-direction: initial;
        justify-content: left;
        width: 100%;
        height: 24.638vw;
        padding: 3.623vw;
    }
    #recruit .profile__bx .grid .parts .check img {
        width: 5.314vw;
    }
    #recruit .profile__bx .grid .parts .img {
        margin: 0 0.5vw;
        width: 13.647vw;
        text-align: center;
    }
    #recruit .undesired__bx.profile__bx .grid .parts .img img {
        margin: 0 auto;
    }
    #recruit .profile__bx .grid .parts:nth-of-type(1) .img img { width: 7.971vw; }
    #recruit .profile__bx .grid .parts:nth-of-type(2) .img img { width: 11.836vw; }
    #recruit .profile__bx .grid .parts:nth-of-type(3) .img img { width: 10.386vw; }
    #recruit .profile__bx .grid .parts:nth-of-type(4) .img img { width: 7.729vw; }
    #recruit .profile__bx .grid .parts:nth-of-type(5) .img img { width: 100%; }
    #recruit .profile__bx .grid .parts:nth-of-type(6) .img img { width: 13.285vw; }
    #recruit .undesired__bx.profile__bx .grid .parts:nth-of-type(1) .img img { width: 7.126vw; }
    #recruit .undesired__bx.profile__bx .grid .parts:nth-of-type(2) .img img { width: 10.87vw; }
    #recruit .undesired__bx.profile__bx .grid .parts:nth-of-type(3) .img img { width: 13.889vw; }
    #recruit .undesired__bx.profile__bx .grid .parts:nth-of-type(4) .img img { width: 13.043vw; }
    #recruit .undesired__bx.profile__bx .grid .parts:nth-of-type(5) .img img { width: 11.715vw; }
    #recruit .undesired__bx.profile__bx .grid .parts:nth-of-type(6) .img img { width: 10.749vw; }

    #recruit .profile__bx .grid .parts .txt {
        font-size: 3.623vw;
        line-height: 1.66;
        text-align: left;
    }
    
    #recruit .universities__bx {
        padding: 10.87vw 4.831vw;
    }
    #recruit .universities__bx .common_tit span::after {
        width: 35.894vw;
    }
    #recruit .universities__bx ul {
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.208vw 10.87vw;
    }
    #recruit .universities__bx ul li {
        font-size: 3.382vw;
    }
    
    #recruit .flow__bx {
        padding: 10.87vw 4.831vw;
    }
    #recruit .flow__bx .common_tit {
        margin-bottom: 50px;
    }
    #recruit .flow__bx .common_tit span::after {
        width: 8.454vw;
    }
    #recruit .flow__bx .common_tit {
        margin-bottom: 6.039vw;
    }
    #recruit .flow__bx .parts {
        padding: 4.831vw 3.623vw 4.831vw 0;
    }
    
    #recruit .flow__bx .parts::after {
        bottom: -2.778vw;
        width: 8.575vw;
        height: 5.556vw;
    }
    #recruit .flow__bx .parts + .parts {
        margin-top: 5.193vw;
    }
    #recruit .flow__bx .parts .flow_num {
        padding: 0.483vw 0 2.174vw;
        width: 26.691vw;
        font-size: 3.623vw;
    }
    #recruit .flow__bx .parts .flow_num span {
        display: inline;
        font-size: 5.314vw;
    }
    #recruit .flow__bx .parts .img {
        margin: 3.623vw 0 0;
        width: auto;
    }
    #recruit .flow__bx .parts:nth-of-type(1) .img img { width: 7.246vw; }
    #recruit .flow__bx .parts:nth-of-type(2) .img img { width: 14.372vw; }
    #recruit .flow__bx .parts:nth-of-type(3) .img img { width: 10.628vw; }

    #recruit .flow__bx .parts .txt_bx {
        padding-left: 4.831vw;
        width: 58.024vw;
        box-sizing: border-box;
    }
    #recruit .flow__bx .parts .txt_bx .ttl {
        margin-bottom: 1.899vw;
        font-size: 4.106vw;
    }
    #recruit .flow__bx .parts .txt_bx .txt {
        font-size: 3.382vw;
        line-height: 1.71;
    }
    
    #recruit .faq__bx {
        padding: 10.87vw 4.831vw;
    }
    #recruit .faq__bx .common_tit {
        margin-bottom: 7.246vw;
    }
    #recruit .faq__bx .common_tit span::after {
        width: 5.918vw;
    }
    #recruit .faq__bx dl {
        padding: 4.831vw 0;
    }
    #recruit .faq__bx dl dt {
        margin-bottom: 5.072vw;
        padding-left: 6.763vw;
        font-size: 3.865vw;
    }
    #recruit .faq__bx dl dd {
        margin-left: 3.623vw;
        padding-left: 5.918vw;
        font-size: 3.382vw;
        line-height: 1.71;
    }
    #recruit .faq__bx dl dt::before,
    #recruit .faq__bx dl dd::before {
        font-size: 4.589vw;
    }
    
    
    #recruit .entry__bx {
        margin: 0 0 9.662vw;
        padding: 12.077vw 4.831vw;
    }
    #recruit .entry__bx .common_tit span::after {
        width: 8.213vw;
    }
    #recruit .entry__bx .common_tit {
        margin-bottom: 6.039vw;
    }
    #recruit .entry__bx .txt {
        margin-bottom: 4.831vw;
        font-size: 3.865vw;
        line-height: 1.87;
    }
    #recruit .entry__bx .btn {
        margin-bottom: 4.831vw;
        gap: 3.623vw 0;
    }
    #recruit .entry__bx .btn li {
        flex: none;
        width: 100%;
    }
    #recruit .entry__bx .btn li a {
        padding: 7.005vw 0;
        font-size: 3.623vw;
    }

    #recruit .entry__bx .btn li a::before {
        left: 5.918vw;
        width: 6.763vw;
        height: 5.797vw;
    }
    #recruit .entry__bx .btn li:last-of-type a::before {
        left: 5.918vw;
        width: 5.435vw;
        height: 5.072vw;
    }
    #recruit .entry__bx .btn li a::after {
        right: 7.246vw;
        width: 2.899vw;
        height: 2.174vw;
    }
    #recruit .entry__bx .kome {
        max-width: initial;
    }
    #recruit .entry__bx .kome li {
        font-size: 3.382vw;
    }
    #recruit .entry__bx .kome li + li {
        margin-top: 0.5em;
    }
    #recruit .recruit_bnr {
        margin-bottom: 12vw;
    }
    #recruit .recruit_bnr ul {
        gap: 3.623vw;
    }
    #recruit .recruit_bnr ul li {
        flex: auto;
        width: 100%;
    }
}















@media (hover: hover) and (pointer: fine) {
    
    #recruit .main__bx .btn_list li a:hover {
        opacity: 0.7;
    }
    #recruit .recruitment__bx .btn_list li a:hover {
        color: #fff;
        background-color: var(--main-color);
    } 
    #recruit .recruitment__bx .btn_list li a:hover::before {
        background-image: url(../../images/src/recruit_new/recruitment_ico01_hv.svg);
    }
    #recruit .recruitment__bx .btn_list li:last-of-type a:hover::before {
        background-image: url(../../images/src/recruit_new/recruitment_ico02_hv.svg);
    }
    #recruit .recruitment__bx .btn_list li a:hover::after {
        background-image: url(../../images/src/recruit_new/arrow_btm_white.svg);
    }
    #recruit .recruitment__bx .method .btn a:hover {
        background-color: var(--main-color);
    }
    #recruit .recruitment__bx .method .btn a:hover::after {
        background-image: url(../../images/src/recruit_new/arrow_right.svg);
    }
    #recruit .recruitment__bx .method .btn a:hover span {
        color: #fff;
    }
    #recruit .recruitment__bx .method .btn a:hover .mail::before {
        background-image: url(../../images/src/recruit_new/ico_mail_hv.svg);
    }
    #recruit .entry__bx .btn li a:hover {
        opacity: 0.7;
    }
    
    
}

/*IE11用に以下のコードも追加*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
    #recruit .main__bx .btn_list li a:hover {
        opacity: 0.7;
    }
    #recruit .recruitment__bx .btn_list li a:hover {
        color: #fff;
        background-color: var(--main-color);
    } 
    #recruit .recruitment__bx .btn_list li a:hover::before {
        background-image: url(../../images/src/recruit_new/recruitment_ico01_hv.svg);
    }
    #recruit .recruitment__bx .btn_list li:last-of-type a:hover::before {
        background-image: url(../../images/src/recruit_new/recruitment_ico02_hv.svg);
    }
    #recruit .recruitment__bx .btn_list li a:hover::after {
        background-image: url(../../images/src/recruit_new/arrow_btm_white.svg);
    }
    #recruit .recruitment__bx .method .btn a:hover {
        background-color: var(--main-color);
    }
    #recruit .recruitment__bx .method .btn a:hover::after {
        background-image: url(../../images/src/recruit_new/arrow_right.svg);
    }
    #recruit .recruitment__bx .method .btn a:hover span {
        color: #fff;
    }
    #recruit .recruitment__bx .method .btn a:hover .mail::before {
        background-image: url(../../images/src/recruit_new/ico_mail_hv.svg);
    }
    #recruit .entry__bx .btn li a:hover {
        opacity: 0.7;
    }
    
    
}