/*----------------------
common 
-----------------------*/
.yes_recruit_inner {
  max-width:1140px;
}
/*----------------------
mv 
-----------------------*/
.mv {
  background:url(/jp/about/company/yes/recruit_career/img/flow/bg_ttl_main_pc.jpg) no-repeat center /cover;
}
.flow {
  display:grid;
  gap:0;
}
.flow__item {
  position:relative;
  padding-top:13px;
  font-size:16px;
}
.flow__item:not(:last-child)::after {
  content:"";
  display:block;
  aspect-ratio:30/20;
  width:30px;
  margin:20px auto 6px;
  background:url(/jp/about/company/yes/recruit_career/img/flow/icon_arrow.svg)no-repeat center /contain;
}
.flow__item-inr {
  margin-left:20px;
  padding:40px 40px 40px 120px;
  background:#f5f5f5;
}
.flow__info {
  display:flex;
  gap:42px;
  margin-top:20px;
}
.flow__info dt {
  display:grid;
  place-content:center;
  width:15%;
  min-width:80px;
  max-width:98px;
  padding:16px 10px;
  background:#fff;
  text-align:center;
}
.flow__num {
  display:grid;
  place-content:center;
  gap:0;
  position:absolute;
  top:0;
  left:0;
  aspect-ratio:1/1;
  width:100px;
  background:#dc1e37;
  color:#fff;
  font-family:"DINNextLTPro-HeavyItalic";
  font-size:40px;
  line-height:1;
  text-align:center;
}
.flow__num span {
  display:block;
  font-size:20px;
  letter-spacing:.02em;
}
.flow__ttl {
  margin-bottom:14px;
  font-size:24px;
}
@media screen and (max-width: 660px) {
  /*----------------------
	mv 
	-----------------------*/
  .mv {
    background:url(/jp/about/company/yes/recruit_career/img/flow/bg_ttl_main_sp.jpg) no-repeat center /cover;
  }
  /*----------------------
	faq 
	-----------------------*/
  .flow__num {
    width:65px;
    font-size:30px;
  }
  .flow__num span {
    font-size:15px;
  }
  .flow__item {
    font-size:14px;
  }
  .flow__item-inr {
    margin-left:4%;
    padding:20px 7% 20px;
  }
  .flow__ttl {
    margin-bottom:17px;
    padding-left:50px;
    font-size:20px;
  }
  .flow__info {
    gap:21px;
  }
  .flow__info dt {
    min-width:67px;
  }
}