/* ==================================================================
   recruit ページ 追加スタイル
   ------------------------------------------------------------------
   ・style.css（Sassからの書き出し）は変更せず、このファイルで上書きします
   ・必ず style.css より後に読み込んでください
   ・セレクタはすべて [data-page=recruit] 配下です
   ・ブレークポイントは style.css と同じ構成
       通常(PC) : calc(N/1440*100dvw)
       1920px〜 : 固定px（N × 1.3333）
       〜759.98px : calc(N/375*100dvw)
   ================================================================== */

[data-page=recruit] .page_header{margin-bottom:calc(80/1440*100dvw)}
[data-page=recruit] .recruit_body{display:flex;align-items:flex-start;-moz-column-gap:calc(80/1440*100dvw);column-gap:calc(80/1440*100dvw)}
[data-page=recruit] article{flex:1;min-width:0;max-width:none;margin-inline:0;margin-top:calc(27/1440*100dvw);padding-bottom:calc(80/1440*100dvw);border-bottom:1px solid hsla(0,0%,100%,.2)}

[data-page=recruit] .anchor_nav{display:flex;-moz-column-gap:calc(8/1440*100dvw);column-gap:calc(8/1440*100dvw);margin-bottom:calc(80/1440*100dvw)}
[data-page=recruit] .anchor_nav a{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;-moz-column-gap:calc(8/1440*100dvw);column-gap:calc(8/1440*100dvw);height:calc(66/1440*100dvw);padding:calc(8/1440*100dvw);background-color:#000;color:#fff;font-size:calc(16/1440*100dvw);font-weight:bold;line-height:1.8;letter-spacing:.04em}
[data-page=recruit] .anchor_nav a .txt,[data-page=recruit] .anchor_nav a .ic{transition-duration:.3s;transition-timing-function:ease;transition-property:opacity;transition-delay:0s}
[data-page=recruit] .anchor_nav a .ic{flex-shrink:0;width:calc(10/1440*100dvw);height:calc(6/1440*100dvw)}
@media(hover: hover)and (pointer: fine){[data-page=recruit] .anchor_nav a:hover .txt,[data-page=recruit] .anchor_nav a:hover .ic{opacity:.5}}

[data-page=recruit] .job_nav{position:sticky;top:calc(140/1440*100dvw);z-index:6;flex-shrink:0;width:calc(190/1440*100dvw)}
[data-page=recruit] .job_nav .label{font-family:"Helvetica Neue","Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;font-size:calc(14/1440*100dvw);font-weight:500;line-height:1.7;letter-spacing:.04em;text-transform:uppercase;padding-bottom:calc(16/1440*100dvw);border-bottom:1px solid hsla(0,0%,100%,.2)}
[data-page=recruit] .job_nav .list{display:flex;flex-direction:column;row-gap:calc(32/1440*100dvw);margin-top:calc(32/1440*100dvw)}
[data-page=recruit] .job_nav .list li{position:relative}
[data-page=recruit] .job_nav .list li:not(:last-child):before{content:"";display:block;position:absolute;left:calc(5/1440*100dvw);top:calc(26/1440*100dvw);width:1px;height:calc(19/1440*100dvw);background-color:#fff;opacity:.2;pointer-events:none}
[data-page=recruit] .job_nav .list li a{transition-duration:.3s;transition-timing-function:ease;transition-property:opacity;transition-delay:0s;display:flex;align-items:flex-start;-moz-column-gap:calc(16/1440*100dvw);column-gap:calc(16/1440*100dvw);font-size:calc(12/1440*100dvw);line-height:1.6;letter-spacing:0;opacity:.3}
[data-page=recruit] .job_nav .list li.current a{opacity:1}
[data-page=recruit] .job_nav .list li .dot{flex-shrink:0;width:calc(11/1440*100dvw);height:calc(11/1440*100dvw);margin-top:calc(4/1440*100dvw);border-radius:9999px;background-color:#fff}
@media(hover: hover)and (pointer: fine){[data-page=recruit] .job_nav .list li a:hover{opacity:1}}

[data-page=recruit] #workstyle{position:relative;z-index:5;margin-top:calc(160/1440*100dvw)}
[data-page=recruit] #workstyle .head{display:flex;flex-direction:column;align-items:center;row-gap:calc(14/1440*100dvw);margin-bottom:calc(48/1440*100dvw);padding-inline:calc(24/1440*100dvw)}
[data-page=recruit] #workstyle .head .sec_ttl{font-family:"Helvetica Neue","Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;font-size:calc(36/1440*100dvw);font-weight:bold;line-height:1.2;letter-spacing:.1em;text-align:center}
[data-page=recruit] #workstyle .head .lead{font-size:calc(16/1440*100dvw);font-weight:bold;line-height:1.8;letter-spacing:.05em;text-align:center}
[data-page=recruit] #workstyle .slider{position:relative}
[data-page=recruit] #workstyle .splide__slide{width:calc(736/1440*100dvw);padding-inline:calc(8/1440*100dvw)}
[data-page=recruit] #workstyle .splide__slide .img{position:relative;display:block;width:100%;height:calc(480/1440*100dvw);overflow:clip}
[data-page=recruit] #workstyle .splide__slide .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
[data-page=recruit] #workstyle .splide__slide .txt{transition-duration:.7s;transition-timing-function:ease;transition-property:transform, opacity;transition-delay:0s;display:flex;flex-direction:column;row-gap:calc(8/1440*100dvw);width:calc(451/1440*100dvw);max-width:100%;margin:calc(23/1440*100dvw) auto 0;text-align:center;opacity:0;transform:translateY(calc(16/1440*100dvw));will-change:transform,opacity}
[data-page=recruit] #workstyle .splide__slide.is-active .txt{transition-delay:.2s;opacity:1;transform:translateY(0)}
[data-page=recruit] #workstyle .splide.is-caption-hidden .splide__slide .txt{transition-duration:.25s;transition-delay:0s;opacity:0;transform:translateY(calc(16/1440*100dvw))}
[data-page=recruit] #workstyle .splide__slide .txt .desc{font-size:calc(16/1440*100dvw);line-height:1.8;letter-spacing:.05em}
[data-page=recruit] #workstyle .splide__arrows{position:absolute;top:calc(240/1440*100dvw);left:50%;transform:translate(-50%, -50%);display:flex;justify-content:space-between;width:calc(784/1440*100dvw);z-index:3;pointer-events:none}
[data-page=recruit] #workstyle .splide__arrow{transition-duration:.3s;transition-timing-function:ease;transition-property:background-color,opacity;transition-delay:0s;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:calc(40/1440*100dvw);height:calc(40/1440*100dvw);padding:0;border:none;border-radius:9999px;background-color:rgba(78,80,91,.9);color:#fff;cursor:pointer}
[data-page=recruit] #workstyle .splide__arrow svg{width:calc(8/1440*100dvw);height:calc(14/1440*100dvw)}
[data-page=recruit] #workstyle .splide__arrow:disabled{opacity:.3;cursor:default}
@media(hover: hover)and (pointer: fine){[data-page=recruit] #workstyle .splide__arrow:hover{background-color:#4e505b}}

@media screen and (min-width: 1920px){
[data-page=recruit] .page_header{margin-bottom:106.6666666667px}
[data-page=recruit] .anchor_nav{-moz-column-gap:10.6666666667px;column-gap:10.6666666667px;margin-bottom:106.6666666667px}
[data-page=recruit] .anchor_nav a{-moz-column-gap:10.6666666667px;column-gap:10.6666666667px;height:88px;padding:10.6666666667px;font-size:21.3333333333px}
[data-page=recruit] .anchor_nav a .ic{width:13.3333333333px;height:8px}
[data-page=recruit] .recruit_body{-moz-column-gap:106.6666666667px;column-gap:106.6666666667px}
[data-page=recruit] article{margin-top:36px;padding-bottom:106.6666666667px}
[data-page=recruit] .job_nav{top:186.6666666667px;width:253.3333333333px}
[data-page=recruit] .job_nav .label{font-size:18.6666666667px;padding-bottom:21.3333333333px}
[data-page=recruit] .job_nav .list{row-gap:42.6666666667px;margin-top:42.6666666667px}
[data-page=recruit] .job_nav .list li:not(:last-child):before{left:6.6666666667px;top:34.6666666667px;height:25.3333333333px}
[data-page=recruit] .job_nav .list li a{-moz-column-gap:21.3333333333px;column-gap:21.3333333333px;font-size:16px}
[data-page=recruit] .job_nav .list li .dot{width:14.6666666667px;height:14.6666666667px;margin-top:5.3333333333px}
[data-page=recruit] #workstyle{margin-top:213.3333333333px}
[data-page=recruit] #workstyle .head{row-gap:18.6666666667px;margin-bottom:64px;padding-inline:32px}
[data-page=recruit] #workstyle .head .sec_ttl{font-size:48px}
[data-page=recruit] #workstyle .head .lead{font-size:21.3333333333px}
[data-page=recruit] #workstyle .splide__slide{width:981.3333333333px;padding-inline:10.6666666667px}
[data-page=recruit] #workstyle .splide__slide .img{height:640px}
[data-page=recruit] #workstyle .splide__slide .txt{row-gap:10.6666666667px;width:601.3333333333px;margin-top:30.6666666667px;transform:translateY(21.3333333333px)}
[data-page=recruit] #workstyle .splide__slide.is-active .txt{transform:translateY(0)}
[data-page=recruit] #workstyle .splide.is-caption-hidden .splide__slide .txt{transform:translateY(21.3333333333px)}
[data-page=recruit] #workstyle .splide__slide .txt .desc{font-size:21.3333333333px}
[data-page=recruit] #workstyle .splide__arrows{top:320px;width:1045.3333333333px}
[data-page=recruit] #workstyle .splide__arrow{width:53.3333333333px;height:53.3333333333px}
[data-page=recruit] #workstyle .splide__arrow svg{width:10.6666666667px;height:18.6666666667px}
}

@media screen and (max-width: 759.98px)and (orientation: portrait){
[data-page=recruit] .page_header{margin-bottom:calc(48/375*100dvw)}
[data-page=recruit] .anchor_nav{-moz-column-gap:calc(8/375*100dvw);column-gap:calc(8/375*100dvw);margin-bottom:calc(40/375*100dvw)}
[data-page=recruit] .anchor_nav a{-moz-column-gap:calc(8/375*100dvw);column-gap:calc(8/375*100dvw);height:calc(52/375*100dvw);padding:calc(8/375*100dvw);font-size:calc(13/375*100dvw)}
[data-page=recruit] .anchor_nav a .ic{width:calc(9/375*100dvw);height:calc(5.4/375*100dvw)}
[data-page=recruit] .recruit_body{display:block}
[data-page=recruit] article{margin-top:0;padding-bottom:calc(40/375*100dvw)}
[data-page=recruit] .job_nav{position:static;width:auto;margin-bottom:calc(40/375*100dvw)}
[data-page=recruit] .job_nav .label{font-size:calc(12/375*100dvw);padding-bottom:calc(12/375*100dvw)}
[data-page=recruit] .job_nav .list{row-gap:calc(20/375*100dvw);margin-top:calc(20/375*100dvw)}
[data-page=recruit] .job_nav .list li:not(:last-child):before{left:calc(5/375*100dvw);top:calc(21/375*100dvw);height:calc(16/375*100dvw)}
[data-page=recruit] .job_nav .list li a{-moz-column-gap:calc(12/375*100dvw);column-gap:calc(12/375*100dvw);font-size:calc(12/375*100dvw)}
[data-page=recruit] .job_nav .list li .dot{width:calc(11/375*100dvw);height:calc(11/375*100dvw);margin-top:calc(4/375*100dvw)}
[data-page=recruit] #workstyle{margin-top:calc(80/375*100dvw)}
[data-page=recruit] #workstyle .head{row-gap:calc(7/375*100dvw);margin-bottom:calc(28/375*100dvw);padding-inline:calc(24/375*100dvw)}
[data-page=recruit] #workstyle .head .sec_ttl{font-size:calc(28/375*100dvw)}
[data-page=recruit] #workstyle .head .lead{width:100%;font-size:calc(13/375*100dvw);line-height:1.7;text-align:left}
[data-page=recruit] #workstyle .head .lead br{display:none}
[data-page=recruit] #workstyle .splide__slide{width:calc(292/375*100dvw);padding-inline:calc(6/375*100dvw)}
[data-page=recruit] #workstyle .splide__slide .img{height:calc(187/375*100dvw)}
[data-page=recruit] #workstyle .splide__slide .txt{row-gap:calc(3/375*100dvw);width:auto;margin-top:calc(17/375*100dvw);padding-inline:0;transform:translateY(calc(12/375*100dvw))}
[data-page=recruit] #workstyle .splide__slide.is-active .txt{transform:translateY(0)}
[data-page=recruit] #workstyle .splide.is-caption-hidden .splide__slide .txt{transform:translateY(calc(12/375*100dvw))}
[data-page=recruit] #workstyle .splide__slide .txt .desc{font-size:calc(14/375*100dvw);line-height:1.6;text-align:left}
[data-page=recruit] #workstyle .splide__slide .txt .desc br{display:none}
[data-page=recruit] #workstyle .splide__arrows{top:calc(93.5/375*100dvw);width:calc(332/375*100dvw)}
[data-page=recruit] #workstyle .splide__arrow{width:calc(32/375*100dvw);height:calc(32/375*100dvw)}
[data-page=recruit] #workstyle .splide__arrow svg{width:calc(7/375*100dvw);height:calc(12/375*100dvw)}
}