/* ui-balance-r1.css ― ③ 採用サイト全体UI調整（作業版 r1・2026-10-16）
   既存CSSのあとに読み込み、寸法・余白・押しやすさだけを整える。文言・求人条件・画像は変えない。 */

/* 1. 小さすぎる文字は12px未満にしない（写真クレジット・注記・補助ラベル） */
body .ll-step__no,body .ll-photo-note,body .ll-yplan__embed-credit,body .ll-yplan__credit,body .ll-areaphoto__author,
body .ll-yplan__photonote,body .cp-step,body .bn-hero__company,body .tg-hero-home__note,body .tg-value-hero__note,
body .tg-income-flow__home,body .sd-date-phrase,body .bn-fields__go,
body .tg-living-value__total span,body .tg-rank-stairs figcaption span,body .tg-home-budget__scale span,
body .tg-home-story__art p,body .sd-calendar__link span,
body .sd-rank-label span,body .lr-support-map__node span,body .kg-stage p,
body .kg-map article p,body .jp-facts dd small,body .bn-work-example span,body .bn-choice-scenes__points li,
body .jp-state:not(.jp-state--open),body .bn-process__insight dt,body .bn-development__flow span,body .ws-compare-table th span,
body .ws-employment__diagram span,body .ws-wrap .crumb a,body .ws-wrap .crumb span{font-size:12px!important}

/* 2. 長い注記は1行を長くしすぎない（PCで85字超になるものを読みやすい幅に） */
.gs-note,.ce-note,.jp-contract,.ll-contract__rule{max-width:48em}

/* 2b. 求人一覧：1件だけの区画は右半分が空かないよう横幅いっぱいに */
.jp-card-grid>.jp-card:only-child{grid-column:1/-1}

/* 2c. 制度ページの査定カレンダー：「11月」の月が下の行へ落ちない */
.sd-calendar__date strong{white-space:nowrap}
body .sd-calendar__date>span{font-size:12px!important}
@media (max-width:560px){body .sd-calendar__row{grid-template-columns:84px minmax(40px,1fr) 118px;gap:10px}body .sd-calendar__date strong{font-size:44px}}

/* 3. 電話番号は途中で折り返さない。入らない幅ではラベルと番号を2段にする */
.btn--tel{flex-wrap:wrap;justify-content:center;column-gap:.45em;row-gap:0}
.btn--tel{white-space:nowrap}
.apply-band .btn--tel,.ll-apply__btns .btn--tel{white-space:normal}
.apply-box .btn--tel{white-space:nowrap;flex-wrap:nowrap}
@media (max-width:700px){.apply-box .btn--tel{font-size:16px}}
.btn--tel>span{white-space:nowrap;margin-left:0!important}

@media (max-width:700px){
  body .sd-pay-inputs span,body .sd-pay-result span{font-size:12px!important}
  /* 4. スマホ：最初の画面で見出しと条件が見えるよう、上の余白と写真の高さを詰める */
  .page-hero{padding-top:calc(var(--h-header) + 24px)}
  .ll-hero__art--photo img{aspect-ratio:2/1}
  .ll-hero__art figcaption{padding:8px 14px 10px}

  .btn--tel{padding-inline:16px;column-gap:.35em}

  /* 5. 押しやすさ：目に見える大きさは変えず、タップできる範囲を44px前後にする */
  .tx-footer__nav a{display:inline-flex;align-items:center;min-height:44px}
  .crumb a{display:inline-block;padding:9px 3px;margin:-9px -3px}
  .ll-closing a,.ll-contract__rule a,.ll-yplan__src a,.ll-memo__src a,.ll-pcand__src a,
  .back-link a,.jd-a-timing a{display:inline-block;padding-block:11px;margin-block:-11px}
  .jd-a-ans a,.jd-ll-faq__a a,.jd-ll-sup__links a,.ll-photocredits__source a,.ll-photocredits__license a{padding-block:11px}
  .ll-photocredits summary{padding-block:11px}
  .tx-go,.ll-more,.c-text-link,.bf-text-link,.sd-text-link,.ap8-jobs-link{min-height:44px;display:inline-flex;align-items:center}
}

/* 6. ヘッダーの小さなラベルも12px（スマホで収まる範囲まで） */
.site-header .logo__sub{font-size:12px}

@media (max-width:360px){
  .btn--tel{padding-inline:10px;font-size:15px;gap:6px}
  .apply-band .btn{padding-inline:12px;font-size:15px;gap:6px}
  .apply-band .btn--tel{white-space:nowrap;flex-wrap:nowrap}
  .apply-box{padding:20px 16px}
  .btn--sm.btn--tel{padding-inline:8px;font-size:14px}
  .apply-box .btn--tel{font-size:13px;padding-inline:8px;gap:4px}
}