@charset "UTF-8";

/* -------------------------------------
archive
------------------------------------- */
.recruit_list {
    display:flex;
    flex-direction:column;
    gap:30px;
}
.recruit_list-item a {
    color:#004fb2;
    border:1px solid #c2e0f4;
    border-radius:30px;
    padding:43px 25px;
}
.txt-block {
  display: flex;
  align-items: center;
}


.recruit_ttl_wrap {
    display:flex;
    align-items:center;
    width:100%;
    max-width:840px;
    margin:0 auto 30px;
}
.recruit_ttl {
    font-size:25px;
    line-height:1;
}
.recruit_note {
    font-size:25px;
    line-height:1;
    padding-left:1em;
    margin-left:1em;
    position:relative;
}
.recruit_note::before {
    content:"";
    width:1px;
    height:1em;
    background-color:#ccc;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

.recruit_content {
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:840px;
    margin:0 auto;
}
.recruit_img {
    display:flex;
    align-items:center;
    justify-content:center;
    width:155px;
    height:155px;
    position:relative;
    z-index:1;
}
.recruit_img::before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-color:#c2e0f4;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-48%);
    z-index:-1;
}
.group_icon {
    width:103px;
}
.conditions_wrap {
    width:calc(100% - 180px);
    max-width:613px;
}
.conditions_blk {
}
.conditions_list {
    display:flex;
    gap:30px;
    padding-bottom:30px;
}
.conditions_list-item {
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    background-color:#edf8fe;
    width:calc((100% - 30px)/2);
    min-height:105px;
    position:relative;
}
.conditions_list-item .salary_note {
    color:#000;
    font-size:12px;
    font-weight:400;
    text-align:right;
    position:absolute;
    right:0;
    bottom:-20px;
}


.conditions_list-item >* {
    display:flex;
    /*align-items:center;*/
    flex-wrap: wrap;
    justify-content:center;
    line-height:1;
}
.conditions_list-item .num {
    font-size:40px;
    font-weight:900;
}
.conditions_list-item .ja {
    font-size:25px;
}
.conditions_wrap .btn_blk {
    padding-top:0;
}
.conditions_wrap .btn_blk .morebtn {
    margin:0;
}


/* -------------------------------------
single
------------------------------------- */
.recruit_flow-list {
    display:flex;
    gap:8%;
    padding-top:30px;
    margin-bottom:60px;
}
.flow-list_item {
    display:flex;
    flex-direction:column;
    gap:15px;
    /*width:calc((100% - 240px)/4);*/
    width:calc(76% / 4);
    max-width:189px;
}
.flow-list_item .icon_bk {
    display:flex;
    align-items:center;
    justify-content: center;
    width:100%;
    aspect-ratio:1 / 1;
    border-radius:50%;
    border:1px solid #c2e0f4;
    position:relative;
}
.flow-list_item:not(:last-child) .icon_bk::after {
    content:"";
    display:block;
    width:44.4%;
    height:100%;
    background:url(../imgs/recruit/flow_allow.svg) center center no-repeat;
    background-size:52% auto;
    position:absolute;
    left:100%;
}
.flow_icon {
    width:45px;
    position:relative;
}
.flow_icon::before {
    content: "";
    display: block;
    width: 89px;
    height: 89px;
    background-color: #c2e0f4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.flow-list_txt {
    color:#004fb2;
    line-height:1;
    display:flex;
    flex-direction:column;
    gap:5px;
    text-align:center;
}
.flow-list_txt .num {
    font-size:23px;
    font-weight:900;
}
.flow-list_txt .txt {
    font-size:21px;
    display:block;
}
.recruit_note-txt {
    font-weight:400;
}
.recruit_note-txt a {
  display:inline-block;
}
.recruit_note-txt a:hover span {
  text-decoration:underline;
}

@media screen and (max-width: 1440px) {
/* -------------------------------------

------------------------------------- */


}


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


}

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


}

@media screen and (max-width: 980px) {
/* -------------------------------------
archive
------------------------------------- */
.recruit_ttl {
    font-size:clamp(18px,2.55vw,25px);
}
.recruit_note {
    font-size:clamp(18px,2.55vw,25px);
}
.conditions_list-item .ja {
    font-size:clamp(16px,2.55vw,25px);
}
.conditions_list-item .num {
    font-size:clamp(26px,4.1vw,40px);
}


/* -------------------------------------
single
------------------------------------- */
.flow-list_txt .num {
    font-size:clamp(18px,2.34vw,23px);
}
.flow-list_txt .txt {
    font-size:clamp(16px,2.14vw,21px);
}
.flow_icon::before {
    width: 9vw;
    height: 9vw;
}


}

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

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




}

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




}

@media screen and (max-width: 768px) {
/* -------------------------------------
archive
------------------------------------- */
.recruit_ttl_wrap {
    justify-content: center;
    flex-direction:column;
    gap:10px;
}
.recruit_note::before {
    display:none;
}
.recruit_note {
    padding-left: 0;
    margin-left: 0;
}
.recruit_content {
    flex-direction: column;
    gap: 20px;
}
.conditions_wrap {
    width: 100%;
}
.conditions_list {
    justify-content: center;
    flex-wrap:wrap;
    gap:15px;
}
.conditions_list-item {
    /*min-width:200px;*/
}
.conditions_wrap .btn_blk .morebtn {
    margin: 0 auto;
}

/* -------------------------------------
single
------------------------------------- */
.flow_icon {
    width: 39%;
}



}

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

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


}

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


}

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



}

@media screen and (max-width: 400px) {
.recruit_list-item a {
    padding: 30px 15px;
}


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


}

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

}

@media screen and (min-width: 769px) {
 
}