/*
 * サブディレクトリ設置用パス修正CSS
 *
 * assets/css/style.css（デモからの原本・変更禁止）内に3箇所だけ
 * ルート相対 url("/assets/...") の背景画像指定があり、サブディレクトリ
 * 設置（/test_site/ 等）では解決できないため、同一セレクタ・同一
 * プロパティを相対パスで再宣言して上書きする。style.css より後に
 * 読み込むこと（functions.php で制御）。
 *
 * 対象: .about::before / .about::after / .biz-top-hero
 * デモ側で style.css が更新されても、このファイルは独立して機能する。
 */

.about::before {
  /* 2026-10-30 PIXTA見本画像 → 実写（介護）に差し替え。元: ../images/image-8L.png */
  background-image: url("../../../../uploads/2026/10/careoth-about-left.webp");
}

.about::after {
  /* 2026-10-30 PIXTA見本画像 → 実写（保育）に差し替え。元: ../images/image-8R.png */
  background-image: url("../../../../uploads/2026/10/careoth-about-right-v2.webp");
}

.biz-top-hero {
  background-image: url("../images/business/buisiness_01.png");
}

/*
 * トップ採用写真（2026-10-27 差し替え）
 * 3枚を等幅で少し広く表示し、人物が中央に来るよう表示位置を調整。
 */
@media (min-width: 1025px) {
  .recruit__images {
    margin-right: clamp(-120px, calc((1100px - 100vw) / 2 + 24px), 0px);
  }
  .recruit__image {
    flex: 1 1 0;
    min-width: 0;
    height: 280px;
  }
}
.recruit__image--1 img { object-position: 50% 50%; }
.recruit__image--2 img { object-position: 57% 50%; }
.recruit__image--3 img { object-position: 46% 50%; }

/*
 * 会社案内「国内・海外グループ会社」グループ会社名の改行（2026-10-27）
 * 意味の切れ目で <br /> を入れ、語の途中で折り返さないようにする。
 * ・かな詰め（palt）と字間0で、長いカタカナ語を1行に収める
 * ・名前の行だけ右余白に8pxはみ出させる（左端は数字とそろったまま）
 * ・スマホでも <br /> を表示（テーマ側の非表示指定を上書き）
 */
.about-base__name {
  font-feature-settings: "palt";
  letter-spacing: 0;
  margin-right: -8px;
}
@media (max-width: 768px) {
  .about-base__name br { display: inline; }
}
@media (max-width: 360px) {
  .about-base__name { font-size: 13px; }
}

/*
 * 採用ページ 背景画像（2026-10-30 写真差し替え）
 * 元画像は残したまま、写真部分のみ差し替えた画像に切り替え。
 * 元: ../images/recruit/recriot_hero_bg.jpg / ../images/recruit/recruit_header_bg01.jpg
 */
.recruit-hero {
  background-image: url("../../../../uploads/2026/10/careoth-recruit-hero-test2.jpg");
}
.recruit-future__hero {
  background-image: url("../../../../uploads/2026/10/careoth-recruit-future-bg-v5.jpg");
}