@charset "utf-8";
/* 採用情報 TOP
---------------------------------------------------------------------- */
.recruit_top .recruit_kv {
}
.recruit_kv_inner {
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.recruit_top .recruit_kv .recruit_kv_img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit_top .recruit_kv .recruit_img {
  width: 560px;
  overflow: hidden;
}
.kv-image {
  width: 100%;
  display: block;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.kv-image.is-animated {
  clip-path: inset(0);
}
.recruit_top .recruit_kv .recruit_img01 {
  margin-right: -160px;

  /* transform: translateX(350%);
  animation-duration: 1.2s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function: ease;
  animation-delay: 0.5s;
	animation-name: kv_fade_img_rt; */
}
.recruit_top .recruit_kv .recruit_img01 .kv-image {
  transition-delay: 0.5s;
}
.recruit_top .recruit_kv .recruit_img02 .kv-image {
  transition-delay: 1s;
}
.recruit_top .recruit_kv .recruit_img03 .kv-image {
  transition-delay: 1.5s;
}
@keyframes kv_fade_img_rt {
  0% {
    transform: translateX(300%);
  }
  100% {
    transform: translateX(0%);
  }
}
.recruit_top .recruit_kv .recruit_img02 {
  /* transform: translateX(300%);
  animation-duration: 1.2s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function: ease;
  animation-delay: 1s;
	animation-name: kv_fade_img_rt; */
}
.recruit_top .recruit_kv .recruit_img03 {
  margin-left: -160px;

  /* transform: translateX(300%);
  animation-duration: 1.2s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function: ease;
  animation-delay: 1.5s;
	animation-name: kv_fade_img_rt; */
}

.recruit_top .recruit_kv_txt {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.recruit_top .recruit_kv .recruit_txt {

}
.recruit_top .recruit_kv .recruit_txt01 {
  width: 990px;
  margin: 85px auto 0;
  z-index: 2;
	opacity:0;
  animation-duration: 0.8s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 3s;
	animation-name: kv_fade_txt_up;
}
@keyframes kv_fade_txt_up {
  0% {
    opacity:0;
    transform: translate( 0, 20px); 
  }
  100% {
    opacity:1;
    transform: translate( 0, 0);
  }
}
.recruit_top .recruit_kv .recruit_txt02 {
  width: 660px;
  position: absolute;
  top: 165px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.recruit_top .recruit_kv .recruit_txt02 img {
	opacity:0;
  animation-duration: 1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 3.5s;
	animation-name: kv_fade_txt_up;
}


.recruit_top .top_lead_box b {
  display: block;
  margin-top: 70px;
  margin-bottom: 40px;
  font-family: "Noto Serif JP", serif;
  font-size: 30px;
  font-weight: 400;
  color: #f37022;
}
.recruit_top .top_lead_box p.lead_txt {
  font-size: 16px;
  line-height: 2;
}

@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_top .recruit_kv {
    overflow: hidden;
  }
  .recruit_kv_inner {
    max-width: 1300px;
    width: 102%;
    margin-left: -1%;
    margin-right: -1%;
  }
  .recruit_top .recruit_kv .recruit_img {
    width: 43.0769vw;
  }
  .recruit_top .recruit_kv .recruit_img01 {
    margin-right: -12.3077vw;
  }
  .recruit_top .recruit_kv .recruit_img03 {
    margin-left: -12.3077vw;
  }
  .recruit_top .recruit_kv .recruit_txt01 {
    width: 76.1538vw;
    margin: 6.5385vw auto 0;
  }
  .recruit_top .recruit_kv .recruit_txt02 {
    width: 50.7692vw;
    top: 12.6923vw;
  }

  .recruit_top .top_lead_box b {
    font-size: 2.3077vw;
  }
  .recruit_top .top_lead_box p.lead_txt {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit_top .recruit_kv {
    width: 100vw;
    overflow: hidden;
  }
  .recruit_kv_inner {
    max-width: 129.3333vw;
    width: 129.3333vw;
    margin-left: -14.6667vw;
    margin-right: -14.6667vw;
  }
  .recruit_top .recruit_kv .recruit_img {
    width: 57.3333vw;
  }
  .recruit_top .recruit_kv .recruit_img01 {
    margin-right: -21.3333vw;
  }
  .recruit_top .recruit_kv .recruit_img03 {
    margin-left: -21.3333vw;
  }
  .recruit_top .recruit_kv .recruit_txt01 {
    width: 113vw;
    margin: 17vw auto 0;
  }
  .recruit_top .recruit_kv .recruit_txt02 {
    width: 82vw;
    top: 24vw;
  }

  .recruit_top .top_lead_box b {
    margin-top: 8vw;
    margin-bottom: 6vw;
    font-size: 4.8vw;
  }
  .recruit_top .top_lead_box p.lead_txt {
    font-size: 3.2vw;
    line-height: 1.678;
    text-align: left;
    margin-left: 5.3333vw;
    margin-right: 5.3333vw;
    margin-bottom: 6.6667vw;
  }
}




/* TOP Common */
.recruit_wrap .orange_btn {
  width: 290px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50px;
  background: linear-gradient(to right, #ff9658, #f55b00);
  position: relative;
}
.recruit_wrap .orange_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.recruit_wrap .orange_btn span {
  font-size: 0.875rem;
  color: #fff;
}
.recruit_wrap .orange_btn img {
  width: 22px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}


.recruit_wrap .entry_btn {
  width: 220px;
  height: 37px;
  margin: 30px auto 125px;
  border-radius: 50px;
  background: linear-gradient(to right, #dcdcdc, #a3a8ac);
  position: relative;
}
.recruit_wrap .entry_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.recruit_wrap .entry_btn span {
  font-size: 0.875rem;
  color: #000;
}
.recruit_wrap .entry_btn img {
  width: 8px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}



.recruit_wrap .content_inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
.recruit_wrap p.lead_txt {
  /* font-size: 16px; */
  font-size: 21px;
  line-height: 2;
  text-align: center;
  margin-bottom: 45px;
}
.recruit_top .recruit_wrap p.lead_txt {
  font-size: 16px;
}

/* obi */
.recruit_wrap .skew-overlay {
  opacity:0;
}
.recruit_wrap .skew-overlay.show {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: -45px;
  left: 0;
  width: 660px;
  height: 90px;
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  z-index: 2;
  transform: translateX(-100%);
  animation-duration: 0.8s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 0.2s;
	animation-name: fade_txt;
  opacity:1;
}
@keyframes fade_txt {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.recruit_wrap .skew-overlay-rt {
  opacity:0;
}
.recruit_wrap .skew-overlay-rt.show {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: -45px;
  right: 0;
  width: 660px;
  height: 90px;
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  z-index: 2;
  transform: translateX(100%);
  animation-duration: 0.8s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 0.2s;
	animation-name: fade_txt_rt;
  opacity:1;
}
@keyframes fade_txt_rt {
  0% {

    transform: translateX(100%);
  }
  100% {

    transform: translateX(0%);
  }
}

.recruit_wrap .skew-overlay.show .obi_tit {
  font-size: 21px;
  color: #dcdcdc;
  text-align: right;
  margin-right: 235px;

	animation-duration: 0.7s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
	opacity:0;
	animation-delay: 1.2s;
	animation-name: fadeUp;
}
.recruit_wrap .skew-overlay-rt.show .obi_tit {
  font-size: 21px;
  color: #dcdcdc;
  text-align: left;
  margin-left: 235px;

	animation-duration: 0.7s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
	opacity:0;
	animation-delay: 1.2s;
	animation-name: fadeUp;
}
@keyframes fadeUp {
	from {
		opacity:0;
    transform: translate( 0, 20px); 
	}
	to {
		opacity:1;
    transform: translate( 0, 0);
	}
}
.recruit_wrap .skew-overlay .obi_tit span,
.recruit_wrap .skew-overlay-rt .obi_tit span {
  font-size: 60px;
}

@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_wrap .orange_btn {
    width: 35vw;
    height: 4.6154vw;
  }

  .recruit_wrap p.lead_txt {
    font-size: 1.6154vw;
  }
  .recruit_top .recruit_wrap p.lead_txt {
    font-size: 1.4vw;
  }

  .recruit_wrap .skew-overlay.show {
    top: -3.4615vw;
    width: 50.7692vw;
    height: 6.9231vw;
  }
  .recruit_wrap .skew-overlay-rt.show {
    top: -3.4615vw;
    width: 50.7692vw;
    height: 6.9231vw;
  }
  .recruit_wrap .skew-overlay.show .obi_tit {
    font-size: 1.6154vw;
    margin-right: 18.0769vw;
  }
  .recruit_wrap .skew-overlay-rt.show .obi_tit {
    font-size: 1.6154vw;
    margin-left: 18.0769vw;
  }
  .recruit_wrap .skew-overlay .obi_tit span,
  .recruit_wrap .skew-overlay-rt .obi_tit span {
    font-size: 4.6154vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit_wrap .orange_btn {
    width: 58.6667vw;
    height: 12.5333vw;
  }
  .recruit_wrap .orange_btn span {
    font-size: 3.2vw;
  }
  .recruit_wrap .orange_btn img {
    width: 4vw;
    right: 4vw;
  }
  
  .recruit_wrap .entry_btn {
    width: 42.6667vw;
    height: 7.2vw;
    margin: 4vw auto 18vw;
  }
  .recruit_wrap .entry_btn span {
    font-size: 2.8vw;
  }
  .recruit_wrap .entry_btn img {
    width: 1.4667vw;
    right: 2.6667vw;
  }


  .recruit_wrap p.lead_txt {
    font-size: 4vw;
    line-height: 1.678;
    text-align: left;
    margin-left: 5.3333vw;
    margin-right: 5.3333vw;
    margin-bottom: 6.6667vw;
  }
  .recruit_top .recruit_wrap p.lead_txt {
    font-size: 3.2vw;
  }
  .recruit_wrap.recruit_career p.lead_txt,
  .recruit_wrap.recruit_faq p.lead_txt {
    margin-left: 0;
    margin-right: 0;
  }




  .recruit_wrap .skew-overlay.show {
    top: -7.4667vw;
    width: 84vw;
    height: 14.6667vw;
  }
  .recruit_wrap .skew-overlay-rt.show {
    top: -7.4667vw;
    width: 84vw;
    height: 14.6667vw;
  }

  .recruit_wrap .skew-overlay.show .obi_tit {
    font-size: 3.3333vw;
    margin-right: 26.6667vw;
  }
  .recruit_wrap .skew-overlay-rt.show .obi_tit {
    font-size: 3.3333vw;
    margin-left: 26.6667vw;
  }
  .recruit_wrap .skew-overlay .obi_tit span,
  .recruit_wrap .skew-overlay-rt .obi_tit span {
    font-size: 9.6vw;
  }
}







/* Culture */
.recruit_wrap .culture_box {
  padding: 85px 0;
  background: #f8f8f8;
  position: relative;
}
.recruit_wrap .culture_box ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}
.recruit_wrap .culture_box ul li {
  width: 530px;
  background: #fff;
  border-radius: 5px;
  padding-top: 20px;
  box-sizing: border-box;
}
.recruit_wrap .culture_box ul li b {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
.recruit_wrap .culture_box ul li .btn_box {
  width: 100%;
  text-align: left;
  padding: 15px;
  box-sizing: border-box;
}
.recruit_wrap .culture_box ul li .btn_box a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.025em;
}
.recruit_wrap .culture_box ul li .btn_box .cont_btn {
  width: 58px;
  height: 14px;
  border-radius: 7px;
  background: linear-gradient(to right, #ff9658, #f55b00);
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit_wrap .culture_box ul li .btn_box .cont_btn img {
  width: 5px;
  height: 8px;
  margin: 0 10px 0 auto;
}
@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_wrap .culture_box ul li {
    width: 40.7692vw;
  }
  .recruit_wrap .culture_box ul li b {
    font-size: 1.8462vw;
  }
  .recruit_wrap .culture_box ul li .btn_box a {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit_wrap .culture_box {
    padding: 13.3333vw 0;
  }
  .recruit_wrap .culture_box ul {
    width: 89.3333vw;
    margin: 0 auto;
    flex-direction: column;
    gap: 5.3333vw;
  }
  .recruit_wrap .culture_box ul li {
    width: 100%;
    padding-top: 4vw;
  }
  .recruit_wrap .culture_box ul li b {
    font-size: 4.8vw;
    margin-bottom: 3.3333vw;
  }
  .recruit_wrap .culture_box ul li .btn_box {
    padding: 4vw;
  }
  .recruit_wrap .culture_box ul li .btn_box a {
    font-size: 3.2000vw;
    line-height: 1.678;
  }

  .recruit_wrap .culture_box ul li .btn_box .cont_btn {
    width: 15.3333vw;
    height: 3.8667vw;
    border-radius: 20px;
  }
  .recruit_wrap .culture_box ul li .btn_box .cont_btn img {
    width: 1.2vw;
    height: 1.8667vw;
    margin: 0 2.6667vw 0 auto;
  }


}






/* Works */
.recruit_wrap .works_box {
  background: url('../img/recruit/works_bg.jpg') no-repeat;
  background-size: contain;
  background-position: 40% center;
  position: relative;
}
.recruit_wrap .works_box .skew-overlay-rt {
  top: 80px;
}
.recruit_wrap .works_box .type_box {
  width: 455px;
  margin-left: auto;
  background: #fff;
  position: relative;
  padding-top: 330px;
}
.recruit_wrap .works_box .type_box .lead_txt {
  position: absolute;
  top: 215px;
  left: -315px;
}
.recruit_wrap .works_box .type_txt_box {
  width: 400px;
  margin: 0 0 0 auto;
  text-align: left;
}
.recruit_wrap .works_box .type_txt_box b.type_tit {
  display: block;
  margin-bottom: 30px;
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 400;
  color: #e27839;
  line-height: 1.34;
}
.recruit_wrap .works_box .type_txt_box p.type_txt {
  font-size: 16px;
  line-height: 2;
}
.recruit_wrap .works_box .type_txt_box .orange_btn {
  margin: 30px 0 20px 0;
}

@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_wrap .works_box .type_box {
    width: 40vw;
  }
  .recruit_wrap .works_box .type_box .lead_txt {
    left: -24.2308vw;
  }
  .recruit_wrap .works_box .type_txt_box {
    width: 35vw;
    margin: 0 4% 0 auto;
  }
  .recruit_wrap .works_box .type_txt_box b.type_tit {
    font-size: 2.7692vw;
  }
  .recruit_wrap .works_box .type_txt_box p.type_txt {
    font-size: 1.4vw;
  }
  .recruit_wrap .works_box .type_txt_box .orange_btn {
    width: 22.3077vw;
  }

}

@media screen and (max-width: 768px) {
  .recruit_wrap .works_box {
    background: url('../img/recruit/works_bg_sp.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }
  .recruit_wrap .works_box .skew-overlay-rt {
    top: 13.3333vw;
  }
  .recruit_wrap .works_box .type_box {
    width: 100%;
    margin-left: 0;
    background: transparent;
    padding-top: 34.6667vw;
  }
  .recruit_wrap .works_box .type_box .lead_txt {
    position: relative;
    top: 0;
    left: 0;
  }
  .recruit_wrap .works_box .type_txt_box {
    width: 52vw;
    margin: 0 4vw 0 auto;
    padding-bottom: 18.6667vw;
  }
  .recruit_wrap .works_box .type_txt_box b.type_tit {
    margin-bottom: 5.3333vw;
    font-size: 5.6vw;
    line-height: 1.34;
    text-align: right;
  }
  .recruit_wrap .works_box .type_txt_box p.type_txt {
    font-size: 3.2vw;
    line-height: 1.68;
  }
  .recruit_wrap .works_box .type_txt_box .orange_btn {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* interview */
.recruit_wrap .interview_wrap {
  margin-top: 75px;
  margin-bottom: 130px;
  padding-top: 315px;
  padding-bottom: 80px;
  position: relative;
}
.recruit_wrap .inter_img_box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.recruit_wrap .interview_wrap .interview_txt02 {
  width: 610px;
  position: absolute;
  top: 280px;
  left: 50%;
  transform: translateX(-50%);
}
.recruit_wrap .interview_wrap .interview_txt01 {
  width: 450px;
  margin: 0 auto 20px;
}
.recruit_wrap .interview_wrap .lead_txt {
  margin-bottom: 150px;
}
.recruit_wrap .inter_img_box02 {
  display: none;
}
@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_wrap .interview_wrap {
    margin-top: 6.8182vw;
    margin-bottom: 11.8182vw;
    padding-top: 28.6364vw;
    padding-bottom: 7.2727vw;
  }
  .recruit_wrap .interview_wrap .interview_txt02 {
    width: 55.4545vw;
    top: 25.4545vw;
  }
  .recruit_wrap .interview_wrap .interview_txt01 {
    width: 40.9091vw;
    margin: 0 auto 1.8182vw;
  }
  .recruit_wrap .interview_wrap .lead_txt {
    margin-bottom: 13.6364vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit_wrap .interview_wrap {
    margin-top: 13.3333vw;
    margin-bottom: 20vw;
    padding-top: 0;
    padding-bottom: 0;
  }
  .recruit_wrap .inter_img_box {
    position: relative;
  }
  .recruit_wrap .interview_wrap .interview_txt02 {
    width: 74.4vw;
    top: 53.3333vw;
  }
  .recruit_wrap .interview_wrap .interview_txt01 {
    width: 70.4000vw;
    margin: 8vw auto 2.6667vw;
  }
  .recruit_wrap .interview_wrap .lead_txt {
    margin-bottom: 5.3333vw;
  }
  .recruit_wrap .inter_img_box02 {
    display: block;
    margin-bottom: 6.6667vw;
  }

}


/* bottom menu */
.recruit_wrap .entry_box {
  padding: 80px 0 0;
  background: #f8f8f8;
  position: relative;
}
.recruit_top .entry_box {
  padding: 80px 0;
}


.recruit_wrap ul.entry_link {
  display: flex;
  justify-content: center;
  gap: 0 40px;
}
.recruit_wrap ul.entry_link li {
  width: 340px;
  border-radius: 5px;
  overflow: hidden;
}
.recruit_wrap ul.entry_link li a {
  display: flex;
  width: 100%;
  height: 100%;
}

.recruit_wrap ul.entry_link li .img_box {
  width: 100px;
}
.recruit_wrap ul.entry_link li .btn_box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: calc(100% - 100px);
  padding-right: 40px;
  box-sizing: border-box;
  background: linear-gradient(to right, #d9e1e8, #aeb8c0);
  color: #fff;
  font-size: 18px;
  position: relative;
}
.recruit_wrap ul.entry_link li .btn_box span {
  display: block;
  font-size: 14px;
  margin-top: 8px;
}
.recruit_wrap ul.entry_link li .btn_box img {
  width: 22px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_top .entry_box {
    padding: 80px 2%;
  }
  
  .recruit_wrap ul.entry_link {
    gap: 0 2%;
  }
  .recruit_wrap ul.entry_link li {
    width: 30vw;
  }
  .recruit_wrap ul.entry_link li .btn_box {
    padding-right: 3.0769vw;
    font-size: 1.8vw;
  }
  .recruit_wrap ul.entry_link li .btn_box span {
    font-size: 1.6vw;
  }
  .recruit_wrap ul.entry_link li .btn_box img {
    width: 1.6923vw;
    right: 1.5385vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit_wrap .entry_box {
    padding: 13.3333vw 5.3333vw 2.6667vw;
  }
  .recruit_top .entry_box {
    padding: 13.3333vw 5.3333vw 2.6667vw;
  }

  
  .recruit_wrap ul.entry_link {
    flex-direction: column;
    gap: 5.3333vw 0;
  }
  .recruit_wrap ul.entry_link li {
    width: 100%;
  }
  .recruit_wrap ul.entry_link li .img_box {
    width: 26.4vw;
  }
  .recruit_wrap ul.entry_link li .btn_box {
    width: calc(100% - 26.4vw);
    padding-right: 10vw;
    font-size: 4.8vw;
  }
  .recruit_wrap ul.entry_link li .btn_box span {
    font-size: 4vw;
    margin-top: 1.3333vw;
  }
  .recruit_wrap ul.entry_link li .btn_box img {
    width: 4vw;
    right: 5.3333vw;
  }


  .recruit_top .entry_box p.lead_txt {
    margin-left: 0;
    margin-right: 0;
  }

}











/* 採用担当者からのメッセージ
---------------------------------------------------------------------- */
.pageTit_message {
  background: url('../img/common/sub_tit_bg_pc.png');
  background-size: cover;
  background-position: right;
  position: relative;
}
.recruit_message .pho_wrap {
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* background: linear-gradient(to right, #d4d2d7, #fff); */
  position: relative;
}
.recruit_message .pho_box {
  max-width: 1300px;
  width: 100%;
  height: 100%;
  margin: auto;
  background: url('../img/recruit/message/pho_pc.jpg') no-repeat;
  background-size: cover;
  background-position: center;


  opacity:0;
  animation-duration: 0.8s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 0.5s;
	animation-name: kv_fade_txt_up;
}
.recruit_message .pho_wrap .m_txt {
  width: 624px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.recruit_message .pho_wrap .m_txt {
  opacity: 0;
  transition-property: opacity, translate;
  transition-duration: 1s;
  transition-delay: 0.5s;
  transition-timing-function: linear;
}
.recruit_message .pho_wrap .m_txt.show {
  opacity: 1;
}

.recruit_message .content_box {
  margin-top: 60px;
  margin-bottom: 75px;
}
.recruit_message .txt {
  font-size: 16px;
  line-height: 2;
  text-align: left;
}

.recruit_message .txt + .txt {
  margin-top: 2em;
}
@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_message .content_box {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .pageTit_message {
    background: url('../img/common/sub_tit_bg_sp.png');
    background-size: cover;
    background-position: right;
  }

  .recruit_message .pho_wrap {
    height: 60vw;
  }
  .recruit_message .pho_box {
    max-width: 100%;
    background: url('../img/recruit/message/pho_sp.jpg') no-repeat;
    background-size: 100vw;
  }
  .recruit_message .pho_wrap .m_txt {
    width: 69.8667vw;
    top: 60%;
  }
  .recruit_message .content_box {
    padding-left: 5.3333vw;
    padding-right: 5.3333vw;
    margin-top: 7.3333vw;
    margin-bottom: 13.3333vw;
  }
  .recruit_message .txt {
    font-size: 3.2vw;
    line-height: 1.6667;
  }
}















/* -会社を知る-
---------------------------------------------------------------------- */

/* page top title */
.recruit_sub .pageTit_sub {
  width: 100%;
  position: relative;
}

.recruit_sub .skew-overlay {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 70px;
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  z-index: 2;
  transform: translateX(-100%);

  animation-duration: 0.8s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 0.5s;
	animation-name: fade_txt;
}
@keyframes fade_txt {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

.recruit_sub .skew-overlay .obi_tit {
  font-size: 16px;
  color: #dcdcdc;
  text-align: right;
  margin-right: 60px;

	animation-duration: 0.7s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
	opacity:0;
	animation-delay: 1.2s;
	animation-name: fadeUp;
}
@keyframes fadeUp {
	from {
		opacity:0;
    transform: translate( 0, 20px); 
	}
	to {
		opacity:1;
    transform: translate( 0, 0);
	}
}
.recruit_sub .skew-overlay .obi_tit span {
  font-size: 30px;
}


.recruit_sub .pageTit_inner {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
}
.recruit_sub .pageTit_sub .tit_en {
  position: absolute;
  top: 56px;
  left: 370px;
}
.recruit_sub .pageTit_training .tit_en {
  width: 354px;
}
.recruit_sub .pageTit_system .tit_en {
  width: 661px;
}
.recruit_sub .pageTit_about .tit_en {
  /* width: 237px; */
  width: 215px;
}
.recruit_sub .pageTit_type .tit_en {
  width: 290px;
}
.recruit_sub .pageTit_interview .tit_en {
  width: 319px;
}
.recruit_sub .pageTit_data .tit_en {
  width: 417px;
}




.recruit_sub .pageTit_sub .pageTit {
  font-size: 50px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0 0 40px;
  position: relative;
  z-index: 1;
}
.recruit_sub .pageTit_sub .pageTit span {
  display: block;
  font-size: 27px;
}
.recruit_sub .pageTit_sub .tit_lead {
  font-size: 21px;
  line-height: 2.28;
}







.recruit_training .content_box {
  padding-bottom: 60px;
}
.recruit_about .content_box {
  padding-bottom: 80px;
}



.recruit_sub .content_box ul.recruit_flex li {
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-radius: 5px;
  background: #f8f8f8;
}
.recruit_sub .content_box ul.recruit_flex li:nth-child(even) {
  flex-direction: row-reverse;
}

.recruit_sub .content_box ul.recruit_flex li .img_box {
  width: 540px;
}

.recruit_sub .content_box ul.recruit_flex li .txt_box {
  width: 500px;
  text-align: left;
}
.recruit_system .content_box ul li:last-child .txt_box {
  width: 100%;
}

.recruit_sub .content_box ul.recruit_flex li:nth-child(odd) .txt_box {
  margin-left: 30px;
}

.recruit_sub .content_box ul.recruit_flex li:nth-child(even) .txt_box {
  margin-right: 30px;
}

.recruit_sub .content_box ul.recruit_flex li b {
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #000;
}
.recruit_training .content_box ul li dt,
.recruit_system .content_box ul li dt {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}
.recruit_training .content_box ul li dd,
.recruit_system .content_box ul li dd {
  font-size: 16px;
  line-height: 1.68;
}

@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_sub .skew-overlay {
    width: 26.9231vw;
    height: 5.3846vw;
  }
  .recruit_sub .skew-overlay .obi_tit {
    font-size: 1.2308vw;
    margin-right: 60px;
  }
  .recruit_sub .skew-overlay .obi_tit span {
    font-size: 2.3077vw;
  }

  .recruit_sub .pageTit_sub .tit_en {
    top: 60px;
    left: 28.4615vw;
  }
  .recruit_sub .pageTit_training .tit_en {
    width: 27.2308vw;
  }
  .recruit_sub .pageTit_system .tit_en {
    width: 50.8462vw;
  }
  .recruit_sub .pageTit_about .tit_en {
    /* width: 18.2308vw; */
    width: 16.5385vw;
  }
  .recruit_sub .pageTit_type .tit_en {
    width: 22.3077vw;
  }
  .recruit_sub .pageTit_interview .tit_en {
    width: 24.5385vw;
  }
  .recruit_sub .pageTit_data .tit_en {
    width: 32.0769vw;
  }


  .recruit_sub .pageTit_sub .pageTit {
    font-size: 3.8462vw;
  }
  .recruit_sub .pageTit_sub .pageTit span {
    font-size: 2.0769vw;
  }
  .recruit_sub .pageTit_sub .tit_lead {
    font-size: 1.6154vw;
  }


  .recruit_sub .recruit_wrap {
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
  }
  .recruit_sub .recruit_wrap.recruit_interview_top {
    padding-left: 0;
    padding-right: 0;
  }


  .recruit_sub .content_box ul.recruit_flex li {
    justify-content: center;
  }
  .recruit_sub .content_box ul.recruit_flex li .img_box {
    width: 41.5385vw;
  }
  .recruit_sub .content_box ul.recruit_flex li .txt_box {
    width: 38.4615vw;
  }
  .recruit_system .content_box ul li:last-child .txt_box {
    width: 100%;
  }
  .recruit_sub .content_box ul.recruit_flex li b {
    font-size: 2.3077vw;
  }
  .recruit_training .content_box ul li dt,
  .recruit_system .content_box ul li dt {
    font-size: 1.6vw;
  }
  .recruit_training .content_box ul li dd,
  .recruit_system .content_box ul li dd {
    font-size: 1.4vw;
  }




}

@media screen and (max-width: 768px) {
  .recruit_sub .skew-overlay {
    width: 38.6667vw;
    height: 9.3333vw;
  }
  .recruit_sub .skew-overlay .obi_tit {
    font-size: 2.1333vw;
    margin-right: 8vw;
  }
  .recruit_sub .skew-overlay .obi_tit span {
    font-size: 4vw;
  }
  .recruit_sub .pageTit_inner {
    max-width: 100%;
    padding-top: 20vw;
    padding-top: 17.3333vw;
    /* padding-bottom: 8vw; */
    padding-bottom: 0;
  }
  .recruit_sub .pageTit_sub .tit_en {
    top: 12vw;
    left: 12vw;
  }
  .recruit_sub .pageTit_training .tit_en {
    width: 47.2vw;
  }
  .recruit_sub .pageTit_system .tit_en {
    width: 87.2vw;
  }
  .recruit_sub .pageTit_about .tit_en {
    width: 28.5333vw;
  }
  .recruit_sub .pageTit_type .tit_en {
    width: 38.5333vw;
  }
  .recruit_sub .pageTit_interview .tit_en {
    width: 42.4vw;
  }
  .recruit_sub .pageTit_data .tit_en {
    width: 55.6vw;
  }

  .recruit_sub .pageTit_sub .pageTit {
    font-size: 6.6667vw;
    margin: 0 0 5.3333vw;
  }
  .recruit_sub .pageTit_sub .pageTit span {
    font-size: 3.6vw;
  }
  .recruit_sub .pageTit_sub .tit_lead {
    font-size: 4vw;
    line-height: 2;
    text-align: left;
    padding-left: 5.3333vw;
    padding-right: 5.3333vw;
  }

  .recruit_sub .content_box {
    padding-left: 5.3333vw;
    padding-right: 5.3333vw;
  }
  .recruit_training .content_box {
    padding-bottom: 60px;
  }
  .recruit_about .content_box {
    padding-bottom: 10.6667vw;
  }

  .recruit_sub .content_box ul.recruit_flex li {
    display: flex;
    padding-top: 4vw;
    padding-bottom: 3.3333vw;
    /* padding-left: 4vw;
    padding-right: 4vw; */
    margin-top: 5.3333vw;
  }
  .recruit_sub .content_box ul.recruit_flex li .img_box {
    width: 100%;
  }
  .recruit_sub .content_box ul.recruit_flex li .txt_box {
    width: 100%;
  }
  .recruit_sub .content_box ul.recruit_flex li:nth-child(odd) .txt_box {
    margin-left: 0;
  }
  .recruit_sub .content_box ul.recruit_flex li:nth-child(even) .txt_box {
    margin-right: 0;
  }
  .recruit_sub .content_box ul.recruit_flex li b {
    font-size: 4.8vw;
    margin-bottom: 4vw;
  }
  .recruit_sub .content_box ul li dl {
    margin-top: 4vw;
    margin-left: 4vw;
    margin-right: 4vw;
  }
  .recruit_training .content_box ul li dt,
  .recruit_system .content_box ul li dt {
    font-size: 3.2vw;
    margin-top: 2vw;
  }
  .recruit_training .content_box ul li dd,
  .recruit_system .content_box ul li dd {
    font-size: 3.2vw;
    line-height: 1.3334;
    margin-top: 1.333vw;
  }
  
}






/* 育成の取組み
---------------------------------------------------------------------- */
.recruit_sub .pageTit_training {
  background: url('../img/recruit/training/main_bg_pc.jpg') no-repeat;
  background-position: top right;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .recruit_sub .pageTit_training {
    background: url('../img/recruit/training/main_bg_sp.jpg') no-repeat;
    background-position: top right;
    background-size: 100vw;
  }

}

/* 職場環境と制度
---------------------------------------------------------------------- */
.recruit_sub .pageTit_system {
  background: url('../img/recruit/system/main_bg_pc.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}

.recruit_sub .pick_up_voice_wrap {
  margin-top: 80px;
  margin-bottom: 120px;
}
.recruit_sub .pick_up_voice_wrap h3 {
  font-size: 30px;
}
.recruit_sub .pick_up_voice_wrap h3 span {
  display: block;
  font-family: "adobe-garamond-pro", serif;
  font-size: 50px;
  font-weight: normal;
  font-style: italic;
  color: #f47022;
}
.recruit_sub .pick_up_voice_wrap .img_box {
  width: 360px;
}
.recruit_sub .pick_up_voice_wrap .txt_box {
  width: 660px;
}

.recruit_sub .pick_up_voice_wrap ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 55px;
}
.recruit_sub .pick_up_voice_wrap ul li:nth-child(2) {
  flex-direction: row-reverse;
}
.recruit_sub .pick_up_voice_wrap ul li:nth-child(1) .txt_box {
  text-align: left;
  position: relative;
  padding-bottom: 30px;
}
.recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .txt_box {
  text-align: right;
  position: relative;
  padding-bottom: 30px;
}
.recruit_sub .pick_up_voice_wrap ul li:nth-child(1) .txt_box::before {
  display: block;
  content: "";
  width: 488px;
  height: 328px;
  background: url('../img/recruit/system/pick_up_voice_arrow.png');
  position: absolute;
  left: -80px;
  bottom: 0;
}
.recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .txt_box::before {
  display: block;
  content: "";
  width: 488px;
  height: 328px;
  background: url('../img/recruit/system/pick_up_voice_arrow.png');
  position: absolute;
  right: -80px;
  bottom: 0;
  transform: scaleX(-1);
}

.recruit_sub .pick_up_voice_wrap ul li .txt_box b {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.3334;
}
.recruit_sub .pick_up_voice_wrap ul li .txt_box b span {
  display: block;
  font-size: 18px;
}
.recruit_sub .pick_up_voice_wrap ul li .txt_box p {
  font-size: 16px;
  line-height: 1.687;
  margin-top: 20px;
}
.recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .txt_box p {
  text-align: left;
}
@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_sub .pick_up_voice_wrap h3 {
    font-size: 2.3077vw;
  }
  .recruit_sub .pick_up_voice_wrap h3 span {
    font-size: 3.8462vw;
  }
  .recruit_sub .pick_up_voice_wrap .img_box {
    width: 27.6923vw;
  }
  .recruit_sub .pick_up_voice_wrap .txt_box {
    width: 50.7692vw;
  }

  

  .recruit_sub .pick_up_voice_wrap ul li {
    justify-content: center;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(1) .txt_box {
    margin-left: 6.1538vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .txt_box {
    margin-right: 6.1538vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(1) .txt_box::before {
    width: 37.5385vw;
    height: 25.2308vw;
    left: -6.1538vw;
    background-size: contain;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .txt_box::before {
    width: 37.5385vw;
    height: 25.2308vw;
    right: -6.1538vw;
    background-size: contain;
  }

  .recruit_sub .pick_up_voice_wrap ul li .txt_box b {
    font-size: 2.3077vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li .txt_box b span {
    font-size: 1.6vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li .txt_box p {
    font-size: 1.4vw;
  }

}
@media screen and (max-width: 768px) {
  .recruit_sub .pageTit_system {
    background: url('../img/recruit/system/main_bg_sp.jpg') no-repeat;
    background-position: center;
    background-size: cover;
  }

  .recruit_sub .pick_up_voice_wrap {
    margin-top: 11.3333vw;
    margin-bottom: 10vw;
  }
  .recruit_sub .pick_up_voice_wrap h3 {
    font-size: 4.8vw;
  }
  .recruit_sub .pick_up_voice_wrap h3 span {
    font-size: 5.6vw;
  }
  .recruit_sub .pick_up_voice_wrap .img_box {
    width: 64vw;
  }
  .recruit_sub .pick_up_voice_wrap .txt_box {
    width: 85.3333vw;
  }

  .recruit_sub .pick_up_voice_wrap ul li {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 6.6667vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(2) {
    flex-direction: column-reverse;
  }

  .recruit_sub .pick_up_voice_wrap ul li:nth-child(1) .txt_box {
    padding-bottom: 10.6667vw;
    margin-left: 5.3333vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .txt_box {
    padding-bottom: 10.6667vw;
    margin-left: 9.3333vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(1) .img_box {
    margin-left: 12vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .img_box {
    margin-left: 24vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(1) .txt_box::before {
    width: 69.2000vw;
    height: 73.0667vw;
    background: url('../img/recruit/system/pick_up_voice_arrow_sp.png') no-repeat;
    background-size: contain;
    left: auto;
    right: -4vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li:nth-child(2) .txt_box::before {
    width: 69.2000vw;
    height: 73.0667vw;
    background: url('../img/recruit/system/pick_up_voice_arrow_sp.png') no-repeat;
    background-size: contain;
    right: auto;
    left: -4vw;
    transform: scaleX(-1);
  }
  .recruit_sub .pick_up_voice_wrap ul li .txt_box b {
    font-size: 4.8vw;
    line-height: 1.3334;
  }
  .recruit_sub .pick_up_voice_wrap ul li .txt_box b span {
    font-size: 3.6vw;
  }
  .recruit_sub .pick_up_voice_wrap ul li .txt_box p {
    font-size: 3.2vw;
    line-height: 1.333;
    margin-top: 2.6667vw;
  }

}

/* JR東海不動産とは
---------------------------------------------------------------------- */
.recruit_sub .pageTit_about {
  background: url('../img/recruit/about/main_bg_pc.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}

.recruit_about .content_box ul.recruit_flex .point_box {
  font-family: "din-2014", sans-serif;
  text-align: center;
  line-height: 1;
}
.recruit_about .content_box ul.recruit_flex .point_box small {
  font-size: 27px;
  font-weight: bold;
  color: #000;
}
.recruit_about .content_box ul.recruit_flex .point_box span {
  display: block;
  font-size: 70px;
  padding-left: 10px;
  margin: 0;
}

.recruit_about ul.recruit_flex li:nth-child(1) .point_box span {
  color: #ff6000;
}
.recruit_about ul.recruit_flex li:nth-child(2) .point_box span {
  color: #30e083;
}
.recruit_about ul.recruit_flex li:nth-child(3) .point_box span {
  color: #1e3cd4;
}
.recruit_about ul.recruit_flex li:nth-child(4) .point_box span {
  color: #df267d;
}
.recruit_about ul.recruit_flex li:nth-child(5) .point_box span {
  color: #1ed4ce;
}
.recruit_about ul.recruit_flex li b {
  margin-top: 5px;
  margin-bottom: 15px;
}
.recruit_about ul.recruit_flex li p {
  font-size: 16px;
  line-height: 1.5;
}
.recruit_about ul.recruit_flex li .txt_box {
  position: relative;
}
.recruit_about ul.recruit_flex li .photo_by {
  max-width: 100%;
  margin-bottom: 0;
  font-size: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_about .content_box ul.recruit_flex .point_box small {
    font-size: 2.0769vw;
  }
  .recruit_about .content_box ul.recruit_flex .point_box span {
    font-size: 5.3846vw;
  }

  .recruit_about ul.recruit_flex li p {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit_sub .pageTit_about {
    background: url('../img/recruit/about/main_bg_sp.jpg') no-repeat;
    background-position: center;
    background-size: cover;
  }
  .recruit_about .content_box ul.recruit_flex .point_box small {
    font-size: 4.8vw;
  }
  .recruit_about .content_box ul.recruit_flex .point_box span {
    font-size: 12vw;
    padding-left: 1.3333vw;
  }
  .recruit_about ul.recruit_flex li b {
    margin-top: 1.3333vw;
    margin-bottom: 4vw;
  }
  .recruit_about ul.recruit_flex li p {
    font-size: 3.2vw;
    line-height: 1.333;
    margin-top: 4vw;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .recruit_about ul.recruit_flex li:nth-child(1) .txt_box {
    padding-bottom: 6vw;
  }
  .recruit_about ul.recruit_flex li .photo_by {
    font-size: 2.4vw;
  }
}










/* 職種紹介
---------------------------------------------------------------------- */
.recruit_sub .pageTit_type {
  background: url('../img/recruit/type/main_bg_pc.jpg') no-repeat;
  /* background-position: center;
  background-size: cover; */
  background-position: right top;
  background-size: auto;
}
.recruit_type .content_box {
  margin-top: 20px;
  margin-bottom: 80px;
  padding-top: 60px;
  border-radius: 5px;
  background: #f8f8f8;
}
.recruit_type .content_box .cont_tit {
  width: 524px;
  margin: 0 auto 35px;
}
.recruit_type .content_box ul.icon_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.recruit_type .content_box ul.icon_wrap li {
  width: 310px;
}

.recruit_type .content_box ul.icon_wrap li:nth-child(1) {
  transition-delay: 0.5s;
}
.recruit_type .content_box ul.icon_wrap li:nth-child(2) {
  transition-delay: 1s;
}
.recruit_type .content_box ul.icon_wrap li:nth-child(3) {
  transition-delay: 1.5s;
}
.recruit_type .content_box ul.icon_wrap li:nth-child(4) {
  transition-delay: 0.5s;
}
.recruit_type .content_box ul.icon_wrap li:nth-child(5) {
  transition-delay: 1s;
}


.recruit_type .content_box ul.icon_wrap li .icon_box {
  width: 182px;
  margin: 0 auto;
}
.recruit_type .content_box ul.icon_wrap li p {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_type .content_box {
    width: calc(100% - 4%);
    margin-left: 2%;
    margin-right: 2%;
  }
  .recruit_type .content_box .cont_tit {
    width: 40.3077vw;
  }
  .recruit_type .content_box ul.icon_wrap li {
    width: 23.8462vw;
  }
  .recruit_type .content_box ul.icon_wrap li .icon_box {
    width: 14vw;
  }
  .recruit_type .content_box ul.icon_wrap li p {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit_sub .pageTit_type {
    background: url('../img/recruit/type/main_bg_sp.jpg') no-repeat;
    background-position: right top;
    background-size: 100%;
  }
  .recruit_type .content_box {
    width: 89.3333vw;
    margin-top: 8vw;
    margin-bottom: 13.3333vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6.6667vw;
    padding-bottom: 8vw;
  }
  .recruit_type .content_box .cont_tit {
    width: 69.7333vw;
    margin: 0 auto 4.6667vw;
  }
  .recruit_type .content_box ul.icon_wrap {
    flex-direction: column;
    gap: 4.6667vw;
  }
  .recruit_type .content_box ul.icon_wrap li {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .recruit_type .content_box ul.icon_wrap li .icon_box {
    width: 34.9333vw;
    margin: 0 auto;
  }
  .recruit_type .content_box ul.icon_wrap li p {
    width: 46vw;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2.6667vw;
    font-size: 3.2vw;
    line-height: 1.3;
  }
}



















/* 社員インタビュー
---------------------------------------------------------------------- */
.recruit_sub .pageTit_interview {
  background: url('../img/recruit/interview/main_bg_pc.jpg') no-repeat;
  background-position: top right;
  background-size: contain;
}
.recruit_interview_top .content_box {
  padding-left: 0;
  padding-right: 0;
}
.recruit_interview ul.detail_wrap {
  padding-top: 20px;
  padding-bottom: 80px;
}
.recruit_interview ul.detail_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.recruit_interview ul.detail_wrap li {
  width: 340px;
  text-align: left;
  border-radius: 5px;
  background: #f8f8f8;
  position: relative;
}
.recruit_interview ul.detail_wrap li:nth-child(1) {
  transition-delay: 0.2s;
}
.recruit_interview ul.detail_wrap li:nth-child(2) {
  transition-delay: 0.4s;
}
.recruit_interview ul.detail_wrap li:nth-child(3) {
  transition-delay: 0.6s;
}
.recruit_interview ul.detail_wrap li:nth-child(4) {
  transition-delay: 0.2s;
}
.recruit_interview ul.detail_wrap li:nth-child(5) {
  transition-delay: 0.4s;
}
.recruit_interview ul.detail_wrap li:nth-child(6) {
  transition-delay: 0.6s;
}



.recruit_interview ul.detail_wrap li .detail_tit {
  padding: 20px 20px 10px;
  font-family: "Noto Serif JP", serif;
  font-size: 21px;
}
.recruit_interview ul.detail_wrap li .detail_tit img {
  display: block;
}
.recruit_interview ul.detail_wrap li:nth-child(1) .detail_tit img,
.recruit_interview ul.detail_wrap li:nth-child(2) .detail_tit img,
.recruit_interview ul.detail_wrap li:nth-child(3) .detail_tit img {
  width: 100px;
}
.recruit_interview ul.detail_wrap li:nth-child(4) .detail_tit img,
.recruit_interview ul.detail_wrap li:nth-child(5) .detail_tit img {
  width: 102px;
}
.recruit_interview ul.detail_wrap li:nth-child(6) .detail_tit img {
  width: 103px;
}
.recruit_interview ul.detail_wrap li .detail_tit span {
  display: block;
  text-indent: -20px;
  margin-top: 10px;
  margin-left: 10px;
  line-height: 1.428;
}

.recruit_interview ul.detail_wrap li .detail_txt {
  padding: 10px 20px 20px;
  font-size: 14px;
  line-height: 1.5;
}


.recruit_interview ul.detail_wrap li .cont_btn {
  width: 58px;
  height: 14px;
  border-radius: 7px;
  background: linear-gradient(to right, #ff9658, #f55b00);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.recruit_interview ul.detail_wrap li .cont_btn img {
  width: 5px;
  height: 8px;
  margin: 0 10px 0 auto;
}



.recruit_interview .comments_box h3 {
  font-size: 30px;
  font-weight: bold;
}
.recruit_interview .comments_box span {
  display: block;
  font-family: "adobe-garamond-pro", serif;
  font-size: 50px;
  font-weight: normal;
  font-style: italic;
  color: #f47022;
}
.recruit_interview .comments_box p {
  font-size: 16px;
  line-height: 1.68;
  margin-top: 35px;
}

.balloon_box {
  min-height: 510px;
  background: url('../img/recruit/interview/comments_bg.png') repeat-x;
  background-size: contain;
}
.balloon_box .content_inner {
  position: relative;
}
.balloon_box ul li {
  position: absolute;
}
.balloon_box ul li.balloon_txt01 {
  width: 323px;
  top: 40px;
  left: 183px;
  left: calc(50% - 368px);
}
.balloon_box ul li.balloon_txt02 {
  width: 345px;
  top: 60px;
  left: 587px;
  left: calc(50% + 36px);
}
.balloon_box ul li.balloon_txt03 {
  width: 219px;
  top: 110px;
  left: 70px;
  left: calc(50% - 480px);
}
.balloon_box ul li.balloon_txt04 {
  width: 268px;
  top: 135px;
  left: 382px;
  left: calc(50% - 170px);
}
.balloon_box ul li.balloon_txt05 {
  width: 283px;
  top: 140px;
  left: 762px;
  left: calc(50% + 210px);
}

.balloon_box ul li.balloon_txt06 {
  width: 308px;
  top: 210px;
  left: 145px;
  left: calc(50% - 408px);
}
.balloon_box ul li.balloon_txt07 {
  width: 243px;
  top: 230px;
  left: 490px;
  left: calc(50% - 60px);
}
.balloon_box ul li.balloon_txt08 {
  width: 217px;
  top: 240px;
  left: 775px;
  left: calc(50% + 225px);
}
.balloon_box ul li.balloon_txt09 {
  width: 363px;
  top: 310px;
  left: 90px;
  left: calc(50% - 460px);
}
.balloon_box ul li.balloon_txt10 {
  width: 331px;
  top: 328px;
  left: 515px;
  left: calc(50% - 35px);
}

@media (max-width: 1300px)  and (min-width: 769px) {
  .recruit_interview ul.detail_wrap {
    gap: 3.0769vw;
  }
  .recruit_interview ul.detail_wrap li {
    width: 26.1538vw;
  }
  .recruit_interview ul.detail_wrap li .detail_tit {
    font-size: 1.6154vw;
  }
  .recruit_interview ul.detail_wrap li .detail_txt {
    font-size: 1.2vw;
  }

  .balloon_box {
    min-height: 39.2308vw;
    overflow: hidden;
  }
  /* .balloon_box .content_inner {
    left: 5vw;
  } */
  .balloon_box ul li.balloon_txt01 {
    width: 24.8462vw;
    top: 3.0769vw;
    left: 14.0769vw;
    left: calc(50% - 28.3077vw);
  }
  .balloon_box ul li.balloon_txt02 {
    width: 26.5385vw;
    top: 4.6154vw;
    left: 45.1538vw;
    left: calc(50% + 2.7692vw);
  }
  .balloon_box ul li.balloon_txt03 {
    width: 16.8462vw;
    top: 8.4615vw;
    left: 5.3846vw;
    left: calc(50% - 36.9231vw);
  }
  .balloon_box ul li.balloon_txt04 {
    width: 20.6154vw;
    top: 10.3846vw;
    left: 29.3846vw;
    left: calc(50% - 13.0769vw);
  }
  .balloon_box ul li.balloon_txt05 {
    width: 21.7692vw;
    top: 10.7692vw;
    /* right: 5.3846vw; */
    left: 58.6154vw;
    left: calc(50% + 16.1538vw);
  }
  
  .balloon_box ul li.balloon_txt06 {
    width: 23.6923vw;
    top: 16.1538vw;
    left: 11.1538vw;
    left: calc(50% - 31.3846vw);
  }
  .balloon_box ul li.balloon_txt07 {
    width: 18.6923vw;
    top: 17.6923vw;
    left: 37.6923vw;
    left: calc(50% - 4.6154vw);
  }
  .balloon_box ul li.balloon_txt08 {
    width: 16.6923vw;
    top: 18.4615vw;
    /* right: 8.4615vw; */
    left: 59.6154vw;
    left: calc(50% + 17.3077vw);
  }
  .balloon_box ul li.balloon_txt09 {
    width: 27.9231vw;
    top: 23.8462vw;
    left: 6.9231vw;
    left: calc(50% - 35.3846vw);
  }
  .balloon_box ul li.balloon_txt10 {
    width: 25.4615vw;
    top: 25.2308vw;
    /* right: 19.2308vw; */
    left: 39.6154vw;
    left: calc(50% - 2.6923vw);
  }
}
@media screen and (max-width: 768px) {
  .recruit_sub .pageTit_interview {
    background: url('../img/recruit/interview/main_bg_sp.jpg') no-repeat;
    background-position: top right;
    background-size: 100vw;
  }

  .recruit_interview ul.detail_wrap {
    padding-top: 8vw;
    padding-bottom: 0;
  }
  .recruit_interview ul.detail_wrap {
    gap: 5.3333vw;
  }
  .recruit_interview ul.detail_wrap li {
    width: 89.3333vw;
  }

  .recruit_interview ul.detail_wrap li .detail_tit {
    padding: 4vw;
    font-family: "Noto Serif JP", serif;
    font-size: 5.6vw;
  }
  .recruit_interview ul.detail_wrap li:nth-child(1) .detail_tit img,
  .recruit_interview ul.detail_wrap li:nth-child(2) .detail_tit img,
  .recruit_interview ul.detail_wrap li:nth-child(3) .detail_tit img {
    width: 25.2vw;
  }
  .recruit_interview ul.detail_wrap li:nth-child(4) .detail_tit img,
  .recruit_interview ul.detail_wrap li:nth-child(5) .detail_tit img {
    width: 25.8667vw;
  }
  .recruit_interview ul.detail_wrap li:nth-child(6) .detail_tit img {
    width: 26.2667vw;
  }
  .recruit_interview ul.detail_wrap li .detail_tit span {
    text-indent: -20px;
    margin-top: 2.6667vw;
    margin-left: 0;
    line-height: 1.428;
  }

  .recruit_interview ul.detail_wrap li .detail_txt {
    padding: 4vw;
    font-size: 3.6vw;
    line-height: 1.48;
  }

  .recruit_interview ul.detail_wrap li .cont_btn {
    width: 15.3333vw;
    height: 4vw;
    border-radius: 20px;
    bottom: 4vw;
    right: 4vw;
  }
  .recruit_interview ul.detail_wrap li .cont_btn img {
    width: 1.3333vw;
    height: 2.1333vw;
    margin: 0 2.6667vw 0 auto;
  }


  .recruit_interview .comments_box {
    background: url('../img/recruit/interview/comments_bg.jpg') repeat-x;
    background-size: contain;
    margin-top: 10.6667vw;
  }
  .recruit_interview .comments_box h3 {
    font-size: 4.8vw;
  }
  .recruit_interview .comments_box span {
    font-size: 5.6vw;
    margin-bottom: 2vw;
  }
  .recruit_interview .comments_box p {
    font-size: 3.2vw;
    line-height: 1.75;
    margin-top: 6vw;
    margin-left: 5.3333vw;
    margin-right: 5.3333vw;
    text-align: left;
  }
  .balloon_box {
    min-height: 184vw;
    background: none;
  }

  .balloon_box ul li.balloon_txt01 {
    width: 70vw;
    top: 10.6667vw;
    left: 8vw;
  }
  .balloon_box ul li.balloon_txt02 {
    width: 73.7333vw;
    top: 28.6667vw;
    left: 24vw;
  }
  .balloon_box ul li.balloon_txt03 {
    width: 48.1333vw;
    top: 47.4667vw;
    left: 2.6667vw;
  }
  .balloon_box ul li.balloon_txt04 {

    width: 60.5333vw;
    top: 77.3333vw;
    left: 8vw;
  }
  .balloon_box ul li.balloon_txt05 {
    width: 57.3333vw;
    top: 59.2000vw;
    left: 38.9333vw;
  }

  .balloon_box ul li.balloon_txt06 {
    width: 65.8667vw;
    top: 105.3333vw;
    left: 2.6667vw;

  }
  .balloon_box ul li.balloon_txt07 {
    width: 52vw;
    top: 92.2667vw;
    left: 46vw;
  }
  .balloon_box ul li.balloon_txt08 {
    width: 46.4vw;
    top: 119.8667vw;
    left: 46vw;
  }
  .balloon_box ul li.balloon_txt09 {
    width: 77.6vw;
    top: 138vw;
    left: 5.3333vw;
  }
  .balloon_box ul li.balloon_txt10 {
    width: 70.6667vw;
    top: 156.2667vw;
    left: 21.3333vw;
  }


}













/* 社員インタビュー 詳細
---------------------------------------------------------------------- */
.recruit_sub .interview_sub {
  position: relative;
}
.recruit_sub .interview_sub .interview_sub_box {
  max-width: 1100px;
  margin: 0 auto;

	opacity:0;
  animation-duration: 0.8s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 0.5s;
	animation-name: kv_fade_txt_up;
}
@keyframes kv_fade_txt_up {
  0% {
    opacity:0;
    transform: translate( 0, 20px); 
  }
  100% {
    opacity:1;
    transform: translate( 0, 0); 
  }
}
.recruit_sub .interview_sub .tit_ja {
  font-size: 54px;
  font-weight: normal;
  line-height: 1.3;
  text-indent: -55px;
  padding-left: 30px;
}
.recruit_sub .interview_sub .txt_info {
  font-size: 18px;
  line-height: 1.5;
  padding-left: 30px;
}




.recruit_sub .interview_sub .interview_sub_inner {
  max-width: 1300px;
  min-height: 532px;
  margin: 0 auto;
  text-align: left;
}
.recruit_sub .pageTit_interview01 .interview_sub_inner {
  background: url('../img/recruit/interview/01/main_kv_pc.jpg') no-repeat;
  background-position: right;
  background-size: cover;
}
.recruit_sub .pageTit_interview01 .interview_txt {
  width: 236px;
  padding-top: 130px;
}

.recruit_sub .pageTit_interview02 .interview_sub_inner {
  background: url('../img/recruit/interview/02/main_kv_pc.jpg') no-repeat;
  background-size: cover;
}
.recruit_sub .pageTit_interview02 .interview_txt {
  width: 236px;
  padding-top: 130px;
}

.recruit_sub .pageTit_interview03 .interview_sub_inner {
  background: url('../img/recruit/interview/03/main_kv_pc.jpg') no-repeat;
  background-size: cover;
}
.recruit_sub .pageTit_interview03 .interview_txt {
  width: 236px;
  padding-top: 130px;
}


.recruit_sub .pageTit_interview04 .interview_sub_inner {
  background: url('../img/recruit/interview/04/main_kv_pc.jpg') no-repeat;
  background-position: right;
  background-size: cover;
}
.recruit_sub .pageTit_interview04 .interview_txt {
  width: 236px;
  padding-top: 130px;
}

.recruit_sub .pageTit_interview05 .interview_sub_inner {
  background: url('../img/recruit/interview/05/main_kv_pc.jpg') no-repeat;
  background-size: cover;
}
.recruit_sub .pageTit_interview05 .interview_txt {
  width: 236px;
  padding-top: 130px;
}

.recruit_sub .pageTit_interview06 .interview_sub_inner {
  background: url('../img/recruit/interview/06/main_kv_pc.jpg') no-repeat;
  background-size: cover;
}
.recruit_sub .pageTit_interview06 .interview_txt {
  width: 236px;
  padding-top: 130px;
}






.recruit_sub .recruit_interview .content_box01,
.recruit_sub .recruit_interview .content_box02,
.recruit_sub .recruit_interview .content_box03 {
  max-width: 1000px;
  margin: 60px auto 0;
}


.recruit_sub .recruit_interview .tit_box {
  border-bottom: 1px solid #666666;
  font-family: "Noto Serif JP", serif;
  text-align: left;
  padding-bottom: 20px;
}
.recruit_sub .recruit_interview .tit_box.tit_box_rt {
  text-align: right;
}
.recruit_sub .recruit_interview .tit_box .tit_top {
  font-size: 18px;
}

.recruit_sub .recruit_interview01 .tit_box .tit_top {
  color: #bebb6b;
}
.recruit_sub .recruit_interview02 .tit_box .tit_top {
  color: #5f84a9;
}
.recruit_sub .recruit_interview03 .tit_box .tit_top {
  color: #c962af;
}
.recruit_sub .recruit_interview04 .tit_box .tit_top {
  color: #59b2ab;
}
.recruit_sub .recruit_interview05 .tit_box .tit_top {
  color: #b35f61;
}
.recruit_sub .recruit_interview06 .tit_box .tit_top {
  color: #5597ad;
}



.recruit_sub .recruit_interview .tit_box .tit_top span {
  font-family: "adobe-garamond-pro", serif;
  font-size: 50px;
  font-weight: 100;
  font-style: italic;
  padding-right: 20px;
}
.recruit_sub .recruit_interview .tit_box .tit_bt {
  font-size: 40px;
  font-style: italic;
  margin-top: 5px;
  line-height: 1.3;
}




.recruit_sub .recruit_interview dl {
  text-align: left;
  margin-top: 30px;
}
.recruit_sub .recruit_interview dl dt {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 15px;
}
.recruit_sub .recruit_interview dl dd {
  font-size: 16px;
  line-height: 1.875;
}

.recruit_sub .recruit_interview .content_box01 .flex_box {
  margin-top: 40px;
  margin-bottom: 40px;
  align-items: center;
}
.recruit_sub .recruit_interview .content_box01 .flex_box .img_box01 {
  width: 600px;
  margin-left: -150px;
}

/* .recruit_sub .recruit_interview .content_box01 .flex_box .img_box01 {
  width: 600px;
  margin-left: -150px;

  transform: translateX(-100%);
  animation-duration: 0.8s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:linear;
  animation-delay: 1s;
	animation-name: kv_fade_img_rt;
}
@keyframes kv_fade_img_rt {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
} */

.recruit_sub .recruit_interview .content_box01 .flex_box dl {
  width: 510px;
  margin: 0 0 0 auto;
}


.recruit_sub .recruit_interview .img_twoBox {
  justify-content: center;
  gap: 2px;
  padding-left: 50px;
  margin-top: 40px;
}
.recruit_sub .recruit_interview .img_twoBox li:nth-child(1) {
  width: 499px;
}
.recruit_sub .recruit_interview .img_twoBox li:nth-child(2) {
  width: 549px;
}
.recruit_sub .recruit_interview .img_twoBox_wrap .figcaption {
  font-size: 14px;
  margin-top: 10px;
}



.recruit_sub .voice_wrap {
  margin-top: 60px;
  margin-bottom: 20px;
  background: linear-gradient(
    to right,
    transparent 50%,
    #f8f8f8 50%
  );
  position: relative;
}
.recruit_sub .voice_wrap::after {
  display: block;
  content: "";
  width: 440px;
  height: 100%;
  background-color: #f8f8f8;
  position: absolute;
  top: 0;
  left: calc(50% - 440px);
  z-index: -1;
}

.recruit_sub .voice_wrap .voice_inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  position: relative;
  display: flex;
  align-items: center;
}

.recruit_sub .voice_wrap .voice_inner .img_box {
  width: 550px;
  margin-left: -100px;
}
.recruit_sub .voice_wrap .voice_inner .txt_box {
  width: 510px;
  margin-left: auto;
}
.recruit_sub .voice_wrap .voice_inner .txt_box .tit_bt {
  font-size: 18px;
}
.recruit_sub .voice_wrap .voice_inner .txt_box .txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.875;
  text-align: left;
}

.recruit_sub .add_txt {
  font-size: 12px;
  color: #999;
  text-align: right;
  margin-bottom: 60px;
}


.recruit_sub .index_wrap {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
.recruit_sub .index_wrap .page-navs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.recruit_sub .recruit_interview01 .page-navs li:nth-child(1) {
  visibility: hidden;
}
.recruit_sub .recruit_interview06 .page-navs li:nth-child(2) {
  visibility: hidden;
}
.recruit_sub .index_wrap .page-navs li a {
  font-family: "adobe-garamond-pro", serif;
  font-size: 21px;
  font-weight: 100;
  font-style: italic;
  line-height: 1.3;
  color: #999999;
  border-bottom: 1px solid #999;
}

.recruit_sub .index_wrap h4 {
  font-family: "adobe-garamond-pro", serif;
  font-size: 50px;
  font-weight: 100;
  font-style: italic;
  line-height: 1.3;
  color: #999999;
}

.recruit_interview .index_wrap ul.detail_wrap {
  gap: 15px;
}
.recruit_interview .index_wrap ul.detail_wrap li {
  width: 170px;
  background: #fff;
}
.recruit_interview .index_wrap ul.detail_wrap li .detail_tit {
  padding: 0;
  font-size: 13px;
}

.recruit_interview .index_wrap ul.detail_wrap li:nth-child(1) .detail_tit img, .recruit_interview .index_wrap ul.detail_wrap li:nth-child(2) .detail_tit img, .recruit_interview .index_wrap ul.detail_wrap li:nth-child(3) .detail_tit img {
  width: 57px;
}
.recruit_interview .index_wrap ul.detail_wrap li:nth-child(4) .detail_tit img, .recruit_interview .index_wrap ul.detail_wrap li:nth-child(5) .detail_tit img {
  width: 58px;
}
.recruit_interview .index_wrap ul.detail_wrap li:nth-child(6) .detail_tit img {
  width: 59px;
}


.recruit_interview .index_wrap ul.detail_wrap .detail_tit span {
  text-indent: -15px;
  margin-top: 5px;
  line-height: 1.5;
}

.recruit_interview .index_wrap ul.detail_wrap .img_box {
  margin-top: 10px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.recruit_interview .index_wrap ul.detail_wrap li.active .img_box::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  opacity: 0.5;
}

.recruit_interview .index_wrap ul.detail_wrap li .cont_btn {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(to right, #ff9658, #f55b00);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -8px;
  right: 6px;
}
.recruit_interview .index_wrap ul.detail_wrap li .cont_btn img {
  width: 5px;
  height: 8px;
  margin: 0 auto;
}

@media (max-width: 1300px)  and (min-width: 769px) {

  .recruit_sub .interview_sub .tit_ja {
    font-size: 4.1538vw;
    text-indent: -4.2308vw;
    padding-left: 7vw;
  }
  .recruit_sub .interview_sub .txt_info {
    font-size: 1.3846vw;
    padding-left: 7vw;
  }
  


  .recruit_sub .interview_sub .interview_sub_inner {
    max-width: 100%;
    min-height: 40.9231vw;
  }
  .recruit_sub .pageTit_interview01 .interview_sub_inner {
    background-position: center;
  }
  .recruit_sub .pageTit_interview01 .interview_txt {
    width: 18.1538vw;
    padding-top: 10vw;
    padding-left: 4%;
  }



  .recruit_sub .recruit_interview .tit_box .tit_top {
    font-size: 1.3846vw;
  }

  .recruit_sub .recruit_interview .tit_box .tit_top span {
    font-size: 3.8462vw;
    padding-right: 20px;
  }
  .recruit_sub .recruit_interview .tit_box .tit_bt {
    font-size: 3.0769vw;
    margin-top: 5px;
  }
  .recruit_sub .recruit_interview dl dt {
    font-size: 1.4vw;
  }
  .recruit_sub .recruit_interview dl dd {
    font-size: 1.4vw;
  }

  .recruit_sub .recruit_interview .content_box01 .flex_box {
    justify-content: space-between;
  }
  .recruit_sub .recruit_interview .content_box01 .flex_box .img_box01 {
    width: 44vw;
    margin-left: 0;
    margin-right: 2vw;
  }
  .recruit_sub .recruit_interview .content_box01 .flex_box dl {
    width: 44vw;
  }
  .recruit_sub .recruit_interview .img_twoBox {
    padding-left: 0;
  }
  .recruit_sub .recruit_interview .img_twoBox li:nth-child(1) {
    width: 38.3846vw;
  }
  .recruit_sub .recruit_interview .img_twoBox li:nth-child(2) {
    width: 42.2308vw;
  }
  .recruit_sub .recruit_interview .img_twoBox_wrap .figcaption {
    font-size: 1.2vw;
  }

  .recruit_sub .voice_wrap::after {
    width: 33.8462vw;
    left: calc(50% - 33.8462vw);
  }
  .recruit_sub .voice_wrap .voice_inner .img_box {
    width: 42.3077vw;
    margin-left: 0;
  }
  .recruit_sub .voice_wrap .voice_inner .txt_box {
    width: 39.2308vw;
    margin-left: 4vw;
  }


  /* .recruit_sub .index_wrap {
    padding: 0 4%;
  } */
}

@media screen and (max-width: 768px) {
  .recruit_sub .interview_sub .tit_ja {
    font-size: 5.6vw;
    line-height: 1.42;
    text-indent: -6vw;
    padding-left: 9.3333vw;
  }
  .recruit_sub .interview_sub .txt_info {
    font-size: 3.6vw;
    line-height: 1.48;
    padding-left: 9.3333vw;
  }

  .recruit_sub .interview_sub .interview_sub_inner {
    max-width: 100%;
    min-height: 67.2vw;
  }
  .recruit_sub .pageTit_interview01 .interview_sub_inner {
    background: url('../img/recruit/interview/01/main_kv_sp.jpg') no-repeat;
    background-position: right;
    background-size: cover;
  }
  .recruit_sub .pageTit_interview01 .interview_txt {
    width: 25.2vw;
    padding-top: 13.3333vw;
    margin-left: 5.3333vw;
  }

  .recruit_sub .pageTit_interview02 .interview_sub_inner {
    background: url('../img/recruit/interview/02/main_kv_sp.jpg') no-repeat;
    background-size: cover;
  }
  .recruit_sub .pageTit_interview02 .interview_txt {
    width: 25.2vw;
    padding-top: 13.3333vw;
    margin-left: 5.3333vw;
  }

  .recruit_sub .pageTit_interview03 .interview_sub_inner {
    background: url('../img/recruit/interview/03/main_kv_sp.jpg') no-repeat;
    background-size: cover;
  }
  .recruit_sub .pageTit_interview03 .interview_txt {
    width: 25.2vw;
    padding-top: 13.3333vw;
    margin-left: 5.3333vw;
  }


  .recruit_sub .pageTit_interview04 .interview_sub_inner {
    background: url('../img/recruit/interview/04/main_kv_sp.jpg') no-repeat;
    background-position: right;
    background-size: cover;
  }
  .recruit_sub .pageTit_interview04 .interview_txt {
    width: 25.2vw;
    padding-top: 13.3333vw;
    margin-left: 5.3333vw;
  }

  .recruit_sub .pageTit_interview05 .interview_sub_inner {
    background: url('../img/recruit/interview/05/main_kv_sp.jpg') no-repeat;
    background-size: cover;
  }
  .recruit_sub .pageTit_interview05 .interview_txt {
    width: 25.2vw;
    padding-top: 13.3333vw;
    margin-left: 5.3333vw;
  }

  .recruit_sub .pageTit_interview06 .interview_sub_inner {
    background: url('../img/recruit/interview/06/main_kv_sp.jpg') no-repeat;
    background-size: cover;
  }
  .recruit_sub .pageTit_interview06 .interview_txt {
    width: 25.2vw;
    padding-top: 13.3333vw;
    margin-left: 5.3333vw;
  }




  .recruit_sub .recruit_interview .content_box02,
  .recruit_sub .recruit_interview .content_box03 {
    max-width: 100%;
    margin: 10vw auto 0;
  }
  .recruit_sub .recruit_interview .content_box01 {
    max-width: 100%;
    margin: 4vw auto 0;
  }
  .recruit_sub .recruit_interview .tit_box {
    padding-bottom: 2.6667vw;
  }
  .recruit_sub .recruit_interview .tit_box .tit_top {
    font-size: 2.4vw;
  }
  

  .recruit_sub .recruit_interview .tit_box .tit_top span {
    font-size: 5.3333vw;
    padding-right: 2.6667vw;
  }
  .recruit_sub .recruit_interview .tit_box .tit_bt {
    font-size: 4.8vw;
    margin-top: 2vw;
  }
  
  .recruit_sub .recruit_interview dl {
    margin-top: 5.3333vw;
  }
  .recruit_sub .recruit_interview dl dt {
    font-size: 3.2vw;
    margin-bottom: 3.3333vw;
  }
  .recruit_sub .recruit_interview dl dd {
    font-size: 3.2vw;
    line-height: 1.667;
  }

  .recruit_sub .recruit_interview .content_box01 .flex_box {
    margin-top: 5.3333vw;
    margin-bottom: 5.3333vw;
    flex-direction: column-reverse;
  }
  .recruit_sub .recruit_interview .content_box01 .flex_box .img_box01 {
    width: 94.6667vw;
    margin-left: -5.3333vw;
    margin-top: 5.3333vw;
  }
  .recruit_sub .recruit_interview .content_box01 .flex_box dl {
    width: 100%;
    margin: 0;
  }

  .recruit_sub .recruit_interview .img_twoBox_wrap {
    margin-left: -5.3333vw;
    margin-right: -5.3333vw;
  }
  .recruit_sub .recruit_interview .img_twoBox {
    justify-content: center;
    gap: 2px;
    padding-left: 0;
    margin-top: 5.3333vw;
    flex-direction: column;
  }
  .recruit_sub .recruit_interview .img_twoBox li:nth-child(1) {
    width: 100%;
  }
  .recruit_sub .recruit_interview .img_twoBox li:nth-child(2) {
    width: 100%;
  }
  .recruit_sub .recruit_interview .img_twoBox_wrap .figcaption {
    font-size: 2.4vw;
  }



  .recruit_sub .voice_wrap {
    margin-top: 40vw;
    margin-bottom: 4vw;
  }
  .recruit_sub .voice_wrap::after {
    width: 44.9333vw;
    left: calc(50% - 44.9333vw);
  }
  .recruit_sub .voice_wrap .voice_inner {
    max-width: 100%;
    padding: 0 0;
    flex-direction: column;
  }
  
  .recruit_sub .voice_wrap .voice_inner .img_box {
    width: 94.6667vw;
    margin-left: 0;
    position: absolute;
    top: -33.3333vw;
    left: 0;
  }
  .recruit_sub .voice_wrap .voice_inner .txt_box {
    width: 94.6667vw;
    margin-left: auto;
    padding-top: 38.6667vw;
    padding-bottom: 6.6667vw;
    padding-left: 6.6667vw;
    padding-right: 5.3333vw;
  }
  .recruit_sub .voice_wrap .voice_inner .txt_box .tit_bt {
    font-size: 4vw;
  }
  .recruit_sub .voice_wrap .voice_inner .txt_box .txt {
    margin-top: 4vw;
    font-size: 3.2vw;
    line-height: 1.667;
  }

  .recruit_sub .add_txt {
    font-size: 2.4vw;
    margin-bottom: 8vw;
    padding-right: 2vw;
  }


  .recruit_sub .index_wrap {
    max-width: 100%;
    margin-bottom: 13.3333vw;
  }
  .recruit_sub .index_wrap .page-navs {
    margin-bottom: 10.6667vw;
    padding-left: 4%;
    padding-right: 4%;
  }
  .recruit_sub .recruit_interview01 .page-navs li:nth-child(1) {
    visibility: hidden;
  }
  .recruit_sub .index_wrap .page-navs li a {
    font-size: 3.6vw;
    line-height: 1.3;
  }

  .recruit_sub .index_wrap h4 {
    font-size: 8vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap {
    gap: 4vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap li {
    width: 42.6667vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap li .detail_tit {
    padding: 0;
    font-size: 3.2vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap li:nth-child(1) .detail_tit img, .recruit_interview .index_wrap ul.detail_wrap li:nth-child(2) .detail_tit img, .recruit_interview .index_wrap ul.detail_wrap li:nth-child(3) .detail_tit img {
    width: 14.1333vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap li:nth-child(4) .detail_tit img, .recruit_interview .index_wrap ul.detail_wrap li:nth-child(5) .detail_tit img {
    width: 14.4vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap li:nth-child(6) .detail_tit img {
    width: 14.8vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap .detail_tit span {
    text-indent: -3vw;
    padding-left: 2vw;
    margin-top: 1.3333vw;
  }
  
  .recruit_interview .index_wrap ul.detail_wrap li .cont_btn {
    width: 4vw;
    height: 4vw;;
    bottom: -1.3333vw;
    right: 2vw;
  }
  .recruit_interview .index_wrap ul.detail_wrap li .cont_btn img {
    width: 0.9333vw;
    height: 1.4667vw;
    margin: 0 auto;
  }

}














/* キャリア採用
---------------------------------------------------------------------- */
.recruit_career {

}
/* .recruit_career p.lead_txt {
  font-size: 21px;
  font-weight: 500;
} */


.recruit_career .content_box {
  margin-top: 70px;
  margin-bottom: 80px;
}
.recruit_career .cont_tit {
  width: 320px;
  height: 40px;
  margin: 0 auto 30px;
  background: #000;
  border-radius: 50px;
}
.recruit_career .cont_tit span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
  color: #fff;
  font-size: 24px;
}


.recruit_career .career_table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
}
.recruit_career .career_table tr {
  width: 100%;
  border-top: 1px solid #cacaca;
}
.recruit_career .career_table tr:last-child {
  border-bottom: 1px solid #cacaca;
}
.recruit_career .career_table th {
  width: 28.1818%;
  /* 310 */
  padding: 20px 0 20px 30px;
  background: #f8f8f8;
  vertical-align: top;
}
.recruit_career .career_table td {
  width: calc(100% - 28.1818%);
  padding: 20px 50px 20px 15px;
}
.recruit_career .career_table th, 
.recruit_career .career_table td {
  font-size: 16px;
  font-weight: normal;
}
.recruit_career .career_table td p {
  line-height: 2;
}
.recruit_career .career_table td small {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}
.recruit_career .career_table td small + p,
.recruit_career .career_table ul + p {
  margin-top: 1rem;
}
.recruit_career .career_table ul:last-child {
  margin-bottom: 0;
}
.recruit_career .career_table ul li {
  position: relative;
  line-height: 2;
  padding-left: 2rem;
  text-indent: -1rem;
}
.recruit_career .career_table ul li::before {
  display: inline-block;
  content: "・";
  font-size: 16px;
}
.recruit_career .career_table td b {
  display: block;
  line-height: 2;
}
.recruit_career .career_table td a.link {
  font-weight: bold;
  text-decoration: underline;
}
.recruit_career .career_table td p.flex_box a {
  display: flex;
  align-items: center;
}
.recruit_career .career_table td p.flex_box a b {
  line-height: 1.75;
  border-bottom: 2px solid #b8b8b8;
}
.recruit_career .career_table td img.blank_img {
  width: 12px;
  height: 12px;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .recruit_career .content_box {
    margin-top: 6.6667vw;
    margin-bottom: 13.3333vw;
  }
  .recruit_career .cont_tit {
    width: 72vw;
    height: 8vw;
    margin-bottom: 5.3333vw;
  }
  .recruit_career .cont_tit span {
    font-size: 4.8vw;
  }

  .recruit_career .career_table tr {
    display: flex;
    flex-direction: column;
  }

  .recruit_career .career_table th {
    width: 100%;
    padding: 2vw 2.6667vw 2.6667vw;
  }
  .recruit_career .career_table td {
    width: 100%;
    padding: 2vw 2.6667vw 2.6667vw;
  }
  .recruit_career .career_table th, 
  .recruit_career .career_table td {
    font-size: 3.2vw;
  }
  .recruit_career .career_table td p {
    line-height: 1.5;
  }
  .recruit_career .career_table td small {
    margin-top: 2vw;
    font-size: 2.8vw;
  }
  .recruit_career .career_table td small + p,
  .recruit_career .career_table ul + p {
    margin-top: 2.6667vw;
  }
  .recruit_career .career_table ul li {
    line-height: 1.5;
  }
  .recruit_career .career_table ul li::before {
    font-size: 3.2vw;
  }
  .recruit_career .career_table td b {
    line-height: 1.5;
  }
}





/* 新卒採用
---------------------------------------------------------------------- */
.mynavi_wrap {
  max-width: 740px;
  width: 100%;
  background: #f8f8f8;
  margin: 65px auto 60px;
  padding: 40px 30px;
  border: 2px solid #00aaeb;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mynavi_wrap .txt {
  font-size: 16px;
  line-height: 2;
  text-align: left;
}
.mynavi_wrap .btn_block {
  width: 225px;
}
.mynavi_wrap .more_btn {
  width: 220px;
  height: 36px;
  border-radius: 20px;
  background: linear-gradient(to right, #ff9658, #f55b00);
  position: relative;
  margin-top: 20px;
}
.mynavi_wrap .more_btn a {
  display: flex;  
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.mynavi_wrap .more_btn span {
  font-size: 14px;
  color: #fff;
}
.mynavi_wrap .more_btn img {
  width: 12px;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}


.recruit_graduates .cont_block02 {
  /* background: url(../img/company/deta_bg.jpg) repeat; */
  background: url('../img/company/data_bg.jpg') repeat;
}

.recruit_graduates .graduates_list {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
}
.recruit_graduates .graduates_list::after {
  display: block;
  content: "";
  width: 10px;
  height: 100vh;
  background: url('../img/recruit/graduates/bar_img.png') no-repeat;
  background-size: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;

  clip-path: inset(0 0 100% 0);
  transition: clip-path 1.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.recruit_graduates .graduates_list.show::after {
  clip-path: inset(0);
}


.recruit_graduates .graduates_list ul {
  position: relative;
  z-index: 2;
}
.recruit_graduates .graduates_list ul li {
  width: 585px;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.recruit_graduates .graduates_list ul li:nth-child(odd) {
  border-radius: 10px 100px 100px 10px;
  flex-direction: row-reverse;
}
.recruit_graduates .graduates_list ul li:nth-child(even) {
  margin-left: auto;
  border-radius: 100px 10px 10px 100px;
}
.recruit_graduates .graduates_list ul li + li {
  margin-top: 25px;
}

.recruit_graduates .label_box .num {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  position: absolute;
}
.recruit_graduates .graduates_list ul li:nth-child(odd) .num {
  right: 5px;
}
.recruit_graduates .graduates_list ul li:nth-child(even) .num {
  left: 5px;
}
.recruit_graduates .label_box .num span {
  font-size: 36px;
  font-weight: bold;
}

.recruit_graduates .label_box .tit {
  font-size: 24px;
  line-height: 1;
  color: #fff;
}
.recruit_graduates .graduates_list ul li:nth-child(odd) .tit {
  margin-left: 10px;
  text-align: left;
}
.recruit_graduates .graduates_list ul li:nth-child(even) .tit {
  margin-right: 10px;
  text-align: right;
}

.recruit_graduates .graduates_list ul li .txt {
  width: 340px;
  background: #fff;
  border-radius: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
}

.recruit_graduates .graduates_list ul li .txt span {
  display: block;
  font-size: 18px;
  font-weight: bold;
}



.recruit_graduates .graduates_list ul li:nth-child(1) {
  background: linear-gradient(to right, #450076 0%, #450076 65%, #7013d8 75%, #7013d8 100%);
}
.recruit_graduates .graduates_list ul li:nth-child(2) {
  background: linear-gradient(to right, #d813c3 0%, #d813c3 25%, #760072 35%, #760072 100%);
}
.recruit_graduates .graduates_list ul li:nth-child(3) {
  background: linear-gradient(to right, #76001c 0%, #76001c 65%, #d8134f 75%, #d8134f 100%);
}
.recruit_graduates .graduates_list ul li:nth-child(4) {
  background: linear-gradient(to right, #e5d30e 0%, #e5d30e 25%, #c3a025 35%, #c3a025 100%);
}
.recruit_graduates .graduates_list ul li:nth-child(5) {
  background: linear-gradient(to right, #387600 0%, #387600 65%, #a3d813 75%, #a3d813 100%);
}
.recruit_graduates .graduates_list ul li:nth-child(6) {
  background: linear-gradient(to right, #13c3d8 0%, #13c3d8 25%, #006c76 35%, #006c76 100%);
}
.recruit_graduates .graduates_list ul li:nth-child(7) {
  background: linear-gradient(to right, #003d76 0%, #003d76 65%, #1379d8 75%, #1379d8 100%);
}


.recruit_graduates .graduates_list ul li:nth-child(1) .num span,
.recruit_graduates .graduates_list ul li:nth-child(1) .txt span {
  color: #450076;
}
.recruit_graduates .graduates_list ul li:nth-child(2) .num span,
.recruit_graduates .graduates_list ul li:nth-child(2) .txt span {
  color: #760072;
}
.recruit_graduates .graduates_list ul li:nth-child(3) .num span,
.recruit_graduates .graduates_list ul li:nth-child(3) .txt span {
  color: #76001c;
}
.recruit_graduates .graduates_list ul li:nth-child(4) .num span,
.recruit_graduates .graduates_list ul li:nth-child(4) .txt span {
  color: #c3a025;
}
.recruit_graduates .graduates_list ul li:nth-child(5) .num span,
.recruit_graduates .graduates_list ul li:nth-child(5) .txt span {
  color: #387600;
}
.recruit_graduates .graduates_list ul li:nth-child(6) .num span,
.recruit_graduates .graduates_list ul li:nth-child(6) .txt span {
  color: #006c76;
}
.recruit_graduates .graduates_list ul li:nth-child(7) .num span,
.recruit_graduates .graduates_list ul li:nth-child(7) .txt span {
  color: #003d76;
}

@media (max-width: 1300px) and (min-width: 769px) {
  .recruit_sub .recruit_graduates {
    padding-left: 0%;
    padding-right: 0%;
  }
  .recruit_sub .recruit_graduates .cont_block01,
  .recruit_sub .recruit_graduates .cont_block02 {
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media screen and (max-width: 768px) {
  .recruit_career.recruit_graduates .content_box {
    margin-bottom: 8vw;
  }

  .recruit_sub .recruit_graduates .cont_block01,
  .recruit_sub .recruit_graduates .cont_block02 {
    padding-left: 5.3333vw;
    padding-right: 5.3333vw;
  }
  

  .mynavi_wrap {
    max-width: 100%;
    margin: 6vw auto 8vw;
    padding: 5.3333vw 3.3333vw;
    flex-direction: column;
  }
  .mynavi_wrap .txt {
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: center;
  }
  .mynavi_wrap .btn_block {
    width: 58.9333vw;
    margin: 4vw auto 0;
  }
  .mynavi_wrap .more_btn {
    width: 58.6667vw;
    height: 9.6vw;
    margin-top: 3.3333vw;
  }
  .mynavi_wrap .more_btn span {
    font-size: 3.2vw;
  }
  .mynavi_wrap .more_btn img {
    width: 2.9333vw;
    right: 3.6vw;
  }



  .recruit_graduates .cont_block02 {
    background: none;
  }
  
  .recruit_graduates .graduates_list {
    padding-top: 5.3333vw;
    /* margin-bottom: 13.3333vw; */
    padding-bottom: 13.3333vw;
  }
  .recruit_graduates .graduates_list::after {
    width: 2vw;
    height: 115vw;
    background: url('../img/recruit/graduates/bar_img_sp.png') no-repeat;
    background-size: cover;
  }

  .recruit_graduates .graduates_list ul li {
    width: 100%;
    padding: 0.6667vw;
  }
  .recruit_graduates .graduates_list ul li:nth-child(odd) {
    border-radius: 25px 100px 100px 25px;
  }
  .recruit_graduates .graduates_list ul li:nth-child(even) {
    border-radius: 100px 25px 25px 100px;
  }
  .recruit_graduates .graduates_list ul li + li {
    margin-top: 4vw;
  }

  .recruit_graduates .label_box .num {
    width: 9.3333vw;
    height: 9.3333vw;
  }
  .recruit_graduates .label_box .num span {
    font-size: 5.4667vw;
  }
  
  .recruit_graduates .label_box .tit {
    font-size: 3.7333vw;
  }
  .recruit_graduates .graduates_list ul li:nth-child(odd) .tit {
    margin-left: 2vw;
  }
  .recruit_graduates .graduates_list ul li:nth-child(even) .tit {
    margin-right: 2vw;
  }

  .recruit_graduates .graduates_list ul li .txt {
    width: 52vw;
    padding-top: 1.3333vw;
    padding-bottom: 1.3333vw;
    /* font-size: 2.8vw; */
    font-size: 2.4vw;
    letter-spacing: -0.02em;
  }
  .recruit_graduates .graduates_list ul li .txt span {
    font-size: 3.2vw;
  }

  .recruit_graduates .graduates_list ul li:nth-child(2) .txt {
    width: 48vw;
  }
  .recruit_graduates .graduates_list ul li:nth-child(3) .txt {
    width: 56vw;
  }
  

}







/* よくあるご質問
---------------------------------------------------------------------- */
.pageTit_faq,
.pageTit_graduates,
.pageTit_career {
  background: url('../img/common/sub_tit_bg_pc.png');
  background-size: cover;
  background-position: right;
  position: relative;
}

.recruit_faq .content_box {
  margin-top: 70px;
  margin-bottom: 80px;
}
.recruit_faq .cont_tit {
  width: 320px;
  height: 40px;
  background: #000;
  border-radius: 50px;
}
.recruit_faq .cont_block01 .cont_tit {
  margin: 0 auto 30px;
}
.recruit_faq .cont_block02 .cont_tit {
  margin: 60px auto 30px;
}
.recruit_faq .cont_tit span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
  color: #fff;
}
.recruit_faq .cont_block01 .cont_tit span {
  font-size: 24px;
}
.recruit_faq .cont_block02 .cont_tit span {
  font-size: 21px;
}


.recruit_faq .faq-container {
  background: #f8f8f8;
  border-radius: 5px;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}
.recruit_faq .faq-item {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.recruit_faq .faq-item + .faq-item {
  margin-top: 20px;
}


.recruit_faq .faq-question,
.recruit_faq .faq-answer-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #fff;
  font-size: 16px;
  text-align: left;
}
.recruit_faq .faq-question p,
.recruit_faq .faq-answer-content p {
  padding-top: 0.8rem;
  padding-left: 10px;
  line-height: 1.68;
}


.recruit_faq .faq-question {
  padding: 25px 30px 23px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
}


.recruit_faq .faq-question .cont_btn {
  width: 58px;
  height: 14px;
  border-radius: 7px;
  background: linear-gradient(to right, #ff9658, #f55b00);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 35px;
  right: 30px;
}
.recruit_faq .faq-item .cont_btn::after { 
  display: block;
  content: '+';
  font-size: 12px;
  color: #fff;
}
.recruit_faq .faq-item.active .cont_btn::after {
  content: "_";
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 12px;
}

.recruit_faq .font-din {
  font-size: 36px;
  font-weight: bold;
}
.recruit_faq .faq-question .font-din {
  color: #f37022;
}
.recruit_faq .faq-answer .font-din {
  color: #003d76;
}

.recruit_faq .faq-answer {
  padding: 0 30px;
  height: 0;
  overflow: hidden;
  background-color: #fff;
  transition: height 0.4s ease;
}

.recruit_faq .faq-answer-content {
  padding: 0 0 30px;
}

@media (max-width: 1100px)  and (min-width: 769px) {
  .recruit_faq .cont_tit {
    width: 29.0909vw;
  }
  .recruit_faq .cont_block01 .cont_tit span {
    font-size: 2.1818vw;
  }
  .recruit_faq .cont_block02 .cont_tit span {
    font-size: 1.9091vw;
  }
  .recruit_faq .faq-item {
    width: 90.9091%;
  }
}

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

  .pageTit_faq,
  .pageTit_graduates,
  .pageTit_career {
    background: url('../img/common/sub_tit_bg_sp.png');
    background-size: cover;
    background-position: right;
    position: relative;
  }

  .recruit_faq .content_box {
    margin-top: 6vw;
    margin-bottom: 13.3333vw;
  }
  .recruit_faq .cont_tit {
    width: 72vw;
    height: 8vw;
  }
  .recruit_faq .cont_block01 .cont_tit {
    margin: 0 auto 5.3333vw;
  }
  .recruit_faq .cont_block02 .cont_tit {
    margin: 60px auto 5.3333vw;
  }
  .recruit_faq .cont_block01 .cont_tit span {
    font-size: 4.8vw;
  }
  .recruit_faq .cont_block02 .cont_tit span {
    font-size: 4.8vw;
  }

  .recruit_faq .faq-container {
    padding: 5.3333vw;
  }
  .recruit_faq .faq-item + .faq-item {
    margin-top: 4vw;
  }
  .recruit_faq .faq-question,
  .recruit_faq .faq-answer-content {
    flex-direction: column;
    font-size: 3.2vw;
  }
  .recruit_faq .faq-question p,
  .recruit_faq .faq-answer-content p {
    padding-top: 0;
    padding-left: 0;
    line-height: 1.5;
  }

  .recruit_faq .faq-question {
    padding: 4vw 4.6667vw;
  }

  .recruit_faq .faq-question .cont_btn {
    width: 15.3333vw;
    height: 4vw;
    border-radius: 20px;
    top: 5.3333vw;
    right: 4.6667vw;
  }
  .recruit_faq .faq-item .cont_btn::after { 
    font-size: 3.2vw;
  }
  .recruit_faq .faq-item.active .cont_btn::after {
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }

  .recruit_faq .font-din {
    font-size: 10.6667vw;
  }
  .recruit_faq .faq-answer {
    padding: 0 4.6667vw;
  }
  
  .recruit_faq .faq-answer-content {
    padding: 0 0 4vw;
  }

}








/* データで知るJR東海不動産
---------------------------------------------------------------------- */
.recruit_sub .pageTit_data {
  background: url('../img/recruit/data/main_bg_pc.jpg') no-repeat;
  background-position: top right;
  background-size: contain;
}

.recruit_sub .pageTit_data .pageTit_inner small {
  display: block;
  margin-top: 40px;
  font-size: 16px;
  line-height: 1.5;
  color: #f55b00;
}

.recruit_sub .recruit_data {
  background: url('../img/company/data_bg02.png');
}

.recruit_sub .recruit_data .content_box {
  padding-top: 60px;
  padding-bottom: 100px;
  border-top: 2px solid #eaeaea;
  /* border-bottom: 2px solid #eaeaea; */
}


/* common */
.recruit_sub .recruit_data .cont_tit {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}
.recruit_sub .recruit_data .flex_box {
  justify-content: center;
  align-items: center;
}
.recruit_sub .recruit_data .left_box {
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
}
.recruit_sub .recruit_data .left_box::after {
  display: block;
  content: "";
  width: 1px;
  height: 100px;
  background: #e9e9e9;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.recruit_sub .recruit_data .num_wrap span {
  font-size: 140px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #f55b00;
}
.recruit_sub .recruit_data .num_wrap small {
  font-size: 21px;
  font-weight: bold;
}
.recruit_sub .recruit_data .cont_txt {
  font-size: 14px;
  line-height: 1.42;
  text-align: left;
}

.recruit_sub .recruit_data .caption {
  font-size: 12px;
  padding-right: 15px;
  text-align: right;
  line-height: 1.3334;
}















.recruit_sub .recruit_data ul.cont_wrap {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #eaeaea;
}
.recruit_sub .recruit_data ul.cont_wrap:last-child {
  border-bottom: 2px solid #eaeaea;
}
.recruit_sub .recruit_data ul.cont_wrap li {
  width: 50%;
}
.recruit_sub .recruit_data ul.cont_wrap li:first-child {
  border-right: 1px solid #eaeaea;
}





/* graph */
.recruit_sub .recruit_data .bar-graph {
  width: 300px;
  height: 100px;
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  background: #ddd;
}
.recruit_sub .recruit_data .bar {
  height: 100%;
  transition: width 0.8s ease-in-out;
  position: relative;
}
.recruit_sub .recruit_data .orange {
  background: linear-gradient(to bottom, #fd8a45 0%, #fd8a45 50%, #f55b00 50%, #f55b00 100%);
}
.recruit_sub .recruit_data .orange_line {
  border-right: 1px solid #fff;
}
.recruit_sub .recruit_data .blue {
  background: linear-gradient(to bottom, #1f71bd 0%, #1f71bd 50%, #003d76 50%, #003d76 100%);
  border-right: 1px solid #fff;
}



/* 男女比  年齢構成 graph */
.recruit_sub .recruit_data .cont_wrap01 li .txt_box,
.recruit_sub .recruit_data .cont_wrap04 li .txt_box {
  color: #fff;
  font-family: "din-2014", sans-serif;
  letter-spacing: -0.05em;
  padding-top: 1em;
}
.recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box {
  padding-top: 1em;
}
.recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box {
  padding-top: 2em;
}
.recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box .top_txt,
.recruit_sub .recruit_data .cont_wrap04 li .txt_box .top_txt {
  font-size: 14px;
  position: relative;
  top: 8px;
}
.recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box .top_txt {
  font-size: 16px;
  position: relative;
  top: 1px;
}
.recruit_sub .recruit_data .cont_wrap01 .txt_box .bt_txt,
.recruit_sub .recruit_data .cont_wrap04 li .txt_box .bt_txt {
  font-size: 15px;
}
.recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box .bt_txt span,
.recruit_sub .recruit_data .cont_wrap04 li .txt_box .bt_txt span {
  font-size: 60px;
}
.recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box .bt_txt span {
  font-size: 40px;
}



/* 正社員数 graph */
.chart-container ul.flex_box {
  gap: 17px;
}
.chart-container ul.flex_box li {
  padding-bottom: 10px;
}
.chart-container ul.flex_box .progress-bar {
  width: 60px;
  height: 80px;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  transform: rotate(-180deg);
}
.chart-container ul.flex_box .progress-bar .progress {
  width: 60px;
  height: 0;
  padding: 0;
  text-align: center;
  color: #111;
  position: relative;
}

.chart-container ul.flex_box .progress-bar .progress p {
  color: #fff;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  font-family: "din-2014", sans-serif;
  font-size: 27px;
  font-weight: bold;
  line-height: 1;
}
.chart-container ul.flex_box .progress-bar .progress p span {
  display: inline-block;
  font-size: 14px;
  position: relative;
  top: -10px;
}
.chart-container ul.flex_box p.font-din {
  font-size: 18px;
  font-weight: bold;
}






/* 社員定着率 graph */
.recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box {
  color: #fff;
  font-family: "din-2014", sans-serif;
  letter-spacing: -0.05em;
  padding-top: 1em;
}

.recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .top_txt {
  font-size: 16px;
  position: relative;
  top: 5px;
}
.recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .bt_txt {
  font-size: 15px;
}
.recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .bt_txt span {
  font-size: 50px;
}







/* icon size */
.recruit_sub .recruit_data .established .icon_box {
  width: 93px;
  margin-right: 25px;
}

.recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .icon_box {
  width: 84px;
}
.recruit_sub .recruit_data .cont_wrap03 li:nth-child(2) .icon_box {
  width: 92px;
  margin-right: 25px;
}

.recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .icon_box {
  width: 82px;
  margin-right: 15px;
}
.recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .icon_box {
  width: 81px;
  margin-right: 20px;
}




/*  */
.recruit_sub .recruit_data .established .num_wrap,
.recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap {
  display: flex;
  align-items: flex-end;
}


.recruit_sub .recruit_data .established .num_wrap b {
  display: block;
  width: 250px;
}
.recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .num_wrap span.counter01 {
  width: 100px;
  letter-spacing: -0.15em;
  text-indent: -35px;
}
.recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .num_wrap span.counter02 {
  width: 100px;
  letter-spacing: -0.05em;
  text-indent: 0px;
}
.recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap span {
  width: 155px;
}


.recruit_sub .recruit_data .num_wrap span {
  display: inline-block;
}
.recruit_sub .recruit_data .established .num_wrap span {
  text-indent: -20px;
}
.recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .num_wrap span.counter02 {
  text-indent: -5px;
}
.recruit_sub .recruit_data .cont_wrap03 li:nth-child(2) .num_wrap span.counter03,
.recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .num_wrap span.counter03 {
  text-indent: -10px;
}
.recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap span {
  text-indent: -40px;
}
.recruit_sub .recruit_data .established .num_wrap span + span {
  letter-spacing: -0.1em;
  text-indent: -10px;
}
.recruit_sub .recruit_data .established .num_wrap small,
.recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap small {
  padding-bottom: 20px;
}



@media (max-width: 1100px)  and (min-width: 769px) {
  .recruit_sub .pageTit_data .pageTit_inner small {
    font-size: 1.4545vw;
  }

  /* common */
  .recruit_sub .recruit_data .cont_tit {
    font-size: 2.1818vw;
  }
  .recruit_sub .recruit_data .left_box {
    padding-right: 1.8182vw;
    margin-right: 1.8182vw;
  }
  .recruit_sub .recruit_data .left_box::after {
    height: 9.0909vw;
  }

  .recruit_sub .recruit_data .num_wrap span {
    font-size: 12.7273vw;
  }
  .recruit_sub .recruit_data .num_wrap small {
    font-size: 1.9091vw;
  }
  .recruit_sub .recruit_data .cont_txt {
    font-size: 1.2727vw;
  }

  .recruit_sub .recruit_data .caption {
    font-size: 1.0909vw;
  }


  
  

  /* graph */
  .recruit_sub .recruit_data .bar-graph {
    width: 27.2727vw;
    height: 9.0909vw;
  }

  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box .top_txt,
  .recruit_sub .recruit_data .cont_wrap04 li .txt_box .top_txt {
    font-size: 1.2727vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box .top_txt {
    font-size: 1.4545vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 .txt_box .bt_txt,
  .recruit_sub .recruit_data .cont_wrap04 li .txt_box .bt_txt {
    font-size: 1.3636vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box .bt_txt span,
  .recruit_sub .recruit_data .cont_wrap04 li .txt_box .bt_txt span {
    font-size: 5.4545vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box .bt_txt span {
    font-size: 3.6364vw;
  }




  /* 正社員数 graph */
  .chart-container ul.flex_box {
    gap: 1.5455vw;
  }
  .chart-container ul.flex_box .progress-bar {
    width: 5.4545vw;
    height: 7.2727vw;
  }
  .chart-container ul.flex_box .progress-bar .progress {
    width: 5.4545vw;
  }

  .chart-container ul.flex_box .progress-bar .progress p {
    font-size: 2.4545vw;
  }
  .chart-container ul.flex_box .progress-bar .progress p span {
    font-size: 1.2727vw;
  }
  .chart-container ul.flex_box p.font-din {
    font-size: 1.6364vw;
  }



  /* 社員定着率 graph */
  .recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .top_txt {
    font-size: 1.4545vw;
  }
  .recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .bt_txt {
    font-size: 1.3636vw;
  }
  .recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .bt_txt span {
    font-size: 4.5455vw
  }


  /* icon size */
  .recruit_sub .recruit_data .established .icon_box {
    width: 8.4545vw;
    margin-right: 2.2727vw;
  }

  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .icon_box {
    /* width: 7.6364vw; */
    width: 6vw;
  }
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(2) .icon_box {
    width: 8.3636vw;
    margin-right: 2.2727vw;
  }

  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .icon_box {
    width: 7.4545vw;
    margin-right: 1.3636vw;
  }
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .icon_box {
    width: 7.3636vw;
    margin-right: 1.8182vw;
  }





  .recruit_sub .recruit_data .established .num_wrap b {
    width: 22.7273vw;
  }
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .num_wrap span.counter01 {
    width: 9.0909vw;
  }
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .num_wrap span.counter02 {
    width: 9.0909vw;
  }
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap span {
    width: 14.0909vw;
  }

}

@media screen and (max-width: 768px) {
  .recruit_sub .pageTit_data {
    background: url('../img/recruit/data/main_bg_sp.jpg') no-repeat;
    background-position: top right;
    background-size: 100vw;
  }

  .recruit_sub .pageTit_data .pageTit_inner small {
    margin-top: 5.3333vw;
    margin-bottom: 6.6667vw;
    font-size: 3.2vw;
    line-height: 1.3334;
  }

  .recruit_sub .recruit_data .content_box {
    padding-top: 5.3333vw;
    padding-bottom: 10.6667vw;
  }
  


  /* common */
  .recruit_sub .recruit_data .cont_tit {
    font-size: 4.2667vw;
    margin-top: 5.3333vw;
    margin-bottom: 5.3333vw;
  }
  .recruit_sub .recruit_data .flex_box.cont_wrap {
    flex-direction: column;
  }
  .recruit_sub .recruit_data .established .flex_box,
  .recruit_sub .recruit_data .flex_box.cont_wrap li .cont_txt_box {
    flex-wrap: wrap;
  }

  .recruit_sub .recruit_data .left_box {
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 5.3333vw;
  }
  .recruit_sub .recruit_data .established .left_box,
  .recruit_sub .recruit_data .cont_wrap03 .left_box,
  .recruit_sub .recruit_data .cont_wrap05 .left_box {
    padding-bottom: 2.6667vw;
  }


  .recruit_sub .recruit_data .left_box::after {
    width: 77.3333vw;
    height: 1px;
    top: auto;
    right: 50%;
    bottom: 0;
    transform: translateX(50%);

    display: none;
  }


  .recruit_sub .recruit_data .num_wrap span {
    font-size: 30.6667vw;
    letter-spacing: -0.05em;
  }
  .recruit_sub .recruit_data .num_wrap small {
    font-size: 4.8vw;
  }
  .recruit_sub .recruit_data .cont_txt {
    font-size: 3.2vw;
    line-height: 1.3334;
    text-align: center;
    padding-top: 5.3333vw;
    width: 100%;
    position: relative;
  }

  .recruit_sub .recruit_data .cont_txt::after {
    display: block;
    content: "";
    width: 77.3333vw;
    height: 1px;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
  }

  .recruit_sub .recruit_data .established .cont_txt {
    font-size: 3.2vw;
    line-height: 1.3334;
    text-align: center;
    margin-bottom: 5.3333vw;
  }
  .recruit_sub .recruit_data .caption {
    font-size: 3.2vw;
    padding-right: 5.3333vw;
    margin-top: 3.3333vw;
    text-align: right;
    color: #666666;
  }





  .recruit_sub .recruit_data ul.cont_wrap {
    /* padding-top: 6vw; */
    padding-top: 0;
    padding-bottom: 6vw;
    border-top: 2px solid #eaeaea;
  }
  .recruit_sub .recruit_data ul.cont_wrap li {
    width: 100%;
  }
  .recruit_sub .recruit_data ul.cont_wrap > li + li {
    margin-top: 5.3334vw;
    border-top: 2px solid #eaeaea;
  }
  .recruit_sub .recruit_data ul.cont_wrap li:first-child {
    border-right: 0;
  }





  /* graph */
  .recruit_sub .recruit_data .bar-graph {
    width: 77.3333vw;
    height: 31.6vw;
  }

  /* 男女比  年齢構成 graph */
  .recruit_sub .recruit_data .cont_wrap01 li .txt_box,
  .recruit_sub .recruit_data .cont_wrap04 li .txt_box {
    color: #fff;
    font-family: "din-2014", sans-serif;
    letter-spacing: -0.05em;
    padding-top: 1em;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box {
    padding-top: 4vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box {
    padding-top: 6.6667vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box .top_txt,
  .recruit_sub .recruit_data .cont_wrap04 li .txt_box .top_txt {
    font-size: 3.6vw;
    top: 1.0667vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box .top_txt {
    font-size: 4vw;
    top: 1px;
  }
  .recruit_sub .recruit_data .cont_wrap01 .txt_box .bt_txt,
  .recruit_sub .recruit_data .cont_wrap04 li .txt_box .bt_txt {
    font-size: 3.8667vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(1) .txt_box .bt_txt span,
  .recruit_sub .recruit_data .cont_wrap04 li .txt_box .bt_txt span {
    font-size: 15.4667vw;
  }
  .recruit_sub .recruit_data .cont_wrap01 li:nth-child(2) .txt_box .bt_txt span {
    font-size: 10.2667vw;
  }


  /* 正社員数 graph */
  .chart-container ul.flex_box {
    gap: 3.6vw;
  }
  .chart-container ul.flex_box li {
    padding-bottom: 1.3333vw;
  }
  .chart-container ul.flex_box .progress-bar {
    width: 12.8vw;
    height: 17.0667vw;
    background: #fff;

    background: #eee;
  }
  .chart-container ul.flex_box .progress-bar .progress {
    width: 12.8vw;
  }

  .chart-container ul.flex_box .progress-bar .progress p {
    font-size: 5.6000vw;
  }
  .chart-container ul.flex_box .progress-bar .progress p span {
    font-size: 2.9333vw;
    top: -1.0667vw;
  }
  .chart-container ul.flex_box p.font-din {
    font-size: 3.7333vw;
  }



  /* 社員定着率 graph */
  .recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box {
    color: #fff;
    font-family: "din-2014", sans-serif;
    letter-spacing: -0.05em;
    padding-top: 6vw;
  }

  .recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .top_txt {
    font-size: 3.6vw;
    top: 0;
  }
  .recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .bt_txt {
    font-size: 3.8667vw;
  }
  .recruit_sub .recruit_data .cont_wrap02 li:nth-child(2) .txt_box .bt_txt span {
    font-size: 12.8vw;
  }



  /* icon size */
  .recruit_sub .recruit_data .established .icon_box {
    width: 15.8667vw;
    margin-right: 4.6667vw;
  }

  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .icon_box {
    width: 17.7333vw;
    margin-right: 2vw;
  }
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(2) .icon_box {
    width: 19.4667vw;
    margin-right: 6vw;
  }

  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .icon_box {
    width: 17.2vw;
    margin-right: 4vw;
  }
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .icon_box {
    width: 16.9333vw;
    margin-right: 6vw;
  }


  


  /*  */
  .recruit_sub .recruit_data .established .num_wrap,
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap {
    display: flex;
    align-items: flex-end;
  }
  .recruit_sub .recruit_data .established .num_wrap b {
    width: 100%;
  }
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .num_wrap span.counter01 {
    width: 22vw;
    letter-spacing: -0.15em;
    text-indent: -7vw;
  }
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(1) .num_wrap span.counter02 {
    width: 22vw;
    letter-spacing: -0.05em;
    text-indent: 0px;
  }
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap span {
    width: 40vw;
  }



  .recruit_sub .recruit_data .established .num_wrap span {
    text-indent: -1vw;
  }
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .num_wrap span.counter02 {
    text-indent: 0;
  }
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(2) .num_wrap span.counter03,
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .num_wrap span.counter03 {
    text-indent: 0;
  }
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap span {
    text-indent: -4vw;
  }
  .recruit_sub .recruit_data .established .num_wrap span + span {
    letter-spacing: -0.1em;
    text-indent: -1.0667vw;
  }
  .recruit_sub .recruit_data .established .num_wrap small,
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .num_wrap small {
    padding-bottom: 4vw;
  }


  .recruit_sub .recruit_data .established .cont_txt_box,
  .recruit_sub .recruit_data .cont_wrap03 li:nth-child(2) .cont_txt_box,
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(1) .cont_txt_box,
  .recruit_sub .recruit_data .cont_wrap05 li:nth-child(2) .cont_txt_box {
    justify-content: flex-start;
    padding-left: 4vw;
  }


}