@charset "UTF-8";
.gBody_inner {}
.group {
    font-size: 1.067em;
    line-height: 1.8;
    position: relative;
    z-index: 1;
    margin-bottom: 45px;
}
.group_title {
    z-index: 10;
    position: relative;
}
.group_col-no1 {
	padding-left: 30px;
    padding-right: 30px;
}
.group_text {
    margin-top: 0.6em;
    position: relative;
    z-index: 10;
    letter-spacing: -1px;
}
.group_name {
    font-size: 1.3125em;
    color: #2a43a3;
    position: relative;
    z-index: 10;
    letter-spacing: -1px;
    margin-top: 1.6em;
}
.group_col-no2 {}
.group_image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}
.group_image > img {}
.recr {}
.recr_title {}
.recr_cols {
    display: flex;
}
.recr_col {}
.recr_col-no1 {}
.recr_text {}
.recr_name {}
.recr_col-no2 {}
.recr_image {}
.recr_image > img {}
.recr_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    max-width: 920px;
    margin: 0 auto;
}
.recr_list > li {
    width: 47%;
    margin-left: 6%;
}
.recr_list > li:first-child {}
.recr_list > li:nth-child(2n+1) {
    margin-left: 0;
}
.recr_list > li:nth-child(n+3) {
    margin-top: 25px;
}
.recr_list > li > a {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #f5f5f5;
    padding: 20px;
    padding-top: 0;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}
.recr_list > li > a::before {
    content: "";
}
.recr_list > li > a::after {
    content: "";
}
.recr_text {
    background: #75daff;
    color: #202b5c;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 2px 0;
    /* line-height: 2.2; */
}
.recr_text > small {
    font-size: 90%;
}
.recr_fig {}
.recr_fig > img {
    display: block;
    margin: 0 auto;
}
.recr_fig > figcaption {
    max-width: 381px;
    margin: 0 auto;
    font-size: 0.94em;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 27px;
}
.recr_list > li > a > .link::before {
	content: "";
}
.recr_list > li > a > .link {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0.9em;
}
.navCont {
    margin-bottom: 36px;
    margin-top: 70px;
    width: 100%;
}
.navCont_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.navCont_list > li {
    width: 32%;
    margin-left: 2%;
}
.navCont_list > li:first-child {}
.navCont_list > li:nth-child(3n+1) {
    margin-left: 0;
}
.navCont_list > li:nth-child(n+3) {}
.navCont_list > li > a {
    display: flex;
    text-decoration: none;
    height: 160px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.navCont_list > li > a::before {
    content: "";
}
.navCont_list > li > a::after {
    content: "";
}
.navCont_img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.navCont_img-no1 {
	background-image: url(/recruit/img/bg-nav01@2x.jpg);
}
.navCont_text {
    font-size: 0.94em;
    text-align: center;
    width: 280px;
    height: 71px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    line-height: 1.2;
}
.navCont_img-no2 {
	background-image: url(/recruit/img/bg-nav02@2x.jpg);
}
.navCont_img-no3 {
	background-image: url(/recruit/img/bg-nav03@2x.jpg);
}

.group_banner {
    display: block;
    width: 60%;
    margin: 2rem auto;
}
.recruit_mail{
    text-align: center;
    padding: 10px;
    border: solid 2px;
    width: 50%;
    margin: 15px auto;
  }
  /* .groupin_company{
      display: flex;
      justify-content: center;
      gap: 4%;
      margin-top: 30px;
    }
    .groupin_company img{
      width: 30%;
      height: auto;
      object-fit: contain;
    } */
     .groupin_company_list{
        display: flex;
        align-items: center;
        gap: 4%;
        margin-top: 20px;
     }
     .groupin_company_list_content{
        width: 40%;
        padding-top: 20px;
     }
     .groupin_company_list_imgright{
        max-width: 100%;
        width: 30%;
        object-fit: contain;
     }
     .groupin_company_list_imgleft{
        max-width: 600px;
        width: 80%;
        object-fit: contain;
     }
     .groupin_company_list_content p{
        /* font-size: clamp(16px, calc(16px + (22 - 16) * ((100vw - 375px) / (1440 - 375))), 22px); */
        margin: 5px 0 0 5%;
     }
     .groupin_company_list_content p span{
        font-size: clamp(12px, 12px + 0.19vw, 14px);
     }

@media screen and (min-width:1000px) {
    .recr_list > li > a:hover {}
}
@media screen and (max-width:999px) {
    .gBody_inner {}
    .group {
        font-size: 16px;
        /* min-height: 253px; */
        margin-bottom: 35px;
    }
    .group_title {}
    .group_cols {}
    .group_col {}
    .group_col-no1 {
        padding-left: 0;
        padding-right: 0;
    }
    .group_text {}
    .group_name {}
    .group_col-no2 {}
    .group_image {
        width: 371px;
    }
    .group_image > img {}
    .recr {}
    .recr_title {}
    .recr_cols {}
    .recr_col {}
    .recr_col-no1 {}
    .recr_text {
        font-size: 18px;
        padding: 6px 10px;
        margin: 0 -10px 10px;
    }
    .recr_name {}
    .recr_col-no2 {}
    .recr_image {}
    .recr_image > img {}
    .recr_list {}
    .recr_list > li {
        width: 49%;
        margin-left: 2%;
    }
    .recr_list > li:first-child {}
    .recr_list > li:nth-child(2n+1) {}
    .recr_list > li:nth-child(n+3) {
        margin-top: 2%;
    }
    .recr_list > li > a {
        padding: 10px;
        padding-top: 0;
    }
    .recr_list > li > a::before {}
    .recr_list > li > a::after {}
    .recr_text {}
    .recr_text > small {}
    .recr_fig {}
    .recr_fig > img {}
    .recr_fig > figcaption {}
}
@media screen and (max-width:767px) {
    .gBody_inner {}
    .group {
        margin-bottom: 20px;
    }
    .group_title {}
    .group_cols {}
    .group_col {}
    .group_col-no1 {}
    .group_text {
        font-size: 14px;
        letter-spacing: 0;
        max-width: initial;
        padding: 8px;
}
    .group_name {
        font-size: 14px;
        letter-spacing: 0;
        padding: 0;
        margin: 0.5em;
}
    .group_col-no2 {}
    .group_image {
        position: static;
        position: relative;
        z-index: 1;
        max-width: 260px;
        margin: -40px auto 0;
    }
    .group_image::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        height: 70px;
        display: block;
        left: 0;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    }
    .group_image > img {}
    .recr {}
    .recr_title {}
    .recr_cols {}
    .recr_col {}
    .recr_col-no1 {}
    .recr_text {}
    .recr_name {}
    .recr_col-no2 {}
    .recr_image {}
    .recr_image > img {}
    .recr_list {}
    .recr_list > li {
        width: 100%;
        margin: 0;
    }
    .recr_list > li + li {
        margin-top:2%;
    }
    .recr_list > li:first-child {}
    .recr_list > li:nth-child(2n+1) {}
    .recr_list > li:nth-child(n+3) {}
    .recr_list > li > a {}
    .recr_list > li > a::before {}
    .recr_list > li > a::after {}
    .recr_text {
        font-size: 14px;
        line-height: 1;
        padding: 10px 4px;
        margin-bottom: 0;
    }
    .recr_text > small {
        display: block;
        font-size: 10px;
    }
    .recr_fig {
        margin: 0 -10px;
    }
    .recr_fig > img {}
    .recr_fig > figcaption {
        font-size: 12px;
        padding: 0 10px;
    }
    .recr_fig > figcaption > br {
        display: none;
    }
	.navCont {
        margin: 25px 0;
        order: 2;
    }
    .navCont_list {
        display: block;
        max-width: 400px;
        margin: 0 auto;
    }
    .navCont_list > li {
        width: auto;
        margin: 10px auto 0;
    }
    .navCont_list > li:first-child {}
    .navCont_list > li:nth-child(3n+1) {}
    .navCont_list > li:nth-child(n+3) {}
    .navCont_list > li > a {
        height: 80px;
    }
    .navCont_list > li > a::before {}
    .navCont_list > li > a::after {}
    .navCont_img {}
    .navCont_img-no1 {}
    .navCont_text {
        width: 260px;
    }
    .navCont_img-no2 {}
    .navCont_img-no3 {}

    .group_banner {
        width: 100%;
    }
}
@media screen and (max-width: 746px){
    .recruit_mail{
      width: 90%;
    }
  }


@media screen and (max-width: 600px){
    .groupin_company_list{
        display: block;
        margin-top: 0;
    }
    .groupin_company_list_content{
        margin: 0 auto;
        width: 280px;
    }
    .groupin_company{
        text-align: center;
    }
    .groupin_company_list_imgright{
        width: 80%;
        margin-top: 10px;
    }
    img{
        width: 100%;
    }
}


  @media screen and (max-width: 425px){
    /* .groupin_company{
        display: block;
        margin: 10px auto;
        width: 230px;
    }
    .groupin_company img{
        width: 100%;
        margin-top: 20px;
    } */
  }