/* Recruitment page: shared header/footer and native Figma title artwork. */

/* Shared reservation CTA — Figma 93:143408 / 93:143284. */
.recruit-page{overflow-x:clip}
.recruit-reservation{height:calc(899.896 * var(--u));gap:calc(80 * var(--u));padding:0 calc(40 * var(--u)) calc(160 * var(--u));overflow-x:clip;overflow-y:visible;z-index:1}
.recruit-reservation .lower-cta-brand{width:calc(900 * var(--u));height:calc(139.896 * var(--u));aspect-ratio:900/139.896}
.recruit-reservation .lower-cta-art{width:900px;height:139.896px;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-reservation .lower-cta-copy h2{font-size:calc(32 * var(--u));line-height:calc(77 * var(--u))}
.recruit-reservation .lower-cta-copy p{font-size:calc(20 * var(--u));line-height:calc(48 * var(--u));margin-top:calc(24 * var(--u))}
.recruit-reservation .lower-reservation-actions{width:calc(680 * var(--u));grid-template-columns:minmax(0,1fr) calc(237 * var(--u));gap:0 calc(24 * var(--u))}
.recruit-reservation .lower-phone-button,.recruit-reservation .lower-web-button{height:calc(93 * var(--u));gap:calc(16 * var(--u));padding:calc(8 * var(--u)) calc(40 * var(--u))}
.recruit-reservation .lower-phone-button{font-size:calc(32 * var(--u));line-height:calc(77 * var(--u))}
.recruit-reservation .lower-web-button{font-size:calc(24 * var(--u));line-height:calc(43 * var(--u))}
.recruit-reservation .lower-phone-button picture{width:calc(48 * var(--u));height:calc(48 * var(--u));position:relative}
.recruit-reservation .lower-web-button picture{width:calc(40 * var(--u));height:calc(40 * var(--u));position:relative}
.recruit-reservation .lower-phone-button picture>img,.recruit-reservation .lower-web-button picture>img{position:absolute;max-width:none;width:auto;height:auto;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-reservation .lower-phone-description{margin-top:calc(-8 * var(--u))}
.recruit-reservation .lower-description-arrow{width:calc(28 * var(--u));height:calc(24 * var(--u));position:relative}
.recruit-reservation .lower-description-arrow img{position:absolute;max-width:none;width:auto;height:auto;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-reservation .lower-phone-description-body{gap:calc(16 * var(--u));padding:calc(16 * var(--u));border-radius:calc(24 * var(--u))}
.recruit-reservation .lower-phone-badge,.recruit-reservation .lower-phone-badge picture{width:calc(104 * var(--u));height:calc(104 * var(--u))}
.recruit-reservation .lower-phone-badge img{max-width:none;width:auto;height:auto;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-reservation .lower-phone-badge>span,.recruit-reservation .lower-phone-description-body p{font-size:calc(16 * var(--u))}
.recruit-reservation .lower-cta-food{z-index:0}
.recruit-reservation .lower-cta-food--left{width:calc(340 * var(--u));height:calc(205 * var(--u));left:auto;right:calc(990 * var(--u));top:calc(192 * var(--u))}
.recruit-reservation .lower-cta-food--right{width:calc(480 * var(--u));height:calc(377 * var(--u));right:calc(-39 * var(--u));top:calc(622 * var(--u))}
@media(max-width:767px){
  .recruit-reservation{height:760px;display:block;padding:0 16px;overflow:hidden}
  .recruit-reservation .lower-cta-brand{width:100%;height:calc((100vw - 32px) * 139.896 / 900)}
  .recruit-reservation .lower-cta-art{transform:scale(calc((100vw - 32px) / 900px))}
  .recruit-reservation .lower-cta-art [data-node-id="I52:28911;185:35210;97:11790"]{top:14.536px!important}
  .recruit-reservation .lower-cta-copy h2{font-size:24px;line-height:43px}
  .recruit-reservation .lower-cta-copy p{font-size:16px;line-height:38px;margin-top:24px}
  .recruit-reservation .lower-reservation-actions{width:100%;grid-template-columns:minmax(0,194.4358fr) minmax(0,136.5642fr);gap:0 12px}
  .recruit-reservation .lower-phone-button,.recruit-reservation .lower-web-button{height:56.066px;gap:8.066px;padding:4.033px 12px}
  .recruit-reservation .lower-phone-button{font-size:20px;line-height:48px}
  .recruit-reservation .lower-web-button{font-size:16px;line-height:29px}
  .recruit-reservation .lower-phone-button picture{width:24px;height:24px}
  .recruit-reservation .lower-web-button picture{width:20.166px;height:20.166px}
  .recruit-reservation .lower-phone-button picture>img,.recruit-reservation .lower-web-button picture>img{transform:none}
  .recruit-reservation .lower-phone-description{margin-top:-4px}
  .recruit-reservation .lower-description-arrow{width:14.116px;height:11.911px}
  .recruit-reservation .lower-description-arrow img{transform:none}
  .recruit-reservation .lower-phone-description-body{gap:8.066px;padding:8.066px;border-radius:12.1px}
  .recruit-reservation .lower-phone-badge,.recruit-reservation .lower-phone-badge picture{width:80px;height:80px}
  .recruit-reservation .lower-phone-badge img{transform:none}
  .recruit-reservation .lower-phone-badge>span,.recruit-reservation .lower-phone-description-body p{font-size:12px}
  .recruit-reservation .lower-cta-food--left{width:170px;height:102.5px;left:-24px;right:auto;top:563.42px}
  .recruit-reservation .lower-cta-food--right{width:280px;height:219.791px;right:-60px;top:auto;bottom:-55.67px}
}

/* Application — Figma 71:79056 / 71:61911. */
.recruit-apply{background:var(--cream);color:var(--brown)}
.recruit-apply__inner{max-width:1280px;margin:auto;padding-bottom:calc(80 * var(--u))}
.recruit-apply__heading{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u));margin-top:calc(120 * var(--u));text-align:center}
.recruit-apply__heading h2{font-size:calc(52 * var(--u));line-height:calc(94 * var(--u));font-weight:700}
.recruit-apply__intro{margin-top:calc(40 * var(--u));font-size:calc(20 * var(--u));line-height:2.4;text-align:center}
.recruit-apply__form,.recruit-apply__line{width:calc(960 * var(--u));margin:calc(80 * var(--u)) auto 0;padding:calc(80 * var(--u));background:white}
.recruit-apply__fields{display:flex;flex-direction:column;gap:calc(24 * var(--u))}
.recruit-apply__field{display:grid;grid-template-columns:calc(260 * var(--u)) minmax(0,1fr);gap:calc(24 * var(--u));align-items:center;font-size:calc(20 * var(--u));line-height:2.4}
.recruit-apply__field>label,.recruit-apply__label{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--u));color:var(--red);font-weight:700}
.recruit-apply__required{display:flex;align-items:center;justify-content:center;flex:none;width:calc(64 * var(--u));height:calc(27 * var(--u));border-radius:100px;background:var(--yellow);color:var(--brown);font-size:calc(16 * var(--u));line-height:1}
.recruit-apply__field>input,.recruit-apply__field>textarea{appearance:none;width:100%;min-width:0;height:calc(66 * var(--u));border:1px solid #cbc3c2;border-radius:0;padding:calc(8 * var(--u)) calc(16 * var(--u));background:white;color:var(--brown);font:inherit}
.recruit-apply__field>textarea{height:calc(240 * var(--u));resize:vertical}
.recruit-apply__field input::placeholder,.recruit-apply__field textarea::placeholder{color:#d2d2d2;opacity:1}
.recruit-apply__options{display:flex;align-items:center;gap:calc(24 * var(--u));flex-wrap:wrap}
.recruit-apply__options label{display:flex;align-items:center;gap:calc(8 * var(--u));white-space:nowrap;cursor:pointer}
.recruit-apply__options input{appearance:none;margin:0;width:calc(24 * var(--u));height:calc(24 * var(--u));border:1px solid #264af4;border-radius:50%;background:white;flex:none}
.recruit-apply__options input:checked{border:0;background:url("assets/recruit-radio-checked.svg") center/contain no-repeat}
.recruit-apply__field input:focus-visible,.recruit-apply__field textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.recruit-apply__button{display:flex;align-items:center;gap:calc(16 * var(--u));width:calc(700 * var(--u));height:calc(134 * var(--u));margin:calc(80 * var(--u)) auto 0;border:0;border-radius:100px;padding:calc(24 * var(--u)) calc(48 * var(--u)) calc(24 * var(--u)) calc(80 * var(--u));background:var(--red);color:white;font:700 calc(24 * var(--u))/1.8 var(--font-body);transition:filter .2s}
.recruit-apply__button:hover{filter:brightness(1.1)}
.recruit-apply__button>span:first-child{flex:1;min-width:0;text-align:center}
.recruit-apply__button-icon{position:relative;flex:none;width:calc(40 * var(--u));height:calc(40 * var(--u))}
.recruit-apply__button-icon img{position:absolute;left:0;top:0;width:auto;height:auto;max-width:none;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-apply__line-heading{display:flex;align-items:center;justify-content:center;gap:calc(24 * var(--u));height:calc(77 * var(--u))}
.recruit-apply__line-heading h3{font-size:calc(32 * var(--u));line-height:2.4;font-weight:700;white-space:nowrap}
.recruit-apply__line-logo{position:relative;width:calc(64 * var(--u));height:calc(64 * var(--u));flex:none}
.recruit-apply__line-logo img{position:absolute;width:auto;height:auto;max-width:none;transform:scale(calc(1.6 * var(--u) / 1px));transform-origin:left top}
.recruit-apply__slash{position:relative;width:calc(51 * var(--u));height:calc(51 * var(--u));flex:none}
.recruit-apply__slash img{position:absolute;left:calc(-.5 * var(--u));top:calc(-.5 * var(--u));width:auto;height:auto;max-width:none;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-apply__slash--right img{transform:scale(calc(var(--u) / 1px)) translateX(100%) scaleX(-1)}
.recruit-apply__button--line{background:#06c755;margin-top:calc(24 * var(--u))}
.recruit-apply__brick-bottom{margin-top:calc(120 * var(--u))}
.recruit-application-dialog{max-height:90vh;overflow:auto}
.recruit-application-dialog pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;padding:16px;background:white;user-select:text}
.recruit-application-dialog__send{display:block;width:100%;border:0;font:inherit;text-align:center;padding:12px;border-radius:40px;background:var(--red);color:white}
.recruit-application-dialog__send[hidden]{display:none}
.recruit-application-dialog button:disabled{opacity:.6;cursor:wait}
.recruit-application-dialog__back{display:block;margin:16px auto 0;border:0;background:none;color:var(--brown);text-decoration:underline;font:inherit}
.recruit-apply__consent{display:flex;align-items:flex-start;gap:12px;margin-top:24px;font-size:14px;line-height:1.8}
.recruit-apply__consent input{flex:none;margin-top:6px;width:18px;height:18px}
.recruit-apply__honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.recruit-application-dialog__note{font-size:14px;margin-top:16px}
/* Reuse the same artwork and layout as the Kodawari banners. */
.recruit-banners{padding:calc(120 * var(--u)) calc(40 * var(--u));background:var(--brown) url("assets/intro-background.svg") left top/1280px auto}
.recruit-banners .lower-banners-inner{gap:calc(80 * var(--u))}
.recruit-banners .lower-recruit-art{width:400px;height:95.775px;transform:scale(calc(.1785714286cqw / 1px));transform-origin:left top}
.recruit-banners .lower-recruit-art img{max-width:none}
.recruit-banners .lower-instagram-icon{background-image:url("assets/kodawari-banner-insta-icon.png")}
.recruit-banners .lower-insta-copy img{width:94.7115%;height:auto}
.recruit-banner-arrow{position:relative;width:5.7143cqw;height:5.7143cqw;flex:none}
.recruit-banners .recruit-banner-arrow img{position:absolute;width:auto;height:auto;max-width:none;transform:scale(calc(.1785714286cqw / 1px));transform-origin:left top}
@media(max-width:767px){
  .recruit-apply__inner{padding-bottom:56px}
  .recruit-apply__heading{margin-top:48px;gap:24px}
  .recruit-apply__heading h2{font-size:36px;line-height:43px}
  .recruit-apply__intro{margin:48px 16px 0;font-size:16px;line-height:38px;text-align:left}
  .recruit-apply__form,.recruit-apply__line{width:calc(100% - 31px);margin:48px 15px 0 16px;padding:24px 16px}
  .recruit-apply__fields{gap:24px}
  .recruit-apply__field{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:16px;line-height:38px}
  .recruit-apply__field>label,.recruit-apply__label{min-height:38px;gap:16px}
  .recruit-apply__required{width:64px;height:27px;font-size:16px}
  .recruit-apply__field>input{height:56px;padding:8px 16px}
  .recruit-apply__field>textarea{height:200px;padding:8px 16px}
  .recruit-apply__options{gap:24px}
  .recruit-apply__options label{gap:8px}
  .recruit-apply__options input{width:24px;height:24px}
  .recruit-apply__button{width:100%;height:65.66px;margin-top:24px;padding:12px 16px;gap:8px;font-size:16px}
  .recruit-apply__button-icon{width:24px;height:24px}
  .recruit-apply__button-icon img{transform:none}
  .recruit-apply__line-heading{display:grid;grid-template-columns:24px auto 24px;justify-content:center;gap:8px;height:91px;grid-template-rows:40px 43px}
  .recruit-apply__line-logo{grid-column:2;grid-row:1;justify-self:center;width:40px;height:40px}
  .recruit-apply__line-logo img{transform:none}
  .recruit-apply__line-heading h3{grid-column:2;grid-row:2;font-size:24px;line-height:43px}
  .recruit-apply__slash{width:24px;height:24px;grid-row:2}
  .recruit-apply__slash--left{grid-column:1}
  .recruit-apply__slash--right{grid-column:3}
  .recruit-apply__slash img{left:-.5px;top:-.5px;transform:none}
  .recruit-apply__slash--right img{transform:translateX(100%) scaleX(-1)}
  .recruit-apply__button--line{margin-top:16px;padding:11.76px 23.52px 11.76px 39.2px;gap:7.84px}
  .recruit-apply__brick-bottom{margin-top:48px}
  .recruit-banners{padding:48px 16px;background:var(--brown)}
  .recruit-banners .lower-banners-inner{gap:40px}
}

/* Recruitment requirements — Figma 71:79037 / 71:61888. */
.recruit-requirements{background:var(--brown) url("assets/recruit-appeal-background.png") center top/1280px auto;color:white}
.recruit-requirements__inner{max-width:1280px;margin:auto;padding-bottom:calc(80 * var(--u))}
.recruit-requirements__brick{height:calc(121 * var(--u))}
.recruit-requirements__brick img{width:100%;height:100%}
.recruit-requirements__heading{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u));margin-top:calc(120 * var(--u));text-align:center}
.recruit-requirements__heading h2{font-size:calc(52 * var(--u));font-weight:700;line-height:calc(94 * var(--u))}
.recruit-requirements__panel{display:flex;flex-direction:column;gap:calc(24 * var(--u));width:calc(960 * var(--u));margin:calc(120 * var(--u)) auto 0;padding:calc(80 * var(--u));background:white;color:var(--brown);font-size:calc(20 * var(--u));line-height:2.4;--requirements-line-scale:calc(800 * var(--u) / 820px)}
.recruit-requirements__row{display:grid;grid-template-columns:calc(140 * var(--u)) minmax(0,1fr);align-items:center;gap:calc(24 * var(--u))}
.recruit-requirements__row dt{color:var(--red);font-weight:700;white-space:nowrap}
.recruit-requirements__row dd{margin:0;min-width:0}
.recruit-requirements__row ul{margin:0;padding-left:calc(30 * var(--u));list-style:disc}
.recruit-requirements__employment{color:var(--red)}
.recruit-requirements__line{height:0;position:relative}
.recruit-requirements__line img{position:absolute;left:0;top:-.5px;width:auto;height:auto;max-width:none;transform:scaleX(var(--requirements-line-scale));transform-origin:left top}
.recruit-requirements__extra-line{display:none}
.recruit-requirements__brick--bottom{margin-top:calc(120 * var(--u))}
@media(max-width:767px){
  .recruit-requirements__inner{padding-bottom:48px}
  .recruit-requirements__brick{height:auto;aspect-ratio:375/61}
  .recruit-requirements__heading{margin-top:48px;gap:24px}
  .recruit-requirements__heading h2{font-size:36px;line-height:43px}
  .recruit-requirements__panel{width:calc(100% - 31px);margin:48px auto 0;padding:24px 16px;gap:24px;font-size:16px;line-height:38px;--requirements-line-scale:calc((100vw - 63px) / 820px)}
  .recruit-requirements__row{grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start}
  .recruit-requirements__row ul{padding-left:24px}
  .recruit-requirements__extra-line{display:block;height:0;overflow:hidden}
  .recruit-requirements__brick--bottom{margin-top:48px}
}

/* Gallery — Figma 71:79033 / 71:61884. */
.recruit-gallery__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.recruit-gallery__viewport::-webkit-scrollbar{display:none}
.recruit-gallery__viewport:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.recruit-gallery__track{display:flex;align-items:center;width:max-content;height:calc(480 * var(--u))}
.recruit-gallery__slide{position:relative;flex:none;height:100%;overflow:hidden}
.recruit-gallery__slide--01{width:calc(715 * var(--u))}
.recruit-gallery__slide--02{width:calc(638 * var(--u))}
.recruit-gallery__slide--03{width:calc(703 * var(--u))}
.recruit-gallery__slide img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.recruit-gallery__slide--01 img{inset:auto;top:.02%;left:.06%;width:104.23%;height:103.11%;object-fit:fill}
.recruit-gallery__slide--03 img{inset:auto;top:-1.05%;left:-2.51%;width:104.58%;height:104.54%;object-fit:fill}
@media(max-width:767px){
  .recruit-gallery__track{height:240.091px}
  .recruit-gallery__slide--01{width:357.5px;height:240.091px}
  .recruit-gallery__slide--02{width:319px;height:240px}
  .recruit-gallery__slide--03{width:351.5px;height:239.925px}
}

/* Gallery auto-scroll (same speed as the top page photo strip). Reduced motion keeps manual scrolling. */
.recruit-gallery.is-auto .recruit-gallery__viewport{overflow:hidden}
.recruit-gallery.is-auto .recruit-gallery__track{animation:recruit-gallery-scroll var(--gallery-duration,60s) linear infinite}
.recruit-gallery.is-auto .recruit-gallery__viewport:focus-within .recruit-gallery__track{animation-play-state:paused}
@keyframes recruit-gallery-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .recruit-gallery.is-auto .recruit-gallery__track{animation:none}
  .recruit-gallery.is-auto .recruit-gallery__viewport{overflow-x:auto}
}

/* Staff comments — supplied sec.png / sec_sp.png exports. */
.recruit-comments{background:var(--cream);color:var(--brown)}
.recruit-comments__inner{max-width:1280px;margin:auto;padding-bottom:calc(80 * var(--u))}
.recruit-comments__brick{height:calc(121 * var(--u))}
.recruit-comments__brick img{display:block;width:100%;height:100%}
.recruit-comments__heading{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u));margin-top:calc(120 * var(--u));text-align:center}
.recruit-comments__heading h2{font-size:calc(52 * var(--u));font-weight:700;line-height:calc(94 * var(--u))}
.recruit-comments__card{width:calc(800 * var(--u));margin:calc(120 * var(--u)) auto 0}
.recruit-comments__visual{position:relative;height:calc(480 * var(--u))}
.recruit-comments__photo{width:calc(480 * var(--u));height:100%;margin:auto;background:white}
.recruit-comments__photo img{display:block;width:100%;height:100%;object-fit:cover}
.recruit-comments__card h3{margin-top:calc(24 * var(--u));font-size:calc(32 * var(--u));font-weight:700;line-height:calc(77 * var(--u));text-align:center;color:var(--red)}
.recruit-comments__body{margin-top:calc(24 * var(--u));font-size:calc(20 * var(--u));line-height:2.4}
.recruit-comments__body p{margin:0}
.recruit-comments__brick--bottom{margin-top:calc(120 * var(--u))}
@media(max-width:767px){
  .recruit-comments__inner{padding-bottom:48px}
  .recruit-comments__brick{height:auto;aspect-ratio:375/61}
  .recruit-comments__heading{margin-top:48px;gap:24px}
  .recruit-comments__heading h2{font-size:36px;line-height:43px}
  .recruit-comments__card{width:auto;margin:48px 16px 0}
  .recruit-comments__visual{height:auto}
  .recruit-comments__photo{width:100%;height:auto;aspect-ratio:1}
  .recruit-comments__card h3{margin-top:24px;font-size:24px;line-height:43px}
  .recruit-comments__body{margin-top:24px;font-size:16px;line-height:38px}
  .recruit-comments__brick--bottom{margin-top:48px}
}

/* Three reasons to work at Recarica — Figma 71:78943 / 71:61831. */
.recruit-appeal{color:white;background:var(--brown) url("assets/recruit-appeal-background.png") center top/1280px auto}
.recruit-appeal__inner{max-width:1280px;margin:auto;padding-top:calc(120 * var(--u));padding-bottom:calc(80 * var(--u))}
.recruit-breadcrumb{height:calc(121 * var(--u));background:url("assets/recruit-brick-top-pc.png") center top/calc(1280 * var(--u)) calc(121 * var(--u)) no-repeat;font-size:calc(20 * var(--u));font-weight:400;line-height:2.4}
.recruit-breadcrumb ol{display:flex;list-style:none;max-width:1280px;margin:auto;padding:calc(37 * var(--u)) calc(41 * var(--u))}
.recruit-breadcrumb li{display:flex;white-space:nowrap}
.recruit-breadcrumb a{text-decoration:underline;text-underline-position:from-font}
.recruit-appeal__heading{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u));text-align:center}
.recruit-appeal__heading h2{font-size:calc(52 * var(--u));font-weight:700;line-height:calc(144 * var(--u))}
.recruit-appeal__three{font-size:calc(80 * var(--u));color:var(--yellow);line-height:0}
.recruit-appeal__underline{position:relative;width:calc(200 * var(--u));height:calc(11 * var(--u))}
.recruit-appeal__underline img{position:absolute;left:calc(-.76 * var(--u));top:calc(-2.3617 * var(--u));width:auto;height:auto;max-width:none;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-art-sp{display:none}
.recruit-appeal__features{display:flex;flex-direction:column;gap:calc(120 * var(--u));margin-top:calc(120 * var(--u))}
.recruit-appeal__feature{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:calc(426 * var(--u))}
.recruit-appeal__copy{width:calc(520 * var(--u));margin-left:calc(40 * var(--u))}
.recruit-appeal__feature--reverse .recruit-appeal__copy{grid-column:2;grid-row:1;margin-left:calc(80 * var(--u))}
.recruit-appeal__feature--reverse .recruit-appeal__photo{grid-column:1;grid-row:1}
.recruit-appeal__feature-heading{position:relative;padding-top:calc(103 * var(--u))}
.recruit-appeal__number{position:absolute;left:0;top:0;font-size:calc(200 * var(--u));font-weight:700;line-height:.8;color:white;opacity:.1;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.recruit-appeal__feature h3{position:relative;padding-left:calc(48 * var(--u));color:var(--yellow);font-size:calc(32 * var(--u));font-weight:700;line-height:2.4}
.recruit-appeal__copy>p{margin-top:calc(40 * var(--u));font-size:calc(20 * var(--u));font-weight:400;line-height:2.4}
.recruit-appeal__photo{position:relative;height:calc(426 * var(--u));overflow:hidden}
.recruit-appeal__photo img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover}
.recruit-appeal__photo--01 img{top:-.04%;height:101.26%;object-fit:fill}
.recruit-appeal__photo--02 img{height:100.23%;object-fit:fill}
.recruit-appeal__badge{position:absolute;left:calc(542.25 * var(--u));top:calc(353.25 * var(--u));width:calc(217.861 * var(--u));height:calc(222.563 * var(--u))}
.recruit-appeal__badge-canvas{position:relative;width:217.861px;height:222.563px;transform:scale(calc(var(--u) / 1px));transform-origin:left top}
.recruit-appeal__badge-photo{position:absolute;left:-63.006px;top:-10.64px;width:283.938px;aspect-ratio:3114/2088;mask-image:url("assets/recruit-badge-mask-pc.svg");mask-position:63.006px 10.64px;mask-size:180px 180px;mask-repeat:no-repeat}
.recruit-appeal__badge-photo img{width:100%;height:100%;object-fit:cover}
.recruit-appeal__badge-copy{position:absolute;top:115.421px;left:9.8255px;width:auto;height:auto;max-width:none}
.recruit-appeal__brick{height:calc(121 * var(--u));margin-top:calc(120 * var(--u))}
.recruit-appeal__brick img{display:block;width:100%;height:100%}
@media(max-width:767px){
  .recruit-appeal__inner{padding-top:80px;padding-bottom:48px}
  .recruit-breadcrumb{height:61px;background-image:url("assets/recruit-brick-top-sp.png");background-size:375px 61px;background-position:left top;font-size:16px}
  .recruit-breadcrumb ol{padding:12px 16px}
  .recruit-breadcrumb a{text-decoration:none}
  .recruit-appeal__heading{gap:24px}
  .recruit-appeal__heading h2{font-size:36px;line-height:1.2;min-height:109px}
  .recruit-appeal__heading .recruit-sp-break{display:block}
  .recruit-appeal__heading-space{display:none}
  .recruit-appeal__three{font-size:52px;line-height:1.2}
  .recruit-appeal__underline{width:160px;height:8px}
  .recruit-appeal__underline img{left:-.688px;top:-2.368px;transform:none}
  .recruit-art-pc{display:none}
  .recruit-art-sp{display:block}
  .recruit-appeal__features{gap:80px;margin-top:80px}
  .recruit-appeal__feature{display:flex;flex-direction:column;gap:24px;min-height:0}
  .recruit-appeal__photo{order:-1;height:auto;aspect-ratio:375/250;width:100%}
  .recruit-appeal__copy,.recruit-appeal__feature--reverse .recruit-appeal__copy{width:auto;margin:0 16px}
  .recruit-appeal__feature-heading{padding-top:47px}
  .recruit-appeal__number{font-size:100px}
  .recruit-appeal__feature h3{padding-left:24px;font-size:24px;line-height:1.8}
  .recruit-appeal__copy>p{margin-top:24px;font-size:16px;line-height:38px}
  .recruit-appeal__badge{left:auto;right:16px;top:calc(100vw * 250 / 375 - 39px);width:140px;height:144px}
  .recruit-appeal__badge-canvas{width:140px;height:144px;transform:none}
  .recruit-appeal__badge-photo{left:-40.488px;top:-6.8375px;width:182.462px;mask-image:url("assets/recruit-badge-mask-sp.svg");mask-position:40.488px 6.8375px;mask-size:115.67px 115.67px}
  .recruit-appeal__badge-copy{top:74.6784px;left:6.314px}
  .recruit-appeal__brick{height:auto;aspect-ratio:375/61;margin-top:80px}
}
.recruit-page .site-header{position:fixed}
.recruit-page .site-header__inner{min-height:0}
.recruit-page .desktop-nav{padding-bottom:12px}
.recruit-page .current-stripe{top:calc(100% + 4px);width:100%}
.recruit-page .header-phone{padding:calc(6 * var(--u)) calc(24 * var(--u));line-height:2.4}
.recruit-page .lower-footer{min-height:180.4px}
.recruit-page .lower-footer-current>span{width:144px}
.recruit-fv{position:relative;isolation:isolate;height:calc(832 * var(--u));color:white;overflow:hidden}
.recruit-fv__background{position:absolute;inset:0;z-index:-1;overflow:hidden}
.recruit-fv__background img{position:absolute;top:-1.2%;left:0;width:100%;height:102.4%;max-width:none}
.recruit-fv__background::after{content:"";position:absolute;inset:0;background:rgba(17,30,25,.6)}
.recruit-fv__inner{position:relative;max-width:1280px;height:100%;margin:auto}
.recruit-fv__title{position:absolute;top:calc(104 * var(--u));left:calc(50% - 1.51 * var(--u));transform:translateX(-50%);width:calc(923 * var(--u));font-size:0;line-height:0}
.recruit-fv__title .kodawari-title-art{display:block;width:100%}
.recruit-fv__title .recruit-fv__art--sp{display:none}
.recruit-fv .kodawari-title-art__canvas{transform:scale(var(--title-scale,1))}
.recruit-fv__copy{position:absolute;top:calc(421 * var(--u));left:calc(560 * var(--u));width:calc(680 * var(--u));display:flex;flex-direction:column;gap:calc(40 * var(--u));font-weight:700}
.recruit-fv__lead{font-size:calc(38 * var(--u));line-height:1.8;color:var(--yellow)}
.recruit-fv__description{font-size:calc(20 * var(--u));line-height:2.4}
.recruit-sp-break{display:none}
@media(max-width:767px){
  .recruit-page .site-header__inner{min-height:73.64035px}
  .recruit-page.menu-open .site-header{position:fixed}
  .recruit-page .lower-footer{min-height:0}
  .recruit-fv{height:auto;min-height:540px}
  .recruit-fv__background img{inset:0;width:100%;height:100%;object-fit:cover}
  .recruit-fv__inner{max-width:500px;display:flex;flex-direction:column;gap:48px;padding:73px 16px 68px}
  .recruit-fv__title{position:relative;top:auto;left:auto;transform:none;width:100%;flex:none}
  .recruit-fv__title .recruit-fv__art--pc{display:none}
  .recruit-fv__title .recruit-fv__art--sp{display:block;aspect-ratio:343 / 82.126762}
  .recruit-fv__art--sp .kodawari-title-art__canvas{width:343px;height:82.126762px}
  .recruit-fv__copy{position:static;width:100%;gap:24px}
  .recruit-fv__lead{font-size:24px;text-align:center}
  .recruit-fv__description{font-size:16px}
  .recruit-sp-break{display:inline}
  .recruit-pc-break{display:none}
}
