@charset "utf-8";
/*
 * ジョイリハ 採用ページ 追加スタイル（static-code版 / Codexレビュー反映）
 * reset / :root変数 / .inner は style.css を流用。ここは採用ページ固有のみ。
 * ※ WordPress移植時は .p-recruit を必ず保持し、変数解決とスコープを保つ。
 */
.lp2026:is(.lp2026, #lp2026).p-recruit {
  --rec-green: rgb(136 198 51 / 29.1%);  /* 明るい緑の帯（XD opacity 0.291） */
  --rec-lime: #88c633;                    /* ボタン・矢印・誘導文（XD実測） */
  --rec-green2: #0baa66;                  /* キャッチ「ジョイリハで、」バッジ（XD実測） */
  --rec-gold: #fec634;                    /* 黄アクセント */
  --rec-text: #707070;                    /* 本文グレー */
  color: var(--rec-text);
}

.lp2026:is(.lp2026, #lp2026) .u-vh {
  position: absolute !important;
  width: calc(1 * var(--liquid-unit)); height: calc(1 * var(--liquid-unit));
  margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0); clip-path: inset(50%);
  overflow: hidden; white-space: nowrap;
}
/* ========================================================================
 * r-fv : ファーストビュー
 * ===================================================================== */
.lp2026:is(.lp2026, #lp2026) .r-fv { padding-top: calc(24 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-fv__head {
  display: flex;
  align-items: center;
  gap: calc(36 * var(--liquid-unit));
  margin-bottom: calc(29 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-fv__logo img { width: calc(288 * var(--liquid-unit)); height: auto; display: block; }

.lp2026:is(.lp2026, #lp2026) .r-fv__title {
  padding: calc(10 * var(--liquid-unit)) calc(16 * var(--liquid-unit));
  background-color: var(--rec-gold);
  font-size: calc(23 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  color: var(--rec-text);
  letter-spacing: 0;
  line-height: calc(30 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-fv__entry { margin-left: auto; flex: 0 0 auto; }

.lp2026:is(.lp2026, #lp2026) .r-fv__entry img { width: calc(150 * var(--liquid-unit)); height: auto; }

.lp2026:is(.lp2026, #lp2026) .r-fv__entry a {
  display: inline-flex;
  align-items: center;
  gap: calc(10 * var(--liquid-unit));
  padding: 0;
  background-color: var(--color-accent);
  color: var(--color-text-inverse);
  font-size: calc(17 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  letter-spacing: 0.08em;
  text-decoration: none;
}

.lp2026:is(.lp2026, #lp2026) .r-fv__entry a span { font-weight: var(--fw-normal); }
@media (any-hover: hover) {

.lp2026:is(.lp2026, #lp2026) .r-fv__entry a { transition: opacity .2s ease; }

.lp2026:is(.lp2026, #lp2026) .r-fv__entry a:hover { opacity: .85; }
}
/* スライダー */
.lp2026:is(.lp2026, #lp2026) .r-fv__slider { position: relative; margin-bottom: calc(30 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-fv__slides { position: relative; }

.lp2026:is(.lp2026, #lp2026) .r-fv__slides li {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease;
}

.lp2026:is(.lp2026, #lp2026) .r-fv__slides li.is-active { position: relative; opacity: 1; }

.lp2026:is(.lp2026, #lp2026) .r-fv__slides img { width: 100%; height: calc(355 * var(--liquid-unit)); object-fit: cover; display: block; }
/* キャッチ（写真左下に重ねる） */
.lp2026:is(.lp2026, #lp2026) .r-fv__catch {
  position: absolute;
  left: 0;
  bottom: calc(22 * var(--liquid-unit));
  z-index: 2;
  margin: 0;
  font-size: calc(28 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  line-height: calc(48 * var(--liquid-unit));
  color: var(--rec-text);
}

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-badge {
  display: table;                  /* 2帯を縦に密着させる（隙間ゼロ） */
  margin: 0;
  background-color: var(--rec-green2);
  color: var(--color-text-inverse);
  padding: 0 calc(42 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-main {
  display: table;
  margin: 0 0 0 21px;              /* 黄帯は緑帯より21px右（XD）／上の隙間ゼロ */
  background-color: var(--rec-gold);
  color: var(--rec-text);
  padding: 0 calc(24 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-fv__lead { position: relative; }

.lp2026:is(.lp2026, #lp2026) .r-fv__char {
  position: absolute;
  right: calc(29 * var(--liquid-unit));
  top: calc(-23 * var(--liquid-unit));                       /* XD y756。緑帯に人物の脚を重ねる */
  width: calc(160 * var(--liquid-unit));
  height: auto;
  z-index: 1;
}

.lp2026:is(.lp2026, #lp2026) .r-fv__text {
  position: relative;
  z-index: 0;
  max-width: calc(900 * var(--liquid-unit));
  font-size: max(14px, calc(18 * var(--liquid-unit)));
  font-weight: var(--fw-bold);
  line-height: calc(40 * var(--liquid-unit));
  color: var(--rec-text);
}
/* ジョイリハについて 緑帯（全幅ブリード・半透明緑） */
.lp2026:is(.lp2026, #lp2026) .r-about {
  margin-top: calc(44 * var(--liquid-unit));
  padding: calc(30 * var(--liquid-unit)) 0;
  background-color: var(--rec-green);
}

.lp2026:is(.lp2026, #lp2026) .r-about__inner {
  display: flex;
  align-items: center;
  gap: calc(37 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-about__btn { flex: 0 0 auto; }

.lp2026:is(.lp2026, #lp2026) .r-about__btn a {
  display: inline-block;
  padding: calc(26 * var(--liquid-unit)) calc(22 * var(--liquid-unit));
  background-color: var(--rec-lime);
  color: var(--color-text-inverse);
  font-size: calc(20 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  text-decoration: none;
  white-space: nowrap;
}

.lp2026:is(.lp2026, #lp2026) .r-about__text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: max(13px, calc(16 * var(--liquid-unit)));
  font-weight: var(--fw-normal);
  line-height: 1.8;
  color: var(--color-text);
}
@media (any-hover: hover) {

.lp2026:is(.lp2026, #lp2026) .r-about__btn a { transition: opacity .2s ease; }

.lp2026:is(.lp2026, #lp2026) .r-about__btn a:hover { opacity: .85; }
}
/* ========================================================================
 * r-philosophy : ヤマウチ理念
 * ===================================================================== */
.lp2026:is(.lp2026, #lp2026) .r-philosophy { padding-top: calc(130 * var(--liquid-unit)); text-align: center; overflow-x: clip; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__m2h { margin: 0 auto; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__m2h img { width: calc(780 * var(--liquid-unit)); max-width: 100%; height: auto; display: inline-block; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__sub {
  margin-top: calc(50 * var(--liquid-unit));
  font-size: calc(37 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  color: var(--color-text);
  letter-spacing: 0;
  line-height: calc(63 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-philosophy__body {
  position: relative;
  margin-top: 0;
  padding: calc(59 * var(--liquid-unit)) 0 0;
  min-height: calc(559 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-philosophy__text {
  position: relative;
  max-width: calc(600 * var(--liquid-unit));
  margin-inline: auto;
  font-size: max(14px, calc(18 * var(--liquid-unit)));
  font-weight: var(--fw-normal);
  line-height: calc(45 * var(--liquid-unit));
  color: var(--color-text);
}

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph {
  position: absolute;
  border-radius: 50%;
  object-fit: cover;
}

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph--tl { left: calc(-26 * var(--liquid-unit)); top: calc(-10 * var(--liquid-unit)); width: calc(263 * var(--liquid-unit)); height: calc(264 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph--tr { right: calc(-34 * var(--liquid-unit)); top: calc(-66 * var(--liquid-unit)); width: calc(270 * var(--liquid-unit)); height: calc(272 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph--bl { left: calc(65 * var(--liquid-unit)); top: calc(265 * var(--liquid-unit)); width: calc(240 * var(--liquid-unit)); height: calc(240 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph--br { right: calc(51 * var(--liquid-unit)); top: calc(220 * var(--liquid-unit)); width: calc(235 * var(--liquid-unit)); height: calc(235 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos { margin-top: 0; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(30 * var(--liquid-unit));
  flex-wrap: wrap;
  margin-bottom: calc(25 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row img { height: auto; width: auto; }
/* 行1(ブランド3種)はデザイン幅で横並び＝ロゴの「ジョイリハ」部分が揃う */
.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row:not(.r-philosophy__logos-row--2) img:nth-child(1) { width: calc(207 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row:not(.r-philosophy__logos-row--2) img:nth-child(2) { width: calc(285 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row:not(.r-philosophy__logos-row--2) img:nth-child(3) { width: calc(251 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row--2 { gap: calc(38 * var(--liquid-unit)); margin-bottom: 0; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row--2 img { width: calc(251 * var(--liquid-unit)); height: auto; }
/* ========================================================================
 * r-career : キャリア図 ＋ エントリー
 * ===================================================================== */
.lp2026:is(.lp2026, #lp2026) .r-career { padding-top: calc(123 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-career__img { margin: 0; }

.lp2026:is(.lp2026, #lp2026) .r-career__img img { width: 100%; height: auto; display: block; }
/* 役職ステップ（PCは画像内テキストで表現・SPのみ表示） */
.lp2026:is(.lp2026, #lp2026) .r-career__steps { display: none; }

.lp2026:is(.lp2026, #lp2026) .r-career__entry { position: relative; margin-top: 0; padding-top: calc(140 * var(--liquid-unit)); min-height: calc(405 * var(--liquid-unit)); text-align: center; }

.lp2026:is(.lp2026, #lp2026) .r-career__char {
  position: absolute;
  right: calc(25 * var(--liquid-unit));
  bottom: 0;
  width: calc(290 * var(--liquid-unit));
  height: auto;
  z-index: 1;
}

.lp2026:is(.lp2026, #lp2026) .r-career__lead {
  font-size: calc(26 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  color: var(--rec-lime);
}

.lp2026:is(.lp2026, #lp2026) .r-career__arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin-top: calc(27 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-career__arrows span {
  width: 0; height: 0;
  border-left: 27px solid transparent;
  border-right: 27px solid transparent;
  border-top: 30px solid var(--rec-lime);
}
/* エントリーCTA 緑帯（コンテンツ幅・左に指差しキャラ＝上半身クロップ） */
.lp2026:is(.lp2026, #lp2026) .r-entry {
  position: relative;
  margin-top: 0;
  min-height: calc(223 * var(--liquid-unit));
  padding: calc(33 * var(--liquid-unit)) calc(48 * var(--liquid-unit)) calc(25 * var(--liquid-unit)) calc(279 * var(--liquid-unit));
  background-color: var(--rec-green);
  overflow: hidden;                 /* 全身画像の脚を隠し上半身だけ見せる */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(10 * var(--liquid-unit)) calc(24 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-entry__char {
  position: absolute;
  left: calc(53 * var(--liquid-unit));
  top: calc(9 * var(--liquid-unit));
  width: calc(225 * var(--liquid-unit));
  height: auto;
}

.lp2026:is(.lp2026, #lp2026) .r-entry__body { flex: 1 1 0; min-width: 0; }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch {
  font-size: calc(28 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  line-height: calc(48 * var(--liquid-unit));
  color: var(--rec-text);
  margin-bottom: calc(12 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-entry__text {
  font-size: max(13px, calc(16 * var(--liquid-unit)));
  font-weight: var(--fw-bold);
  line-height: 1.56;
  color: var(--color-text);
}

.lp2026:is(.lp2026, #lp2026) .r-entry__btn { flex: 0 0 auto; margin-left: auto; align-self: flex-end; }

.lp2026:is(.lp2026, #lp2026) .r-entry__btn a { display: inline-block; }

.lp2026:is(.lp2026, #lp2026) .r-entry__btn img { width: calc(150 * var(--liquid-unit)); height: auto; display: block; }
/* ========================================================================
 * r-yamauchi : ヤマウチ2バナー
 * ===================================================================== */
.lp2026:is(.lp2026, #lp2026) .r-yamauchi { padding-top: calc(98 * var(--liquid-unit)); padding-bottom: calc(60 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__head {
  padding: calc(8 * var(--liquid-unit)) calc(20 * var(--liquid-unit));
  background-color: #000;
  color: var(--color-text-inverse);
  font-size: calc(18 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  text-align: center;
}

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__banners {
  display: flex;
  justify-content: center;
  gap: calc(80 * var(--liquid-unit));
  margin-top: calc(42 * var(--liquid-unit));
}

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__item { text-align: center; }

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__item img {
  width: calc(318 * var(--liquid-unit));
  height: calc(194 * var(--liquid-unit));
  object-fit: cover;
  display: block;
  border: 1px solid #707070;
}

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__label {
  margin-top: calc(8 * var(--liquid-unit));
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--liquid-unit));
  color: var(--rec-text);
}

/* ========================================================================
 * タブレット（768〜767px）: 理念の丸写真を通常フローに
 * ===================================================================== */
@media (max-width: 767px) {
/* FV人物を通常フローに（本文への侵入を防ぐ） */
.lp2026:is(.lp2026, #lp2026) .r-fv__lead { display: flex; align-items: flex-end; gap: 14px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__char { position: static; width: 120px; order: 2; flex: 0 0 auto; }

.lp2026:is(.lp2026, #lp2026) .r-fv__text { order: 1; }
/* 理念の丸写真を通常フロー・本文を全幅に */
.lp2026:is(.lp2026, #lp2026) .r-philosophy__body { padding: 20px 0 0; min-height: 0; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph {
    position: static;
    display: inline-block;
    width: 30% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 8px 1.2%;
    vertical-align: middle;
  }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__text { margin-top: 18px; }
/* CTA帯: SPの既存指定 */
.lp2026:is(.lp2026, #lp2026) .r-entry { padding-left: 150px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__char { width: 122px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__btn { margin-left: 150px; }
}

/* ========================================================================
 * SP（≤767px）
 * ===================================================================== */
@media (max-width: 767px) {

.lp2026:is(.lp2026, #lp2026) .r-fv__head { flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__logo img { width: 180px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__title { font-size: 18px; padding: 7px 12px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__entry a { padding: 0; font-size: 15px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__slides img { height: 220px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch { font-size: 18px; bottom: 12px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__lead { display: flex; align-items: flex-end; gap: 10px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__char { position: static; width: 84px; order: 2; }

.lp2026:is(.lp2026, #lp2026) .r-fv__text { font-size: 15px; line-height: 1.9; order: 1; }

.lp2026:is(.lp2026, #lp2026) .r-about__inner { flex-direction: column; gap: 18px; text-align: center; }

.lp2026:is(.lp2026, #lp2026) .r-about__btn a { width: 100%; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy { padding-top: 48px; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__m2h img { width: 88%; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__sub { font-size: 22px; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph { width: 44% !important; margin: 6px 2%; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__text { font-size: 15px; line-height: 2; margin-top: 16px; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row { gap: 20px; }

.lp2026:is(.lp2026, #lp2026) .r-career { padding-top: 40px; }

.lp2026:is(.lp2026, #lp2026) .r-career__char { position: static; width: 110px; margin: 10px auto 0; display: block; }

.lp2026:is(.lp2026, #lp2026) .r-career__lead { font-size: 19px; }

.lp2026:is(.lp2026, #lp2026) .r-career__steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 10px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: var(--fw-bold);
    color: var(--rec-lime);
  }

.lp2026:is(.lp2026, #lp2026) .r-career__steps li { position: relative; padding-right: 18px; }

.lp2026:is(.lp2026, #lp2026) .r-career__steps li::after { content: "→"; position: absolute; right: 2px; color: var(--rec-text); }

.lp2026:is(.lp2026, #lp2026) .r-career__steps li:last-child { padding-right: 0; }

.lp2026:is(.lp2026, #lp2026) .r-career__steps li:last-child::after { content: none; }

.lp2026:is(.lp2026, #lp2026) .r-entry { display: block; padding: 18px 16px 18px 98px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__char { width: 84px; left: 8px; top: 14px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch { font-size: 20px; margin-bottom: 8px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__btn { margin: 12px 0 0; }

.lp2026:is(.lp2026, #lp2026) .r-yamauchi { padding-top: 44px; padding-bottom: 40px; }

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__head { font-size: 14px; }

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__banners { flex-direction: column; gap: 26px; align-items: center; }
}

.lp2026:is(.lp2026, #lp2026) .r-career__arrows span:nth-child(1) { opacity: .5; }

.lp2026:is(.lp2026, #lp2026) .r-career__arrows span:nth-child(2) { opacity: .75; }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch { width: calc(501 * var(--liquid-unit)); max-width: 100%; }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch .r-fv__catch-main { padding-inline: calc(18 * var(--liquid-unit)); font-size: calc(26 * var(--liquid-unit)); white-space: nowrap; }

.lp2026:is(.lp2026, #lp2026) .r-entry__text { margin-left: calc(45 * var(--liquid-unit)); }
/* デザイン幅の値をベースへ統合。SPは従来値を維持。 */
.lp2026:is(.lp2026, #lp2026) .r-fv__logo { margin-left: calc(5 * var(--liquid-unit)); flex: 0 0 auto; }

.lp2026:is(.lp2026, #lp2026) .r-fv__title { width: calc(247 * var(--liquid-unit)); text-align: center; }

.lp2026:is(.lp2026, #lp2026) .r-about__btn a { width: calc(244 * var(--liquid-unit)); text-align: center; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-badge { width: calc(255 * var(--liquid-unit)); padding-inline: 0; text-align: center; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-main { width: calc(501 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch .r-fv__catch-main { width: calc(465 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-about { margin-top: calc(32 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-about__text { padding-right: calc(155 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-entry__body { flex: 0 0 calc(501 * var(--liquid-unit)); }

.lp2026:is(.lp2026, #lp2026) .r-entry { column-gap: calc(24 * var(--liquid-unit)); }
@media (max-width: 767px) {

.lp2026:is(.lp2026, #lp2026) .r-fv__logo { margin-left: initial; flex: initial; }

.lp2026:is(.lp2026, #lp2026) .r-fv__title { width: initial; text-align: inherit; }

.lp2026:is(.lp2026, #lp2026) .r-about__btn a { width: 100%; text-align: inherit; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-badge { width: initial; padding-left: 42px; padding-right: 42px; text-align: inherit; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-main { width: initial; }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch .r-fv__catch-main { width: initial; }

.lp2026:is(.lp2026, #lp2026) .r-about { margin-top: 44px; }

.lp2026:is(.lp2026, #lp2026) .r-about__text { padding-right: initial; }

.lp2026:is(.lp2026, #lp2026) .r-entry__body { flex: 1 1 0; }

.lp2026:is(.lp2026, #lp2026) .r-entry { column-gap: 24px; }
}

@media (max-width: 767px) {

.lp2026:is(.lp2026, #lp2026) .r-philosophy__body { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 16px; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__text { grid-column: 1 / -1; grid-row: 1; max-width: 100%; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__ph { width: 100% !important; margin: 0; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos { margin-top: 40px; }
}
@media (max-width: 767px) {

.lp2026:is(.lp2026, #lp2026) .r-fv__logo { min-width: 0; }

.lp2026:is(.lp2026, #lp2026) .r-fv__title { font-size: 16px; padding-inline: 8px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__entry a { padding: 0; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch { max-width: 100%; font-size: 18px; line-height: 1.7; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-badge { padding-inline: 18px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__catch-main { max-width: calc(100% - 21px); padding-inline: 10px; }

.lp2026:is(.lp2026, #lp2026) .r-fv__text { min-width: 0; }

.lp2026:is(.lp2026, #lp2026) .r-fv__text br { display: none; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__sub { margin-top: 24px; line-height: 1.7; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__body { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__text br { display: none; }
/* SP: デザインと同じ比率で一律縮小＝5ロゴの「ジョイリハ」部分が揃って見える */
.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row img { max-width: 100%; height: auto; max-height: none; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row:not(.r-philosophy__logos-row--2) img:nth-child(1) { width: 130px; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row:not(.r-philosophy__logos-row--2) img:nth-child(2) { width: 180px; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row:not(.r-philosophy__logos-row--2) img:nth-child(3) { width: 158px; }

.lp2026:is(.lp2026, #lp2026) .r-philosophy__logos-row--2 img { width: 158px; }

.lp2026:is(.lp2026, #lp2026) .r-career__entry { min-height: 0; padding-top: 28px; }

.lp2026:is(.lp2026, #lp2026) .r-career__char { width: 190px; }

.lp2026:is(.lp2026, #lp2026) .r-entry { min-height: 0; padding: 22px 16px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__char { width: 150px; left: -23px; top: auto; bottom: -145px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch { font-size: 20px; line-height: 1.7; }

.lp2026:is(.lp2026, #lp2026) .r-entry__catch .r-fv__catch-main { font-size: 18px; padding-inline: 10px; white-space: normal; }

.lp2026:is(.lp2026, #lp2026) .r-entry__text { margin-left: 105px; font-size: 14px; }

.lp2026:is(.lp2026, #lp2026) .r-entry__btn { margin: 14px 0 0 105px; }

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__item { max-width: 100%; }

.lp2026:is(.lp2026, #lp2026) .r-yamauchi__item img { height: auto; }
}