@charset "utf-8";
/* ============================================================
   採用情報（recruit/index.html）
   支給 3 ファイルを合成したページ（README 申し送り参照）
     00_サンテック_Web_採用情報.ai      … 基準（1366x10204.5）
     00_サンテック_Web_採用情報修正2.ai … 「先輩社員の声」を差し替え（1366x1685.85。基準 y3759–5444.85 と同寸）
     00_サンテック_Web_採用情報修正.ai  … 「採用のお問い合わせ」を差し替え（1366x3002。基準 y7768 起点）
   合成後の PC 高さ = 3759 + 1685.85 + 2336.15 + 2151.6 + 837 = 10769.6
   座標は各帯の上端を 0 とする実測値（design px）。
   ============================================================ */

.rc{--blue:#6e96b4;--sky:#6e96d8;--tbl:#f1f1f1;font-feature-settings:"palt" 1}
/* 支給の文字組み: kern=AUTO / OPTICAL / PM の run は palt。kern=none かつ PM なしの run は無し（表・フォームは下で個別判定） */

/* 見出し（和文 SemiBold 36 / 英字 18）— .c-ttl の縦位置だけ上書き */
.rc-ttl{left:0;width:1366px}
.rc-ttl .c-ttl__en{position:relative;left:-1px;margin-top:24px}
.rc-ttl--w,.rc-ttl--w .c-ttl__en{color:#fff}

/* ---------- hero（写真 0–888 の 120–888 が見える） ---------- */
.rc-hero{--hero-h:768px;--ttl-y:397.4px}
.rc-hero .phero__jp{margin-top:28.3px}
/* 2026-09-29 ご指示: PC も SP の FV に合わせて乗算を外し、白文字＋SP と同じにじみ（PC のデザインは無し＝推定。申し送り）。
   にじみは SP の .ai のアピアランス（黒の線 7pt＋ぼかし（ガウス）半径 15・乗算）を PC の文字の大きさで再計算し、
   text-shadow（30px×3）の濃さを当てはめた（モデルとの減光量の差 RMSE 0.009。実測）。写真の切り抜き・文字の位置は従来どおり */
.rc-hero .phero__en{text-shadow:0 0 30px rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.5)}
.rc-hero .phero__jp{text-shadow:0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8)}

/* ---------- 採用情報（ページ内メニュー） 帯 y933–1516 ---------- */
.rc-intro{height:583px}
.rc-intro .rc-ttl{top:125.1px}
.rc-intro .rc-ttl .c-ttl__jp{padding-left:2.5px}  /* 支給のフレーム中心が x684.4 */
.rc-menu{left:183px;top:265px;width:1000px;display:grid;grid-template-columns:repeat(3,310px);gap:30px 35px}
.rc-menu__btn{position:relative;display:block;height:80px;padding:28px 0 0 29px;border:1px solid var(--line);background:#fff;
  font-size:20px;font-weight:500;letter-spacing:.04em;line-height:1;white-space:nowrap;
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.rc-menu__btn::after{content:"";position:absolute;left:278px;top:29.5px;width:11.5px;height:19px;
  background:url(../img/recruit/ico-chev.svg) center/contain no-repeat;transition:transform var(--dur) var(--ease)}
a.rc-menu__btn:hover{background:#f7f7f7;color:var(--red)}
a.rc-menu__btn:hover::after{transform:translateX(3px)}

/* ---------- データで見るサンテック 帯 y1516–3759 ---------- */
.rc-data{height:2243px;background:var(--card)}
.rc-data__bg{left:0;top:108.1px;width:1366px;text-align:center;font-family:var(--en-cond);font-size:148px;font-weight:700;
  letter-spacing:.2em;text-indent:.2em;line-height:1;color:#dcdcdc;white-space:nowrap}
.rc-data__ttl{left:0;top:166.1px;width:1366px;text-align:center;font-size:36px;font-weight:600;letter-spacing:.1em;text-indent:.1em;
  line-height:1;white-space:nowrap}

.rc-card{background:#fff;border-radius:10px}
.rc-card > *{position:absolute}
.rc-card__ttl{left:0;right:0;top:28.3px;text-align:center;font-size:32px;font-weight:700;letter-spacing:.1em;text-indent:.1em;
  line-height:1;white-space:nowrap}
.rc-card__txt{font-size:18px;line-height:35px;letter-spacing:.1em;white-space:nowrap;font-feature-settings:"palt" 1}
.rc-card__txt--c{left:0;right:0;top:84.9px;text-align:center;text-indent:.1em}
.rc-big{line-height:0}

.rc-card--leave  {left:283px;top:263.2px;width:390px;height:330px}
.rc-card--retire {left:693px;top:263.2px;width:390px;height:330px}
.rc-card--mentor {left:283px;top:613.2px;width:800px;height:190px}
.rc-card--ratio  {left:283px;top:823.2px;width:800px;height:230px}
.rc-card--club   {left:283px;top:1073.2px;width:800px;height:510px}
.rc-card--allow  {left:283px;top:1603.2px;width:800px;height:190px}
.rc-card--holiday{left:283px;top:1813.2px;width:800px;height:300px}

/* 有給休暇 */
.rc-ill--sports{left:105px;top:77.8px;width:180px;height:164px}
.rc-leave__val{left:4.85px;top:268.1px;width:390px;text-align:center;font-size:36px;font-weight:800;line-height:1;color:var(--red);white-space:nowrap}   /* 2026-09-29 文言「入社半年後10日付与」（修正依頼 ab0 PC）。行幅 349.5 より広い箱で中央寄せし、インク中心 x482.8・上端 y524.5 に合わせる（実測） */
.rc-leave__val .rc-big{font-size:54px}
/* 定年・再雇用 */
.rc-ill--circles{left:19px;top:111.8px;width:352px;height:172px}
.rc-ret{top:0;width:150px;height:330px;text-align:center;white-space:nowrap}
.rc-ret--a{left:23.95px}
.rc-ret--b{left:221.05px}
.rc-ret > span{position:absolute;left:0;right:0;line-height:1}
.rc-ret__lbl{top:146.5px;font-size:26px;font-weight:700}
.rc-ret__val{top:190.1px;font-size:36px;font-weight:700;color:var(--red)}
.rc-ret__val .rc-big{font-size:54px}
.rc-ret__sub{top:230px;font-size:20px;font-weight:700}
/* メンター */
.rc-ill--mentor{left:57.3px;top:43px;width:171px;height:147px}
.rc-card--mentor .rc-card__ttl{top:31.2px}
.rc-mentor__txt{left:267.7px;top:84.9px}
/* 男女の割合 */
.rc-staff{left:112.3px;top:35px;width:160px;height:160px;border-radius:50%;background:var(--red);color:#fff;text-align:center;white-space:nowrap}
.rc-staff > span{position:absolute;left:0;right:0;line-height:1;font-weight:700}
.rc-staff__lbl{top:40.6px;font-size:24px}
.rc-staff__val{top:85.6px;font-size:36px}
.rc-staff__val .rc-big{font-size:54px}
.rc-ill--gender{left:332px;top:82.8px;width:119px;height:119px}
.rc-card--ratio .rc-card__ttl{top:31.2px}
.rc-ratio{left:486.5px;font-size:30px;font-weight:700;line-height:1;color:var(--red);white-space:nowrap;font-feature-settings:"palt" 1}
.rc-ratio .rc-big{font-size:45px}
.rc-ratio--m{top:98.2px}
.rc-ratio--f{top:152.7px}
.rc-ratio--f .rc-big{display:inline-block;transform:scaleY(.93);transform-origin:50% 100%}  /* 「15」は縦がやや低い（実測 h31 / 「85」h34） */
.rc-ratio__note{right:33.5px;top:182.7px;font-size:13px;letter-spacing:.1em;line-height:1;white-space:nowrap;font-feature-settings:"palt" 1}
/* クラブ活動 */
.rc-card--club .rc-card__ttl,.rc-card--allow .rc-card__ttl,.rc-card--holiday .rc-card__ttl{top:31.2px}
.rc-club__ph{top:215px;width:355px;height:260px;object-fit:cover}
.rc-club__ph--1{left:35px}
.rc-club__ph--2{left:410px}
/* 休日・休暇 */
.rc-hol__lead{top:85.3px}
.rc-hol__rule{left:35px;top:143.3px;width:730px;height:2px;
  background:repeating-linear-gradient(90deg,#9e9e9f 0 8px,transparent 8px 16px)}
.rc-hol__list{left:46px;top:0;font-size:16px;letter-spacing:.1em;white-space:nowrap;font-feature-settings:"palt" 1}
.rc-hol__list li{position:absolute;left:0}
.rc-hol__i1{top:165.2px;line-height:37px}
.rc-hol__i2{top:207.4px;line-height:30px}
.rc-dot{color:var(--red)}

/* ---------- 先輩社員の声 帯 3759–5444.85（修正2.ai 座標） ---------- */
.rc-voice{height:1685.85px}
.rc-voice__bg{position:absolute;inset:0;overflow:hidden;background:var(--sky);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 60px),calc(100% - 60px) 100%,60px 100%,0 calc(100% - 60px))}  /* 下端は 60px の面取り（支給パス） */
.rc-voice__bg img{position:absolute;opacity:.5}
/* 画像はキャンバス基準。1366 を超える幅では左端から置く（背景色は全幅） */
.rc-voice__cloud{left:max(0px,calc(50% - 683px));top:162.6px;width:955px;height:612.8px}
.rc-voice__bldg{left:max(0px,calc(50% - 683px));top:730.7px;width:1366px;height:955.15px;object-fit:cover;
  -webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}  /* 正本の実効不透明度が上端0→下端0.49で線形（不透明度マスク相当。実測） */
.rc-voice__ring{left:199.4px;top:192.5px;width:967.2px;height:967.2px;border:1px solid rgba(255,255,255,.5);border-radius:50%}
.rc-voice .rc-ttl{top:163px}

.rc-vc{left:0;top:0;width:1366px;height:100%;margin:0;pointer-events:none}
.rc-vc > *{pointer-events:auto}
.rc-vc > *{position:absolute}
.rc-vc__bubble{margin:0;background:#fff;border-radius:30px}
.rc-vc__bubble::after{content:"";position:absolute;background:#fff}
.rc-vc__txt{position:absolute;font-size:18px;line-height:29.764px;letter-spacing:.08em}
.rc-vc__txt span{display:block;margin-right:-.08em;text-align:justify;text-align-last:justify;white-space:nowrap}
.rc-vc__txt span:last-child{text-align-last:left}
/* 改行位置が PC と SP で違う吹き出し（N・組立M・制御M・H）は、PC 用 .u-pc と SP 用 .u-sp の 2 段落で持つ（行＝span）。
   1 つの本文に SP だけの <br> を入れると、非表示でも PC の行末の字が最大 0.5px ずれた（実測）ため */
.rc-vc__name{font-size:20px;font-weight:600;line-height:1;color:var(--blue);white-space:nowrap;font-feature-settings:"palt" 1}
.rc-vc__ph{height:auto}

/* 各吹き出し（座標は修正2.ai のアートボード上。bubble 内の子は bubble 基準） */
.rc-vc--f  .rc-vc__bubble{left:204.6px;top:268.8px;width:400px;height:283.5px}
.rc-vc--f  .rc-vc__bubble::after{left:187.8px;top:265.7px;width:78.5px;height:48.2px;clip-path:polygon(47% 0,0 100%,100% 14.7%)}
.rc-vc--f  .rc-vc__txt{left:40px;top:33.5px;width:320px}
.rc-vc--f  .rc-vc__name{right:895.1px;top:504.4px}
.rc-vc--f  .rc-vc__ph{left:183px;top:515.8px;width:223.5px}

.rc-vc--i  .rc-vc__bubble{left:737.8px;top:314.2px;width:400px;height:190px}
.rc-vc--i  .rc-vc__bubble::after{left:196.9px;top:172.1px;width:78.5px;height:48.2px;clip-path:polygon(53% 0,100% 100%,0 14.9%)}
.rc-vc--i  .rc-vc__txt{left:40px;top:33.4px;width:320px}
.rc-vc--i  .rc-vc__name{left:917.8px;top:456.2px}
.rc-vc--i  .rc-vc__ph{left:959.5px;top:434.9px;width:223.5px}

.rc-vc--n  .rc-vc__bubble{left:709px;top:701.3px;width:400px;height:218.3px}
.rc-vc--n  .rc-vc__bubble::after{left:196.9px;top:204.1px;width:78.5px;height:48.2px;clip-path:polygon(53% 0,100% 100%,0 14.9%)}
.rc-vc--n  .rc-vc__txt{left:40px;top:33.4px;width:320px}
.rc-vc--n  .rc-vc__name{left:889px;top:871.7px}
.rc-vc--n  .rc-vc__ph{left:936.1px;top:832.8px;width:223.5px}

.rc-vc--m1 .rc-vc__bubble{left:270.6px;top:829.2px;width:360.3px;height:218.3px}
.rc-vc--m1 .rc-vc__bubble::after{left:196.9px;top:204.1px;width:78.5px;height:48.2px;clip-path:polygon(46.8% 0,0 100%,100% 14.9%)}
.rc-vc--m1 .rc-vc__txt{left:40px;top:33.4px;width:280.3px}
.rc-vc--m1 .rc-vc__name{left:450.6px;top:999.6px}
.rc-vc--m1 .rc-vc__ph{left:229.1px;top:989.6px;width:223.5px}

.rc-vc--m2 .rc-vc__bubble{left:681.1px;top:1136.5px;width:456.7px;height:218.3px}
.rc-vc--m2 .rc-vc__bubble::after{left:244.5px;top:200.4px;width:78.5px;height:48.2px;clip-path:polygon(53% 0,100% 100%,0 14.9%)}
.rc-vc--m2 .rc-vc__txt{left:40px;top:33.4px;width:376.7px}
.rc-vc--m2 .rc-vc__name{right:362px;top:1306.9px}
.rc-vc--m2 .rc-vc__ph{left:959.5px;top:1285.1px;width:223.5px}

.rc-vc--h  .rc-vc__bubble{left:237.3px;top:1306.1px;width:368.8px;height:228.7px}
.rc-vc--h  .rc-vc__bubble::after{display:none}
.rc-vc--h  .rc-vc__txt{left:40px;top:33.4px;width:288.8px}
.rc-vc--h  .rc-vc__name{right:799.9px;top:1477.8px}

/* ---------- 募集要項 帯 5444.85–7781 ---------- */
.rc-req{height:2336.15px}
.rc-req .rc-ttl{top:124.6px}
.rc-req .rc-ttl .c-ttl__en{margin-top:23.6px}
.rc-req .rc-ttl .c-ttl__jp{font-weight:700}   /* 支給データ: この見出しだけ Bold（他のセクション見出しは SemiBold）。README §6-B */
.rc-req__ttl{left:0;width:1366px;text-align:center;font-size:28px;font-weight:600;letter-spacing:.1em;text-indent:.1em;line-height:1;white-space:nowrap}
.rc-req__ttl--new{top:325.9px}
.rc-req__ttl--mid{top:1387.3px}
.rc-tbl{left:183px;width:1000px;table-layout:fixed;font-size:16px;line-height:30px;letter-spacing:.05em;font-feature-settings:"palt" 1}
.rc-tbl--new{top:416.75px}
.rc-tbl--mid{top:1481.05px}
.rc-tbl tr{height:var(--h);border-top:1px solid var(--ink)}
.rc-tbl tr:last-child{border-bottom:1px solid var(--ink)}
.rc-tbl th,.rc-tbl td{padding:var(--pt) 0 0;vertical-align:top;text-align:left;font-weight:500;white-space:nowrap}
.rc-tbl th{width:200px;padding-left:29.8px;background:var(--tbl)}
.rc-tbl td{padding-left:30px}

/* ---------- 採用のお問い合わせ 帯 7781–9932.6（修正.ai y13–2164.6） ---------- */
.rc-entry .stage{height:auto}
.rc-entry__ttl{left:0;top:123.3px;width:1366px;text-align:center;font-size:36px;font-weight:700;letter-spacing:.1em;text-indent:.1em;
  line-height:1;white-space:nowrap}
.rc-entry .stage > .rc-form{position:relative;left:183px;width:1000px;padding-top:200px}
.rc-in{position:relative;height:2006.6px}   /* 同意ボックスを 55px 伸ばした分（ボックスの下からフッターまでの間は元のまま） */
.rc-in > *{position:absolute}
.rc-in__lead{left:0;top:16.4px;width:1000px;font-size:18px;line-height:29.764px;letter-spacing:.04em;font-feature-settings:"palt" 1}
.rc-in__lead span{display:block;white-space:nowrap}
.rc-in__rule{left:0;top:101.7px;width:1000px;height:1px;background:#ced3d7}

.f-row{left:100px;top:var(--y);width:800px;height:55px}
.f-row > *{position:absolute}
.f-lbl{left:0;top:18.4px;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1;color:#231815;white-space:nowrap;font-feature-settings:"palt" 1}
.f-lbl em{font-style:normal;color:#ea5550}
.f-row--area .f-lbl{top:-.6px}
.f-inp{left:245px;top:0;width:555px;height:55px;padding:0 18px;border:1px solid #dbdcdc;border-radius:0;background:#fff;
  font-size:16px;letter-spacing:.05em;color:#231815;outline:0;transition:border-color var(--dur) var(--ease)}
.f-inp:focus{border-color:#9e9e9f}
.f-inp[aria-invalid]{border-color:#ea5550}
.f-row--zip .f-inp{width:379px}
.f-area{height:120px;padding:14px 18px;line-height:1.75;resize:vertical}
.f-zipbtn{left:632px;top:8px;width:168px;height:39px;padding-bottom:3px;background:#dbdcdc;color:#3e3a39;font-size:14px;font-weight:500;letter-spacing:.05em;
  line-height:1;white-space:nowrap;transition:background-color var(--dur) var(--ease)}
.f-zipbtn:hover{background:#c9caca}
.f-sel{top:0;height:55px;border:1px solid #dbdcdc;background:#fff}
.f-sel select{appearance:none;-webkit-appearance:none;width:100%;height:100%;padding:0 0 2px 18.4px;border:0;border-radius:0;background:transparent;
  font-size:16px;letter-spacing:.05em;color:#231815;outline:0;cursor:pointer}
.f-sel::after{content:"▼";position:absolute;top:18.4px;font-size:16px;line-height:1;color:#231815;pointer-events:none}
.f-sel--y{left:245px;width:100px}
.f-sel--y::after{left:73px}
.f-sel--m{left:379.5px;width:80px}
.f-sel--m::after{left:53px}
.f-sel--d{left:500px;width:80px}
.f-sel--d::after{left:53px}
.f-unit{top:18.4px;font-size:16px;letter-spacing:.05em;line-height:1;color:#231815}
.f-unit--y{left:355px}
.f-unit--m{left:469.5px}
.f-unit--d{left:590px}
.f-rad{left:var(--x);top:17.8px;display:flex;align-items:flex-start;gap:0;font-size:16px;letter-spacing:.05em;line-height:1;color:#3e3a39;white-space:nowrap;cursor:pointer}
.f-rad input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:13px;height:13px;margin:1.7px 8.1px 0 0;border:.55px solid #9e9e9f;border-radius:50%;
  background:radial-gradient(circle,#eeeeef 0 4.5px,transparent 4.6px),linear-gradient(#b2b2b2,#fff);cursor:pointer}
.f-rad input:checked::after{content:"";position:absolute;left:2.8px;top:2.8px;width:6.3px;height:6.3px;border-radius:50%;background:#4c4948}
.f-rad input:focus-visible{outline:2px solid #9e9e9f;outline-offset:2px}
.f-error{right:14px;top:21.5px;margin:0;font-size:12px;font-weight:500;line-height:1;color:#ea5550;white-space:nowrap;pointer-events:none}
.f-row--radio .f-error,.f-row--birth .f-error{top:19.5px}
.f-row--zip .f-error{right:182px}

.rc-priv__ttl{left:0;top:1238.4px;font-size:24px;font-weight:700;letter-spacing:.1em;line-height:1;white-space:nowrap}
.rc-priv__box{left:0;top:1302.2px;width:1000px;height:250px;border:1px solid #d2d2d2;background:#fff}
/* 本文はお問い合わせページと同一（TBK 版を株式会社サンテックに置換したもの。contact/index.html と揃える） */
.rc-priv__scroll{position:absolute;left:24px;top:16.4px;bottom:17px;width:955px;padding-right:23px;overflow-y:auto;
  font-size:14px;line-height:28px;letter-spacing:.1em;text-align:justify;outline:0}
.rc-priv__scroll h4{margin:10px 0 0;font-size:14px;font-weight:500;line-height:28px}
.rc-priv__scroll p{margin:0}
.rc-priv__scroll > *{width:925px}  /* 本文幅は支給の 925 に固定（スクロールバーの有無・種類で折返しが変わらないように） */
.rc-priv__scroll ul{margin:0}
.rc-priv__scroll li{padding-left:1em;text-indent:-1em}
.rc-priv__scroll li::before{content:"・"}
.rc-priv__scroll::-webkit-scrollbar{width:7px}
.rc-priv__scroll::-webkit-scrollbar-track{background:transparent;margin-block:10.3px}
.rc-priv__scroll::-webkit-scrollbar-thumb{background:var(--card);border-radius:3.5px}
@supports not selector(::-webkit-scrollbar){.rc-priv__scroll{scrollbar-width:thin;scrollbar-color:var(--card) transparent}}
.rc-priv__scroll:focus-visible{outline:2px solid #9e9e9f;outline-offset:3px}
.rc-link{text-decoration:underline;text-underline-offset:2px;transition:color var(--dur) var(--ease)}
.rc-link:hover{color:var(--red)}

.rc-agree{left:0;top:1619.6px;width:1000px;height:230px;background:#f5f5f5}   /* ボタンはグレーの中（修正データの【A】。2026-09-29 のご指示） */
.rc-agree > *{position:absolute}
.rc-agree__txt{left:0;right:0;top:20.8px;text-align:center;font-size:16px;line-height:38px;letter-spacing:.1em;text-indent:.1em;white-space:nowrap}
.rc-agree__txt a{text-decoration:none;transition:color var(--dur) var(--ease)}
.rc-agree__txt a:hover{color:var(--red);text-decoration:underline}
.rc-agree__chk{left:341.1px;top:110.2px;display:flex;align-items:flex-start;font-size:16px;letter-spacing:.1em;line-height:1;white-space:nowrap;cursor:pointer}
.rc-agree__chk input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:18px;height:18px;margin:0 15.5px 0 0;border:2px solid var(--red);border-radius:2px;background:#fff;cursor:pointer}
.rc-agree__chk input:checked::after{content:"";position:absolute;left:4.2px;top:.6px;width:5px;height:10px;border:solid var(--red);border-width:0 2.4px 2.4px 0;transform:rotate(45deg)}
.rc-agree__chk input:focus-visible{outline:2px solid #9e9e9f;outline-offset:2px}
.rc-agree__chk span{margin-top:.7px}

.rc-btn{display:flex;align-items:center;justify-content:center;width:210px;height:50px;background:var(--ink);color:#fff;
  font-size:18px;font-weight:500;letter-spacing:.1em;text-indent:.1em;line-height:1;white-space:nowrap;
  transition:background-color var(--dur) var(--ease),opacity var(--dur) var(--ease)}
.rc-btn:hover{background:var(--red)}
.rc-btn:disabled{cursor:not-allowed}
.rc-btn:disabled:hover{background:var(--ink)}
.rc-btn--next{left:395px;top:148.1px;padding-bottom:4px}   /* .rc-agree の中（位置は元のまま） */
.f-error--agree{left:0;right:auto;top:1861.6px;width:1000px;text-align:center;font-size:14px}   /* 未同意で確認を押したとき（デザイン外の状態） */

/* STEP 2 確認 / STEP 3 完了（デザイン未支給：入力画面の部品で構成） */
.rc-cf,.rc-done{padding:16px 0 140px}
.rc-cf[hidden],.rc-done[hidden],.rc-in[hidden]{display:none}
.rc-cf__lead,.rc-done__txt{font-size:18px;line-height:29.764px;letter-spacing:.04em;text-align:center}
.rc-cf__list{margin:48px 0 0;border-top:1px solid #ced3d7}
.f-confirm__row{display:flex;padding:19px 0 18px;border-bottom:1px solid #ced3d7;font-size:16px;line-height:1.75;letter-spacing:.05em}
.f-confirm__row dt{flex:none;width:345px;padding-left:100px;font-weight:700;color:#231815}
.f-confirm__row dd{flex:1;margin:0;padding-right:100px;white-space:pre-wrap;word-break:break-all;color:#231815}
.rc-cf__btns{display:flex;justify-content:center;gap:30px;margin-top:60px}
.rc-btn--back{background:#fff;color:var(--ink);border:1px solid var(--ink)}
.rc-btn--back:hover{background:#f5f5f5;color:var(--ink)}
.rc-done{text-align:center}
.rc-done__ttl{margin-top:24px;font-size:24px;font-weight:700;letter-spacing:.1em}
.rc-done__txt{margin-top:32px}
.rc-done__pill{margin:48px auto 0}

/* ============================================================
   SP（〜900px）— 9/18 は SP アートボード未支給。
   支給 SP（企業情報ほか）の文法（見出し 24/12・本文 14〜16・左右 22.5）で縦積みに再構成（申し送り）。
   2026-09-29「修正依頼」で SP 見本が来た 3 か所（FV・データのカード 3 枚・先輩社員の声）は見本どおりの絶対配置
   ============================================================ */
@media (max-width:900px){
  /* SP FV（2026-09-29 支給「修正依頼」ab3 379x650）: 明るい写真・乗算なし・白文字のまわりに暗いにじみ。
     379 のアートボードに 1:1。375 へは中央基準（x−2）、y はヘッダー（379 上 50.53）の下端から */
  .rc-hero{--hero-h-sp:600px;--ttl-y-sp:418px}
  .rc-hero .phero__ttl{left:38.4px}
  /* 支給の効果（.ai のアピアランス。英字・和文それぞれの文字に適用）: 文字の下に 黒の線 7pt（丸）＋ぼかし（ガウス）半径 15 を乗算、その下に黒の塗り。
     ＝中心にずれの無い大きなにじみ（ドロップシャドウ X7/Y7 はグラフィックスタイル一覧にあるだけで未適用）。
     text-shadow は太らせ（線 7pt）ができないので 30px（σ15）を 3 重にして濃さを合わせた（正本との減光量の差 RMSE 0.021〜0.027。実測。
     グラフィックスタイルのドロップシャドウ相当 7px 7px 10px rgba(0,0,0,.375) だと 0.144） */
  .rc-hero .phero__en{text-shadow:0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8)}
  .rc-hero .phero__jp{margin-top:9.4px;text-shadow:0 0 30px #000,0 0 30px #000,0 0 30px #000}

  /* 帯の中は通常フローに戻す（先輩社員の声は SP 見本があるので絶対配置のまま。下の「先輩社員の声」） */
  .rc-intro,.rc-data,.rc-req{height:auto}
  .rc-intro .stage,.rc-data .stage,.rc-req .stage,.rc-entry .stage{height:auto;padding:0 22.5px}
  .rc-intro .stage > *,.rc-data .stage > *,.rc-req .stage > *,.rc-entry .stage > *,
  .rc-card:not(.rc-card--leave):not(.rc-card--retire):not(.rc-card--ratio) > *,.rc-in > *,.f-row > *,.rc-agree > *{position:relative;left:auto;top:auto;right:auto}
  .rc-ttl{width:auto}
  .rc-ttl .c-ttl__jp{font-size:24px;padding-left:0!important}
  .rc-ttl .c-ttl__en{font-size:12px;margin-top:12.3px;left:0}

  /* 採用情報メニュー */
  .rc-intro .stage{padding-top:50px;padding-bottom:50px}
  .rc-menu{width:auto;margin-top:32px;grid-template-columns:1fr;gap:10px}
  .rc-menu__btn{height:55px;padding:19px 0 0 19px;font-size:15px}
  .rc-menu__btn::after{left:auto;right:19px;top:18px;width:9.1px;height:15px}

  /* データで見るサンテック */
  .rc-data .stage{padding-top:44px;padding-bottom:50px}
  /* SP のカードの並び（2026-09-29 ご指示）: 男女の割合 → 有給休暇 → 定年・再雇用 → メンター → クラブ → 手当 → 休日。
     PC の DOM・並びは変えず CSS の order で並べ替え（カードの中にリンク等のフォーカス要素は無いので Tab 順への影響なし。読み上げ順は DOM 順のまま） */
  .rc-data .stage{display:flex;flex-direction:column}
  .rc-card--ratio{order:1}
  .rc-card--leave{order:2}
  .rc-card--retire{order:3}
  .rc-card--mentor{order:4}
  .rc-card--club{order:5}
  .rc-card--allow{order:6}
  .rc-card--holiday{order:7}
  .rc-data__bg{width:auto;font-size:80px;text-align:center}
  .rc-data__ttl{width:auto;margin-top:-50px;font-size:22px;letter-spacing:.08em;text-indent:.08em}
  .rc-card{width:312px!important;height:auto!important;align-self:center;margin-top:20px;padding:24px 20px 26px;border-radius:10px}   /* 幅 312・カード間 20・角丸 10 は SP 見本（修正依頼 ab2）の値。見本の無いカードにも揃えた（幅は 2026-09-29 のご指示で見本どおり） */
  .rc-data__ttl + .rc-card{margin-top:20px}
  .rc-data__ttl ~ .rc-card--ratio{margin-top:30px}   /* 見出しの直後に来るカード（SP は男女の割合） */
  .rc-card__ttl{font-size:32px}   /* 見本の 3 枚と同じ Bold 32（見本の無い 4 枚も揃える。2026-09-29 のご指示） */
  .rc-card__txt{font-size:14px;line-height:26px;white-space:normal}
  .rc-card__txt--c{margin-top:14px;text-indent:0}
  .rc-card__txt br{display:none}
  .rc-card--allow .rc-card__txt br{display:inline}

  /* 有給休暇・定年・男女の割合 — SP 見本（2026-09-29「修正依頼」ab2、379 幅に 1:1）どおり。
     カードは見本どおり幅 312。左端も見本どおり（379 座標で 男女 32.54／有給 33.50／定年 33.98。3 枚で最大 1.44 違うのはデータのまま）。
     中身の座標 = 379 アートボード座標 − (カード左端, カード上端)。
     高さ・文字の書式は見本の実測（太さ・サイズ・行送りは ai_textspec）。SP の並びは見本どおり 男女→有給→定年（上の order） */
  .rc .rc-card--leave,.rc .rc-card--retire,.rc .rc-card--ratio{padding:0}
  .rc .rc-card--leave{height:375.7px!important}
  .rc .rc-card--retire{height:270px!important}
  .rc .rc-card--ratio{height:565.8px!important}
  .rc .rc-card--ratio{left:-.96px}    /* 左端 32.54（中央 33.50 から −0.96） */
  .rc .rc-card--retire{left:.48px}    /* 左端 33.98（+0.48） */
  .rc-card--leave .rc-card__ttl,.rc-card--retire .rc-card__ttl,.rc-card--ratio .rc-card__ttl{font-size:32px}   /* Bold 32 / 字間 100 */
  /* 有給休暇（見本は 2 行: 有給休暇／付与日数） */
  .rc-card--leave .rc-card__ttl{left:81px;right:auto;width:150px;top:10.94px;line-height:41.102px;white-space:normal;padding-left:.1em;text-indent:0}   /* 見本は 2 行（有給休暇／付与日数）。PC の本文に <br> を足すと PC の字が動くので幅で折る（4 字 140.8 < 150 < 5 字 176）。字間ぶん右へ（text-indent は 1 行目だけ） */
  .rc-ill--sports-sp{left:69.41px;top:82.56px;width:173.19px;height:176.04px}   /* ico-sports-sp.svg（見本の SP アイコン。PC×0.962） */
  .rc-leave__val{left:0;top:261.6px;width:312px;font-size:33px;line-height:51.824px}   /* ExtraBold 33。行送りの指定は 51.024 だが、正本の 2 行目（「10」150% を含む行）は 0.8 下にある → インクに合わせた（実測） */
  .rc-leave__val .rc-big{font-size:49.5px}
  /* 定年・再雇用（見本は PC の図を 74.3% に縮小。線幅は PC のまま） */
  .rc-card--retire .rc-card__ttl{left:0;top:27.82px}   /* 見本の中心 x190.0 ＝ カード中心（33.98＋156） */
  .rc-ill--circles-sp{left:25.1px;top:105.65px;width:261.55px;height:129.29px}
  .rc-ret{width:120px;height:270px}
  .rc-ret--a{left:24.5px}
  .rc-ret--b{left:170.98px}
  .rc-ret__lbl{top:133.94px;font-size:19.319px}
  .rc-ret__val{top:166.2px;font-size:26.75px}
  .rc-ret__val .rc-big{font-size:40.125px}
  .rc-ret__sub{top:195.09px;font-size:14.861px}
  /* 男女の割合（円・図は PC と同寸） */
  .rc-card--ratio .rc-card__ttl{left:1.92px;top:25.6px}   /* 見本の中心 x189.5（カード中心 188.54 の +0.96） */
  .rc-staff > .rc-staff__lbl,.rc-staff > .rc-staff__val{left:-1.7px}   /* 見本の「従業員数／52人」は円の中心より 0.85 左 */
  .rc-staff__lbl{margin-top:.75px}
  .rc-staff__val{margin-top:-1.25px}
  .rc-staff{left:76.96px;top:77px}
  .rc-ill--gender{left:95.47px;top:254.28px}
  .rc-ratio__lbl{font-size:25px}   /* 見本: 「男性」「女性」25 / 空白・「%」30 / 数字 30×150% */
  .rc-ratio--m{left:76.83px;top:402.74px}
  .rc-ratio--f{left:80.83px;top:466.58px}
  .rc-ratio--f .rc-big{transform:none}   /* SP 見本の「15」は「85」と同じ高さ（PC の縦 93% は SP に無い） */
  .rc-ratio__note{left:1.92px;right:0;top:527px;text-align:center;text-indent:.1em}   /* 中心 x189.5 を保つ */
  /* メンター */
  .rc-card--mentor{display:flex;flex-direction:column;align-items:center}
  .rc-ill--mentor{order:2;width:130px;height:auto;margin-top:16px;margin-bottom:-26px}
  .rc-card--mentor .rc-card__ttl{order:0}
  .rc-mentor__txt{order:1;margin-top:14px;text-align:left}
  /* クラブ活動 */
  .rc-club__ph{width:100%;height:auto;aspect-ratio:355 / 260;margin-top:12px}
  .rc-card--club .rc-card__txt{margin-bottom:6px}
  /* 休日・休暇 */
  .rc-hol__lead{font-size:14px}
  .rc-hol__rule{display:block;width:100%;margin:18px 0}
  .rc-hol__list{white-space:normal;font-size:14px}
  .rc-hol__list li{position:relative;top:auto!important;padding-left:1.1em;text-indent:-1.1em;line-height:24px!important}
  .rc-hol__list li + li{margin-top:8px}
  .rc-hol__i2 br{display:none}

  /* 先輩社員の声 — SP 見本（2026-09-29「修正依頼」ab1 スマホ版 379x2253.557 に 1:1）。
     帯 = ヘッダー下端（ab1 y50.533）〜下端 → 高さ 2203.02。中は絶対配置: x = ab1 x − 2（中央基準）、y = ab1 y − 50.533。
     吹き出し F・I は x33、ほかは x29.5（見本どおり。そろっていないのは支給データ。申し送り） */
  .rc-voice{height:2203.02px;overflow:hidden}   /* 円の線がキャンバス外へ出るので帯で切る */
  .rc-voice__cloud{left:calc(50% - 492.72px);top:249.89px;width:682.41px;height:437.92px}   /* 雲 1: PC と同じ voice-cloud.png を 71.46%（見本 x−566.9 に置いた雲の見えている右側） */
  .rc-voice__cloud2{left:calc(50% - 168.58px);top:871.79px;width:364.08px;height:404.78px}  /* 雲 2: voice-cloud-sp.png（見本 x20.9、右端は切れている） */
  .rc-voice__bldg{left:calc(50% - 195.5px);top:1514.46px;width:391px;height:688.57px}     /* voice-bldg-sp.jpg。不透明度 50%×上 0→下 1 のマスクは PC と同じ（正本で 上端 0.00・下端 0.50 を実測） */
  .rc-voice__ring{left:-296.62px;top:82.55px;width:968.25px;height:968.25px}              /* 直径 967.25 の円（線 1px を線の中心に） */
  .rc-voice .rc-ttl{left:0;top:54.4px;width:375px}
  .rc-voice .rc-ttl .c-ttl__jp{font-size:36px}   /* SP でも 36 / Voice 18（見本） */
  .rc-voice .rc-ttl .c-ttl__en{font-size:18px;margin-top:23.05px;left:-1px}
  .rc-vc{width:375px}
  .rc-voice .rc-vc .rc-vc__txt{left:32px;top:26.8px;width:256px;font-size:14.4px;line-height:23.811px}   /* Medium 14.4 / 行送り 23.811 / 字間 80（N 70・組立M 60）。行は見本の改行（span） */
  .rc-vc--n .rc-vc__txt{letter-spacing:.07em}
  .rc-vc--n .rc-vc__txt span{margin-right:-.07em}
  .rc-vc--m1 .rc-vc__txt{letter-spacing:.06em}
  .rc-vc--m1 .rc-vc__txt span{margin-right:-.06em}
  .rc-voice .rc-vc .rc-vc__name{right:auto;font-size:16px}   /* SemiBold 16 */
  .rc-voice .rc-vc .rc-vc__ph{width:178.8px}                  /* PC の切り抜き（voice-*.png）を 80%。見本の SP クリップは PC のクリップのちょうど 80%（実測） */
  .rc-voice .rc-vc .rc-vc__bubble::after{width:62.81px;height:38.54px;clip-path:polygon(53.18% 0,100% 100%,0 14.91%)}   /* しっぽ（H 以外の 5 つ）は同じ形（右下向き） */
  .rc-vc--f  .rc-vc__bubble{left:30.97px;top:158.66px;width:320px;height:226.84px}
  .rc-vc--f  .rc-vc__bubble::after{left:74.35px;top:212.5px}
  .rc-vc--f  .rc-vc__name{left:62.97px;top:346.84px}
  .rc-vc--f  .rc-vc__ph{left:168.72px;top:361.81px}
  .rc-vc--i  .rc-vc__bubble{left:30.97px;top:569.6px;width:320px;height:152px}
  .rc-vc--i  .rc-vc__bubble::after{left:74.35px;top:137.66px}
  .rc-vc--i  .rc-vc__name{left:62.97px;top:682.94px}
  .rc-vc--i  .rc-vc__ph{left:169.83px;top:674.73px}
  .rc-vc--n  .rc-vc__bubble{left:27.5px;top:906.27px;width:320px;height:152px}
  .rc-vc--n  .rc-vc__bubble::after{left:77.82px;top:140.61px}
  .rc-vc--n  .rc-vc__name{left:62.97px;top:1019.61px}
  .rc-vc--n  .rc-vc__ph{left:172.17px;top:1011.47px}
  .rc-vc--m1 .rc-vc__bubble{left:27.5px;top:1250.86px;width:320px;height:152px}
  .rc-vc--m1 .rc-vc__bubble::after{left:77.82px;top:140.61px}
  .rc-vc--m1 .rc-vc__name{left:62.97px;top:1364.2px}
  .rc-vc--m1 .rc-vc__ph{left:171.57px;top:1351.09px}
  .rc-vc--m2 .rc-vc__bubble{left:27.5px;top:1566.78px;width:320px;height:194.52px}
  .rc-vc--m2 .rc-vc__bubble::after{left:77.82px;top:180.18px}
  .rc-vc--m2 .rc-vc__name{left:62.97px;top:1722.64px}
  .rc-vc--m2 .rc-vc__ph{left:171.57px;top:1691.11px}
  .rc-vc--h  .rc-vc__bubble{left:27.5px;top:1935.46px;width:320px;height:182.93px}
  .rc-vc--h  .rc-vc__name{left:50.5px;top:2072.54px}   /* 見本は x52.5（ほかの名前は x65）。申し送り */

  /* 募集要項 */
  .rc-req .stage{padding-top:50px;padding-bottom:60px}
  .rc-req .rc-ttl .c-ttl__en{margin-top:12.3px}
  .rc-req__ttl{width:auto;font-size:20px;margin-top:40px}
  .rc-req__ttl--mid{margin-top:50px}
  .rc-tbl{width:100%;margin-top:22px;font-size:14px;line-height:24px}
  .rc-tbl,.rc-tbl tbody,.rc-tbl tr,.rc-tbl th,.rc-tbl td{display:block}
  .rc-tbl tr{height:auto;border-top:1px solid var(--ink)}
  .rc-tbl th,.rc-tbl td{width:auto;white-space:normal;padding:8px 12px}
  .rc-tbl th{padding-top:9px;padding-bottom:8px}
  .rc-tbl td{padding-top:10px;padding-bottom:12px}
  .rc-tbl td:empty{min-height:46px}

  /* 採用のお問い合わせ */
  .rc-entry .stage{padding-top:50px;padding-bottom:70px}
  .rc-entry__ttl{width:auto;font-size:24px;letter-spacing:.08em;text-indent:.08em}
  .rc-entry .stage > .rc-form{left:auto;width:auto;padding-top:24px}
  .rc-in{height:auto}
  .rc-in__lead{width:auto;font-size:14px;line-height:24px}
  .rc-in__lead span{display:inline;white-space:normal}
  .rc-in__rule{display:block;width:auto;margin:18px 0 6px}
  .f-row{width:auto;height:auto;padding-top:18px}
  .f-lbl{display:block;margin-bottom:10px;font-size:14px}
  .f-row--area .f-lbl{top:auto}
  .f-inp{width:100%!important;height:48px;padding:0 14px}
  .f-area{height:140px;padding:12px 14px}
  .f-row--zip{display:flex;flex-wrap:wrap;gap:8px}
  .f-row--zip .f-lbl{flex:0 0 100%;margin-bottom:2px}
  .f-row--zip .f-inp{flex:1;min-width:0;width:auto!important}
  .f-zipbtn{flex:none;width:140px;height:48px;font-size:12px}
  .f-row--birth{display:flex;flex-wrap:wrap;align-items:center}
  .f-row--birth .f-lbl{flex:0 0 100%}
  .f-sel{height:48px}
  .f-sel--y{width:90px}
  .f-sel--m,.f-sel--d{width:64px}
  .f-sel::after{left:auto!important;right:12px;top:16px;font-size:13px}
  .f-sel select{padding:0 0 0 12px}
  .f-unit{margin:0 8px 0 6px;font-size:14px}
  .f-unit--d{margin-right:0}
  .f-row--radio{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:10px}
  .f-row--radio .f-lbl{flex:0 0 100%;margin-bottom:0}
  .f-rad{font-size:14px}
  .f-error{position:static!important;margin-top:6px}
  .rc-priv__ttl{margin-top:36px;font-size:18px}
  .rc-priv__box{width:auto;height:220px;margin-top:14px}
  .rc-priv__scroll{left:14px;top:12px;bottom:12px;right:8px;width:auto;padding-right:12px;font-size:12px;line-height:22px;letter-spacing:.05em}
  .rc-priv__scroll > *{width:auto}
  .rc-priv__scroll h4{margin-top:8px;font-size:12px;line-height:22px}
  .rc-agree{width:auto;height:auto;margin-top:26px;padding:20px 16px 22px}
  .rc-agree__txt{font-size:13px;line-height:24px;white-space:normal;text-align:left;text-indent:0;letter-spacing:.05em}
  .rc-agree__txt br{display:none}
  .rc-agree__chk{justify-content:center;margin-top:14px;font-size:14px}
  .rc-agree__chk input{margin-right:10px}
  .rc-btn--next{margin:22px auto 0}
  .f-error--agree{width:auto;text-align:center;margin-top:12px}
  .rc-cf,.rc-done{padding:10px 0 60px}
  .rc-cf__lead,.rc-done__txt{font-size:14px;line-height:24px;text-align:left}
  .rc-cf__lead br,.rc-done__txt br{display:none}
  .f-confirm__row{display:block;padding:12px 0;font-size:14px}
  .f-confirm__row dt{width:auto;padding:0 0 4px}
  .f-confirm__row dd{padding:0}
  .rc-cf__btns{flex-direction:column-reverse;align-items:center;gap:14px;margin-top:36px}
  .rc-done__ttl{font-size:18px}
}