.header_top .logo_wrap.invisible {
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}

.recruit_mv .bg_wrap {
  padding-top: 360rem;
  height: calc(100vh + 85rem);
}
.recruit_mv .bg_wrap .bg_img {
  animation: fadeIn 0.8s ease forwards;
  opacity: 0;
}
.recruit_mv .bg_wrap .bg_img:before {
  background-image: url(../../../assets_main/img/ph_recruit_mv.jpg);
}
.recruit_mv .ttl_wrap {
  margin-left: -65rem;
  color: #fff;
  position: fixed;
  z-index: -1;
  animation: fadeIn 1.2s ease forwards;
  animation-delay: 0.4s;
  opacity: 0;
}
.recruit_mv .ttl_wrap h1 {
  font-size: 60rem;
  font-weight: 500;
  letter-spacing: 10rem;
  line-height: 1.5;
}
.recruit_mv .ttl_wrap p {
  font-size: 28rem;
  margin-top: 50rem;
  animation: fadeIn 1.2s ease forwards;
  animation-delay: 0.5s;
  opacity: 0;
}
.recruit_mv .ttl_wrap::after {
  content: "";
  width: 292rem;
  height: 197rem;
  background-image: url(../../../assets_main/img/txt_top_recruit.svg);
  background-size: 292rem;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: -130rem;
  left: -115rem;
}
.recruit_mv .ttl_wrap.invisible {
  visibility: hidden;
}

.recruit_catch {
  position: relative;
  z-index: 0;
}
.recruit_catch::before, .recruit_catch::after {
  content: "";
  display: block;
  width: 488rem;
  height: 488rem;
  background-image: url(../../../assets_main/img/bg_recruit_catch.png);
  background-size: 488rem;
  background-size: contain;
  position: absolute;
  z-index: -1;
  transform: scale(0);
  transition: 1s;
  transition-delay: 0.4s;
}
.recruit_catch::before {
  top: 280rem;
  left: -500rem;
}
.recruit_catch::after {
  top: 30rem;
  right: -470rem;
}
.recruit_catch.on_action::before, .recruit_catch.on_action::after {
  transform: scale(1);
}
.recruit_catch .txt {
  margin-top: 60rem;
}
.recruit_catch .catch {
  position: relative;
}
.recruit_catch .catch::after {
  content: "";
  display: block;
  width: 946rem;
  height: 77rem;
  background-image: url(../../img/pic_recruit_catch_leaf.png);
  background-size: contain;
  position: absolute;
  top: -10rem;
  left: 50%;
  transform: translateX(-50%);
}
.recruit_catch .img_wrap .img_box {
  position: absolute;
}
.recruit_catch .img_wrap .img_box img {
  border-radius: 12rem;
}
.recruit_catch .img_wrap .img_box.img_box_01 {
  width: 300rem;
  top: 150rem;
  left: -95rem;
}
.recruit_catch .img_wrap .img_box.img_box_02 {
  width: 221rem;
  top: 460rem;
  left: -265rem;
}
.recruit_catch .img_wrap .img_box.img_box_03 {
  width: 300rem;
  top: 105rem;
  right: -88rem;
}
.recruit_catch .img_wrap .img_box.img_box_04 {
  width: 221rem;
  top: 430rem;
  right: -270rem;
}

.anc_nav {
  margin-top: 170rem;
}

.message_wrap {
  padding-top: 215rem;
}
.message_wrap .common_ttl.ta_left span.m_ttl::before {
  background-image: url(../../img/txt_message.svg);
  width: 412rem;
  height: 63rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -120rem;
  top: -35rem;
}
.message_wrap .message_box {
  display: flex;
  margin-top: 40rem;
  gap: 90rem;
}
.message_wrap .message_box .txt_wrap {
  width: 640rem;
}
.message_wrap .message_box .txt_wrap .catch {
  font-size: 28rem;
}
.message_wrap .message_box .txt_wrap .txt {
  margin-top: 30rem;
}
.message_wrap .message_box .img_wrap {
  margin-top: 30rem;
  position: relative;
  width: 162rem;
  z-index: 0;
}
.message_wrap .message_box .img_wrap::after {
  content: "";
  width: 295rem;
  height: 295rem;
  display: block;
  background-image: url(../../img/bg_top_about_01.png);
  background-size: contain;
  position: absolute;
  top: -100rem;
  right: -235rem;
  z-index: -1;
  transform: scale(0);
  transition: 1s;
  transition-delay: 0.4s;
}
.message_wrap .message_box .img_wrap.on_action::after {
  transform: scale(1);
}
.message_wrap .message_box .img_wrap .name {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20rem;
  line-height: 1.5;
  font-weight: 500;
}
.message_wrap .message_box .img_wrap .name span {
  font-size: 22rem;
}

.feature_wrap {
  padding-top: 120rem;
}
.feature_wrap ul li {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  justify-content: space-between;
}
.feature_wrap ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 20rem;
  height: 78rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.feature_wrap ul li:not(:first-child) {
  margin-top: 100rem;
}
.feature_wrap ul li:nth-child(1)::before {
  background-image: url(../../img/num_recruit_01.svg);
  width: 90rem;
}
.feature_wrap ul li:nth-child(2)::before {
  background-image: url(../../img/num_recruit_02.svg);
  width: 104rem;
}
.feature_wrap ul li:nth-child(3)::before {
  background-image: url(../../img/num_recruit_03.svg);
  width: 105rem;
}
.feature_wrap ul li:nth-child(4)::before {
  background-image: url(../../img/num_recruit_04.svg);
  width: 108rem;
}
.feature_wrap ul li .txt_wrap {
  width: 550rem;
  margin-top: 30rem;
}
.feature_wrap ul li .txt_wrap h3 {
  padding-left: 40rem;
  font-size: 30rem;
  line-height: 1.5;
}
.feature_wrap ul li .txt_wrap p {
  margin-top: 40rem;
}
.feature_wrap ul li .img_wrap {
  width: 465rem;
  height: 270rem;
  margin-right: -120rem;
}
.feature_wrap ul li .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30rem;
}

.position_wrap {
  margin-top: 100rem;
  padding-top: 110rem;
  padding-bottom: 180rem;
}
.position_wrap .position_list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.position_wrap .position_list ul li .txt_wrap h3 {
  font-size: 34rem;
  position: relative;
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
}
.position_wrap .position_list ul li .txt_wrap h3::after {
  content: "";
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  z-index: -1;
  transition: transform 0.6s ease 0.4s;
  background-size: contain;
  background-image: url(../../img/bg_top_about_01.png);
  width: 170rem;
  height: 170rem;
  top: -100rem;
  right: -120rem;
}
.position_wrap .position_list ul li .txt_wrap .catch {
  margin-top: 35rem;
}
.position_wrap .position_list ul li .txt_wrap .btn_more a {
  margin-top: 65rem;
}
.position_wrap .position_list ul li .img_wrap {
  margin-left: -460rem;
  width: 908rem;
}
.position_wrap .position_list ul li .img_wrap img {
  border-radius: 0 80rem 80rem 0;
}
.position_wrap .position_list ul li:not(:first-child) {
  margin-top: 100rem;
}
.position_wrap .position_list ul li:nth-child(odd) {
  flex-direction: row-reverse;
}
.position_wrap .position_list ul li:nth-child(odd) .txt_wrap h3::after {
  top: -100rem;
  right: unset;
  left: -120rem;
}
.position_wrap .position_list ul li:nth-child(odd) .img_wrap {
  margin-right: auto;
  margin-right: -460rem;
}
.position_wrap .position_list ul li:nth-child(odd) .img_wrap img {
  border-radius: 80rem 0 0 80rem;
}

.job_info {
  margin-top: 120rem;
  padding-top: 120rem;
  padding-bottom: 120rem;
}
.job_info .recruit_list {
  margin-top: 40rem;
}
.job_info .recruit_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20rem 0;
}
.job_info .recruit_list ul li {
  width: 470rem;
}
.job_info .recruit_list ul li a,
.job_info .recruit_list ul li p {
  height: 100%;
  background-color: #fff;
  padding-top: 14rem;
  padding-left: 30rem;
  padding-right: 50rem;
  display: block;
  padding-bottom: 14rem;
  position: relative;
}
.job_info .recruit_list ul li a span,
.job_info .recruit_list ul li p span {
  display: block;
}
.job_info .recruit_list ul li a span.ttl,
.job_info .recruit_list ul li p span.ttl {
  font-size: 20rem;
  padding-left: 18rem;
  font-weight: 500rem;
  position: relative;
  color: #f0813b;
  line-height: 1.4;
}
.job_info .recruit_list ul li a span.ttl::before,
.job_info .recruit_list ul li p span.ttl::before {
  content: "";
  display: block;
  position: absolute;
  width: 5rem;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #FFE36E, #F0813B);
}
.job_info .recruit_list ul li a span.data,
.job_info .recruit_list ul li p span.data {
  margin-top: 6rem;
}
.job_info .recruit_list ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20rem;
  width: 16rem;
  height: 16rem;
  border-top: 1px solid #F0813B;
  border-right: 1px solid #F0813B;
  transform: translateY(-50%) rotate(45deg) skew(-4deg, -4deg);
  transition: 0.3s;
}
.job_info .recruit_list ul li a:hover {
  box-shadow: 0 -4rem #F0813B inset;
}
.job_info .recruit_list ul li a:hover::after {
  right: 17rem;
}
.job_info .recruit_list ul li.close a,
.job_info .recruit_list ul li.close p {
  background-color: #F2F2F2;
  pointer-events: none;
}
.job_info .recruit_list ul li.close a span.ttl,
.job_info .recruit_list ul li.close p span.ttl {
  color: #CCCCCC;
}
.job_info .recruit_list ul li.close a span.ttl::before,
.job_info .recruit_list ul li.close p span.ttl::before {
  background-image: unset;
  background-color: #CCCCCC;
}
.job_info .recruit_list ul li.close a::after,
.job_info .recruit_list ul li.close p::after {
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

.benefits_wrap {
  margin-top: 120rem;
}
.benefits_wrap .benefits_tab ul {
  margin-top: 70rem;
  display: flex;
  flex-wrap: wrap;
  gap: 30rem 24rem;
}
.benefits_wrap .benefits_tab ul li {
  cursor: pointer;
  border-radius: 20rem;
  border: 2rem solid #F89C5E;
  background-color: #fff;
  width: 232rem;
  height: 232rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  gap: 20rem;
}
.benefits_wrap .benefits_tab ul li p {
  font-size: 18rem;
}
.benefits_wrap .benefits_tab ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 30rem;
  height: 30rem;
  background-image: url(../../img/ico_plus.svg);
  background-size: 30rem;
  bottom: 15rem;
  right: 17rem;
}
.benefits_wrap .benefits_tab ul li:hover {
  transform: scale(1.025);
  background-color: rgba(248, 156, 94, 0.0509803922);
}
.benefits_wrap .modal_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  justify-content: center;
  align-items: center;
}
.benefits_wrap .modal_wrap .modal_bg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6117647059);
  z-index: -1;
}
.benefits_wrap .modal_wrap .modal_inner {
  position: relative;
  height: 100%;
}
.benefits_wrap .modal_wrap .benefits_swiper {
  width: 640rem;
  height: 100%;
  display: block;
}
.benefits_wrap .modal_wrap .contents {
  width: 600rem;
  height: 300rem;
  background-color: #fff;
  border: #F0813B 2rem solid;
  border-radius: 20rem;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 50rem;
  justify-content: center;
  align-items: center;
}
.benefits_wrap .modal_wrap .contents .txt_wrap {
  width: 290rem;
}
.benefits_wrap .modal_wrap .contents .txt_wrap h4 {
  padding-bottom: 10rem;
  border-bottom: 1rem solid #F0813B;
  font-size: 20rem;
}
.benefits_wrap .modal_wrap .contents .txt_wrap .txt {
  margin-top: 15rem;
  line-height: 2;
}
.benefits_wrap .modal_wrap .contents .txt_wrap .btn_more a {
  width: 200rem;
  height: 45rem;
  margin-top: 15rem;
  font-size: 14rem;
}
.benefits_wrap .modal_wrap .swiper-button-next,
.benefits_wrap .modal_wrap .swiper-button-prev {
  background-image: url(../../img/pic_arrow_benefits_swiper.png);
  width: 52rem;
  height: 52rem;
  background-size: contain;
}
.benefits_wrap .modal_wrap .swiper-button-next::after,
.benefits_wrap .modal_wrap .swiper-button-prev::after {
  content: none;
}
.benefits_wrap .modal_wrap .swiper-button-next {
  right: 115rem;
  transform: scale(-1, 1);
}
.benefits_wrap .modal_wrap .swiper-button-prev {
  left: 115rem;
}
.benefits_wrap .modal_wrap .close {
  position: absolute;
  cursor: pointer;
  top: 12rem;
  right: 17rem;
  background-color: #D1C9B2;
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
}
.benefits_wrap .modal_wrap .close::before, .benefits_wrap .modal_wrap .close::after {
  content: "";
  position: absolute;
  display: block;
  color: #fff;
  width: 12rem;
  height: 2rem;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.benefits_wrap .modal_wrap .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.link_wrap {
  margin-top: 160rem;
}
.link_wrap ul {
  display: flex;
  gap: 80rem;
  justify-content: center;
}
.link_wrap ul li a {
  display: flex;
  border-radius: 20rem;
  background-color: #fff;
  width: 460rem;
  gap: 40rem;
  align-items: center;
  position: relative;
}
.link_wrap ul li a p {
  font-size: 20rem;
}
.link_wrap ul li a .img_wrap {
  overflow: hidden;
  border-radius: 20rem 0 0 20rem;
}
.link_wrap ul li a .img_wrap img {
  transition: 0.4s;
  border-radius: 20rem 0 0 20rem;
}
.link_wrap ul li a::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../../img/ico_ancnav_arrow.svg);
  width: 26rem;
  height: 26rem;
  background-size: 26rem;
  background-repeat: no-repeat;
  right: 14rem;
  transition: 0.4s;
  bottom: 9.5rem;
  transform: translateY(-50%) rotate(-90deg);
}
.link_wrap ul li a:hover .img_wrap img {
  transform: scale(1.1);
}
.link_wrap ul li a:hover::after {
  right: 10rem;
}

.contact_wrap {
  margin-top: 70rem;
  padding-top: 120rem;
  padding-bottom: 120rem;
}
.contact_wrap .lead {
  margin-top: 50rem;
  text-align: center;
}
.contact_wrap .btn_wrap {
  margin-top: 50rem;
  display: flex;
  gap: 20rem;
  justify-content: center;
}
.contact_wrap .btn_wrap .btn a {
  width: 490rem;
  height: 137rem;
  border-radius: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.contact_wrap .btn_wrap .to_contact a {
  font-size: 24rem;
  color: #fff;
  background-image: linear-gradient(180deg, #FFE36E, #F0813B);
  transition: 0.3s;
}
.contact_wrap .btn_wrap .to_contact a::after {
  content: "";
  display: block;
  position: absolute;
  right: 50.5rem;
  width: 32rem;
  height: 32rem;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../../img/ico_arrow_w_frame.svg);
}
.contact_wrap .btn_wrap .to_contact a:hover {
  transform: scale(1.01);
}
.contact_wrap .btn_wrap .to_contact a:hover::after {
  right: 45.5rem;
}
.contact_wrap .btn_wrap .to_tel a {
  background-color: #fff;
  color: #F0813B;
  border: 2rem solid #F0813B;
  flex-direction: column;
  font-size: 18rem;
  line-height: 1.5;
}
.contact_wrap .btn_wrap .to_tel a span {
  font-size: 36rem;
  font-weight: bold;
  display: block;
}
.contact_wrap .btn_wrap .to_tel a span::before {
  content: "";
  display: inline-block;
  width: 34rem;
  height: 34rem;
  background-size: contain;
  background-image: url(../../img/ico_tel_bg_o.svg);
  margin-right: 9rem;
}
.contact_wrap .btn_wrap .to_tel a small {
  font-size: 14rem;
}
.contact_wrap .btn_wrap .to_tel a:hover {
  transform: scale(1.01);
}

@media screen and (max-width: 1279px) {
  .recruit_mv .ttl_wrap {
    margin-left: 90rem;
  }
}
@media screen and (max-width: 1279px) {
  .recruit_mv .bg_wrap .bg_img:before {
    background-image: url(../../../assets_main/img/ph_recruit_mv_tablet.jpg);
  }
}
@media screen and (max-width: 680px) {
  .recruit_mv .bg_wrap {
    padding-top: 166rem;
    height: 640rem;
  }
  .recruit_mv .bg_wrap .bg_img:before {
    background-image: url(../../../assets_main/img/ph_recruit_mv_sp.jpg);
    background-size: 100%;
  }
  .recruit_mv .ttl_wrap {
    margin-left: 35rem;
  }
  .recruit_mv .ttl_wrap h1 {
    font-size: 43rem;
    letter-spacing: 6rem;
    line-height: 1.3;
  }
  .recruit_mv .ttl_wrap p {
    font-size: 19rem;
    margin-top: 10rem;
  }
  .recruit_mv .ttl_wrap::after {
    width: 145rem;
    height: 77.5rem;
    background-size: contain;
    top: -45rem;
    left: -45rem;
  }
  .recruit_catch {
    padding-bottom: 70rem;
  }
  .recruit_catch::before, .recruit_catch::after {
    content: "";
    display: block;
    width: 178rem;
    height: 178rem;
    background-size: 178rem;
  }
  .recruit_catch::before {
    top: unset;
    bottom: 100rem;
    left: -50rem;
    width: 129.5rem;
    height: 129.5rem;
    background-size: 129.5rem;
  }
  .recruit_catch::after {
    bottom: 255rem;
    top: unset;
    right: -65rem;
  }
  .recruit_catch .txt {
    margin-top: 30rem;
  }
  .recruit_catch .catch {
    position: relative;
  }
  .recruit_catch .catch::after {
    width: 342.5rem;
    height: 429.57rem;
    background-image: url(../../img/pic_recruit_catch_leaf_sp.png);
    top: -30rem;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
  }
  .recruit_catch .img_wrap .img_box {
    position: relative;
  }
  .recruit_catch .img_wrap .img_box img {
    border-radius: 6rem;
  }
  .recruit_catch .img_wrap .img_box.img_box_01 {
    width: 167.5rem;
    top: unset;
    left: unset;
    margin-top: 27.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .recruit_catch .img_wrap .img_box.img_box_02 {
    width: 123.5rem;
    top: unset;
    left: unset;
    margin-top: 25rem;
    margin-left: 0;
    margin-right: auto;
  }
  .recruit_catch .img_wrap .img_box.img_box_03 {
    width: 167.5rem;
    top: unset;
    right: unset;
    margin-top: -80rem;
    margin-left: auto;
    margin-right: -5rem;
  }
  .recruit_catch .img_wrap .img_box.img_box_04 {
    width: 123.5rem;
    top: unset;
    right: unset;
    margin-top: -22rem;
    margin-left: 35rem;
    margin-right: auto;
  }
  .anc_nav {
    margin-top: 42.5rem;
  }
  .message_wrap {
    padding-top: 80rem;
  }
  .message_wrap .common_ttl.ta_left span.m_ttl::before {
    width: 206rem;
    height: 31.5rem;
    left: -25rem;
    top: -15rem;
  }
  .message_wrap .message_box {
    display: block;
    margin-top: 20rem;
  }
  .message_wrap .message_box .txt_wrap {
    width: 100%;
  }
  .message_wrap .message_box .txt_wrap .catch {
    font-size: 14rem;
  }
  .message_wrap .message_box .txt_wrap .txt {
    margin-top: 15rem;
  }
  .message_wrap .message_box .img_wrap {
    margin-top: 15rem;
    width: 81rem;
    margin-left: auto;
    margin-right: auto;
  }
  .message_wrap .message_box .img_wrap::after {
    width: 130rem;
    height: 130rem;
    top: -30rem;
    right: -100rem;
  }
  .message_wrap .message_box .img_wrap .name {
    margin-top: 15rem;
  }
  .message_wrap .message_box .img_wrap .name span {
    font-size: 11rem;
  }
  .feature_wrap {
    padding-top: 65rem;
  }
  .feature_wrap ul {
    margin-top: 27.5rem;
  }
  .feature_wrap ul li {
    display: block;
  }
  .feature_wrap ul li::before {
    left: -15rem;
    top: -20rem;
    height: 78rem;
  }
  .feature_wrap ul li:not(:first-child) {
    margin-top: 50rem;
  }
  .feature_wrap ul li:nth-child(1)::before {
    width: 70rem;
  }
  .feature_wrap ul li:nth-child(2)::before {
    width: 84rem;
  }
  .feature_wrap ul li:nth-child(3)::before {
    width: 85rem;
  }
  .feature_wrap ul li:nth-child(4)::before {
    width: 88rem;
  }
  .feature_wrap ul li .txt_wrap {
    width: 100%;
    margin-top: 15rem;
  }
  .feature_wrap ul li .txt_wrap h3 {
    padding-left: 0;
    font-size: 21rem;
    line-height: 1.5;
    color: #F0813B;
  }
  .feature_wrap ul li .txt_wrap p {
    margin-top: 10rem;
  }
  .feature_wrap ul li .img_wrap {
    width: 100%;
    height: 188.5rem;
    margin-right: 0;
  }
  .feature_wrap ul li .img_wrap img {
    border-radius: 15rem;
  }
  .position_wrap {
    margin-top: 65rem;
    padding-top: 65rem;
    padding-bottom: 65rem;
  }
  .position_wrap .position_list {
    margin-top: 30rem;
  }
  .position_wrap .position_list ul li {
    display: block;
  }
  .position_wrap .position_list ul li .txt_wrap h3 {
    font-size: 22rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25rem;
  }
  .position_wrap .position_list ul li .txt_wrap h3::after {
    width: 60rem;
    height: 60rem;
    top: -15rem;
    right: -45rem;
  }
  .position_wrap .position_list ul li .txt_wrap .catch {
    margin-top: 20rem;
    font-size: 13rem;
  }
  .position_wrap .position_list ul li .txt_wrap .btn_more a {
    margin-top: 30rem;
  }
  .position_wrap .position_list ul li .img_wrap {
    margin-left: -35rem;
    width: 350rem;
  }
  .position_wrap .position_list ul li .img_wrap img {
    border-radius: 0 30rem 30rem 0;
  }
  .position_wrap .position_list ul li:not(:first-child) {
    margin-top: 65rem;
  }
  .position_wrap .position_list ul li:nth-child(odd) .txt_wrap h3::after {
    top: -15rem;
    left: -45rem;
  }
  .position_wrap .position_list ul li:nth-child(odd) .img_wrap {
    margin-right: -25rem;
    margin-left: auto;
  }
  .position_wrap .position_list ul li:nth-child(odd) .img_wrap img {
    border-radius: 30rem 0 0 30rem;
  }
  .job_info {
    margin-top: 65rem;
    padding-top: 65rem;
    padding-bottom: 65rem;
  }
  .job_info .recruit_list {
    margin-top: 25rem;
  }
  .job_info .recruit_list ul {
    display: block;
  }
  .job_info .recruit_list ul li {
    width: auto;
  }
  .job_info .recruit_list ul li + li {
    margin-top: 6rem;
  }
  .job_info .recruit_list ul li a,
  .job_info .recruit_list ul li p {
    height: auto;
    padding-top: 10rem;
    padding-left: 20rem;
    padding-right: 30rem;
    padding-bottom: 10rem;
    position: relative;
  }
  .job_info .recruit_list ul li a span.ttl,
  .job_info .recruit_list ul li p span.ttl {
    font-size: 16rem;
    padding-left: 10rem;
  }
  .job_info .recruit_list ul li a span.ttl::before,
  .job_info .recruit_list ul li p span.ttl::before {
    width: 4rem;
  }
  .job_info .recruit_list ul li a span.data,
  .job_info .recruit_list ul li p span.data {
    margin-top: 4rem;
  }
  .job_info .recruit_list ul li a::after {
    right: 10rem;
    width: 12rem;
    height: 12rem;
  }
  .job_info .recruit_list ul li a:hover {
    box-shadow: 0 -2rem #F0813B inset;
  }
  .job_info .recruit_list ul li a:hover::after {
    right: 10rem;
  }
  .benefits_wrap {
    margin-top: 65rem;
  }
  .benefits_wrap .benefits_tab {
    width: 325rem;
  }
  .benefits_wrap .benefits_tab ul {
    margin-top: 27.5rem;
    gap: 13rem;
    justify-content: space-between;
  }
  .benefits_wrap .benefits_tab ul li {
    border-radius: 10rem;
    width: 153.5rem;
    height: 153.5rem;
    gap: 11rem;
  }
  .benefits_wrap .benefits_tab ul li p {
    font-size: 13rem;
  }
  .benefits_wrap .benefits_tab ul li::after {
    width: 20rem;
    height: 20rem;
    background-size: 20rem;
    bottom: 10rem;
    right: 11rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(1) .ico_wrap {
    width: 50rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(2) .ico_wrap {
    width: 35rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(3) .ico_wrap {
    width: 43rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(4) .ico_wrap {
    width: 61rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(5) .ico_wrap {
    width: 49rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(6) .ico_wrap {
    width: 42.5rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(7) .ico_wrap {
    width: 44rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(8) .ico_wrap {
    width: 52rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(9) .ico_wrap {
    width: 48rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(10) .ico_wrap {
    width: 32.5rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(11) .ico_wrap {
    width: 59rem;
  }
  .benefits_wrap .benefits_tab ul li:nth-child(12) .ico_wrap {
    width: 54.5rem;
  }
  .benefits_wrap .modal_wrap .benefits_swiper {
    width: 340rem;
  }
  .benefits_wrap .modal_wrap .benefits_01 .ico_wrap {
    width: 100rem;
  }
  .benefits_wrap .modal_wrap .benefits_02 .ico_wrap {
    width: 70rem;
  }
  .benefits_wrap .modal_wrap .benefits_03 .ico_wrap {
    width: 86rem;
  }
  .benefits_wrap .modal_wrap .benefits_04 .ico_wrap {
    width: 122rem;
  }
  .benefits_wrap .modal_wrap .benefits_05 .ico_wrap {
    width: 98rem;
  }
  .benefits_wrap .modal_wrap .benefits_06 .ico_wrap {
    width: 85rem;
  }
  .benefits_wrap .modal_wrap .benefits_07 .ico_wrap {
    width: 88rem;
  }
  .benefits_wrap .modal_wrap .benefits_08 .ico_wrap {
    width: 104rem;
  }
  .benefits_wrap .modal_wrap .benefits_09 .ico_wrap {
    width: 96rem;
  }
  .benefits_wrap .modal_wrap .benefits_10 .ico_wrap {
    width: 65rem;
  }
  .benefits_wrap .modal_wrap .benefits_11 .ico_wrap {
    width: 118rem;
  }
  .benefits_wrap .modal_wrap .benefits_12 .ico_wrap {
    width: 109rem;
  }
  .benefits_wrap .modal_wrap .contents {
    width: 325rem;
    min-height: 379rem;
    height: auto;
    border-radius: 10rem;
    display: block;
    padding-top: 52rem;
    padding-bottom: 20rem;
  }
  .benefits_wrap .modal_wrap .contents .ico_wrap {
    margin-right: auto;
    margin-left: auto;
  }
  .benefits_wrap .modal_wrap .contents .txt_wrap {
    width: 250rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20rem;
  }
  .benefits_wrap .modal_wrap .contents .txt_wrap h4 {
    padding-bottom: 11rem;
    border-bottom: 1rem solid #F0813B;
    font-size: 15rem;
  }
  .benefits_wrap .modal_wrap .contents .txt_wrap .txt {
    margin-top: 11rem;
    line-height: 2;
  }
  .benefits_wrap .modal_wrap .contents .txt_wrap .btn_more a {
    width: 225rem;
    height: 45rem;
    margin-top: 20rem;
    font-size: 14rem;
  }
  .benefits_wrap .modal_wrap .swiper-button-next,
  .benefits_wrap .modal_wrap .swiper-button-prev {
    background-image: url(../../img/pic_arrow_benefits_swiper_sp.png);
    width: 37.5rem;
    height: 37.5rem;
  }
  .benefits_wrap .modal_wrap .swiper-button-next {
    right: -5rem;
  }
  .benefits_wrap .modal_wrap .swiper-button-prev {
    left: -5rem;
  }
  .benefits_wrap .modal_wrap .close {
    top: 15rem;
    right: 15.5rem;
    width: 26rem;
    height: 26rem;
  }
  .benefits_wrap .modal_wrap .close::before, .benefits_wrap .modal_wrap .close::after {
    width: 11rem;
    height: 2rem;
  }
  .link_wrap {
    margin-top: 50rem;
  }
  .link_wrap ul {
    gap: 10rem;
  }
  .link_wrap ul li a {
    border-radius: 10rem;
    width: 165rem;
    display: block;
  }
  .link_wrap ul li a p {
    font-size: 17rem;
    height: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .link_wrap ul li a .img_wrap {
    overflow: hidden;
    border-radius: 10rem 10rem 0 0;
    height: 90rem;
  }
  .link_wrap ul li a .img_wrap img {
    transition: 0.4s;
    border-radius: 10rem 10rem 0 0;
  }
  .link_wrap ul li a::after {
    background-image: url(../../img/ico_ancnav_arrow_line_o.svg);
    width: 20rem;
    height: 20rem;
    background-size: 20rem;
    right: 10rem;
    transition: 0.4s;
    bottom: 9.5rem;
    transform: translateY(-50%) rotate(0);
  }
  .link_wrap ul li a:hover .img_wrap img {
    transform: scale(1.1);
  }
  .link_wrap ul li a:hover::after {
    right: 10rem;
  }
  .contact_wrap {
    margin-top: 50rem;
    padding-top: 65rem;
    padding-bottom: 65rem;
  }
  .contact_wrap .lead {
    margin-top: 27.5rem;
  }
  .contact_wrap .btn_wrap {
    margin-top: 35rem;
    gap: 15rem;
  }
  .contact_wrap .btn_wrap .btn a {
    width: 155rem;
    height: 110rem;
    border-radius: 11rem;
  }
  .contact_wrap .btn_wrap .to_contact a {
    font-size: 13rem;
    flex-direction: column-reverse;
    gap: 17rem;
  }
  .contact_wrap .btn_wrap .to_contact a::after {
    position: relative;
    right: 0;
    width: 40rem;
    height: 40rem;
    background-repeat: no-repeat;
    background-image: url(../../img/ico_mail.svg);
  }
  .contact_wrap .btn_wrap .to_contact a:hover::after {
    right: 0;
  }
  .contact_wrap .btn_wrap .to_tel a {
    flex-direction: column-reverse;
    gap: 10rem;
    font-size: 13rem;
    line-height: 1.5;
    position: relative;
    text-align: center;
  }
  .contact_wrap .btn_wrap .to_tel a::after {
    content: "";
    display: block;
    position: relative;
    right: 0;
    width: 40rem;
    height: 40rem;
    background-image: url(../../img/ico_tel_line_o.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .contact_wrap .btn_wrap .to_tel a small {
    font-size: 11rem;
    position: absolute;
    bottom: -25rem;
  }
}/*# sourceMappingURL=recruit.css.map */