.lead.recruits_lead {padding: 160px 0 104px;margin-top: 0;position:relative;}
@media screen and (max-width: 768px) {
  .lead.recruits_lead {padding: 64px 0 144px;}
}
.recruits_lead:before { content:""; display:block; position:absolute;
 background: url(../img/recruits/reed_bg.jpg) no-repeat center top -164px;
 background-size: 1680px; width:100%; height:754px; top:0; margin:auto; left:0; right:0; }
.lead.recruits_lead .inner {position:relative;max-width: 950px;}
.lead.recruits_lead .inner .h2__ttl { margin-bottom:1em;}
.lead.recruits_lead .txt-normal {width: 630px;line-height: 2;}
.lead.recruits_lead .inner .img01,
.lead.recruits_lead .inner .img02 { position:absolute;}

.lead.recruits_lead .inner .img01 {width: 100px;bottom: -90px;transform: scale(-1, 1);left: 20px;}
@media screen and (max-width: 768px) {
  .lead.recruits_lead .inner .img01 {bottom: -120px;}
}
.lead.recruits_lead .inner .img02 {width: 138px;right: 50px;bottom: -80px;}
@media screen and (max-width: 768px) {
  .lead.recruits_lead .inner .img02 {bottom: -120px;}
}

.recruits_point.section {padding: 0;position: relative;}
@media screen and (max-width: 768px) {
  .recruits_point.section {padding-block: 64px;}
}

.recruits_point.section .inner .txt{width:400px;margin-right: 6%;position: relative;}

.recruits_point.section:before { content:""; display:block; position:absolute; background: url(../img/recruits/point_bg1.png) no-repeat center;
 z-index:-2; background-size: 1500px; width:100%; height: 514px; top: 540px; margin:auto; left:0; right:0; }
.recruits_point.section:after {
 content:"";
 display:block;
 position:absolute;
 background: url(../img/recruits/point_bg3.jpg) no-repeat center bottom;
 z-index:-2;
 background-size: 1960px;
 width:100%;
 height: 100%;
 bottom: 0;
 margin:auto;
 left:0;
 right:0;
 mix-blend-mode: multiply;
 }

.recruits_point.section .inner.box1,
.recruits_point.section .inner.box2 {display:flex;justify-content: center; position:relative;}

.recruits_point.section .inner.box1 .txt,
.recruits_point.section .inner.box2 .txt{}

.recruits_point.section .txt .title {font-size: 2.5rem;line-height: 1.6;margin-bottom: 1em;font-weight: 700;}
@media screen and (max-width: 768px) {
  .recruits_point.section .txt .title {font-size: 2rem;}
}
.recruits_point.section .txt .title span {font-weight: bold;color: #d94647;display:block;line-height: 1;}

.recruits_point.section .inner.box1 { align-items: center;}
.recruits_point.section .inner.box1 .img,
.recruits_point.section .inner.box2 .img {width: calc(86% - 400px);}
.recruits_point.section .inner.box1 .img { padding-left:1.2%;}
.recruits_point.section .inner.box2 .img {padding-right: 5.3%;}

.recruits_point.section .inner.box2,
.recruits_point.section .inner.box3 { margin-top: 70px;}
.recruits_point.section .inner.box3  {display:flex;flex-wrap:wrap;max-width: calc(1020px + -1%);}
.recruits_point.section .inner.box3 .txt {margin: 2em 9% 0 auto;order: 2;width: 460px;}

.recruits_point.section .inner.box3 .img {order:1;position: relative;}

.recruits_point.section .inner.box3 .re--img3-1 {}
.recruits_point.section .inner.box3 .re--img3-2 {width: 50%;position: absolute;left: -10%;top: 310px;}
.recruits_point.section .inner.box3 .re--img3-3 { width: 90px; position: absolute; top: -20px; right: -70px;}
@media screen and (max-width: 768px) {
  .recruits_point.section .inner.box3 .re--img3-3 { right: 10px;}
}


@media screen and (max-width: 1400px) {
.recruits_point.section:after {background-size: contain;height: 34%;}
}
@media screen and (max-width: 1000px) {
.recruits_point.section .inner.box1,
.recruits_point.section .inner.box2 {display:block;}
.recruits_point.section .inner .txt{width:100%; max-width:500px;margin:0 auto 1em;}
.recruits_point.section .inner.box1 .img,
.recruits_point.section .inner.box2 .img {width:100%;}
.recruits_point.section .inner.box1 .img { padding-left:0;}
.recruits_point.section .inner.box2 .img {padding-right:0;}
.recruits_point.section .inner.box3  {display:block;max-width:initial;}
.recruits_point.section .inner.box3 .txt {width:100%; max-width:500px;margin:0 auto 1em;}
.recruits_point.section .txt .title { text-align:center;}
.recruits_point.section .inner.box3 .re--img3-2 {display:none;}
}





.recruits_pickup .infobox {position: relative;z-index: -1;padding: 140px 0 70px;}
.recruits_pickup .infobox:before {content:"";background:#f8f3ec;width: 100vw;height: 58%;display: block;position: absolute;z-index: -3;left: 0;bottom: 0;right: 0;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
.recruits_pickup .support__ttl.h2__ttl .etc { font-size:60%; border-bottom:1px solid #212121; color:#212121; font-weight:800;}


.recruits_pickup { padding-top:80px;}
.recruits_boshu {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 24px;margin-top: 3em;}
.recruits_boshu li{}
.recruits_boshu li a {display:block;border-radius: var(--border-radius);overflow: hidden;aspect-ratio: 247 / 165;width: 100%;height: 100%;position: relative;cursor: pointer;}
.recruits_boshu li a .box {position: absolute;padding: 20px;bottom: 0;width: 100%;}
.recruits_boshu li a .box .tt {}
.recruits_boshu li a .box .tt + p {}
.recruits_boshu li a figure { width: 100%; height: 100%;position: relative; z-index: -1;}
.recruits_boshu li a figure:before{content: ""; display: block; position: absolute; inset: 0; background: rgba(33,33,33,.2); border-radius: var(--border-radius);}
.recruits_boshu li a figure img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.slideBox {margin:3em 0 0;}
.slideBoxUL {}
.slideBoxUL .slick-list.draggable,
.swiper-wrapper {padding: 0 0 2em!important;}


.slideBoxUL .slick-track li {margin: 0 15px;}
.slideBoxUL li a,.slideBoxUL .li a {display: block;position: relative;width: 100%;height: 100%;transition: all .3s ease-out;}
.slideBoxUL li a:hover,.slideBoxUL .li a:hover {opacity:.6;}
.slideBoxUL li .img,.slideBoxUL .li .img {width: 100%;height: 100%; border-radius: 1em;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}
.slideBoxUL li .img img,.slideBoxUL .li .img img {width: 100%;height: 100%; max-height: 700px;object-fit: cover;}
@media screen and (max-width: 768px) {
  .slideBoxUL li .img img,.slideBoxUL .li .img img {max-height: 240px;}
}
.slideBoxUL li .txt1,.slideBoxUL .li .txt1 {position: absolute;bottom: 0px;padding: 20px;z-index: 2;width: 100%;}
.slideBoxUL li .txt1,.slideBoxUL .li .txt1 p:first-child {padding-right: 6em;}
.slideBoxUL li .txt1 p:last-child,.slideBoxUL .li .txt1 p:last-child { background: url(../img/recruits/click_bg.png) no-repeat center; width: 9em; height: 9em; background-size: 100%; color: #FFF; text-align: center; display: table; right: 20px; position: absolute; bottom: -20px;}
@media screen and (max-width: 768px) {
  .slideBoxUL li .txt1 p:last-child,.slideBoxUL .li .txt1 p:last-child {width: 6em; height: 6em; right: 10px; bottom: -30px;}
}
.slideBoxUL li .txt1 p:last-child span ,.slideBoxUL .li .txt1 p:last-child span { display: table-cell; vertical-align: middle; font-size: 120%;}
@media screen and (max-width: 768px) {
  .slideBoxUL li .txt1 p:last-child span ,.slideBoxUL .li .txt1 p:last-child span { font-size: 90%;}
}
.slideBoxUL li .txt1:before,.slideBoxUL .li .txt1:before {z-index:-1;content:""; display:block;width:100%; height:160%;
 position: absolute; bottom:0;left:0;border-radius: 0 0 1em 1em;overflow: hidden;
 background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);}
.slideBoxUL li .txt1 p:last-child:after,.slideBoxUL .li .txt1 p:last-child:after { z-index:2; content:""; display:block; width: 1.2em; height:2em; background-size:100%; position: absolute; bottom: 1em; left:0; right:0; margin:auto; background: url(../img/recruits/icon_next.svg) no-repeat center;transition: all .3s ease-out; }
@media screen and (max-width: 768px) {
  .slideBoxUL li .txt1 p:last-child:after,.slideBoxUL .li .txt1 p:last-child:after { 
    bottom: 0.4em;
   }
}
.slideBoxUL li a:hover .txt1 p:last-child:after,.slideBoxUL .li a:hover .txt1 p:last-child:after {right:.5em;}

.swiper-button-next:after, .swiper-button-prev:after { transform: scale(-1, 1); background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.5%2010.5%22%20style%3D%22enable-background%3Anew%200%200%206.5%2010.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23d94647%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C5.1L1.4%2C0L0%2C1.4l3.8%2C3.8L0%2C9.1l1.4%2C1.4l5.1-5.1L6.3%2C5.2L6.5%2C5.1z%22%2F%3E%3C%2Fsvg%3E') no-repeat center; background-size: 35%; font-size: 100%; width: 100%; height: 100%;}
.swiper-button-next {transform: scale(-1, 1);right: 0px !important;}
.swiper-button-next, .swiper-button-prev {background:#FFF; border-radius:0px 10px 10px 0px; width:3em !important; height:4em !important;} 
.swiper-button-prev {left:0px !important;}