/* header.css部分の画像差し替え */
.side_image_wrap {
  background-image: url(../img/DSC01806-1.jpg);
  background-position: 55%;
}

.switch_career_wrap{
  /* position: fixed; */
  bottom: 1rem;
  left: 1.5rem;
  z-index: 99;
  display: flex;
  width: 72.2rem;
  margin-left: 48.8rem;
  align-items: center;
}

.recruit_link {
  position: relative;
  /* position: fixed;
  bottom: min(13rem, 130px);
  left: 1.5rem;
  z-index: 99; */
  display: block;
}

.recruit_hiyoko{
  /* position: relative; */
  /* position: fixed;
  bottom: 0;
  left: 1rem;
  z-index: 99; */
}

.recruit_text_fv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.recruit_hiyoko .recruit_text_fv{
  
left: 44%;
  
top: 54%;
}

.recruit_egg_img {
  width: min(13rem, 130px);
  height: auto;
  object-fit: contain;
}

.hiyoko_img{
  /* width: min(13rem, 130px); */
  /* padding: 2rem; */
}

.egg_text01 {
  font-size: min(1.8rem, 18px);
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.egg_text02 {
  font-size: min(1.2rem, 12px);
  font-weight: 500;
  text-align: center;
}


.main {
  background-color: #FFF7E4;
}
.mg_le_auto {
  margin-left: auto;
}
.col_black {
  color: #202124;
}
.fon_medi {
  font-weight: 500;
}
.fon_bold {
  font-weight: bold;
}
.pc_onl {
  display: block;
}


/* 採用情報タイトル */
.main {
  /* padding-bottom: 15rem; */
}
.bgimg_outer{
  position: fixed;
  width: fit-content;
  height: fit-content;
  z-index: 100;
}

.sr_bgimg {
  position: fixed;
  top: 0;
  left: 0;
  aspect-ratio: 418/719;
  width: 41.8rem;
  height: 100%;
  overflow: hidden;
  mask-image: url(../img/circle_mask.svg);
  mask-repeat: no-repeat;
  mask-size: 120.1rem;
  mask-position: 100% 25%;
  z-index: 100;
}

.sr_bgimg img {
  object-position: 100% 0%;
}

.rt_titles{
  width: 72.2rem;
  position: relative;
  /* border-bottom: solid .1rem black; */
  /* margin-right: 7rem; */
  /* padding-left: 48.8rem; */
  margin-left: 48.8rem;
}


.recr_deta_wrap {
  padding-top: calc(6.0rem + 6.5rem);
  /* padding-top: 12.5rem; */
  padding-bottom: min(15rem,150px);
}
.rt_cats{
  font-size: min(2rem,20px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.rt_title{
  /* font-size: 6rem; */
  /* font-weight: 500; */
  /* letter-spacing: 0; */
  /* line-height: calc(87em/60); */
  font-size: min(5rem,50px);
  font-weight: 500;
  max-width: 72.2rem;
  border-bottom: 0.1rem solid #202124;
  line-height: calc(80 / 60);
  padding-bottom: 1.05rem;
}
.deta_cont_wrap {
  width: 72.1rem;
  margin-right: 7.1rem;
  margin-bottom: min(15rem,150px);
}
.deta_title {
  font-size: min(2.5rem,25px);
  margin-top: min(5rem,50px);
  margin-bottom: min(4rem,40px);
  font-weight: 500;
}
.deta_detail {
  font-size: min(1.5rem,15px);
  line-height: calc(30 / 15);
  margin-bottom: 2rem;
}
.deta_detail:nth-last-child(1) {
  margin-bottom: 0;
}

/* 写真 */
.deta_imgs_wrap {
  width: 98.4rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6.5rem;
}
.deta_imgs_top {
  width: 24.6rem;
  height: 24.6rem;
}
.deta_imgs_bottom {
  width: 49.2rem;
  height: 24.6rem;
}

/* 数字でみる */
.number_icon_wrap {
  width: 98.4rem;
  margin-bottom: 7.9rem;
}
.number_tit_wrap {
  width: 35.8rem;
  margin-right: 7rem;
  margin-bottom: 2.4rem;
}
.number_title {
  display: flex;
  gap: 0.7rem;
  margin-bottom: 0.9rem;
  justify-content: flex-end;
}
.number_title span,
.egg_title span {
  width: min(6.6rem,66px);
  height: min(6.6rem,66px);
  padding: min(1.5rem, 15px) 0;
  text-align: center;
  display: inline-block;
  font-size: min(2.5rem,25px);
  color: #FFFFFF;
  background: #202124;
  border-radius: 10rem;
}
.number_sab_tit {
  text-align: end;
  font-size: min(2.4rem, 24px);
}

.number_li_wrap {
  width: 100%;
  border-top: 0.1rem solid #202124;
  border-bottom: 0.1rem solid #202124;
}
.li_cont_wrap {
  width: 100%;
  display: flex;
  border-bottom: 0.1rem solid #202124;
}
.li_left_empty {
  width: 19.2rem;
  min-height: 34rem;
  border-right: 0.1rem solid #202124;
}
.number_li_cont {
  width: calc((100% - 19.2rem) /3);
  padding: 3.365rem 1.75rem 3.5rem 1.35rem;
  border-right: 0.1rem solid #202124;
  position: relative;
}

.number_li_cont:last-child{
  border-right: none;
}

.li_cont_tit {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  text-align: center;
}
.li_cont_number {
  font-size: min(7rem,70px);
  width: 100%;
  text-align: center;
  line-height: 1.4;
}
.li_cont_number span {
  font-size: 3rem;
}
.li_cont_img {
  margin: 0 auto;
}
/* 人間アイコン */
.human_img {
  width: 16.3rem;
  height: auto;
  aspect-ratio: 1;
}
/* 上昇アイコン */
.ascent_img {
  width: 19.6rem;
  height: 18.6rem;
  margin-top: 2.435rem;
}
/* 卵アイコン */
.egg_img_icon {
  width: 22.371rem;
  height: 25.542rem;
  position: absolute;
  bottom: 2rem;
  left: 6.6rem;
}

/* 卵から働く */
.rec_egg_wrap {
  width: 72.1rem;
  margin-right: 7rem;
}
.mb_136 {
  margin-bottom: 13.617rem;

}
.egg_tit_wrap {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin-bottom: 6.165rem;
}
.egg_title {
  display: flex;
  gap: 0.7rem;
}
.egg_title span {
  padding: 0 min(1.5rem, 15px);
}
.egg_img_wrap {
  width: min(46rem,460px);
  margin-left: min(16rem,160px);
  position: relative;
}
.egg_img {
  width: min(31rem,310px);
  height: min(35rem,350px);
  position: absolute;
  top: max(-13.8rem, -138px);
  left: max(-14rem, -140px);
  /* height: auto; */

  img{
    object-fit: contain;
  }
}
.egg_work_img {
  width: min(46rem,460px);
  height: min(7rem,70px);
  margin-top: 1rem;
  position: relative;
  z-index: 1;

  img{
    object-fit:contain;
  }
}

.career_step_title{
  font-size: min(2rem,20px);
  margin-bottom: 2rem;
}

.egg_con_text {
  font-size: min(1.5rem,15px);
  line-height: 2;
  margin-bottom: 4.935rem;
}
.chickens_img {
  width: min(45rem,450px);
  height: auto;
}


/* 募集職種 */
.mb_134 {
  margin-bottom: 13.4rem;
}
.job_tit {
  justify-content: center;
  margin-bottom: 6rem;
}
/* 絞り込み選択リスト */
.working_fac_wrap {
  width: 21.6rem;
  background-color: #FFFFFF;
  border: 0.1rem solid #707070;
  position: relative;
  margin: 0 auto 4rem;
}
.work_select {
  width: 100%;
  font-size: 1.5rem;
  padding: 0.9rem 3rem 1rem 1.2rem;
  cursor: pointer;
}
.working_fac_wrap::after {
  content: "";
  width: 1.5rem;
  height: 1.3rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #202124;
  position: absolute;
  top: 1.4rem;
  right: 0.9rem;
  /* 矢印はクリック出来ない為マウスイベントのターゲットを外す */
  pointer-events: none;
}
.work_option {
  font-size: 1.5rem;
}
/* リスト */
.job_list_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.2rem;
  column-gap: 1.5rem;
}
.job_li {
  width: 23rem;
  height: 23rem;
  border-radius: 50%;
  border: 0.3rem solid #CBBFA1;
  position: relative;
  overflow: hidden;
}
.job_li img {
  width: 100%;
  height: 100%;
}
.job_li_a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  opacity: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: .3s .2s;
}
.job_li_a:hover {
  background-color: transparent;
  color: #FFFFFF;
  opacity: 1;
}


/* 応募　コピー */
.app_tit {
  justify-content: center;
}
.application{
  padding: 10rem 7rem 13.6rem 29.6rem;
}

.app_desc{
  margin-top: 5.3rem;
  font-size: min(1.5rem,15px);
  letter-spacing: 0;
  line-height: calc(30em/15);
}

.app_line{
  margin-top: 4rem;
  display: flex;
  align-items: center;
  gap: 4.5rem;
}

.app_line_link{
  width: 26.8rem;
  height: auto;
  padding: 4.1rem 3.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.app_line_desc{
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: calc(30em/15);
}

.contect_forms{
  margin-top: 8.5rem;
}

.contact_form_header{
  width: 100%;
  background-color: #FF9924;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 2.3rem;
  margin-bottom: 1rem;
}

.contact_form_label{
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.contact_form_required{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EC6D65;
  color: white;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1em;
}
/* フォーム */
.bgimg_outer {
  position: fixed;
  width: fit-content;
  height: fit-content;
  z-index: 100;
}

.sr_bgimg {
  position: fixed;
  top: 0;
  left: 0;
  aspect-ratio: 418/719;
  /* width: 41.8rem; */
  height: 100%;
  overflow: hidden;
  mask-image: url(../img/circle_mask.svg);
  mask-repeat: no-repeat;
  mask-size: 120.1rem;
  mask-position: 100% 25%;
  z-index: 100;
}

.sr_bgimg img {
  object-position: 100% 0%;
}


.recruit_contacts{
  padding: 12.4rem 7rem 15rem 48.9rem;
}

.contact_forms {
  margin-top: 8.5rem;
}

.contact_form:not(:first-child) {
  margin-top: 3.5rem;
}

.select_arrow {
  position: relative;
}

.select_arrow::after {
  content: "";
  position: absolute;
  /* bottom: 1.65rem; */
  right: 1.3rem;
  aspect-ratio: 17/14;
  width: min(1.6rem,16px);
  background-color: black;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  top: 1em;
  /* transform: translateY(-50%); */
}


.contact_form_label {
  font-size: min(1.6rem,16px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.contact_form_required {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EC6D65;
  color: white;
  font-size: min(1.3rem,13px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1em;
  width: 4.1rem;
  /* height: 2.3rem; */
}

.contact_sep_tel {
  /* margin: 3.4rem 0 0 2.5rem; */
  display: flex;
  align-items: baseline;
  gap: 1.4rem;
}

.input_form {
  background-color: #F2F2F2;
  display: block;
  /* margin: 3.4rem auto 0; */
  /* width: calc(100% - 5rem); */
  padding: 1rem 1.3rem;
  font-size: min(1.5rem,15px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
  border-bottom: solid .1rem #a6a6a6;
  width: 100%;
}

.input_form.tel {
  width: 15.7rem;
  margin: 0;
}

.input_form_dash {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.input_form.input_textarea {
  resize: none;
  height: 21.57rem;
  line-height: calc(30em/18);
  border: solid .1rem #a6a6a6;
}

.contact_confirm {
  display: block;
  margin: 6.0rem auto 0;
  aspect-ratio: 174/54;
  width: min(17rem, 170px);
  background-color: #FF9924;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: min(1.8rem, 18px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.img_contain{
  object-fit: contain;
}

.select_input_wrap{
  margin-top: 3.5rem;
  display: flex;
  gap: 1rem;
}

.input_select{
  flex: 1;
}


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


  .switch_career_wrap{
    position: absolute;
    top: -11rem;
    bottom: auto;
    display: flex;
    align-items: center;
    margin: 0;
    width: auto;
  }

  .recruit_egg_img{
    width: 9.5rem;
  }

  .egg_text01 {
    font-size: 1.4rem;
  }

  .egg_text02 {
    font-size: 1rem;
  }

  .mg_le_auto {
    margin-left: 0;
  }
  .pc_onl {
    display: none;
  }


  .main {
    /* padding-bottom: 10rem; */
  }
  /* 採用情報タイトル */
  .bgimg_outer{
    position: relative;
    width: 100%;
    height: 26.9rem;
    overflow: hidden;
  }

  .sr_bgimg{
    position: relative;
    height: 67rem;
    z-index: 0;
  }

  .rt_titles{
    width: 100%;
    margin-right: 0;
    padding: 2.9rem 2rem 0;
    border-bottom: none;
  }
  .rt_cats{
    font-size: 1.5rem;
  }

  .recr_deta_wrap {
    /* margin-top: 33.4rem; */
    padding-top: 0;
    padding-bottom: 0;
  }
  .rt_title{
    font-size: 4.5rem;
    line-height: calc(65em/45);
    padding-bottom: .7rem;
    border-bottom: solid .1rem black;
  }

  .deta_cont_wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8.1rem;
    padding: 0 2rem;
  }
  .deta_title {
    font-size: 1.8rem;
    margin-top: 5.5rem;
    margin-bottom: 1rem;
    line-height: calc(30 / 18);
  }
  .deta_detail {
    font-size: 1.2rem;
    line-height: calc(20 / 12);
    margin-bottom: 2rem;
  }
  .deta_detail:nth-last-child(1) {
    margin-bottom: 0;
  }

  /* 写真 */
  .deta_imgs_wrap {
    width: 100%;
    margin-bottom: 10rem;
  }
  .deta_imgs_top {
    width: 10.6rem;
    height: 10.6rem;
  }
  .deta_imgs_bottom {
    width: 21.2rem;
    height: 10.6rem;
  }
  .sp_imgs_left {
    width: 5.4rem;
  }
  .sp_bott_left {
    width: 16rem;
  }


  /* 数字でみる */
  .number_icon_wrap {
    width: 100%;
    margin-bottom: 5.95rem;
  }
  .number_tit_wrap {
    width: 29.1rem;
    margin-left: auto;
    margin-right: 1.5rem;
    margin-bottom: 2rem;
  }
  .number_title {
    gap: 1rem;
    margin-bottom: 0.5rem;
  }
  .number_title span,
  .egg_title span {
    width: 5rem;
    height: 5rem;
    padding: 1.3rem 0;
    font-size: 1.7rem;
  }
  .number_sab_tit {
    text-align: end;
    font-size: 2.2rem;
  }

  .number_li_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .li_cont_wrap {
    width: 100%;
    display: contents;
  }
  .li_left_empty {
    min-height: auto;
    border-bottom: 0.1rem solid #202124;
    /* flex: 1; */
    width: 1.3rem;
  }

  .number_li_cont:last-child {
    border-right: 0.1rem solid #202124;
  }

  .li_cont_wrap:first-child .number_li_cont:nth-child(odd){
    border-right: none;
  }

  .li_cont_wrap:last-child .number_li_cont:nth-child(even){
    border-right: none;
  }

  .number_li_cont {
    min-height: 29rem;
    width: 17.5rem;
    padding: 2.5rem 0.5rem 2rem 0.5rem;
    border-bottom: 0.1rem solid #202124;
    width: 50%;
  }
  .li_cont_tit {
    font-size: 1.4rem;
    margin-bottom: -1rem;
  }
  .li_cont_number {
    font-size: 4.8rem;
    width: 16rem;
    text-align: end;
    margin-top: .8rem;
    width: 100%;
    padding: 0 0.8rem;
  }
  .li_cont_number span {
    font-size: 1.9rem;
  }
  .sp_text_al {
    text-align: center;
  }
    /* 人間アイコン */
  .human_img {
    width: 14.4rem;
    height: 10.708rem;
    margin-top: 2rem;
  }
  /* 上昇アイコン */
  .ascent_img {
    width: 12.7rem;
    height: 12.1rem;
    margin-top: 0.7rem;
  }
  /* 卵アイコン */
  .egg_img_icon {
    width: 11.25rem;
    height: 12.845rem;
    position: static;
    margin-top: 0.328rem;
  }


    /* 卵から働く */
  .rec_egg_wrap {
    width: 100%;
    margin-right: 0;
  }
  .mb_136 {
    margin-bottom: 7.59rem;

  }

  .career_step_title{
    padding: 0 2rem;
  }
  
  .egg_tit_wrap {
    margin-bottom: 1.133rem;
    margin-left: 1rem;
  }
  .egg_title {
    display: flex;
    gap: 0.224rem;
  }
  .egg_title span {
    padding: 0 1.25rem;
  }
  .egg_img_wrap {
    width: 23.603rem;
    margin-left: 6.897rem;
    position: relative;
  }
  .egg_img {
    width: 16.158rem;
    height: 18.448rem;
    top: -7rem;
    left: -7.4rem;
  }
  .egg_work_img {
    width: 23.603rem;
    height: 3.673rem;
    margin-top: 0;
    position: relative;
    z-index: 1;
  }
  .egg_con_text,
  .chickens_img {
    padding: 0 2rem;
  }
  .egg_con_text {
    margin-bottom: 1.2rem;
  }
  .chickens_img {
    width: 34rem;
    height: 8.45rem;
    margin-left: auto;
  }


  /* 募集職種 */
  .sp_mb_30 {
    margin-bottom: 3rem;
  }
  .pd_sp_20 {
    padding: 0 2rem;
  }
  .mb_134 {
    margin-bottom: 10rem;
  }
  .app_tit {
    justify-content: center;
    gap: 0.7rem;
  }
  /* リスト */
  .job_list_wrap {
    width: 100%;
    row-gap: 1.5rem;
    column-gap: 1.3rem;
    padding: 0 1rem;
  }
  .job_li {
    width: 17rem;
    height: 17rem;
  }
  .job_li_a {
    font-size: 1.6rem;
  }


  /* 応募フォーム */
  .application {
    padding: 6rem 2rem 0;
  }

  .app_desc {
    margin-top: 3.5rem;
  }

  .app_line {
    margin-top: 2.5rem;
    flex-direction: column;
    gap: 2.5rem;
  }

  .app_line_link {
    width: 26.8rem;
    height: auto;
    padding: 4.1rem 3.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
  }
  
  /* フォーム */
  .bgimg_outer {
    position: relative;
    width: 100%;
    height: 26.9rem;
    overflow: hidden;
  }

  .sr_bgimg {
    position: relative;
    height: 67rem;
    z-index: 0;
  }


  .recruit_contacts {
    padding: 3rem 2rem 1.5rem;
  }

  .contact_forms {
    margin-top: 6rem;
  }

  .contact_form.input_select::after {
    bottom: 1.1rem;
  }

  .contact_form_header {
    /* height: 4.7rem; */
    width: 100%;
    background-color: #FF9924;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1.5rem;
  }

  .contact_form_label {
    font-size: 1.4rem;
    line-height: 1em;
  }

  .contact_form_required {
    padding: 0.2rem 1rem;
    font-size: 1rem;
    line-height: 1em;
  }

  .contact_sep_tel {
    margin: 2rem auto 0;
    /* justify-content: center; */
    gap: .7rem;
  }

  .input_form {
    margin: 2rem auto 0;
    /* width: calc(100% - 3rem); */
    font-size: 1.4rem;
    line-height: 1em;
  }

  .input_form.tel {
    width: 8.866rem;
    margin: 0;
  }

  .input_form_dash {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  .input_form.input_textarea {
    resize: none;
    height: 21.4rem;
    line-height: calc(30em/14)
  }

  .contact_confirm {
    margin: 3.9rem auto 0;
    width: 15rem;
    font-size: 1.4rem;
    line-height: 1em;
  }
}