.recruit #wrap{padding-top:0}.recruit .cp__hd02{margin-bottom:-24px}@media only screen and (min-width: 768px) and (max-width: 900px){.recruit .cp__hd02{margin-bottom:-1.66667vw}}@media (max-width: 767px){.recruit .cp__hd02{margin-bottom:-2px}}.recruit .c-btnwrap{max-width:320px}@media (min-width: 768px){.recruit .c-btnwrap{margin-left:5px}}@media (max-width: 767px){.recruit .c-btnwrap{max-width:280px}.recruit .c-btnwrap .c-btn::after{right:28px}}.recruit .mv{position:relative;display:flex;align-items:center;height:100vh;padding-top:110px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}@media (max-width: 767px){.recruit .mv{padding-top:142px;align-items:flex-start}}.recruit .mv.animated .mv__img.img01{opacity:1;z-index:2}.recruit .mv.animated .mv__img.img02{opacity:1;z-index:1}.recruit .mv__img{position:absolute;display:block;top:0;left:0;right:0;bottom:0;background-position:left bottom;background-size:cover;background-repeat:no-repeat;opacity:0;-webkit-transition:all 0.8s 1.2s cubic-bezier(0.43, 0.05, 0.17, 1);-moz-transition:all 0.8s 1.2s cubic-bezier(0.43, 0.05, 0.17, 1);-ms-transition:all 0.8s 1.2s cubic-bezier(0.43, 0.05, 0.17, 1);-o-transition:all 0.8s 1.2s cubic-bezier(0.43, 0.05, 0.17, 1);transition:all 0.8s 1.2s cubic-bezier(0.43, 0.05, 0.17, 1)}.recruit .mv__img.img02{transition-delay:0.1s}.recruit .mv__txt{position:relative;z-index:3;margin:0 11.1% 7.9%;display:flex;flex-direction:column}@media (max-width: 767px){.recruit .mv__txt{margin:0 0 20px 27px}}.recruit .mv__txt--01{font-size:50px;font-size:5rem;line-height:1.5em;font-weight:600;display:inline-block;background:#FFBE67;background:linear-gradient(270deg, #FFBE67 0%, #FF9100 100%);color:transparent;-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-moz-text-fill-color:rgba(0,0,0,0);-ms-text-fill-color:rgba(0,0,0,0);-o-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0);margin-bottom:-10px}@media only screen and (min-width: 768px) and (max-width: 1000px){.recruit .mv__txt--01{font-size:40px;font-size:4rem;line-height:1.5em;font-weight:600}}@media (max-width: 767px){.recruit .mv__txt--01{font-size:24px;font-size:2.4rem;line-height:1.5em;font-weight:600;margin-bottom:-1px}}.recruit .mv__txt--02{font-size:80px;font-size:8rem;line-height:1.5em;font-weight:600;display:inline-block;background:#FFBE67;background:linear-gradient(270deg, #FFBE67 0%, #FF9100 100%);color:transparent;-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-moz-text-fill-color:rgba(0,0,0,0);-ms-text-fill-color:rgba(0,0,0,0);-o-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0);margin-bottom:-8px}@media only screen and (min-width: 768px) and (max-width: 1000px){.recruit .mv__txt--02{font-size:60px;font-size:6rem;line-height:1.5em;font-weight:600}}@media (max-width: 767px){.recruit .mv__txt--02{font-size:50px;font-size:5rem;line-height:1.2em;font-weight:600;margin-bottom:11px}}.recruit .mv__txt--03{font-size:50px;font-size:5rem;line-height:1.5em;font-family:"Vujahday Script",cursive;color:#FF8000;margin-bottom:10px}@media (min-width: 768px){.recruit .mv__txt--03{margin-left:0}.recruit .mv__txt--03.animated{margin-left:13px}}@media (max-width: 767px){.recruit .mv__txt--03{font-size:32px;font-size:3.2rem;line-height:1.3em;margin-bottom:7px}}.recruit .mv__txt--04{font-size:26px;font-size:2.6rem;line-height:1.5em;font-weight:600;color:#514131;transition-delay:0.8s}@media (min-width: 768px){.recruit .mv__txt--04{margin-left:13px}}@media (max-width: 767px){.recruit .mv__txt--04{font-size:16px;font-size:1.6rem;line-height:1.5em;font-weight:600}}.recruit .sec01{position:relative;padding:99px 0 136px}@media (max-width: 767px){.recruit .sec01{padding:80px 0 69px}}.recruit .sec01 .cp__hd02{display:inline-block;background:#FFBE67;background:linear-gradient(270deg, #FFE7C6 0%, #FFCA85 100%);color:transparent;-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-moz-text-fill-color:rgba(0,0,0,0);-ms-text-fill-color:rgba(0,0,0,0);-o-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0)}.recruit .sec01 .cp__bg01{position:absolute;left:0;top:176px;height:41.66667vw;z-index:-1}@media (min-width: 768px){.recruit .sec01 .cp__bg01{width:calc(1080 / 1440 * 100%)}}@media (max-width: 767px){.recruit .sec01 .cp__bg01{top:128px;right:15px;height:160vw}}.recruit .sec01__photo{width:calc(1296 / 1440* 100%);margin:48px 0 0 auto}@media (max-width: 767px){.recruit .sec01__photo{width:calc(356 / 375* 100%);margin:36px 0 0 auto}}.recruit .sec01__photo img{width:100%}.recruit .sec02{position:relative;display:flex;align-items:flex-start;padding-bottom:79px;margin-bottom:160px}@media (max-width: 767px){.recruit .sec02{padding-bottom:54px;margin-bottom:80px;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;-o-flex-direction:column-reverse;flex-direction:column-reverse}}.recruit .sec02::after{position:absolute;content:"";top:64px;right:0;bottom:0;background:#FFFFFF;border-radius:8px 0px 0px 8px;z-index:-1}@media (min-width: 768px){.recruit .sec02::after{width:calc(1207 / 1440 * 100%)}}@media (max-width: 767px){.recruit .sec02::after{top:41px;left:15px}}@media (min-width: 768px){.recruit .sec02__block01{width:calc(700 / 1440 * 100%);margin-right:calc(90 / 1440 * 100%);margin-top:145px;position:relative}.recruit .sec02__block01:before{display:block;content:" ";width:100%;padding-top:62.85714%}.recruit .sec02__block01>.content{position:absolute;top:0;left:0;right:0;bottom:0}}@media (max-width: 767px){.recruit .sec02__block01{margin-top:59px;width:calc(350 / 375 * 100%);position:relative}.recruit .sec02__block01:before{display:block;content:" ";width:100%;padding-top:62.85714%}.recruit .sec02__block01>.content{position:absolute;top:0;left:0;right:0;bottom:0}}.recruit .sec02__block01 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0px 8px 8px 0px}@media (max-width: 767px){.recruit .sec02__block01 img{border-radius:0px 4px 4px 0px}}.recruit .sec02__block02{flex:1;margin-right:20px}@media (max-width: 767px){.recruit .sec02__block02{margin:0 20px 0 55px}}.recruit .sec02__block02 .cp__hd02{margin-bottom:-2px}@media (max-width: 767px){.recruit .sec02__block02 .cp__hd02{margin-bottom:7px}}.recruit .sec03{padding-bottom:160px}@media (max-width: 767px){.recruit .sec03{padding-bottom:78px}}.recruit .sec04{position:relative;padding:78px 0 0;margin-bottom:159px;overflow:hidden}@media (max-width: 767px){.recruit .sec04{padding:34px 0 0;margin-bottom:81px}}.recruit .sec04::after,.recruit .sec04 .cp__bg01{position:absolute;content:'';width:calc(1100 / 1440 * 100%);height:50%;background-color:#fff}@media (min-width: 768px){.recruit .sec04::after,.recruit .sec04 .cp__bg01{min-height:800px}}@media only screen and (min-width: 768px) and (max-width: 1080px){.recruit .sec04::after,.recruit .sec04 .cp__bg01{min-height:55.55556vw}}@media (max-width: 767px){.recruit .sec04::after,.recruit .sec04 .cp__bg01{min-height:224vw}}.recruit .sec04::after{top:0;left:0;border-radius:0 8px 8px 0;z-index:1}@media (max-width: 767px){.recruit .sec04::after{min-height:800px;width:calc(360 / 375 * 100%)}}.recruit .sec04 .cp__bg01{bottom:0;right:0;border-radius:8px 0 0 8px;z-index:2}@media (max-width: 767px){.recruit .sec04 .cp__bg01{min-height:600px;width:calc(320 / 375 * 100%)}}.recruit .sec04 .inner{position:relative;max-width:1120px;z-index:3}.recruit .sec04 .cp__hd01{margin:0}@media (max-width: 767px){.recruit .sec04 .cp__hd01{margin-bottom:-4px}}@media (max-width: 767px){.recruit .sec04 .cp__hd02{margin:0}}.recruit .sec05{padding-bottom:160px}@media (max-width: 767px){.recruit .sec05{overflow:hidden;padding-bottom:80px}}.recruit .sec05__box{position:relative}.recruit .sec05__box::before{position:absolute;content:'';top:74px;bottom:187px;left:0;background-color:#fff;width:calc(1280 / 1440 * 100%);z-index:-1;border-radius:0 8px 8px 0}@media only screen and (min-width: 768px) and (max-width: 1224px){.recruit .sec05__box::before{width:calc(100% - 20px)}}@media (max-width: 767px){.recruit .sec05__box::before{width:calc(100% - 15px);top:40px;bottom:97px}}.recruit .sec05__box+.sec05__box{margin-top:161px}@media (max-width: 767px){.recruit .sec05__box+.sec05__box{margin-top:81px}}.recruit .sec05__box.reverse::before{left:unset;right:0;bottom:75px;border-radius:8px 0 0 8px}@media (max-width: 767px){.recruit .sec05__box.reverse::before{bottom:19px}}@media (min-width: 768px){.recruit .sec05__box.reverse .box01{flex-direction:row-reverse}}@media (min-width: 768px){.recruit .sec05__box.reverse .box01__photo{margin-right:0;margin-left:calc(30 / 1312* 100%)}}@media (max-width: 767px){.recruit .sec05__box.reverse .box01__photo{align-self:flex-end;margin-right:-104px;margin-left:0;width:calc(385 / 375 * 100%);position:relative}.recruit .sec05__box.reverse .box01__photo:before{display:block;content:" ";width:100%;padding-top:66.8693%}.recruit .sec05__box.reverse .box01__photo>.content{position:absolute;top:0;left:0;right:0;bottom:0}}@media (max-width: 767px){.recruit .sec05__box.reverse .box01 .box01__hd{margin-left:28px}}@media (min-width: 768px){.recruit .sec05__box.reverse .box01 .cp__txt01{margin:26px 0 31px 9px}}.recruit .sec05__box.reverse .box02{margin-top:-70px}@media (max-width: 767px){.recruit .sec05__box.reverse .box02{justify-content:flex-start;margin-left:55px;margin-top:-34px}}@media (min-width: 768px){.recruit .sec05__box.reverse .box02__photo{width:calc(500 / 1440 * 100%);margin-left:141px;position:relative}.recruit .sec05__box.reverse .box02__photo:before{display:block;content:" ";width:100%;padding-top:60%}.recruit .sec05__box.reverse .box02__photo>.content{position:absolute;top:0;left:0;right:0;bottom:0}}@media (max-width: 767px){.recruit .sec05__box.reverse .box02__photo{width:calc(294 / 375* 100%);position:relative}.recruit .sec05__box.reverse .box02__photo:before{display:block;content:" ";width:100%;padding-top:60%}.recruit .sec05__box.reverse .box02__photo>.content{position:absolute;top:0;left:0;right:0;bottom:0}}.recruit .sec05 .inner{max-width:1312px}.recruit .sec05 .box01{display:flex;align-items:flex-start}@media (max-width: 767px){.recruit .sec05 .box01{flex-direction:column-reverse}}@media (min-width: 768px){.recruit .sec05 .box01__photo{width:calc(700 / 1312 * 100%);position:relative;margin-right:calc(80 / 1312 * 100%);align-self:flex-end}.recruit .sec05 .box01__photo:before{display:block;content:" ";width:100%;padding-top:62.85714%}.recruit .sec05 .box01__photo>.content{position:absolute;top:0;left:0;right:0;bottom:0}}@media (max-width: 767px){.recruit .sec05 .box01__photo{width:calc(409 / 375 * 100%);position:relative;margin-left:-72px}.recruit .sec05 .box01__photo:before{display:block;content:" ";width:100%;padding-top:62.85714%}.recruit .sec05 .box01__photo>.content{position:absolute;top:0;left:0;right:0;bottom:0}}.recruit .sec05 .box01__photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px}@media (max-width: 767px){.recruit .sec05 .box01__photo img{border-radius:4px}}.recruit .sec05 .box01__hd{margin-bottom:80px}@media (max-width: 767px){.recruit .sec05 .box01__hd{width:100%;margin-bottom:38px}}.recruit .sec05 .box01__hd .cp__hd01{margin:0 0 -16px 0}@media (max-width: 767px){.recruit .sec05 .box01__hd .cp__hd01{margin:0 0 -5px 0}}.recruit .sec05 .box01__hd .cp__txt01{margin:22px 0 31px 9px}@media (max-width: 767px){.recruit .sec05 .box01__hd .cp__txt01{margin:5px 0 15px -1px}}.recruit .sec05 .box01__hd .c-btnwrap{margin-left:10px}@media (max-width: 767px){.recruit .sec05 .box01__hd .c-btnwrap{margin-left:0;max-width:240px}}.recruit .sec05 .box02{position:relative;display:flex;justify-content:center;text-align:center;margin-top:-58px;z-index:2}@media (max-width: 767px){.recruit .sec05 .box02{margin-top:-29px;justify-content:flex-end}}@media (min-width: 768px){.recruit .sec05 .box02__photo{width:calc(560 / 1440 * 100%);margin-left:20px;position:relative;max-width:560px}.recruit .sec05 .box02__photo:before{display:block;content:" ";width:100%;padding-top:71.42857%}.recruit .sec05 .box02__photo>.content{position:absolute;top:0;left:0;right:0;bottom:0}}@media (max-width: 767px){.recruit .sec05 .box02__photo{width:calc(280 / 375 * 100%);position:relative;margin-right:-53px}.recruit .sec05 .box02__photo:before{display:block;content:" ";width:100%;padding-top:71.42857%}.recruit .sec05 .box02__photo>.content{position:absolute;top:0;left:0;right:0;bottom:0}}.recruit .sec05 .box02 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:7px}@media (max-width: 767px){.recruit .sec05 .box02 img{border-radius:4px}}

/* ===== DEV-1183: HERP求人への固定導線。PCはページ下部まで追従、SPは画面下部に常時固定 =====
   PC: position:fixed でファーストビューを過ぎても表示し続ける（縦位置は従来どおり bottom:7.9%）。
   横位置は右端に寄せ、コンテンツ幅（.inner max-width:1200px）の外側の余白に収める。
   1920px幅では左右の余白が360pxなので、幅280pxのパネルが右余白内（右端から40px）に収まる */
.recruit .mv__joblink{position:fixed;right:40px;bottom:7.9%;z-index:9}
.recruit .mv__joblink__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.recruit .mv__joblink__item{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:280px;padding:15px 26px;overflow:hidden;background:#fff;border-radius:999px;box-shadow:0 4px 16px rgba(81,65,49,0.12);color:#FF8000;font-size:16px;font-size:1.6rem;font-weight:600;line-height:1.4;text-decoration:none}
.recruit .mv__joblink__item span{position:relative;z-index:2;color:#FF8000}
.recruit .mv__joblink__item::after{content:"";position:relative;z-index:2;flex-shrink:0;width:8px;height:8px;margin-left:16px;border-top:2px solid #FF8000;border-right:2px solid #FF8000;transform:rotate(45deg)}
/* PC: join usのエントリー（.c-btn）と同じ挙動で、左からオレンジが伸びて文字色が白へ変わるホバー */
@media (min-width:768px){
.recruit .mv__joblink__item::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#FF8000;border-radius:999px;transition:width .4s ease-in-out}
.recruit .mv__joblink__item span{transition:color .4s ease-in-out}
.recruit .mv__joblink__item::after{transition:border-color .4s ease-in-out}
.recruit .mv__joblink__item:hover{opacity:1}
.recruit .mv__joblink__item:hover::before{width:100%}
.recruit .mv__joblink__item:hover span{color:#fff}
.recruit .mv__joblink__item:hover::after{border-color:#fff}
}
/* SP: 2列×3行で常時表示。並び順はPHPの記述順（募集一覧→中途→新卒→エンジニア→デザイナー→カジュアル面談）どおり。
   ファーストビューでは画面下から15%、スクロール後は下部固定（is-scrolledはjs-mv-joblinkが付与）。
   ボタンはPCと同じ白背景＋オレンジ文字。バナーの背景はファーストビューを過ぎてから敷く（is-past-mvはjs-mv-joblinkが付与） */
@media (max-width:767px){
.recruit .mv__joblink{position:fixed;left:0;right:0;bottom:calc(15% - 24px);padding:12px 15px 24px;z-index:9;background:transparent;transition:bottom .4s cubic-bezier(0.43, 0.05, 0.17, 1),background-color .3s ease}
.recruit .mv__joblink.is-scrolled{bottom:0}
.recruit .mv__joblink.is-past-mv{background:rgba(255,246,236,0.7)}
.recruit .mv__joblink__list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.recruit .mv__joblink__item{min-width:0;padding:9px 14px 9px 16px;box-shadow:0 2px 8px rgba(81,65,49,0.2);font-size:12px;font-size:1.2rem}
.recruit .mv__joblink__item::after{width:6px;height:6px;margin-left:8px}
/* 固定バナーがフッター（利用規約・プライバシーポリシー等）に被らないよう、実高さ分の下余白を確保。--joblink-h はJSが実測して付与 */
.recruit .footer{padding-bottom:calc(var(--joblink-h, 160px) + 12px)}
}

/*# sourceMappingURL=maps/recruit.min.css.map */