@charset "UTF-8";
/* ============================================================
   RELIKE RECRUIT 採用支援LP — デザイン案C「ボールド・グラフィック」
   色面構成／太罫線／ソリッドシャドウ／大胆なタイポグラフィ
   画像＝空白スロット・アイコン/チェック/丸囲み不使用
   ============================================================ */

#relike-recruit {
  --rr-color-primary: #12479B;
  --rr-color-primary-deep: #0E3578;
  --rr-color-blue: #2F7DF4;
  --rr-color-blue-soft: #EAF4FF;
  --rr-color-accent: #FF7A00;
  --rr-color-accent-strong: #F26C00;
  --rr-color-accent-text: #E06000;
  --rr-color-accent-light: #FF9A3D;
  --rr-color-ink: #10233F;
  --rr-color-text: #33445E;
  --rr-color-muted: #64748F;
  --rr-color-line: #10233F;
  --rr-slot-bg: #EAF4FF;
  --rr-slot-border: rgba(18, 71, 155, 0.5);
  --rr-slot-text: #5D7BA6;
  --rr-font-jp: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --rr-font-en: 'Montserrat', 'Noto Sans JP', sans-serif;
  --rr-space-section: clamp(66px, 8.2vw, 112px);
  --rr-radius: 10px;
  --rr-border: 2px solid var(--rr-color-ink);
  --rr-shadow-solid: 6px 6px 0 rgba(18, 71, 155, 0.16);
  --rr-shadow-solid-ink: 5px 5px 0 var(--rr-color-ink);
  --rr-container: 1200px;
  font-family: var(--rr-font-jp);
  font-size: 16px; line-height: 1.8; color: var(--rr-color-ink); background: #fff;
  -webkit-font-smoothing: antialiased;
}

/* ---- reset ---- */
#relike-recruit *, #relike-recruit *::before, #relike-recruit *::after { box-sizing: border-box; }
#relike-recruit h1, #relike-recruit h2, #relike-recruit h3,
#relike-recruit p, #relike-recruit ul, #relike-recruit ol, #relike-recruit dl,
#relike-recruit dd, #relike-recruit figure { margin: 0; padding: 0; }
#relike-recruit ul, #relike-recruit ol { list-style: none; }
#relike-recruit img { max-width: 100%; height: auto; }
:where(#relike-recruit a) { color: inherit; text-decoration: none; }
:where(#relike-recruit button) { font: inherit; color: inherit; background: none; border: none; padding: 0; cursor: pointer; }
#relike-recruit em, #relike-recruit cite, #relike-recruit i { font-style: normal; }
#relike-recruit :focus-visible { outline: 3px solid rgba(47, 125, 244, 0.6); outline-offset: 2px; }
.rr-hero :focus-visible, .rr-section--deep :focus-visible, .rr-cta :focus-visible, .rr-footer :focus-visible, .rr-drawer :focus-visible, .rr-ctaband :focus-visible { outline-color: rgba(255, 255, 255, 0.9); }

/* ---- アイコン全面不使用 ---- */
#relike-recruit .rr-ic { display: none !important; }

/* ---- utilities ---- */
.rr-container { width: 100%; max-width: var(--rr-container); margin-inline: auto; padding-inline: 24px; }
.rr-container--narrow { max-width: 880px; }
.rr-br-sp { display: none; }

/* ---- buttons ---- */
.rr-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  border-radius: var(--rr-radius); font-weight: 800; font-size: 15px; line-height: 1.4;
  padding: 14px 28px; text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.rr-btn--primary { background: var(--rr-color-accent-strong); color: #fff; border: var(--rr-border); box-shadow: var(--rr-shadow-solid-ink); }
.rr-btn--primary::after { content: ''; flex: none; width: 0.5em; height: 0.5em; border-top: 2.5px solid currentColor; border-right: 2.5px solid currentColor; transform: rotate(45deg); }
.rr-btn--primary:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--rr-color-ink); background: #FF7E12; }
.rr-btn--primary:active { transform: translate(5px, 5px); box-shadow: 0 0 0 var(--rr-color-ink); }
.rr-btn--header { font-size: 13px; padding: 10px 18px; box-shadow: 3px 3px 0 var(--rr-color-ink); }
.rr-btn--header:hover { transform: translate(1px, 1px); box-shadow: 2px 2px 0 var(--rr-color-ink); }
.rr-btn--block { display: flex; width: 100%; }
.rr-btn--lg { font-size: 16px; padding: 16px 32px; }
.rr-btn--xl { font-size: 17.5px; padding: 18px 42px; }
.rr-btn--ghost-blue { background: #fff; border: 2px solid var(--rr-color-primary); color: var(--rr-color-primary); padding: 12px 26px; }
.rr-btn--ghost-blue:hover { background: var(--rr-color-blue-soft); }
.rr-textlink { display: inline-flex; align-items: center; gap: 9px; font-weight: 800; font-size: 15px; color: var(--rr-color-accent-text); }
.rr-textlink::after { content: ''; flex: none; width: 0.45em; height: 0.45em; border-top: 2.5px solid currentColor; border-right: 2.5px solid currentColor; transform: rotate(45deg); transition: transform 0.25s ease; }
.rr-textlink:hover::after { transform: translateX(4px) rotate(45deg); }

/* ---- sample badge ---- */
.rr-sample-badge {
  display: inline-block; flex: none;
  font-family: var(--rr-font-en); font-size: 10px; font-weight: 700; letter-spacing: 0.1em;
  color: #64748F; background: #fff; border: 1.5px solid #A9BBD2;
  border-radius: 6px; padding: 2.5px 9px; line-height: 1.4; white-space: nowrap;
}

/* ---- section / bgword / heading ---- */
.rr-section { position: relative; overflow: hidden; padding: var(--rr-space-section) 0; background: #fff; scroll-margin-top: 90px; }
.rr-section--pale { background: var(--rr-color-blue-soft); }
.rr-section--deep { background: var(--rr-color-primary); color: #fff; }
.rr-section--deep::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 48px 48px;
}
.rr-bgword {
  position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
  font-family: var(--rr-font-en); font-weight: 800; line-height: 1;
  font-size: clamp(72px, 13vw, 170px); letter-spacing: 0.02em; white-space: nowrap;
  color: transparent; -webkit-text-stroke: 1.5px rgba(18, 71, 155, 0.14);
  pointer-events: none; user-select: none;
}
.rr-bgword--light { -webkit-text-stroke-color: rgba(255, 255, 255, 0.16); }
.rr-heading { position: relative; text-align: center; margin-bottom: 56px; }
.rr-heading__en {
  display: inline-block; font-family: var(--rr-font-en); font-size: 12.5px; font-weight: 800; letter-spacing: 0.24em;
  color: #fff; background: var(--rr-color-ink); padding: 6px 18px; border-radius: 6px; margin-bottom: 18px;
}
.rr-heading__title { font-size: clamp(27px, 3.5vw, 39px); font-weight: 900; line-height: 1.55; letter-spacing: 0.01em; }
.rr-heading__lead { font-size: 15px; color: var(--rr-color-muted); margin-top: 16px; }
.rr-heading--light .rr-heading__title { color: #fff; }
.rr-heading--light .rr-heading__lead { color: rgba(255, 255, 255, 0.85); }
.rr-heading--light .rr-heading__en { background: #fff; color: var(--rr-color-primary); }
.rr-accent { color: var(--rr-color-accent-text); background-image: linear-gradient(transparent 78%, rgba(255, 122, 0, 0.35) 78%, rgba(255, 122, 0, 0.35) 96%, transparent 96%); }
.rr-heading--light .rr-accent, .rr-accent-strong { color: var(--rr-color-accent-light); background-image: none; }

/* ============================================================
   ヘッダー
   ============================================================ */
.rr-header { position: fixed; top: 0; left: 0; right: 0; z-index: 70; background: #fff; border-bottom: 2px solid var(--rr-color-ink); color: var(--rr-color-ink); transition: box-shadow 0.3s ease; }
.rr-header.is-scrolled { box-shadow: 0 6px 20px rgba(16, 35, 63, 0.12); }
.rr-header__inner { max-width: 1380px; margin-inline: auto; padding: 0 28px; height: 76px; display: flex; align-items: center; gap: 26px; }
.rr-brand { display: inline-flex; align-items: center; gap: 11px; }
.rr-brand__mark {
  width: 40px; height: 40px; flex: none; border-radius: 10px;
  background: var(--rr-color-accent-strong); border: 2px solid var(--rr-color-ink);
  color: #fff; font-family: var(--rr-font-en); font-weight: 800; font-size: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 3px 3px 0 var(--rr-color-ink);
}
.rr-brand__text { display: flex; flex-direction: column; line-height: 1.2; }
.rr-brand__name { font-family: var(--rr-font-en); font-weight: 800; font-size: 18px; letter-spacing: 0.03em; white-space: nowrap; }
.rr-brand__name-sub { color: var(--rr-color-blue); }
.rr-brand__tagline { font-size: 10px; font-weight: 700; letter-spacing: 0.06em; color: var(--rr-color-muted); margin-top: 3px; white-space: nowrap; }
.rr-header__nav { margin-left: auto; }
.rr-header__nav-list { display: flex; gap: 2px; }
.rr-header__nav-list a { position: relative; display: inline-block; padding: 8px 10px; font-size: 13.5px; font-weight: 800; white-space: nowrap; }
.rr-header__nav-list a::after { content: ''; position: absolute; left: 10px; right: 10px; bottom: 2px; height: 3px; background: var(--rr-color-accent); transform: scaleX(0); transform-origin: left; transition: transform 0.25s ease; }
.rr-header__nav-list a:hover::after { transform: scaleX(1); }
.rr-header__actions { display: flex; align-items: center; gap: 14px; margin-left: 2px; }
.rr-header__menu-btn { display: none; align-items: center; justify-content: center; height: 44px; padding: 0 12px; border: 2px solid var(--rr-color-ink); border-radius: 8px; box-shadow: 3px 3px 0 var(--rr-color-ink); background: #fff; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.rr-header__menu-btn:hover { transform: translate(1px, 1px); box-shadow: 2px 2px 0 var(--rr-color-ink); }
.rr-header__menu-bar { display: none; }
.rr-header__menu-btn::after { content: 'MENU'; font-family: var(--rr-font-en); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; }
.rr-header__menu-btn[aria-expanded="true"]::after { content: 'CLOSE'; }

/* モバイルメニュー */
.rr-drawer { position: fixed; inset: 0; z-index: 60; background: var(--rr-color-primary); color: #fff; padding: 106px 28px 40px; overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; }
.rr-drawer.is-open { opacity: 1; visibility: visible; transform: none; }
.rr-drawer__nav { max-width: 480px; margin-inline: auto; }
.rr-drawer__list { margin-bottom: 30px; }
.rr-drawer__list a { display: flex; align-items: baseline; gap: 14px; padding: 15px 6px; font-size: 18px; font-weight: 800; border-bottom: 2px solid rgba(255, 255, 255, 0.25); }
.rr-drawer__en { font-family: var(--rr-font-en); font-size: 10.5px; font-weight: 700; letter-spacing: 0.18em; color: var(--rr-color-accent-light); min-width: 108px; }
.rr-drawer__tel { margin-top: 26px; text-align: center; }
.rr-drawer__tel-label { display: block; font-size: 12px; opacity: 0.85; }
.rr-drawer__tel-number { display: inline-block; font-family: var(--rr-font-en); font-size: 26px; font-weight: 800; margin-top: 6px; }
.rr-drawer__tel-note { display: block; font-size: 12px; opacity: 0.85; margin-top: 4px; }

/* ============================================================
   ファーストビュー（ブライトブルー色面）
   ============================================================ */
.rr-hero { position: relative; overflow: hidden; background: var(--rr-color-blue); color: #fff; padding: 152px 0 0; border-bottom: 2px solid var(--rr-color-ink); }
.rr-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px);
  background-size: 48px 48px;
}
.rr-hero__bg { position: absolute; inset: 0; pointer-events: none; }
.rr-hero__bgword {
  position: absolute; top: 86px; right: -30px;
  font-family: var(--rr-font-en); font-weight: 800; font-size: clamp(110px, 13vw, 196px); line-height: 1; letter-spacing: 0.04em;
  color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.25);
}
.rr-hero__ring { display: none; }
.rr-hero__dot { display: none; position: absolute; background: var(--rr-color-accent); border: 2px solid var(--rr-color-ink); border-radius: 4px; }
.rr-hero__dot--1 { width: 18px; height: 18px; left: 38%; top: 118px; transform: rotate(12deg); }
.rr-hero__dot--2 { width: 13px; height: 13px; left: 4%; top: 44%; transform: rotate(-8deg); }
.rr-hero__dot--3 { width: 22px; height: 22px; right: 30%; bottom: 92px; transform: rotate(20deg); }
.rr-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 330px 380px; gap: 0 18px; align-items: start; padding-bottom: 60px; }
.rr-hero__copy { position: relative; z-index: 3; padding-top: 6px; }
.rr-hero__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.rr-hero__h1 {
  display: inline-block; background: var(--rr-color-ink); color: #fff;
  font-size: 15.5px; font-weight: 900; letter-spacing: 0.03em; line-height: 1.4;
  padding: 14px 1em; width: fit-content; min-width: 270px; text-align: center; white-space: nowrap; border-radius: 9px; box-shadow: 3px 3px 0 rgba(10, 26, 51, 0.35);
}
.rr-hero__area { display: inline-block; background: #fff; color: var(--rr-color-ink); border-radius: 9px; font-size: 14px; font-weight: 800; padding: 14px 1em; width: fit-content; min-width: 110px; text-align: center; white-space: nowrap; line-height: 1.4; border: 2px solid var(--rr-color-ink); }
.rr-hero__catch { font-size: 53px; font-weight: 900; line-height: 1.36; letter-spacing: 0.015em; margin: 24px -300px 0 0; position: relative; z-index: 3; text-shadow: 0 3px 0 rgba(10, 26, 51, 0.22); }
.rr-hero__catch-em { background-image: linear-gradient(transparent 80%, var(--rr-color-accent) 80%, var(--rr-color-accent) 97%, transparent 97%); padding-bottom: 5px; }
.rr-hero__lead { font-size: 15.5px; line-height: 2.05; margin-top: 22px; font-weight: 500; }
.rr-hero__trust { margin-top: 24px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.rr-hero__trust li { background: rgba(16, 35, 63, 0.5); border-radius: 8px; padding: 7px 16px; font-size: 13.5px; font-weight: 800; line-height: 1.6; }
.rr-hero__trust li em { color: var(--rr-color-accent-light); font-weight: 900; }

/* 人物写真スロット */
.rr-hero__person { position: relative; z-index: 2; align-self: end; margin-bottom: 0; width: 128%; margin-left: -35%; }
.rr-hero__person-ring { display: none; }
.rr-hero__person-img { display: none; }
.rr-hero__person::before {
  content: '人物写真エリア\A hero-person.webp'; white-space: pre;
  display: flex; align-items: center; justify-content: center; text-align: center;
  aspect-ratio: 76 / 98; width: 100%;
  background: rgba(255, 255, 255, 0.92); border: 2px dashed var(--rr-color-primary); border-radius: 14px;
  color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; line-height: 2;
  box-shadow: var(--rr-shadow-solid-ink);
}
.rr-hero__chip { position: absolute; z-index: 2; display: inline-block; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 8px; color: var(--rr-color-ink); font-size: 11.5px; font-weight: 900; line-height: 1.4; padding: 7px 12px; box-shadow: 3px 3px 0 var(--rr-color-ink); animation: rr-bob 7s ease-in-out infinite; }
.rr-hero__chip--1 { top: 13%; left: -30px; }
.rr-hero__chip--2 { top: 39%; right: -26px; animation-delay: -3.2s; }
@keyframes rr-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

/* フォームカード */
.rr-hero__form { position: relative; z-index: 4; }
.rr-form-card { background: #fff; color: var(--rr-color-ink); border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 24px 22px 18px; box-shadow: 8px 8px 0 rgba(10, 26, 51, 0.4); }
.rr-form-card__head { text-align: center; margin-bottom: 16px; }
.rr-form-card__title { font-size: 19px; font-weight: 900; line-height: 1.5; }
.rr-form-card__title em { color: var(--rr-color-accent-text); }
.rr-form-card__note { font-size: 12px; color: var(--rr-color-muted); margin-top: 5px; }
.rr-form__row { margin-bottom: 12px; }
.rr-form__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rr-form__label { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 800; color: var(--rr-color-text); margin-bottom: 5px; }
.rr-form__req, .rr-form__opt { font-size: 10px; font-weight: 800; line-height: 1.4; border-radius: 5px; padding: 1.5px 7px; }
.rr-form__req { background: #DB5A00; color: #fff; }
.rr-form__opt { background: #E6ECF4; color: #5B6B80; }
.rr-form__input, .rr-form__select, .rr-form__textarea {
  width: 100%; font-family: inherit; font-size: 15px; color: var(--rr-color-ink);
  background: #F8FBFF; border: 2px solid #B9C9DC; border-radius: 9px;
  padding: 10px 12px; line-height: 1.5; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.rr-form__input::placeholder, .rr-form__textarea::placeholder { color: #A5B4C8; }
.rr-form__input:focus, .rr-form__select:focus, .rr-form__textarea:focus { outline: none; border-color: var(--rr-color-blue); box-shadow: 0 0 0 3px rgba(47, 125, 244, 0.2); }
.rr-form__select-wrap { display: block; }
.rr-form__select { cursor: pointer; }
.rr-form__textarea { resize: vertical; min-height: 76px; }
.rr-form__consent { display: flex; align-items: flex-start; gap: 9px; margin: 14px 0 4px; }
.rr-form__check { width: 18px; height: 18px; margin-top: 3px; flex: none; accent-color: var(--rr-color-primary); cursor: pointer; }
.rr-form__consent-label { font-size: 13px; cursor: pointer; }
.rr-form__consent-label a { color: var(--rr-color-primary); text-decoration: underline; text-underline-offset: 2px; }
.rr-form__consent-label .rr-form__req { margin-left: 6px; }
.rr-form .rr-btn--block { margin-top: 14px; }
.rr-form__demo-note { font-size: 10.5px; color: #93A3B8; text-align: center; margin-top: 10px; }
.rr-form-demo { text-align: center; padding: 36px 8px 28px; }
.rr-form-demo__icon { display: none; }
.rr-form-demo__title { font-size: 17px; font-weight: 900; }
.rr-form-demo__text { font-size: 13px; color: var(--rr-color-muted); line-height: 1.9; margin: 12px 0 22px; }

/* ---- 取り扱い媒体 ---- */
.rr-media-strip { background: #fff; border-bottom: 2px solid var(--rr-color-ink); padding: 22px 0; }
.rr-media-strip__inner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 26px; }
.rr-media-strip__label { font-size: 12px; font-weight: 900; letter-spacing: 0.12em; color: var(--rr-color-ink); }
.rr-media-strip__list { display: flex; flex-wrap: wrap; gap: 10px; }
.rr-media-strip__list li { border: 2px solid var(--rr-color-ink); border-radius: 999px; background: #fff; color: var(--rr-color-primary); font-size: 14.5px; font-weight: 800; padding: 6px 22px; line-height: 1.5; box-shadow: 3px 3px 0 rgba(18, 71, 155, 0.14); }
.rr-media-strip__note { font-size: 12.5px; color: var(--rr-color-muted); }

/* ============================================================
   採用課題（太罫線カード）
   ============================================================ */
.rr-challenges__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px 24px; }
.rr-bubble { position: relative; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 22px 24px 20px; margin-bottom: 14px; box-shadow: var(--rr-shadow-solid); }
.rr-bubble::after { content: ''; position: absolute; left: 32px; bottom: -9px; width: 16px; height: 16px; background: #fff; border-right: 2px solid var(--rr-color-ink); border-bottom: 2px solid var(--rr-color-ink); transform: rotate(45deg); border-radius: 2px; }
.rr-bubble__avatar { display: none; }
.rr-bubble__tag { display: inline-block; background: var(--rr-color-primary); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; border-radius: 6px; padding: 3px 10px; line-height: 1.5; margin-bottom: 11px; }
.rr-bubble__text { font-size: 16px; font-weight: 900; line-height: 1.72; }
.rr-challenges__next { text-align: center; margin-top: 44px; }
.rr-challenges__next p { font-size: 17px; font-weight: 800; }
.rr-challenges__next strong { color: var(--rr-color-accent-text); font-weight: 900; }
.rr-challenges__next-arrow { display: block; width: 2px; height: 46px; background: var(--rr-color-accent-strong); margin: 18px auto 0; }

/* ============================================================
   選ばれる理由
   ============================================================ */
.rr-reasons__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.rr-reason-card { position: relative; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; overflow: hidden; box-shadow: var(--rr-shadow-solid); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.rr-reason-card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 rgba(18, 71, 155, 0.16); }
.rr-reason-card__num { position: absolute; top: 0; left: 0; z-index: 2; background: var(--rr-color-ink); color: #fff; font-family: var(--rr-font-en); font-weight: 800; font-size: 24px; line-height: 1; padding: 10px 16px 12px; border-radius: 0 0 12px 0; }
.rr-reason-card__figure img { display: none; }
.rr-reason-card__figure::before {
  content: '写真エリア'; display: flex; align-items: center; justify-content: center;
  aspect-ratio: 3 / 2; background: var(--rr-slot-bg); border-bottom: 2px dashed var(--rr-slot-border);
  color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.16em;
}
.rr-reason-card__body { padding: 22px 24px 26px; }
.rr-reason-card__title { font-size: 18.5px; font-weight: 900; line-height: 1.6; }
.rr-reason-card__text { font-size: 14px; line-height: 1.95; color: var(--rr-color-text); margin-top: 12px; }

/* ============================================================
   工程（濃ブルー・白カード）
   ============================================================ */
.rr-process__steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px 24px; position: relative; z-index: 1; }
.rr-process__step { position: relative; background: #fff; color: var(--rr-color-ink); border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 0 14px 18px; text-align: center; box-shadow: 5px 5px 0 rgba(8, 24, 56, 0.4); }
.rr-process__step::after { display: none; }
.rr-process__num { display: inline-block; background: var(--rr-color-accent-strong); color: #fff; font-family: var(--rr-font-en); font-weight: 800; font-size: 16px; line-height: 1; padding: 8px 13px 9px; border-radius: 0 0 8px 8px; border: 2px solid var(--rr-color-ink); border-top: none; }
.rr-process__num::before { content: '0'; }
.rr-process__icon { display: none; }
.rr-process__title { font-size: 14px; font-weight: 900; line-height: 1.55; margin-top: 13px; }
.rr-process__text { font-size: 11.5px; color: var(--rr-color-muted); line-height: 1.7; margin-top: 7px; }
.rr-process__loop { position: relative; z-index: 1; display: block; width: fit-content; margin: 32px auto 0; padding: 11px 26px; background: rgba(16, 35, 63, 0.4); border: 2px dashed rgba(255, 255, 255, 0.5); border-radius: 999px; font-size: 13.5px; font-weight: 800; color: #fff; }

/* ============================================================
   提供サービス
   ============================================================ */
.rr-services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; counter-reset: rr-svc; }
.rr-service-card { position: relative; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 26px; box-shadow: var(--rr-shadow-solid); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.rr-service-card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 rgba(18, 71, 155, 0.16); }
.rr-service-card::before { counter-increment: rr-svc; content: '0' counter(rr-svc); display: inline-block; font-family: var(--rr-font-en); font-weight: 800; font-size: 13px; letter-spacing: 0.12em; color: var(--rr-color-primary); background: var(--rr-color-blue-soft); border-radius: 6px; padding: 3px 11px; margin-bottom: 14px; }
.rr-service-card__icon { display: none; }
.rr-service-card__title { font-size: 17.5px; font-weight: 900; line-height: 1.5; }
.rr-service-card__text { font-size: 13.5px; line-height: 1.9; color: var(--rr-color-text); margin-top: 9px; }
.rr-service-card--wide { grid-column: span 2; background: var(--rr-color-blue-soft); display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: center; }
.rr-service-card--wide::before { position: absolute; top: 26px; left: 26px; background: #fff; }
.rr-service-card__wide-body { padding-top: 30px; }
.rr-service-card__mock { position: relative; height: 202px; }
.rr-mockbrowser, .rr-mockphone, .rr-mockvideo__play, .rr-mockvideo__bar, .rr-skel, .rr-mock-btn { display: none; }
.rr-service-card__mock::after {
  content: '採用サイト・LP画像エリア'; position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 2px dashed var(--rr-slot-border); border-radius: 12px;
  color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em;
}
.rr-service-card--photo { padding: 0; display: flex; flex-direction: column; overflow: hidden; }
.rr-service-card--photo::before { position: absolute; top: 14px; left: 16px; z-index: 1; }
.rr-service-card__photo { display: none; }
.rr-service-card--photo::after {
  content: '撮影風景写真エリア'; order: -1; display: flex; align-items: center; justify-content: center;
  min-height: 152px; background: var(--rr-slot-bg); border-bottom: 2px dashed var(--rr-slot-border);
  color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em;
}
.rr-service-card__overlay { position: static; display: block; padding: 16px 24px 26px; background: none; }
.rr-service-card--photo .rr-service-card__title { color: var(--rr-color-ink); }
.rr-service-card--photo .rr-service-card__text { color: var(--rr-color-text); }
.rr-service-card--video { padding: 0; display: flex; flex-direction: column; overflow: hidden; }
.rr-service-card--video::before { position: absolute; top: 14px; left: 16px; z-index: 1; }
.rr-service-card--video .rr-mockvideo { display: flex; align-items: center; justify-content: center; min-height: 152px; background: var(--rr-slot-bg); border-bottom: 2px dashed var(--rr-slot-border); border-radius: 0; }
.rr-service-card--video .rr-mockvideo::after { content: '動画イメージエリア'; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
.rr-service-card__video-body { padding: 16px 24px 26px; }
.rr-service-card--video .rr-service-card__title { margin-top: 0; }

/* ============================================================
   対応業界（セグメントタブ）
   ============================================================ */
.rr-tabs__list { display: flex; justify-content: center; gap: 14px; margin-bottom: 34px; }
.rr-tabs__tab { min-width: 240px; padding: 14px 26px; border-radius: 999px; background: #fff; border: 2px solid var(--rr-color-ink); font-size: 16px; font-weight: 900; color: var(--rr-color-ink); box-shadow: 4px 4px 0 rgba(18, 71, 155, 0.14); transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
.rr-tabs__tab:hover { transform: translate(-1px, -1px); }
.rr-tabs__tab.is-active { background: var(--rr-color-primary); color: #fff; box-shadow: 4px 4px 0 var(--rr-color-ink); }
.rr-tabs__panel[hidden] { display: none; }
.rr-tabs__panel { display: grid; grid-template-columns: 410px minmax(0, 1fr); gap: 36px; align-items: start; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 34px; box-shadow: var(--rr-shadow-solid); }
.rr-tabs__figure { position: relative; }
.rr-tabs__figure img { display: none; }
.rr-tabs__figure::before {
  content: '写真エリア'; display: flex; align-items: center; justify-content: center;
  aspect-ratio: 4 / 3; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 12px;
  color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.16em;
}
.rr-tabs__figure-label { position: absolute; left: 12px; bottom: 12px; background: var(--rr-color-ink); color: #fff; font-size: 12.5px; font-weight: 800; border-radius: 8px; padding: 7px 14px; line-height: 1.4; }
.rr-tabs__intro { font-size: 14.5px; line-height: 2; color: var(--rr-color-text); }
.rr-tabs__subtitle { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 900; color: var(--rr-color-primary); margin: 22px 0 12px; }
.rr-tabs__subtitle::after { content: ''; flex: 1; height: 2px; background: var(--rr-color-blue-soft); }
.rr-tabs__companies { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; }
.rr-tabs__companies li { display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 700; }
.rr-tabs__companies li::before { content: ''; width: 9px; height: 9px; border-radius: 3px; background: var(--rr-color-blue); flex: none; }
.rr-tabs__jobs { display: flex; flex-wrap: wrap; gap: 8px; }
.rr-tabs__jobs li { background: var(--rr-color-blue-soft); border: 1.5px solid rgba(18, 71, 155, 0.35); color: var(--rr-color-primary); font-size: 13px; font-weight: 800; border-radius: 999px; padding: 5px 15px; line-height: 1.5; }
.rr-tabs__panel .rr-textlink { margin-top: 24px; }

/* ============================================================
   改善前後
   ============================================================ */
.rr-improve__list { display: grid; gap: 30px; }
.rr-ba { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 26px 30px 24px; box-shadow: var(--rr-shadow-solid); }
.rr-ba__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.rr-ba__job { font-size: 19px; font-weight: 900; padding-left: 14px; border-left: 5px solid var(--rr-color-accent-strong); line-height: 1.4; }
.rr-ba__compare { display: grid; grid-template-columns: 1fr 58px 1.08fr; gap: 14px; align-items: stretch; }
.rr-ba__label { display: inline-block; background: #5B6B80; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; border-radius: 7px; padding: 4px 16px; margin-bottom: 10px; line-height: 1.5; }
.rr-ba__label--after { background: var(--rr-color-accent-strong); }
.rr-ba__arrow { position: relative; display: flex; align-items: center; justify-content: center; }
.rr-ba__arrow::before { content: ''; position: absolute; z-index: 1; left: 50%; top: 50%; width: 11px; height: 11px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: translate(-68%, -50%) rotate(45deg); }
.rr-ba__arrow::after { content: ''; width: 46px; height: 40px; background: var(--rr-color-accent-strong); border: 2px solid var(--rr-color-ink); border-radius: 10px; box-shadow: 3px 3px 0 var(--rr-color-ink); }
.rr-mockdoc { background: #F3F7FC; border: 2px solid #C4D3E5; border-radius: 10px; padding: 18px 20px; height: calc(100% - 42px); }
.rr-mockdoc::before { content: ''; display: block; width: 42%; height: 6px; border-radius: 99px; background: #C4D3E5; margin-bottom: 13px; }
.rr-mockdoc p { font-size: 14px; line-height: 2; }
.rr-mockdoc--before p { color: #64748F; }
.rr-mockdoc--after { background: #fff; border-color: var(--rr-color-primary); }
.rr-mockdoc--after::before { background: var(--rr-color-blue); }
.rr-mockdoc--after p { color: var(--rr-color-ink); }
.rr-mockdoc mark { background: rgba(255, 138, 30, 0.22); color: inherit; font-weight: 800; padding: 0 2px; border-radius: 3px; }
.rr-ba__points { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-top: 20px; padding-top: 16px; border-top: 2px dashed #C4D3E5; }
.rr-ba__points-label { flex: none; background: var(--rr-color-ink); color: #fff; font-size: 12.5px; font-weight: 800; border-radius: 999px; padding: 5px 15px; line-height: 1.5; }
.rr-ba__points ul { display: flex; flex-wrap: wrap; gap: 8px 12px; }
.rr-ba__points li { background: var(--rr-color-blue-soft); border-radius: 999px; font-size: 13px; font-weight: 800; color: var(--rr-color-primary); padding: 5px 15px; line-height: 1.5; }

/* ---- 中間CTA ---- */
.rr-ctaband { background: var(--rr-color-primary-deep); color: #fff; padding: 58px 0; border-top: 2px solid var(--rr-color-ink); border-bottom: 2px solid var(--rr-color-ink); }
.rr-ctaband__inner { text-align: center; }
.rr-ctaband__title { font-size: clamp(21px, 2.6vw, 27px); font-weight: 900; line-height: 1.6; }
.rr-ctaband__note { font-size: 14px; opacity: 0.92; margin: 10px 0 24px; }

/* ============================================================
   支援事例
   ============================================================ */
.rr-cases__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.rr-case-card { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 24px 24px 26px; box-shadow: var(--rr-shadow-solid); display: flex; flex-direction: column; }
.rr-case-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.rr-case-card__region { font-size: 16px; font-weight: 900; line-height: 1.6; }
.rr-case-card__job { align-self: flex-start; background: var(--rr-color-ink); color: #fff; font-size: 12.5px; font-weight: 800; border-radius: 7px; padding: 6px 13px; line-height: 1.5; margin: 12px 0 4px; }
.rr-case-card__block { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 12px; margin-top: 14px; align-items: start; }
.rr-case-card__chip { display: block; text-align: center; font-size: 11.5px; font-weight: 800; border-radius: 6px; padding: 4px 0; line-height: 1.5; background: #EEF2F7; color: #44536A; }
.rr-case-card__chip--blue { background: var(--rr-color-blue-soft); color: var(--rr-color-primary); }
.rr-case-card__chip--orange { background: #FFE9D2; color: #B34A00; }
.rr-case-card__block dd { font-size: 13.5px; line-height: 1.9; color: var(--rr-color-text); }

/* ============================================================
   お客様の声
   ============================================================ */
.rr-voice__slider { position: relative; }
.rr-voice__track { display: flex; gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px 6px 22px; scrollbar-width: thin; scrollbar-color: #B9C9DC transparent; }
.rr-voice__track::-webkit-scrollbar { height: 6px; }
.rr-voice__track::-webkit-scrollbar-thumb { background: #B9C9DC; border-radius: 99px; }
.rr-voice-card { position: relative; flex: 0 0 calc((100% - 44px) / 3); scroll-snap-align: start; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 24px; box-shadow: var(--rr-shadow-solid); display: flex; flex-direction: column; }
.rr-voice-card > .rr-sample-badge { position: absolute; top: 14px; right: 14px; }
.rr-voice-card__text { font-size: 14px; line-height: 1.95; color: var(--rr-color-text); margin-top: 0; flex: 1; }
.rr-voice-card__meta { display: flex; align-items: center; gap: 11px; margin-top: 16px; padding-top: 14px; border-top: 2px solid var(--rr-color-blue-soft); }
.rr-voice-card__avatar { width: 36px; height: 36px; border-radius: 9px; flex: none; background: var(--rr-color-primary); color: #fff; font-family: var(--rr-font-en); font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.rr-voice-card__meta cite { display: block; font-size: 14.5px; font-weight: 800; line-height: 1.5; }
.rr-voice-card__meta small { display: block; font-size: 12px; color: var(--rr-color-muted); }
.rr-voice__nav { display: flex; justify-content: flex-end; gap: 12px; margin-top: 4px; }
.rr-voice__nav-btn { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 10px; background: #fff; border: 2px solid var(--rr-color-ink); color: var(--rr-color-ink); box-shadow: 3px 3px 0 var(--rr-color-ink); transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; }
.rr-voice__nav-btn::after { content: ''; width: 10px; height: 10px; border-top: 2.5px solid currentColor; border-right: 2.5px solid currentColor; }
.rr-voice__nav-btn[data-rr-slider-prev]::after { transform: rotate(-135deg); margin-left: 4px; }
.rr-voice__nav-btn[data-rr-slider-next]::after { transform: rotate(45deg); margin-right: 4px; }
.rr-voice__nav-btn:hover { transform: translate(1px, 1px); box-shadow: 2px 2px 0 var(--rr-color-ink); }
.rr-voice__nav-btn:disabled { opacity: 0.3; cursor: default; transform: none; box-shadow: 3px 3px 0 var(--rr-color-ink); }

/* ============================================================
   ご利用の流れ
   ============================================================ */
.rr-flow__steps { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; padding-top: 26px; }
.rr-flow__steps::before { content: ''; position: absolute; top: 6px; left: 2%; right: 2%; height: 2px; background: rgba(18, 71, 155, 0.3); }
.rr-flow__step { position: relative; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 16px 12px 15px; text-align: center; box-shadow: 4px 4px 0 rgba(18, 71, 155, 0.14); }
.rr-flow__step::before { content: ''; position: absolute; top: -26px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 11px; height: 11px; border-radius: 3px; background: var(--rr-color-blue); border: 2px solid #fff; }
.rr-flow__num { display: block; font-family: var(--rr-font-en); font-weight: 800; font-size: 21px; line-height: 1.1; color: var(--rr-color-accent-text); }
.rr-flow__num i { display: block; font-size: 9px; letter-spacing: 0.24em; color: #8FA6C6; margin-bottom: 3px; }
.rr-flow__title { font-size: 13.5px; font-weight: 900; line-height: 1.55; margin-top: 9px; }
.rr-flow__text { font-size: 11.5px; color: var(--rr-color-muted); line-height: 1.7; margin-top: 6px; }
.rr-flow__step--last { background: #FFF3E4; border-color: var(--rr-color-accent-strong); }
.rr-flow__step--last::before { background: var(--rr-color-accent-strong); }

/* ============================================================
   FAQ
   ============================================================ */
.rr-accordion__item { margin-bottom: 14px; border: 2px solid var(--rr-color-ink); border-radius: 12px; overflow: hidden; background: var(--rr-color-blue-soft); box-shadow: 4px 4px 0 rgba(18, 71, 155, 0.12); }
.rr-accordion__q button { width: 100%; display: flex; align-items: center; gap: 14px; padding: 17px 20px; text-align: left; font-size: 15.5px; font-weight: 800; line-height: 1.6; transition: background 0.2s ease; }
.rr-accordion__q button:hover { background: #DFEEFF; }
.rr-accordion__qmark { flex: none; font-family: var(--rr-font-en); font-weight: 800; font-size: 19px; color: var(--rr-color-primary); }
.rr-accordion__qmark::after { content: '.'; }
.rr-accordion__label { flex: 1; }
.rr-accordion__icon { position: relative; flex: none; width: 20px; height: 20px; transition: transform 0.3s ease; }
.rr-accordion__icon::before { content: ''; position: absolute; left: 50%; top: 50%; width: 15px; height: 3px; border-radius: 2px; background: var(--rr-color-accent-text); transform: translate(-50%, -50%); }
.rr-accordion__icon::after { content: ''; position: absolute; left: 50%; top: 50%; width: 15px; height: 3px; border-radius: 2px; background: var(--rr-color-accent-text); transform: translate(-50%, -50%) rotate(90deg); }
.rr-accordion__item.is-open .rr-accordion__icon { transform: rotate(45deg); }
.rr-accordion__a { background: #fff; }
.rr-accordion__a-inner { display: flex; align-items: baseline; gap: 14px; padding: 0 20px; min-height: 0; overflow: hidden; }
.rr-accordion__amark { flex: none; font-family: var(--rr-font-en); font-weight: 800; font-size: 19px; color: var(--rr-color-accent-text); }
.rr-accordion__amark::after { content: '.'; }
#relike-recruit .rr-accordion__a-inner p { font-size: 14.5px; line-height: 1.95; color: var(--rr-color-text); margin: 17px 0; }
.rr-js .rr-accordion__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; }
.rr-js .rr-accordion__a.is-open { grid-template-rows: 1fr; }

/* ============================================================
   大型下部CTA
   ============================================================ */
.rr-cta { position: relative; overflow: hidden; background: var(--rr-color-primary); color: #fff; padding: 96px 0; border-top: 2px solid var(--rr-color-ink); }
.rr-cta::before { content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 48px 48px; }
.rr-cta__bg { position: absolute; inset: 0; pointer-events: none; }
.rr-cta__bgword { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); font-family: var(--rr-font-en); font-weight: 800; font-size: clamp(80px, 13vw, 176px); line-height: 1; letter-spacing: 0.02em; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.14); white-space: nowrap; }
.rr-cta__ring { display: none; }
.rr-cta__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: 52px; align-items: center; }
.rr-cta__en { display: inline-block; font-family: var(--rr-font-en); font-weight: 800; font-size: 12px; letter-spacing: 0.3em; color: var(--rr-color-primary); background: #fff; border-radius: 6px; padding: 6px 16px; margin-bottom: 20px; }
.rr-cta__title { font-size: clamp(30px, 3.4vw, 41px); font-weight: 900; line-height: 1.5; }
.rr-cta__lead { font-size: 15.5px; line-height: 2.05; opacity: 0.95; margin: 20px 0 30px; }
.rr-cta__tel { margin-top: 28px; padding-top: 22px; border-top: 2px solid rgba(255, 255, 255, 0.3); }
.rr-cta__tel-label { display: block; font-size: 12px; opacity: 0.85; }
.rr-cta__tel-number { display: inline-block; font-family: var(--rr-font-en); font-size: 27px; font-weight: 800; margin-top: 5px; letter-spacing: 0.02em; }
.rr-cta__tel-number:hover { text-decoration: underline; text-underline-offset: 4px; }
.rr-cta__tel-note { display: block; font-size: 12.5px; opacity: 0.85; margin-top: 3px; }
.rr-cta__visual { position: relative; height: 450px; }
.rr-cta__person, .rr-cta__mockphone, .rr-cta__mockdoc, .rr-cta__mockvideo { display: none; }
.rr-cta__visual::before {
  content: '人物写真エリア\A cta-person.webp'; white-space: pre;
  position: absolute; right: 0; bottom: 0; width: 76%; height: 100%;
  display: flex; align-items: center; justify-content: center; text-align: center;
  background: rgba(255, 255, 255, 0.94); border: 2px dashed var(--rr-color-primary); border-radius: 14px;
  color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.16em; line-height: 2;
  box-shadow: var(--rr-shadow-solid-ink);
}
.rr-cta__visual::after {
  content: '素材画像エリア'; position: absolute; left: 0; top: 30px; width: 42%; height: 216px;
  display: flex; align-items: center; justify-content: center;
  background: var(--rr-color-blue); border: 2px dashed rgba(255, 255, 255, 0.7); border-radius: 14px;
  color: rgba(255, 255, 255, 0.85); font-size: 11px; font-weight: 800; letter-spacing: 0.16em;
  transform: rotate(-4deg); box-shadow: var(--rr-shadow-solid-ink);
}

/* ============================================================
   フッター
   ============================================================ */
.rr-footer { background: var(--rr-color-ink); color: #C9D6E8; }
.rr-footer__inner { display: grid; grid-template-columns: 1.2fr 1.5fr 1fr; gap: 44px; padding-top: 64px; padding-bottom: 52px; }
.rr-brand--footer .rr-brand__mark { box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.25); border-color: #fff; }
.rr-brand--footer .rr-brand__name-main { color: #fff; }
.rr-brand--footer .rr-brand__name-sub { color: #7FB1F8; }
.rr-brand--footer .rr-brand__tagline { color: rgba(255, 255, 255, 0.66); }
.rr-footer__area { font-size: 12.5px; font-weight: 700; margin-top: 18px; }
.rr-footer__info div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; font-size: 13.5px; line-height: 1.8; margin-bottom: 9px; }
.rr-footer__info dt { color: #8FA6C6; font-weight: 700; }
.rr-footer__info dd { color: #DCE6F4; }
.rr-footer__info a { text-decoration: underline; text-underline-offset: 3px; }
.rr-footer__info a:hover { color: #fff; }
.rr-footer__links li { margin-bottom: 11px; }
.rr-footer__links a { font-size: 13.5px; color: #DCE6F4; text-decoration: underline; text-underline-offset: 3px; }
.rr-footer__links a:hover { color: #fff; }
.rr-footer__links a[data-rr-placeholder-link] { color: #9FB4D2; text-decoration: none; border-bottom: 1px dashed rgba(255, 255, 255, 0.4); padding-bottom: 2px; }
.rr-footer__bottom { border-top: 1px solid rgba(255, 255, 255, 0.14); padding: 18px 24px; text-align: center; }
.rr-footer__bottom small { font-size: 11.5px; color: #8FA6C6; letter-spacing: 0.04em; }

/* ---- SP追従CTA ---- */
.rr-float-cta { position: fixed; left: 14px; right: 14px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 55; display: none; transform: translateY(150%); opacity: 0; visibility: hidden; transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s; }
.rr-float-cta.is-shown { transform: none; opacity: 1; visibility: visible; }

/* ---- アニメーション ---- */
.rr-js [data-rr-animate] { opacity: 0; transform: translateY(26px); transition: opacity 0.7s cubic-bezier(0.22, 0.65, 0.3, 1), transform 0.7s cubic-bezier(0.22, 0.65, 0.3, 1); }
.rr-js [data-rr-animate="fade-left"] { transform: translateX(-32px); }
.rr-js [data-rr-animate="fade-right"] { transform: translateX(32px); }
.rr-js [data-rr-animate].is-inview { opacity: 1; transform: none; }
.rr-js [data-rr-delay="1"] { transition-delay: 0.08s; }
.rr-js [data-rr-delay="2"] { transition-delay: 0.16s; }
.rr-js [data-rr-delay="3"] { transition-delay: 0.24s; }
.rr-js [data-rr-delay="4"] { transition-delay: 0.32s; }
.rr-js [data-rr-delay="5"] { transition-delay: 0.4s; }
.rr-js [data-rr-delay="6"] { transition-delay: 0.48s; }

/* ============================================================
   レスポンシブ
   ============================================================ */
@media (max-width: 1180px) {
  .rr-header__nav { display: none; }
  .rr-header__menu-btn { display: flex; }
  .rr-header__inner { height: 68px; padding: 0 20px; gap: 16px; }
  .rr-header__actions { margin-left: auto; }
  .rr-hero__catch { font-size: 46px; margin-right: -260px; }
}
@media (max-width: 1080px) {
  .rr-hero { padding-top: 114px; }
  .rr-hero__inner { display: block; padding-bottom: 52px; }
  .rr-hero__copy { max-width: 640px; }
  .rr-hero__catch { font-size: clamp(38px, 5.6vw, 48px); margin-right: 0; }
  .rr-hero__person { width: min(56vw, 370px); margin: 36px auto 0; }
  .rr-hero__form { max-width: 560px; margin: 36px auto 0; }
  .rr-process__steps { grid-template-columns: repeat(3, 1fr); }
  .rr-services__grid { grid-template-columns: repeat(2, 1fr); }
  .rr-cases__grid { grid-template-columns: minmax(0, 1fr); max-width: 680px; margin-inline: auto; }
  .rr-voice-card { flex-basis: calc((100% - 22px) / 2); }
  .rr-flow__steps { display: block; padding-top: 0; max-width: 620px; margin-inline: auto; }
  .rr-flow__steps::before { top: 8px; bottom: 8px; left: 5px; right: auto; width: 2px; height: auto; }
  .rr-flow__step { margin: 0 0 14px 36px; text-align: left; padding: 16px 20px; }
  .rr-flow__step::before { top: 24px; left: -37px; transform: rotate(45deg); }
  .rr-flow__num { display: flex; align-items: baseline; gap: 8px; }
  .rr-flow__num i { margin-bottom: 0; }
  .rr-flow__title { margin-top: 6px; }
  .rr-cta__inner { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .rr-cta__visual { height: 350px; margin-top: 46px; max-width: 520px; }
}
@media (max-width: 900px) {
  .rr-challenges__grid { grid-template-columns: repeat(2, 1fr); }
  .rr-reasons__grid { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-inline: auto; }
  .rr-tabs__panel { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 24px 22px; }
  .rr-footer__inner { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 52px; padding-bottom: 40px; }
  .rr-ba__compare { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .rr-ba__arrow { padding: 4px 0; }
  .rr-ba__arrow::before { transform: translate(-50%, -72%) rotate(135deg); }
  .rr-mockdoc { height: auto; }
  .rr-service-card--wide { grid-template-columns: minmax(0, 1fr); }
  .rr-service-card__mock { height: 190px; }
}
@media (max-width: 767px) {
  #relike-recruit { font-size: 15px; }
  .rr-container { padding-inline: 20px; }
  .rr-br-pc { display: none; }
  .rr-br-sp { display: inline; }
  .rr-section { scroll-margin-top: 72px; }
  .rr-header__inner { height: 62px; padding: 0 12px 0 16px; gap: 10px; }
  .rr-brand__mark { width: 34px; height: 34px; font-size: 17px; border-radius: 8px; box-shadow: 2px 2px 0 var(--rr-color-ink); }
  .rr-brand__name { font-size: 15px; }
  .rr-brand__tagline { font-size: 9px; letter-spacing: 0.02em; }
  .rr-btn--header { font-size: 11px; padding: 8px 11px; box-shadow: 2px 2px 0 var(--rr-color-ink); }
  .rr-header__menu-btn { height: 40px; padding: 0 10px; box-shadow: 2px 2px 0 var(--rr-color-ink); }
  .rr-drawer { padding-top: 88px; }
  .rr-hero { padding-top: 88px; }
  .rr-hero__inner { padding-bottom: 40px; }
  .rr-hero__h1 { font-size: 13px; padding: 11px 1em; }
  .rr-hero__area { font-size: 12.5px; padding: 11px 1em; }
  .rr-hero__catch { font-size: clamp(36px, 9.6vw, 40px); line-height: 1.42; margin-top: 18px; }
  .rr-hero__lead { font-size: 14px; margin-top: 14px; }
  .rr-hero__trust { margin-top: 18px; }
  .rr-hero__trust li { font-size: 12.5px; padding: 6px 13px; }
  .rr-hero__person { width: min(70vw, 320px); margin-top: 30px; }
  .rr-hero__chip { font-size: 11px; padding: 6px 10px; }
  .rr-hero__chip--1 { left: -10px; margin-top: -40px; }
  .rr-hero__chip--2 { right: -10px; }
  .rr-hero__form { margin-top: 28px; }
  .rr-form-card { padding: 20px 16px 14px; box-shadow: 6px 6px 0 rgba(10, 26, 51, 0.4); }
  .rr-form__cols { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .rr-form__input, .rr-form__select, .rr-form__textarea { font-size: 16px; padding: 12px; }
  .rr-hero__bgword { top: 56px; font-size: 22vw; }
  .rr-media-strip { padding: 18px 0; }
  .rr-media-strip__list li { font-size: 13px; padding: 5px 16px; }
  .rr-heading { margin-bottom: 38px; }
  .rr-heading__lead { font-size: 13.5px; margin-top: 12px; }
  .rr-bgword { font-size: 16vw; top: 12px; }
  .rr-challenges__grid { grid-template-columns: minmax(0, 1fr); max-width: 440px; margin-inline: auto; gap: 16px; }
  .rr-process__steps { grid-template-columns: repeat(2, 1fr); gap: 18px 14px; }
  .rr-process__title { font-size: 13px; }
  .rr-process__loop { font-size: 12px; }
  .rr-services__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .rr-service-card { padding: 22px; }
  .rr-service-card--wide { grid-column: auto; }
  .rr-tabs__list { gap: 10px; }
  .rr-tabs__tab { min-width: 0; flex: 1; font-size: 14px; padding: 12px 10px; }
  .rr-tabs__companies { grid-template-columns: minmax(0, 1fr); }
  .rr-ba { padding: 20px 18px; }
  .rr-ba__job { font-size: 16.5px; }
  .rr-mockdoc p { font-size: 13.5px; }
  .rr-ctaband { padding: 46px 0; }
  .rr-voice-card { flex-basis: 86%; }
  .rr-voice__track { gap: 14px; }
  .rr-accordion__q button { font-size: 14px; padding: 15px 16px; gap: 11px; }
  .rr-accordion__a-inner { padding: 0 16px; }
  #relike-recruit .rr-accordion__a-inner p { font-size: 13.5px; margin: 14px 0; }
  .rr-cta { padding: 64px 0 70px; }
  .rr-cta__title { font-size: clamp(25px, 7.2vw, 30px); }
  .rr-cta__lead { font-size: 14px; margin: 16px 0 24px; }
  .rr-cta .rr-btn--xl { display: flex; width: 100%; font-size: 16px; padding: 17px 20px; }
  .rr-cta__tel-number { font-size: 24px; }
  .rr-cta__visual { height: 280px; margin-top: 42px; }
  .rr-cta__visual::after { width: 44%; height: 158px; top: 18px; }
  .rr-float-cta { display: block; }
}
@media (max-width: 420px) {
  .rr-brand__tagline { display: none; }
  .rr-hero__catch { font-size: 9.4vw; }
  .rr-process__steps { grid-template-columns: minmax(0, 1fr); max-width: 340px; margin-inline: auto; }
}

/* ---- prefers-reduced-motion ---- */
@media (prefers-reduced-motion: reduce) {
  #relike-recruit *, #relike-recruit *::before, #relike-recruit *::after {
    animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;
  }
  .rr-js [data-rr-animate] { opacity: 1; transform: none; }
}

/* ============================================================
   職種理解（JOB INSIGHT）
   ============================================================ */
.rr-job__tabs { display: flex; justify-content: center; gap: 14px; margin-bottom: 34px; }
.rr-job__panel[hidden] { display: none; }
.rr-job__panel { display: grid; grid-template-columns: 350px minmax(0, 1fr); gap: 36px; align-items: stretch; min-height: 620px; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 34px; box-shadow: var(--rr-shadow-solid); }
.rr-job__panel.is-active { animation: rr-job-in 0.4s ease both; }
@keyframes rr-job-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.rr-job__profile { display: flex; flex-direction: column; justify-content: center; }
.rr-job__photo { display: flex; align-items: center; justify-content: center; text-align: center; aspect-ratio: 4 / 3; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 12px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; line-height: 2; }
.rr-job__name { font-size: 22px; font-weight: 900; line-height: 1.4; margin-top: 18px; padding-left: 13px; border-left: 5px solid var(--rr-color-accent-strong); }
.rr-job__desc { font-size: 13.5px; line-height: 2; color: var(--rr-color-text); margin-top: 16px; }
.rr-job__subtitle { display: inline-block; background: var(--rr-color-ink); color: #fff; font-size: 13px; font-weight: 800; letter-spacing: 0.06em; border-radius: 7px; padding: 6px 16px; }
.rr-job__items { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; counter-reset: rr-job; margin-top: 16px; }
.rr-job__items li { counter-increment: rr-job; display: flex; align-items: center; gap: 12px; background: var(--rr-color-blue-soft); border: 1.5px solid rgba(18, 71, 155, 0.3); border-radius: 10px; padding: 12px 15px; font-size: 13.5px; font-weight: 800; color: var(--rr-color-ink); line-height: 1.6; }
.rr-job__items li::before { content: '0' counter(rr-job); font-family: var(--rr-font-en); font-weight: 800; font-size: 15px; color: var(--rr-color-primary); flex: none; }
.rr-job__roles { display: grid; gap: 14px; }
.rr-job__role { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 15px 18px 16px; box-shadow: 3px 3px 0 rgba(18, 71, 155, 0.12); }
.rr-job__role-name { font-size: 15.5px; font-weight: 900; line-height: 1.5; padding-left: 11px; border-left: 4px solid var(--rr-color-accent-strong); }
.rr-job__role-items { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 16px; margin-top: 11px; }
.rr-job__role-items li { display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--rr-color-text); line-height: 1.7; }
.rr-job__role-items li::before { content: ''; width: 8px; height: 8px; border-radius: 2px; background: var(--rr-color-blue); flex: none; margin-top: 6px; }
#relike-recruit .rr-job__note { margin-top: 34px; padding-top: 20px; border-top: 2px dashed #C4D3E5; font-size: 13.5px; font-weight: 700; line-height: 1.95; color: var(--rr-color-text); }
.rr-job__close { text-align: center; margin-top: 52px; }
.rr-job__close-copy { font-size: clamp(22px, 2.9vw, 31px); font-weight: 900; line-height: 1.7; }
.rr-job__close-lead { font-size: 14px; color: var(--rr-color-muted); line-height: 2.05; margin-top: 14px; }

/* ============================================================
   会社紹介（ABOUT RELIKE）
   ============================================================ */
.rr-about__grid { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 30px; align-items: stretch; }
.rr-about__rep { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 22px 22px 24px; box-shadow: var(--rr-shadow-solid); }
.rr-about__rep-photo { display: flex; align-items: center; justify-content: center; text-align: center; aspect-ratio: 4 / 4.4; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 12px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; line-height: 2; }
.rr-about__rep-card { margin-top: 18px; }
.rr-about__rep-role { display: block; font-size: 12px; font-weight: 800; letter-spacing: 0.1em; color: var(--rr-color-muted); }
.rr-about__rep-name { display: block; font-size: 27px; font-weight: 900; line-height: 1.4; margin-top: 2px; }
.rr-about__rep-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.rr-about__rep-career { display: inline-block; background: var(--rr-color-ink); color: #fff; border-radius: 7px; font-size: 12px; font-weight: 800; padding: 4px 13px; line-height: 1.6; }
.rr-about__rep-badge { display: inline-block; background: var(--rr-color-accent-strong); color: #fff; border-radius: 7px; font-size: 12px; font-weight: 800; padding: 4px 13px; line-height: 1.6; }
.rr-about__rep-duty-label { display: block; font-size: 12.5px; font-weight: 900; color: var(--rr-color-primary); margin-top: 16px; padding-top: 14px; border-top: 2px dashed #C4D3E5; }
.rr-about__rep-duty { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.rr-about__rep-duty li { background: var(--rr-color-blue-soft); border: 1.5px solid rgba(18, 71, 155, 0.35); color: var(--rr-color-primary); font-size: 12.5px; font-weight: 800; border-radius: 999px; padding: 5px 14px; line-height: 1.6; }
.rr-about__profile { display: flex; flex-direction: column; justify-content: center; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 34px 38px; box-shadow: var(--rr-shadow-solid); }
.rr-about__profile .rr-about__intro { margin-top: 16px; }
.rr-about__company { display: flex; flex-direction: column; gap: 14px; }
.rr-about__intro { font-size: 14.5px; line-height: 2.1; color: var(--rr-color-ink); font-weight: 500; }
.rr-about__store { flex: 1; display: flex; flex-direction: column; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 18px; box-shadow: var(--rr-shadow-solid); margin-top: 6px; }
.rr-about__store-photo { flex: 1; min-height: 250px; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 12px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; line-height: 2; }
.rr-about__store-labels { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.rr-about__store-labels li { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 999px; font-size: 12.5px; font-weight: 800; padding: 5px 14px; line-height: 1.6; box-shadow: 3px 3px 0 rgba(18, 71, 155, 0.14); }
.rr-about__direct { position: relative; overflow: hidden; margin-top: 32px; background: var(--rr-color-primary); color: #fff; border: 2px solid var(--rr-color-ink); border-radius: 18px; padding: 34px 36px 40px; box-shadow: var(--rr-shadow-solid); }
.rr-about__direct::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px); background-size: 48px 48px; }
.rr-about__subtitle { position: relative; font-size: clamp(20px, 2.4vw, 25px); font-weight: 900; line-height: 1.65; }
.rr-about__text { position: relative; margin-top: 14px; font-size: 14.5px; line-height: 2.05; }
.rr-about__direct .rr-about__text { opacity: 0.95; }
.rr-about__flow { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 36px; margin-top: 30px; counter-reset: rr-aflow; }
.rr-about__flow li { position: relative; background: #fff; color: var(--rr-color-ink); border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 18px 14px 16px; text-align: center; font-size: 13.5px; font-weight: 900; line-height: 1.6; box-shadow: 4px 4px 0 rgba(8, 24, 56, 0.4); }
.rr-about__flow li:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: -25px; width: 10px; height: 10px; border-top: 3px solid var(--rr-color-accent-light); border-right: 3px solid var(--rr-color-accent-light); transform: translateY(-50%) rotate(45deg); }
.rr-about__why { margin-top: 26px; display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 14px 40px; align-items: start; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 30px 34px; box-shadow: var(--rr-shadow-solid); }
.rr-about__why .rr-about__subtitle { font-size: clamp(19px, 2.2vw, 23px); }
.rr-about__why .rr-about__text { margin-top: 0; color: var(--rr-color-text); }

@media (max-width: 1080px) {
  .rr-job__panel { grid-template-columns: minmax(0, 1fr); gap: 22px; min-height: 0; }
  .rr-job__photo { max-width: 440px; }
  .rr-about__grid { grid-template-columns: minmax(0, 1fr); }
  .rr-about__flow { grid-template-columns: repeat(2, 1fr); gap: 26px 20px; }
  .rr-about__flow li:not(:last-child)::after { display: none; }
  .rr-about__why { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .rr-about__why .rr-about__text { margin-top: 0; }
}
@media (max-width: 767px) {
  .rr-job__tabs { flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
  .rr-job__tabs .rr-tabs__tab { flex: 1 1 calc(50% - 10px); min-width: 0; font-size: 14px; padding: 13px 8px; }
  .rr-job__panel { padding: 20px 18px 24px; }
  .rr-job__photo { max-width: none; }
  .rr-job__name { font-size: 19px; margin-top: 16px; }
  .rr-job__items { grid-template-columns: minmax(0, 1fr); }
  .rr-job__role-items { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .rr-job__role { padding: 13px 15px 14px; }
  .rr-job__close { margin-top: 40px; }
  .rr-about__rep { padding: 16px 16px 20px; }
  .rr-about__profile { padding: 24px 20px; }
  .rr-about__rep-name { font-size: 24px; }
  .rr-about__store { padding: 14px; }
  .rr-about__store-photo { min-height: 210px; }
  .rr-about__direct { padding: 26px 20px 32px; }
  .rr-about__flow { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .rr-about__why { padding: 24px 20px; }
}

/* ============================================================
   実画像適用（relike.co.jp 入稿分）
   ============================================================ */
#relike-recruit .rr-brand__logo { height: 32px; width: auto; display: block; }
#relike-recruit .rr-brand--footer .rr-brand__logo { height: 40px; background: #fff; padding: 6px 10px; border-radius: 8px; }
.rr-hero__person::before { content: none; }
.rr-hero__person-img { display: block; position: relative; z-index: 1; width: 100%; height: auto; filter: drop-shadow(0 18px 32px rgba(9, 32, 74, 0.35)); }
.rr-reason-card__figure::before { content: none; }
.rr-reason-card__figure img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-bottom: 2px solid var(--rr-color-ink); }
.rr-tabs__figure::before { content: none; }
.rr-tabs__figure img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 2px solid var(--rr-color-ink); border-radius: 12px; }
.rr-job__photo { border-style: solid; overflow: hidden; padding: 0; }
.rr-job__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rr-about__rep-photo { border-style: solid; overflow: hidden; }
#relike-recruit .rr-about__rep-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rr-service-card__mock::after { content: none; }
.rr-service-card__mock img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 2px solid var(--rr-color-ink); border-radius: 12px; }
.rr-service-card--photo::after { content: none; }
.rr-service-card__photo { display: block; order: -1; width: 100%; height: 172px; object-fit: cover; border-bottom: 2px solid var(--rr-color-ink); }
.rr-service-card--video .rr-mockvideo::after { content: none; }
.rr-service-card--video .rr-mockvideo { display: block; padding: 0; min-height: 0; border-bottom: 2px solid var(--rr-color-ink); }
.rr-service-card--video .rr-mockvideo img { display: block; width: 100%; height: 172px; object-fit: cover; }
.rr-cta__visual::before, .rr-cta__visual::after { content: none; }
.rr-cta__person { display: block; position: absolute; right: 0; bottom: -60px; height: 100%; width: auto; filter: drop-shadow(0 14px 28px rgba(6, 24, 58, 0.45)); }
@media (max-width: 767px) {
  #relike-recruit .rr-brand__logo { height: 26px; }
  #relike-recruit .rr-brand--footer .rr-brand__logo { height: 36px; }
  .rr-cta__person { right: 50%; transform: translateX(50%); bottom: -160px; }
}

/* ============================================================
   改行・折返し調整
   ============================================================ */
.rr-hero__catch { margin-right: 0; min-width: calc(100% + 300px); }
@media (max-width: 1180px) { .rr-hero__catch { margin-right: 0; min-width: calc(100% + 260px); } }
@media (max-width: 1080px) { .rr-hero__catch { min-width: 0; } }
.rr-flow__title { text-wrap: balance; }
.rr-challenges__next strong { white-space: nowrap; }
.rr-nw { white-space: nowrap; }

/* ヒーロー：キャッチ／リード文／バッジ3つの間隔（等間隔） */
#relike-recruit .rr-hero__lead { margin-top: 34px; }
#relike-recruit .rr-hero__trust { margin-top: 34px; }
@media (max-width: 767px) {
  #relike-recruit .rr-hero__lead, #relike-recruit .rr-hero__trust { margin-top: 26px; }
}

/* SP：ヘッダーCTA非表示（下部固定CTAで代替） */
@media (max-width: 767px) {
  .rr-header__actions .rr-btn--header { display: none; }
}

/* ============================================================
   JOB INSIGHT 特設ページボタン／コラム
   ============================================================ */
.rr-job__links { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
.rr-btn--jobpage { font-size: 17px; font-weight: 900; padding: 20px 48px; box-shadow: 4px 4px 0 rgba(18, 71, 155, 0.14); }
.rr-btn--jobpage:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 rgba(18, 71, 155, 0.16); }
@media (max-width: 767px) {
  .rr-job__links { flex-direction: column; gap: 14px; margin-top: 30px; }
  .rr-btn--jobpage { width: 100%; font-size: 15.5px; padding: 17px 20px; }
}
.rr-column__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rr-column-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; overflow: hidden; box-shadow: var(--rr-shadow-solid); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.rr-column-card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 rgba(18, 71, 155, 0.16); }
.rr-column-card__thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: var(--rr-slot-bg); border-bottom: 2px dashed var(--rr-slot-border); color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
.rr-column-card > .rr-sample-badge { position: absolute; top: 12px; right: 12px; }
#relike-recruit .rr-column-card__title { font-size: 15.5px; font-weight: 900; line-height: 1.75; padding: 16px 20px 20px; color: var(--rr-color-ink); }
.rr-column__more { text-align: center; margin-top: 34px; }
@media (max-width: 900px) {
  .rr-column__grid { grid-template-columns: minmax(0, 1fr); max-width: 480px; margin-inline: auto; gap: 18px; }
}

/* ============================================================
   下層ページ共通（雛形）
   ============================================================ */
.rr-subhero { position: relative; overflow: hidden; background: var(--rr-color-primary); color: #fff; padding: 128px 0 56px; border-bottom: 2px solid var(--rr-color-ink); }
.rr-subhero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px); background-size: 48px 48px; }
.rr-subhero .rr-container { position: relative; z-index: 1; }
.rr-subhero__title { font-size: clamp(28px, 3.4vw, 40px); font-weight: 900; line-height: 1.5; margin-top: 14px; }
.rr-subhero__lead { font-size: 14.5px; line-height: 2; margin-top: 16px; opacity: 0.95; }
.rr-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; font-weight: 700; }
.rr-breadcrumb li { display: flex; align-items: center; gap: 6px; opacity: 0.9; }
.rr-breadcrumb li + li::before { content: ''; width: 5px; height: 5px; border-top: 2px solid rgba(255,255,255,0.7); border-right: 2px solid rgba(255,255,255,0.7); transform: rotate(45deg); }
.rr-breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }
.rr-subjobs__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rr-subjob-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; overflow: hidden; box-shadow: var(--rr-shadow-solid); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.rr-subjob-card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 rgba(18, 71, 155, 0.16); }
.rr-subjob-card__thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; overflow: hidden; background: var(--rr-slot-bg); border-bottom: 2px dashed var(--rr-slot-border); color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
#relike-recruit .rr-subjob-card__title { font-size: 17px; font-weight: 900; line-height: 1.6; padding: 18px 20px 0; }
#relike-recruit .rr-subjob-card__text { font-size: 13px; line-height: 1.9; color: var(--rr-color-text); padding: 8px 20px 0; flex: 1; }
.rr-subjob-card__more { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 800; color: var(--rr-color-accent-text); padding: 14px 20px 20px; }
.rr-subjob-card__more::after { content: ''; width: 0.45em; height: 0.45em; border-top: 2.5px solid currentColor; border-right: 2.5px solid currentColor; transform: rotate(45deg); transition: transform 0.25s ease; }
.rr-subjob-card:hover .rr-subjob-card__more::after { transform: translateX(4px) rotate(45deg); }
.rr-subplaceholder { border: 2px dashed var(--rr-slot-border); border-radius: 14px; background: #fff; padding: 48px 24px; text-align: center; }
.rr-subplaceholder__label { font-size: 15px; font-weight: 900; color: var(--rr-slot-text); letter-spacing: 0.08em; }
.rr-subplaceholder__note { font-size: 12.5px; color: var(--rr-slot-text); margin-top: 8px; }
@media (max-width: 900px) {
  .rr-subjobs__grid { grid-template-columns: minmax(0, 1fr); max-width: 480px; margin-inline: auto; gap: 18px; }
}
@media (max-width: 767px) {
  .rr-subhero { padding: 96px 0 40px; }
}

/* 下層：会社タイプ別の悩みカード */
.rr-subtrouble__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rr-subtrouble-card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 24px 24px 26px; box-shadow: var(--rr-shadow-solid); }
.rr-subtrouble-card__chip { display: inline-block; background: var(--rr-color-primary); color: #fff; font-size: 12px; font-weight: 800; border-radius: 7px; padding: 4px 13px; line-height: 1.6; }
.rr-subtrouble-card__title { font-size: 18px; font-weight: 900; line-height: 1.6; }
.rr-subtrouble-card__text { font-size: 13.5px; line-height: 1.95; color: var(--rr-color-text); }
.rr-subtrouble__next { text-align: center; margin-top: 44px; }
.rr-subtrouble__next p { font-size: 17.5px; font-weight: 800; }
.rr-subtrouble__next strong { color: var(--rr-color-accent-text); font-weight: 900; }
.rr-subtrouble__next-line { display: block; width: 2px; height: 44px; background: var(--rr-color-accent-strong); margin: 16px auto 0; }
@media (max-width: 900px) {
  .rr-subtrouble__grid { grid-template-columns: minmax(0, 1fr); max-width: 480px; margin-inline: auto; gap: 18px; }
}

/* 下層：求職者チェックポイント */
#relike-recruit .rr-subpoints__items { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; counter-reset: rr-subpt; max-width: 980px; margin-inline: auto; }
.rr-subpoints__items li { counter-increment: rr-subpt; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 13px; padding: 22px 26px 24px; box-shadow: var(--rr-shadow-solid); }
.rr-subpoints__items li::before { content: 'POINT 0' counter(rr-subpt); font-family: var(--rr-font-en); font-weight: 800; font-size: 12px; letter-spacing: 0.16em; color: var(--rr-color-accent-text); border-bottom: 2px solid var(--rr-color-accent); padding: 0 2px 3px; }
.rr-subpoints__title { font-size: 16.5px; font-weight: 900; line-height: 1.65; }
.rr-subpoints__text { font-size: 13.5px; line-height: 1.95; color: var(--rr-color-text); }
.rr-subpoints__note, .rr-subflow__note { text-align: center; font-size: 13.5px; font-weight: 700; color: var(--rr-color-muted); margin-top: 24px; }
/* 下層：代表からの一言 */
.rr-subgreet { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 34px; align-items: center; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 30px 36px; box-shadow: var(--rr-shadow-solid); }
.rr-subgreet__photo { aspect-ratio: 10 / 11; border: 2px solid var(--rr-color-ink); border-radius: 12px; overflow: hidden; }
#relike-recruit .rr-subgreet__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rr-subgreet__role { display: block; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; color: var(--rr-color-muted); }
.rr-subgreet__name { display: block; font-size: 23px; font-weight: 900; line-height: 1.5; margin-top: 4px; }
.rr-subgreet__text { font-size: 14.5px; line-height: 2.05; color: var(--rr-color-text); margin-top: 14px; }
.rr-subgreet__body .rr-textlink { margin-top: 18px; }
@media (max-width: 900px) {
  #relike-recruit .rr-subpoints__items { grid-template-columns: minmax(0, 1fr); }
  .rr-subgreet { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 22px 20px; }
  .rr-subgreet__photo { max-width: 320px; margin-inline: auto; width: 100%; }
}

/* ============================================================
   職種別下層ページ（現場監督ほか）
   ============================================================ */
.rr-subhero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 44px; align-items: center; margin-top: 14px; }
.rr-subhero__grid .rr-subhero__title { margin-top: 0; }
.rr-subhero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.rr-subhero__tags li { background: rgba(16, 35, 63, 0.5); border-radius: 8px; padding: 6px 14px; font-size: 12.5px; font-weight: 800; line-height: 1.6; }
.rr-subhero__photo { display: flex; align-items: center; justify-content: center; text-align: center; aspect-ratio: 4 / 3; background: rgba(255, 255, 255, 0.92); border: 2px dashed var(--rr-slot-border); border-radius: 14px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; line-height: 2; box-shadow: var(--rr-shadow-solid-ink); }
/* 1日の流れ */
.rr-subday { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; align-items: stretch; }
.rr-subday__list { position: relative; display: grid; gap: 14px; padding-left: 24px; }
.rr-subday__list::before { content: ''; position: absolute; left: 5px; top: 10px; bottom: 10px; width: 2px; background: rgba(18, 71, 155, 0.3); }
.rr-subday__list li { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 16px 20px; box-shadow: 4px 4px 0 rgba(18, 71, 155, 0.12); }
.rr-subday__list li::before { content: ''; position: absolute; left: -24px; top: 26px; width: 11px; height: 11px; border-radius: 3px; background: var(--rr-color-blue); border: 2px solid #fff; transform: rotate(45deg); }
.rr-subday__time { font-family: var(--rr-font-en); font-weight: 800; font-size: 19px; color: var(--rr-color-accent-text); line-height: 1.5; }
#relike-recruit .rr-subday__body h3 { font-size: 15px; font-weight: 900; line-height: 1.6; }
#relike-recruit .rr-subday__body p { font-size: 13px; line-height: 1.85; color: var(--rr-color-text); margin-top: 3px; }
.rr-subday__photos { display: grid; grid-template-rows: repeat(3, 1fr); gap: 16px; }
.rr-subday__photo { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 0; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 12px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; line-height: 2; }
.rr-subday__note { text-align: center; font-size: 12.5px; color: var(--rr-color-muted); margin-top: 26px; }
/* 支援内容（濃紺帯） */
.rr-subsupport__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rr-subsupport-card { background: #fff; color: var(--rr-color-ink); border: 2px solid var(--rr-color-ink); border-radius: 13px; padding: 24px 24px 26px; box-shadow: 5px 5px 0 rgba(8, 24, 56, 0.4); }
.rr-subsupport-card__slot { display: flex; align-items: center; justify-content: center; min-height: 120px; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 10px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; margin-bottom: 16px; }
.rr-subsupport-card__title { font-size: 16.5px; font-weight: 900; line-height: 1.65; }
.rr-subsupport-card__text { font-size: 13.5px; line-height: 1.95; color: var(--rr-color-text); margin-top: 9px; }
.rr-subjobs__grid--two { grid-template-columns: repeat(2, 1fr); max-width: 780px; margin-inline: auto; }
@media (max-width: 1080px) {
  .rr-subhero__grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .rr-subhero__photo { max-width: 440px; }
  .rr-subday { grid-template-columns: minmax(0, 1fr); }
  .rr-subday__photos { grid-template-columns: repeat(3, 1fr); grid-template-rows: none; }
  .rr-subday__photo { aspect-ratio: 4 / 3; }
  .rr-subsupport__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .rr-subday__photos { grid-template-columns: minmax(0, 1fr); }
  .rr-subsupport__grid { grid-template-columns: minmax(0, 1fr); }
  .rr-subjobs__grid--two { grid-template-columns: minmax(0, 1fr); }
  .rr-subday__list li { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 16px; }
}

/* SUPPORT：上段3枚とも写真が上・文字が下（比率3:2） */
.rr-subsupport-card { display: flex; flex-direction: column; }
.rr-subsupport-card__slot { margin: 0 0 16px; min-height: 0; aspect-ratio: 3 / 2; }

/* ============================================================
   コラム（アーカイブ）テンプレ 3案共通 rr-col*
   ============================================================ */
.rr-colnav { margin-bottom: 34px; }
.rr-colnav__list { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.rr-colnav__pill { display: inline-block; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 999px; font-size: 13px; font-weight: 800; padding: 8px 18px; line-height: 1.5; box-shadow: 3px 3px 0 rgba(18, 71, 155, 0.12); transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; }
.rr-colnav__pill:hover { transform: translate(-1px, -1px); }
.rr-colnav__pill.is-active { background: var(--rr-color-primary); color: #fff; box-shadow: 3px 3px 0 var(--rr-color-ink); }
.rr-colnav--line { border-bottom: 2px solid var(--rr-color-blue-soft); padding-bottom: 22px; }
.rr-colpager { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; }
.rr-colpager__num { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 46px; padding: 0 14px; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 10px; font-family: var(--rr-font-en); font-weight: 800; font-size: 15px; box-shadow: 3px 3px 0 rgba(18, 71, 155, 0.12); transition: transform 0.2s ease; }
a.rr-colpager__num:hover { transform: translate(-1px, -1px); }
.rr-colpager__num.is-active { background: var(--rr-color-primary); color: #fff; box-shadow: 3px 3px 0 var(--rr-color-ink); }
.rr-colpager__next { font-family: var(--rr-font-jp); font-size: 13.5px; }
/* 案A/C カード */
.rr-colA-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rr-colA-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; overflow: hidden; box-shadow: var(--rr-shadow-solid); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.rr-colA-card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 rgba(18, 71, 155, 0.16); }
.rr-colA-card__thumb { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: var(--rr-slot-bg); border-bottom: 2px dashed var(--rr-slot-border); color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
.rr-colA-card__cat { position: absolute; left: 10px; bottom: 10px; background: var(--rr-color-primary); color: #fff; font-size: 11px; font-weight: 800; border-radius: 6px; padding: 3px 10px; letter-spacing: 0.02em; }
.rr-colA-card__date { font-family: var(--rr-font-en); font-size: 12px; font-weight: 700; color: var(--rr-color-muted); padding: 14px 20px 0; }
.rr-colA-card__title { font-size: 15.5px; font-weight: 900; line-height: 1.7; padding: 6px 20px 0; flex: 1; }
.rr-colA-card__more { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; color: var(--rr-color-accent-text); padding: 12px 20px 18px; }
.rr-colA-card__more::after { content: ''; width: 0.45em; height: 0.45em; border-top: 2.5px solid currentColor; border-right: 2.5px solid currentColor; transform: rotate(45deg); }
/* 案B */
.rr-colB-feature { display: grid; grid-template-columns: 1.1fr 1fr; gap: 26px; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; overflow: hidden; box-shadow: var(--rr-shadow-solid); margin-bottom: 30px; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.rr-colB-feature:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 rgba(18, 71, 155, 0.16); }
.rr-colB-feature__thumb { display: flex; align-items: center; justify-content: center; min-height: 250px; background: var(--rr-slot-bg); border-right: 2px dashed var(--rr-slot-border); color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
.rr-colB-feature__body { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 26px 26px 24px; }
.rr-colB-feature__badge { background: var(--rr-color-accent-strong); color: #fff; font-family: var(--rr-font-en); font-size: 11px; font-weight: 800; letter-spacing: 0.16em; border-radius: 6px; padding: 3px 10px; }
.rr-colB-feature__title { font-size: 20px; font-weight: 900; line-height: 1.6; }
.rr-colB-feature__excerpt { font-size: 13.5px; line-height: 1.9; color: var(--rr-color-text); }
.rr-colB-list { display: grid; gap: 14px; }
.rr-colB-row { display: grid; grid-template-columns: 170px minmax(0, 1fr) 30px; gap: 18px; align-items: center; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 14px; box-shadow: 4px 4px 0 rgba(18, 71, 155, 0.1); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.rr-colB-row:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 rgba(18, 71, 155, 0.14); }
.rr-colB-row__thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 8px; color: var(--rr-slot-text); font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; }
.rr-colB-row__meta { display: flex; align-items: center; gap: 12px; }
.rr-colB-row__meta em { background: var(--rr-color-blue-soft); color: var(--rr-color-primary); font-size: 11px; font-weight: 800; border-radius: 6px; padding: 2px 10px; }
.rr-colB-row__meta time { font-family: var(--rr-font-en); font-size: 12px; font-weight: 700; color: var(--rr-color-muted); }
.rr-colB-row__title { font-size: 15.5px; font-weight: 900; line-height: 1.65; margin-top: 6px; }
.rr-colB-row__arrow { width: 10px; height: 10px; border-top: 2.5px solid var(--rr-color-accent-text); border-right: 2.5px solid var(--rr-color-accent-text); transform: rotate(45deg); justify-self: center; }
/* 案C */
.rr-colC { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 32px; align-items: start; }
.rr-colC-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.rr-colC-side { display: grid; gap: 22px; position: sticky; top: 96px; }
.rr-colC-widget { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 22px 22px 24px; box-shadow: var(--rr-shadow-solid); }
.rr-colC-widget__title { font-size: 15px; font-weight: 900; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 2px solid var(--rr-color-blue-soft); }
.rr-colC-cats { display: grid; gap: 4px; }
.rr-colC-cats__parent { font-size: 12px; font-weight: 900; color: var(--rr-color-primary); letter-spacing: 0.06em; margin-top: 10px; }
.rr-colC-cats__parent:first-child { margin-top: 0; }
.rr-colC-cats a { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13.5px; font-weight: 700; white-space: nowrap; color: var(--rr-color-text); padding: 7px 2px 7px 14px; border-bottom: 1px dashed var(--rr-color-line, #DCE7F4); }
.rr-colC-cats a:hover { color: var(--rr-color-primary); }
.rr-colC-cats a i { font-family: var(--rr-font-en); font-size: 11.5px; font-weight: 800; color: var(--rr-color-muted); background: var(--rr-color-blue-soft); border-radius: 999px; padding: 1px 9px; }
.rr-colC-pop { display: grid; gap: 12px; }
.rr-colC-pop a { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 13px; font-weight: 700; line-height: 1.7; color: var(--rr-color-text); }
.rr-colC-pop a:hover { color: var(--rr-color-primary); }
.rr-colC-pop i { font-family: var(--rr-font-en); font-weight: 800; font-size: 15px; color: #fff; background: var(--rr-color-primary); border-radius: 8px; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; }
.rr-colC-widget--cta { background: var(--rr-color-primary); border-color: var(--rr-color-ink); color: #fff; }
.rr-colC-widget__catch { font-size: 16.5px; font-weight: 900; line-height: 1.8; margin-bottom: 16px; }
@media (max-width: 1080px) {
  .rr-colA-grid { grid-template-columns: repeat(2, 1fr); }
  .rr-colC { grid-template-columns: minmax(0, 1fr); }
  .rr-colC-side { position: static; grid-template-columns: repeat(2, 1fr); }
  .rr-colC-widget--cta { grid-column: span 2; }
}
@media (max-width: 767px) {
  .rr-colA-grid, .rr-colC-grid { grid-template-columns: minmax(0, 1fr); max-width: 480px; margin-inline: auto; }
  .rr-colnav__list { justify-content: flex-start; }
  .rr-colB-feature { grid-template-columns: minmax(0, 1fr); }
  .rr-colB-feature__thumb { border-right: none; border-bottom: 2px dashed var(--rr-slot-border); min-height: 180px; }
  .rr-colB-row { grid-template-columns: 110px minmax(0, 1fr); }
  .rr-colB-row__arrow { display: none; }
  .rr-colB-row__title { font-size: 14px; }
  .rr-colC-side { grid-template-columns: minmax(0, 1fr); }
  .rr-colC-widget--cta { grid-column: auto; }
}

/* ============================================================
   コラム記事詳細（single.php相当） rr-art*
   ============================================================ */
.rr-art-sec { padding-top: 118px; }
.rr-breadcrumb--ink li { opacity: 1; color: var(--rr-color-muted); }
.rr-breadcrumb--ink li + li::before { border-color: var(--rr-color-muted); }
.rr-breadcrumb--ink li[aria-current] { max-width: 46vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rr-art { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 34px 38px 38px; box-shadow: var(--rr-shadow-solid); }
.rr-art__head { margin-bottom: 22px; }
.rr-art__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.rr-art__cat { background: var(--rr-color-primary); color: #fff; font-size: 11.5px; font-weight: 800; border-radius: 6px; padding: 3px 12px; }
.rr-art__date, .rr-art__update { font-family: var(--rr-font-en); font-size: 12.5px; font-weight: 700; color: var(--rr-color-muted); }
.rr-art__update { font-family: var(--rr-font-jp); font-size: 11.5px; }
#relike-recruit .rr-art__title { font-size: clamp(22px, 2.4vw, 28px); font-weight: 900; line-height: 1.65; margin-top: 14px; }
.rr-art__thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 12px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; margin-top: 20px; }
#relike-recruit .rr-art-body { font-size: 15px; line-height: 2.1; color: var(--rr-color-text); }
#relike-recruit .rr-art-body p { margin: 0 0 1.6em; }
#relike-recruit .rr-art-body h2 { font-size: 20px; font-weight: 900; line-height: 1.6; color: var(--rr-color-ink); background: var(--rr-color-blue-soft); border: 2px solid var(--rr-color-ink); border-radius: 10px; padding: 13px 18px; margin: 2.2em 0 1.1em; box-shadow: 4px 4px 0 rgba(18, 71, 155, 0.12); }
#relike-recruit .rr-art-body h3 { display: block; position: relative; padding-left: 24px; font-size: 19px; font-weight: 900; line-height: 1.6; color: var(--rr-color-ink); margin: 1.8em 0 0.9em; }
#relike-recruit .rr-art-body h3::before { content: ''; position: absolute; left: 0; top: calc(0.8em - 6px); width: 12px; height: 12px; border-radius: 3px; background: var(--rr-color-accent-strong); }
#relike-recruit .rr-art-body ul, #relike-recruit .rr-art-body ol { margin: 0 0 1.6em; padding-left: 4px; display: grid; gap: 8px; }
#relike-recruit .rr-art-body ul li { list-style: none; position: relative; padding-left: 22px; }
#relike-recruit .rr-art-body ul li::before { content: ''; position: absolute; left: 2px; top: 0.72em; width: 10px; height: 10px; border-radius: 3px; background: var(--rr-color-blue); }
#relike-recruit .rr-art-body ol { counter-reset: rr-art-ol; }
#relike-recruit .rr-art-body ol li { list-style: none; position: relative; padding-left: 34px; counter-increment: rr-art-ol; }
#relike-recruit .rr-art-body ol li::before { content: counter(rr-art-ol); position: absolute; left: 0; top: 0.28em; width: 24px; height: 24px; border-radius: 7px; background: var(--rr-color-primary); color: #fff; font-family: var(--rr-font-en); font-weight: 800; font-size: 13px; display: flex; align-items: center; justify-content: center; }
#relike-recruit .rr-art-body blockquote { margin: 0 0 1.6em; background: #F3F7FC; border: 2px solid #C4D3E5; border-radius: 10px; padding: 16px 20px; color: var(--rr-color-muted); position: relative; }
#relike-recruit .rr-art-body table { width: 100%; border-collapse: collapse; margin: 0 0 1.6em; font-size: 14px; }
#relike-recruit .rr-art-body th { background: var(--rr-color-primary); color: #fff; font-weight: 800; text-align: left; }
#relike-recruit .rr-art-body th, #relike-recruit .rr-art-body td { border: 2px solid var(--rr-color-ink); padding: 10px 14px; }
.rr-art-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; background: var(--rr-slot-bg); border: 2px dashed var(--rr-slot-border); border-radius: 12px; color: var(--rr-slot-text); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; margin: 0 0 1.6em; }
.rr-art-toc { background: #F7FAFD; border: 2px solid var(--rr-color-ink); border-radius: 12px; padding: 20px 24px; margin: 0 0 2em; }
.rr-art-toc__title { font-size: 14px; font-weight: 900; color: var(--rr-color-primary); margin: 0 0 10px; letter-spacing: 0.04em; }
#relike-recruit .rr-art-toc ol { margin: 0; gap: 6px; }
#relike-recruit .rr-art-toc a { color: var(--rr-color-text); text-decoration: underline; text-underline-offset: 3px; font-weight: 700; font-size: 14px; }
#relike-recruit .rr-art-toc a:hover { color: var(--rr-color-primary); }
.rr-art-point { background: #FFF3E4; border: 2px solid var(--rr-color-accent-strong); border-radius: 12px; padding: 16px 20px 6px; margin: 0 0 1.6em; }
.rr-art-point__label { font-family: var(--rr-font-en); font-weight: 800; font-size: 16px; letter-spacing: 0.2em; color: var(--rr-color-accent-text); margin: 0 0 6px; }
.rr-art-ctabox { margin: 2.2em 0; }
.rr-art-author { display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: 'photo label' 'photo name' 'photo text'; column-gap: 20px; align-items: center; background: var(--rr-color-blue-soft); border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 20px 24px; margin-top: 34px; }
.rr-art-author__photo { grid-area: photo; align-self: center; }
.rr-art-author__label { grid-area: label; align-self: end; }
.rr-art-author__name { grid-area: name; }
.rr-art-author__body { grid-area: text; }
#relike-recruit .rr-art-author__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rr-art-author__photo { width: 96px; height: 96px; border-radius: 12px; overflow: hidden; border: 2px solid var(--rr-color-ink); background: #fff; }
.rr-art-author__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rr-art-author__label { font-size: 11.5px; font-weight: 800; color: var(--rr-color-primary); letter-spacing: 0.06em; }
.rr-art-author__name { font-size: 15.5px; font-weight: 900; margin-top: 3px; }
.rr-art-author__text { font-size: 13px; line-height: 1.9; color: var(--rr-color-text); margin-top: 6px; }
.rr-art-related { margin-top: 38px; }
.rr-art-related__title { font-size: 18px; font-weight: 900; padding-bottom: 12px; border-bottom: 2px solid var(--rr-color-blue-soft); margin-bottom: 20px; }
.rr-art-related__title span { font-size: 12px; font-weight: 700; color: var(--rr-color-muted); margin-left: 10px; }
.rr-art-related__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.rr-art-related__grid .rr-colA-card__title { font-size: 13.5px; }
.rr-art-related .rr-column__more { margin-top: 26px; text-align: center; }
@media (max-width: 1080px) {
  .rr-art-related__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .rr-art-sec { padding-top: 92px; }
  .rr-art { padding: 22px 18px 26px; border-radius: 12px; }
  #relike-recruit .rr-art-body { font-size: 14px; }
  #relike-recruit .rr-art-body h2 { font-size: 17px; padding: 11px 14px; }
  #relike-recruit .rr-art-body h3 { font-size: 17px; padding-left: 22px; }
  .rr-art-related__grid { grid-template-columns: minmax(0, 1fr); }
  .rr-art-author { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'photo' 'label' 'name' 'text'; column-gap: 0; row-gap: 2px; padding: 18px 16px 20px; }
  .rr-art-author > * { min-width: 0; }
  .rr-art-author__photo { width: 180px; height: 180px; justify-self: center; margin: 0 auto 10px; }
  .rr-art-author__label, .rr-art-author__name, .rr-art-author__body { justify-self: stretch; width: 100%; align-self: start; }
  .rr-breadcrumb--ink li[aria-current] { max-width: 60vw; }
}

/* ============================================================
   contact / thanks / privacy / 404
   ============================================================ */
.rr-page-wrap { max-width: 760px; margin-inline: auto; }
.rr-page-wrap--wide { max-width: 880px; }
.rr-contact-tel { text-align: center; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 24px 20px 22px; box-shadow: var(--rr-shadow-solid); margin-top: 24px; }
.rr-contact-tel__label { font-size: 13px; font-weight: 900; color: var(--rr-color-primary); }
.rr-contact-tel__number { display: inline-block; font-family: var(--rr-font-en); font-size: 30px; font-weight: 800; color: var(--rr-color-ink); margin-top: 6px; letter-spacing: 0.02em; }
.rr-contact-tel__number:hover { color: var(--rr-color-primary); }
.rr-contact-tel__note { font-size: 12.5px; color: var(--rr-color-muted); margin-top: 4px; }
.rr-form-demo .rr-btn { margin: 6px 6px 0; }
.rr-thanks { text-align: center; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 48px 28px 44px; box-shadow: var(--rr-shadow-solid); }
.rr-thanks__title { font-size: clamp(19px, 2.4vw, 24px); font-weight: 900; }
.rr-thanks__text { font-size: 14.5px; line-height: 2.05; color: var(--rr-color-text); margin: 18px 0 22px; }
.rr-thanks__text strong { color: var(--rr-color-accent-text); }
.rr-thanks__note { font-size: 12.5px; color: var(--rr-color-muted); margin-top: 4px; }
.rr-thanks__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.rr-nf { padding-top: 150px; }
.rr-nf__box { text-align: center; max-width: 640px; margin-inline: auto; background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 46px 28px 44px; box-shadow: var(--rr-shadow-solid); }
.rr-nf__code { font-family: var(--rr-font-en); font-weight: 800; font-size: clamp(64px, 9vw, 96px); line-height: 1; color: var(--rr-color-blue); text-shadow: 4px 4px 0 rgba(18, 71, 155, 0.14); }
#relike-recruit .rr-nf__title { font-size: clamp(18px, 2.3vw, 23px); font-weight: 900; margin-top: 16px; }
.rr-nf__text { font-size: 14px; line-height: 2; color: var(--rr-color-text); margin: 14px 0 26px; }
.rr-nf__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
@media (max-width: 767px) {
  .rr-thanks { padding: 34px 20px 32px; }
  .rr-nf { padding-top: 110px; }
  .rr-nf__box { padding: 34px 20px 32px; }
}

/* フッター会社情報：免許番号・FAX追加に伴う調整 */
.rr-footer__info div { grid-template-columns: 86px minmax(0, 1fr); }
.rr-footer__info dd { letter-spacing: 0.01em; }

/* フォーム：honeypot（bot対策・画面外へ）とエラー表示 */
.rr-form__hp { position: absolute !important; left: -9999px !important; top: auto; width: 1px; height: 1px; overflow: hidden; }
.rr-form__error { background: #FDECEC; border: 2px solid #C0392B; border-radius: 10px; color: #8E2418; font-size: 13.5px; font-weight: 700; line-height: 1.8; padding: 12px 16px; margin-bottom: 16px; }

/* ============================================================
   SERVICES：1カラム横長カード×3（2026-07改修）
   ============================================================ */
.rr-services__grid--rows { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.rr-service-row { display: grid; grid-template-columns: 440px minmax(0, 1fr); background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; overflow: hidden; box-shadow: var(--rr-shadow-solid); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.rr-service-row:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 rgba(18, 71, 155, 0.16); }
.rr-service-row--reverse { grid-template-columns: minmax(0, 1fr) 440px; }
.rr-service-row--reverse .rr-service-row__figure { order: 2; border-right: none; border-left: 2px solid var(--rr-color-ink); }
.rr-service-row__figure { margin: 0; border-right: 2px solid var(--rr-color-ink); min-height: 240px; }
.rr-service-row__figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rr-service-row__body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 34px 38px; }
.rr-service-row__num { display: inline-block; font-family: var(--rr-font-en); font-weight: 800; font-size: 13px; letter-spacing: 0.12em; color: var(--rr-color-primary); background: var(--rr-color-blue-soft); border-radius: 6px; padding: 3px 11px; }
.rr-service-row__title { font-size: 21px; font-weight: 900; line-height: 1.5; margin-top: 14px; }
.rr-service-row__text { font-size: 14px; line-height: 2; color: var(--rr-color-text); margin-top: 10px; }
@media (max-width: 900px) {
  .rr-service-row, .rr-service-row--reverse { grid-template-columns: minmax(0, 1fr); }
  .rr-service-row__figure, .rr-service-row--reverse .rr-service-row__figure { order: -1; border-right: none; border-left: none; border-bottom: 2px solid var(--rr-color-ink); min-height: 0; aspect-ratio: 16 / 7; }
  .rr-service-row__body { padding: 22px 22px 26px; }
  .rr-service-row__title { font-size: 18px; }
}

/* 下層ページ実画像適用（08入稿分）：スロットの点線をimg入りでは実線化し全面表示 */
.rr-subhero__photo img, .rr-subday__photo img, .rr-subsupport-card__slot img, .rr-subjob-card__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rr-subhero__photo:has(img), .rr-subday__photo:has(img), .rr-subsupport-card__slot:has(img) { border-style: solid; padding: 0; overflow: hidden; }
.rr-subjob-card__thumb:has(img) { border-bottom-style: solid; }

/* WP動的出力(コラム)用：サムネイル・アイキャッチ実画像（#relike-recruit img のリセットに勝つようID付き） */
#relike-recruit .rr-colA-card__thumb { position: relative; overflow: hidden; }
#relike-recruit .rr-colA-card__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rr-colA-card__thumb:has(img) { border-bottom-style: solid; }
#relike-recruit .rr-art__thumb { position: relative; overflow: hidden; }
#relike-recruit .rr-art__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rr-art__thumb:has(img) { border-style: solid; padding: 0; }

/* コラムカード：見出しリセット（#relike-recruit h2/h3）に負けて消えていた余白をID付きで確保 */
#relike-recruit .rr-colA-card__date { padding: 18px 22px 0; }
#relike-recruit .rr-colA-card__title { padding: 8px 22px 0; line-height: 1.75; }
#relike-recruit .rr-colA-card__more { padding: 14px 22px 20px; }
#relike-recruit .rr-colC-widget__title { padding-bottom: 12px; }
#relike-recruit .rr-art-related__title { padding-bottom: 12px; }

/* 固定ページ内コラム欄：実記事化に伴う追加（カテゴリチップ・日付・Coming Soon） */
#relike-recruit .rr-column-card__thumb { position: relative; overflow: hidden; }
#relike-recruit .rr-column-card__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.rr-column-card__thumb:has(img) { border-bottom-style: solid; }
#relike-recruit .rr-column-card__cat { position: absolute; z-index: 1; top: 12px; left: 12px; background: var(--rr-color-primary); color: #fff; font-size: 11px; font-weight: 800; border-radius: 6px; padding: 3px 10px; line-height: 1.6; }
#relike-recruit .rr-column-card__date { display: block; font-family: var(--rr-font-en); font-size: 12px; font-weight: 700; color: var(--rr-color-muted); padding: 16px 20px 0; }
#relike-recruit .rr-column-card__title { padding: 6px 20px 20px; }
#relike-recruit .rr-column-soon { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: #fff; border: 2px dashed var(--rr-slot-border); border-radius: 14px; padding: 46px 24px; text-align: center; }
#relike-recruit .rr-column-soon__en { font-family: var(--rr-font-en); font-weight: 800; font-size: 15px; letter-spacing: 0.28em; color: var(--rr-color-blue); }
#relike-recruit .rr-column-soon__text { font-size: 13.5px; font-weight: 700; color: var(--rr-color-muted); line-height: 2; }

/* 記事本文：text-wrap:pretty による右端の空き（早すぎる折返し）を解消し、行を右端まで使う */
#relike-recruit .rr-art-body p,
#relike-recruit .rr-art-body li,
#relike-recruit .rr-art-body blockquote,
#relike-recruit .rr-art-body td,
#relike-recruit .rr-art-body th,
#relike-recruit .rr-art-author__text,
#relike-recruit .rr-art-author__label,
#relike-recruit .rr-art-author__name { text-wrap: wrap; }

/* 職種・業界ページ POINT：SPは横スクロールカード（1枚ずつスワイプ・次カードを見せて誘導） */
@media (max-width: 767px) {
  #relike-recruit .rr-subpoints__items { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 20px; margin-inline: -20px; padding: 4px 20px 16px; -webkit-overflow-scrolling: touch; scrollbar-width: none; max-width: none; }
  #relike-recruit .rr-subpoints__items::-webkit-scrollbar { display: none; }
  #relike-recruit .rr-subpoints__items li { flex: 0 0 76%; max-width: 300px; scroll-snap-align: start; padding: 18px 18px 20px; gap: 8px; }
  #relike-recruit .rr-subpoints__title { font-size: 15.5px; }
  #relike-recruit .rr-subpoints__text { font-size: 13px; line-height: 1.85; }
}

/* SP調整：SERVICES行カードの本文余白／ONE DAYタイムラインの収まり */
@media (max-width: 767px) {
  /* SERVICES：SERVICE番号・タイトル・本文を下げて上下バランスを確保 */
  #relike-recruit .rr-service-row__body { padding: 30px 20px 32px; }
  /* ONE DAY：リセットで消えていた左ガター（線・◇の置き場）をSPで復元し、全て枠内に収める */
  #relike-recruit .rr-subday__list { padding-left: 22px; gap: 12px; }
  #relike-recruit .rr-subday__list::before { left: 9px; top: 8px; bottom: 8px; }
  #relike-recruit .rr-subday__list li { gap: 3px; padding: 12px 14px 13px; }
  #relike-recruit .rr-subday__list li::before { left: -18px; top: 21px; width: 9px; height: 9px; border-width: 1.5px; }
  #relike-recruit .rr-subday__time { font-size: 15.5px; }
  #relike-recruit .rr-subday__body h3 { font-size: 14px; }
  #relike-recruit .rr-subday__body p { font-size: 12.5px; line-height: 1.8; }
}

/* ABOUT小見出し2つをオレンジに（濃紺帯上は明るいオレンジ、明色上は読めるオレンジ） */
#relike-recruit .rr-about__direct .rr-about__subtitle { color: #fff; background-image: linear-gradient(transparent 78%, rgba(255, 122, 0, 0.75) 78%, rgba(255, 122, 0, 0.75) 96%, transparent 96%); width: fit-content; }
#relike-recruit .rr-about__why .rr-about__subtitle { color: var(--rr-color-accent-text); }
/* SP：SERVICESタイトル・本文をさらに下げる（リセットで消えていたmargin復元）／CTA見出しを1行で収める */
@media (max-width: 767px) {
  #relike-recruit .rr-service-row__title { margin-top: 22px; }
  #relike-recruit .rr-service-row__text { margin-top: 12px; }
  #relike-recruit .rr-cta__title { font-size: clamp(16px, 4.9vw, 21px); line-height: 1.6; }
}

/* PC：CTA見出し「同じ業界の私たちに聞かせてください。」を1行で収める（2カラム帯はコピー列幅に連動） */
@media (min-width: 901px) {
  #relike-recruit .rr-cta__title { font-size: clamp(20px, 5.5vw - 30px, 36px); }
}

/* SP：記事本文の行間・段落間隔を締めて読みやすく */
@media (max-width: 767px) {
  #relike-recruit .rr-art-body { line-height: 1.85; }
  #relike-recruit .rr-art-body p { margin-bottom: 1.35em; }
  #relike-recruit .rr-art-body ul, #relike-recruit .rr-art-body ol { margin-bottom: 1.35em; gap: 6px; }
}

/* v1.1.0 SEO/IA改修：対応範囲チップ・職種整理カード・役割の違い・サービス役割ラベル・a11y */
#relike-recruit .rr-service-row__role { display: inline-flex; align-self: flex-start; border: 1.5px solid var(--rr-color-blue); color: var(--rr-color-blue); border-radius: 999px; font-size: 12px; font-weight: 800; padding: 3px 14px; margin-bottom: 10px; background: #fff; }
#relike-recruit .rr-scope__box { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 30px 32px; box-shadow: var(--rr-shadow-solid); }
#relike-recruit .rr-scope__title { font-size: 19px; font-weight: 800; color: var(--rr-color-ink); margin-bottom: 18px; }
#relike-recruit .rr-scope__group { margin-top: 14px; }
#relike-recruit .rr-scope__group h3 { font-size: 13px; font-weight: 800; color: var(--rr-color-blue); margin-bottom: 8px; }
#relike-recruit .rr-scope__chips { display: flex; flex-wrap: wrap; gap: 8px; }
#relike-recruit .rr-scope__chips li { border: 2px solid var(--rr-color-ink); background: #fff; border-radius: 999px; padding: 6px 15px; font-size: 13px; font-weight: 700; }
#relike-recruit .rr-jic__title { font-size: 21px; font-weight: 800; color: var(--rr-color-ink); }
#relike-recruit .rr-jic__desc { font-size: 13.5px; line-height: 2; margin-top: 12px; color: var(--rr-color-text); }
#relike-recruit .rr-jic__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; margin-top: 24px; }
#relike-recruit .rr-jic__card { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 16px; padding: 26px 26px 28px; box-shadow: var(--rr-shadow-solid); }
#relike-recruit .rr-jic__name { font-size: 17.5px; font-weight: 800; color: var(--rr-color-ink); padding-bottom: 12px; border-bottom: 2px solid var(--rr-color-blue-soft); }
#relike-recruit .rr-jic__lead { font-size: 13px; line-height: 1.95; margin-top: 14px; }
#relike-recruit .rr-jic__label { display: inline-flex; background: var(--rr-color-blue-soft); color: var(--rr-color-blue); font-size: 12px; font-weight: 800; border-radius: 6px; padding: 4px 12px; margin-top: 16px; }
#relike-recruit .rr-jic__list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px 14px; margin-top: 12px; }
#relike-recruit .rr-jic__list li { position: relative; padding: 6px 0 6px 16px; font-size: 12.5px; font-weight: 700; border-bottom: 1px dashed #D8E4F5; }
#relike-recruit .rr-jic__list li::before { content: ""; position: absolute; left: 0; top: 13px; width: 7px; height: 7px; background: var(--rr-color-accent); transform: rotate(45deg); }
#relike-recruit .rr-jic__metas { margin-top: 16px; display: flex; flex-direction: column; gap: 9px; }
#relike-recruit .rr-jic__meta { font-size: 12.5px; line-height: 1.9; color: var(--rr-color-text); }
#relike-recruit .rr-jic__meta strong { color: var(--rr-color-ink); }
#relike-recruit .rr-diffnote { background: #fff; border: 2px solid var(--rr-color-ink); border-radius: 14px; padding: 22px 26px; box-shadow: var(--rr-shadow-solid); }
#relike-recruit .rr-diffnote__label { display: inline-flex; background: var(--rr-color-accent); color: #fff; font-size: 12px; font-weight: 800; border-radius: 6px; padding: 4px 12px; }
#relike-recruit .rr-diffnote__text { font-size: 13.5px; line-height: 2; margin-top: 12px; }
#relike-recruit .rr-diffnote__text strong { color: var(--rr-color-ink); }
#relike-recruit .rr-diffnote__link { display: inline-flex; margin-top: 12px; font-size: 13.5px; font-weight: 800; color: var(--rr-color-blue); text-decoration: underline; text-underline-offset: 3px; }
#relike-recruit input[name="website"] { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  #relike-recruit [data-rr-animate] { opacity: 1 !important; transform: none !important; transition: none !important; }
  #relike-recruit * { animation: none !important; }
}
@media (max-width: 767px) {
  #relike-recruit .rr-jic__grid { grid-template-columns: minmax(0,1fr); }
  #relike-recruit .rr-jic__list { grid-template-columns: minmax(0,1fr); }
  #relike-recruit .rr-scope__box { padding: 22px 18px; }
}

/* SP：セクション見出しの折り返し対策（14文字行が320px幅にも収まるサイズへ） */
@media (max-width: 767px) {
  #relike-recruit .rr-heading__title { font-size: clamp(19px, 5.9vw, 23px); line-height: 1.55; }
  #relike-recruit .rr-subhero__title { font-size: clamp(21px, 6.9vw, 27px); line-height: 1.45; }
  #relike-recruit .rr-subhero__title--long { font-size: clamp(17px, 5.2vw, 20.5px); }
  #relike-recruit .rr-scope__title { font-size: 15.5px; line-height: 1.8; }
}

/* SP：CTA帯見出しの折り返し対策（最長17文字行が320px幅にも収まるサイズへ） */
@media (max-width: 767px) {
  #relike-recruit .rr-ctaband__title { font-size: clamp(16px, 4.8vw, 19px); line-height: 1.7; }
  #relike-recruit .rr-ctaband__note { font-size: 12.5px; }
}

/* SP：職種ページ最下部CTA — タイトル2行固定・注記2行固定 */
@media (max-width: 767px) {
  #relike-recruit .rr-ctaband__title { font-size: clamp(14.5px, 4.6vw, 18.5px); }
}

@media (max-width: 767px) {
  .rr-art-point__label { font-size: 15px; letter-spacing: 0.12em; }
}

/* ============================================================
   v1.3.0 新ファーストビュー（白背景＋透過イラスト）
   ============================================================ */
#relike-recruit .rr-hero.rr-hero--v2 { background: #FCFAF6; color: var(--rr-color-ink); padding: 138px 0 0; border-bottom: 2px solid var(--rr-color-ink); }
#relike-recruit .rr-hero.rr-hero--v2::before { content: none; }
#relike-recruit .rr-hero2 { position: relative; z-index: 2; min-height: 545px; padding-bottom: 60px; }
#relike-recruit .rr-hero2__copy { position: relative; z-index: 3; max-width: 680px; padding-top: 26px; margin-left: -34px; }
#relike-recruit .rr-hero2__label { display: inline-flex; align-items: center; justify-content: center; background: var(--rr-color-ink); color: #fff; font-weight: 800; font-size: 15px; letter-spacing: 0.1em; line-height: 1; padding: 10px 18px; border-radius: 8px; white-space: nowrap; }
#relike-recruit .rr-hero2__title { white-space: nowrap; font-size: clamp(46px, 5.2vw, 72px); font-weight: 900; line-height: 1.16; letter-spacing: 0.02em; color: var(--rr-color-ink); margin-top: 26px; text-wrap: initial; }
#relike-recruit .rr-hero2__em { position: relative; z-index: 0; display: inline-block; color: var(--rr-color-accent-strong); font-style: normal; font-size: 1.18em; line-height: 1.3; }
#relike-recruit .rr-hero2__em::after { content: ''; position: absolute; left: -2%; right: -2%; bottom: -0.03em; height: 0.24em; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 26' preserveAspectRatio='none'%3E%3Cpath d='M6 16 C 50 9, 130 5.5, 210 6.5 C 250 7, 278 8.5, 295 10.5 C 296 12, 295 13.5, 292 14.5 C 240 13, 170 14, 105 17 C 60 19, 26 21, 9 22.5 C 5 21, 4 18.5, 6 16 Z' fill='%23FFD600'/%3E%3C/svg%3E") no-repeat center / 100% 100%; z-index: -1; }
#relike-recruit .rr-hero2__jo { font-size: 0.66em; }
#relike-recruit .rr-hero2__lead { font-size: clamp(15px, 1.3vw, 18.5px); font-weight: 700; line-height: 1.75; margin-top: 18px; margin-bottom: 26px; }
#relike-recruit .rr-hero2__ctas { display: flex; align-items: stretch; gap: 16px; margin-top: 6px; flex-wrap: wrap; }
#relike-recruit .rr-hero2__btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; background: var(--rr-color-accent-strong); color: #fff; font-weight: 800; font-size: 17px; padding: 16px 28px; border-radius: 10px; border: 2px solid var(--rr-color-ink); box-shadow: 4px 4px 0 rgba(11, 37, 69, 0.25); transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s; }
#relike-recruit .rr-hero2__btn:hover { background: var(--rr-color-accent); color: #fff; transform: translateY(-2px); box-shadow: 6px 6px 0 rgba(11, 37, 69, 0.25); }
#relike-recruit .rr-hero2__sub { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: #fff; color: var(--rr-color-ink); font-weight: 800; font-size: 16px; padding: 15px 26px; border-radius: 10px; border: 2px solid var(--rr-color-ink); transition: background-color 0.2s; }
#relike-recruit .rr-hero2__sub:hover { background: var(--rr-color-blue-soft); color: var(--rr-color-ink); }
#relike-recruit .rr-hero2__btn::after, #relike-recruit .rr-hero2__sub::after { content: ''; width: 9px; height: 9px; border-top: 2.5px solid currentColor; border-right: 2.5px solid currentColor; transform: rotate(45deg); flex: none; }
#relike-recruit .rr-hero2__art { position: absolute; right: 0; bottom: min(-5.2vw, -78px); z-index: 1; width: min(84vw, 1350px); pointer-events: none; }
#relike-recruit .rr-hero2__art img { display: block; width: 100%; height: auto; object-fit: contain; object-position: right bottom; }
#relike-recruit #rr-contact-form, #relike-recruit .rr-formsec { scroll-margin-top: 96px; }
#relike-recruit #rr-service { scroll-margin-top: 84px; }
#relike-recruit .rr-formsec .rr-formsec__wrap { position: relative; z-index: 1; max-width: 660px; margin: 0 auto; }
@media (max-width: 1180px) {
  #relike-recruit .rr-hero2__art { width: 80vw; }
  #relike-recruit .rr-hero2__copy { max-width: 600px; margin-left: -20px; }
}
@media (max-width: 1080px) {
  #relike-recruit .rr-hero2__title { font-size: clamp(34px, 4.5vw, 48px); }
  #relike-recruit .rr-hero2__art { width: 76vw; }
  #relike-recruit .rr-hero2__copy { max-width: 540px; margin-left: -12px; }
  #relike-recruit .rr-hero2 { min-height: 470px; }
}
@media (max-width: 900px) {
  #relike-recruit .rr-hero2__ctas { gap: 12px; }
  #relike-recruit .rr-hero2__btn { font-size: 15.5px; padding: 14px 20px; }
  #relike-recruit .rr-hero2__sub { font-size: 14.5px; padding: 13px 18px; }
}
@media (max-width: 767px) {
  #relike-recruit .rr-hero.rr-hero--v2 { padding: 78px 0 0; overflow: hidden; }
  #relike-recruit .rr-hero2 { min-height: 0; padding-bottom: 0; }
  #relike-recruit .rr-hero2__copy { max-width: none; padding-top: 8px; position: static; margin-left: 0; }
  #relike-recruit .rr-hero2__label, #relike-recruit .rr-hero2__title, #relike-recruit .rr-hero2__lead { position: relative; z-index: 3; }
  #relike-recruit .rr-hero2__label { font-size: 13px; padding: 9px 14px; }
  #relike-recruit .rr-hero2__title { white-space: normal; font-size: clamp(32px, 9.6vw, 41px); line-height: 1.2; margin-top: 22px; }
  #relike-recruit .rr-hero2__lead { font-size: 15px; line-height: 1.75; margin-top: 14px; margin-bottom: 20px; background: rgba(255, 255, 255, 0.72); border-radius: 10px; padding: 12px 14px; display: inline-block; }
  #relike-recruit .rr-hero2__ctas { position: absolute; left: 24px; right: 24px; bottom: 18px; z-index: 4; flex-direction: column; align-items: stretch; gap: 0; margin-top: 0; }
  #relike-recruit .rr-hero2__btn { width: 100%; font-size: 17px; padding: 18px 20px; }
  #relike-recruit .rr-hero2__sub { display: none; }

  #relike-recruit .rr-hero2 { position: relative; padding-bottom: calc(52vw + 110px); }
  #relike-recruit .rr-hero2__art { position: absolute; top: calc(14vw + 22px); right: auto; bottom: auto; left: -12%; width: 118%; margin: 0; z-index: 1; }
}

/* v1.5.2 オレンジ強調（REASONSカード・SERVICES行タイトル・INDUSTRIES見出し） */
#relike-recruit .rr-accent-underline { color: var(--rr-color-accent-text); background-image: linear-gradient(transparent 78%, rgba(255, 122, 0, 0.35) 78%, rgba(255, 122, 0, 0.35) 96%, transparent 96%); }

/* v1.5.7 SERVICES：オススメ判断基準タグ */
#relike-recruit .rr-service-row__reco { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 9px 14px; background: #FFF3E4; border: 2px solid var(--rr-color-accent-strong); border-radius: 8px; color: var(--rr-color-accent-text); font-size: 14px; font-weight: 800; line-height: 1.5; }
#relike-recruit .rr-service-row__reco .rr-ic { width: 16px; height: 16px; flex: none; }
#relike-recruit .rr-service-row__text { margin-top: 10px; }
@media (max-width: 767px) {
  #relike-recruit .rr-service-row__reco { margin-top: 14px; font-size: 13px; padding: 8px 12px; }
}
#relike-recruit .rr-service-row__reco--card { margin-top: 12px; font-size: 13px; padding: 8px 12px; gap: 7px; }
/* v1.6.1 SUPPORTカード：オススメタグの高さを揃える（カードをflex化しタグを下端に固定） */
#relike-recruit .rr-subsupport-card { display: flex; flex-direction: column; align-items: flex-start; }
#relike-recruit .rr-subsupport-card .rr-service-row__reco--card { margin-top: auto; }
#relike-recruit .rr-subsupport-card__text { margin-bottom: 12px; }
/* v1.6.3 背景メリハリ：SERVICES濃紺化・FAQ薄ブルー化に伴う調整 */
#relike-recruit .rr-section--deep .rr-service-row { box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.28); }
#relike-recruit .rr-section--deep .rr-service-row:hover { box-shadow: 11px 11px 0 rgba(0, 0, 0, 0.32); }
#relike-recruit .rr-faq.rr-section--pale .rr-accordion__item { background: #fff; }
/* v1.6.4 濃紺SERVICES：白カード内の文字色をインクに戻す（--deepのcolor:#fff継承対策） */
#relike-recruit .rr-section--deep .rr-service-row { color: var(--rr-color-ink); }
#relike-recruit .rr-section--deep .rr-service-row__title { color: var(--rr-color-ink); }
/* v1.6.5 JOB INSIGHT：note削除に伴いパネル高さを圧縮 */
#relike-recruit .rr-job__panel { min-height: 520px; }
@media (max-width: 1080px) { #relike-recruit .rr-job__panel { min-height: 0; } }

/* ============================================================
   v1.7.0 RESULTS（数字で見る採用実績）＋新REASONS（テキスト中心）
   ============================================================ */
#relike-recruit .rr-results__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
#relike-recruit .rr-results__item { background: #fff; border: var(--rr-border); border-radius: 14px; box-shadow: var(--rr-shadow-solid); padding: 30px 18px 28px; text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
#relike-recruit .rr-results__label { font-size: 15px; font-weight: 800; color: var(--rr-color-ink); line-height: 1.4; }
#relike-recruit .rr-results__num { font-family: var(--rr-font-en); font-weight: 800; font-size: clamp(46px, 4.6vw, 62px); line-height: 1; color: var(--rr-color-accent-text); letter-spacing: 0.01em; }
#relike-recruit .rr-results__num small { font-family: var(--rr-font-jp); font-size: 0.36em; font-weight: 900; letter-spacing: 0.02em; }
#relike-recruit .rr-results__item--wide { grid-column: 1 / -1; background: var(--rr-color-primary); border-color: var(--rr-color-ink); flex-direction: row; align-items: center; justify-content: center; gap: 28px; padding: 26px 20px; }
#relike-recruit .rr-results__item--wide .rr-results__label { color: #fff; font-size: 17px; }
#relike-recruit .rr-results__item--wide .rr-results__num { color: var(--rr-color-accent-light); }
#relike-recruit .rr-results__notes { margin-top: 20px; }
#relike-recruit .rr-results__notes p { font-size: 12px; line-height: 1.9; color: var(--rr-color-muted); }
#relike-recruit .rr-reasons__rows { display: flex; flex-direction: column; gap: 22px; }
#relike-recruit .rr-reason-row { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 34px; background: #fff; border: var(--rr-border); border-radius: 14px; box-shadow: var(--rr-shadow-solid); padding: 36px 38px; }
#relike-recruit .rr-reason-row__num { display: block; font-family: var(--rr-font-en); font-size: 44px; font-weight: 800; line-height: 1; color: var(--rr-color-accent-text); }
#relike-recruit .rr-reason-row__title { font-size: clamp(20px, 2vw, 25px); font-weight: 900; line-height: 1.55; margin-top: 14px; }
#relike-recruit .rr-reason-row__body p { font-size: 15.5px; font-weight: 500; line-height: 2; color: var(--rr-color-text); }
#relike-recruit .rr-reason-row__body p + p { margin-top: 12px; }
@media (max-width: 767px) {
  #relike-recruit .rr-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  #relike-recruit .rr-results__item { padding: 22px 12px 20px; gap: 9px; }
  #relike-recruit .rr-results__label { font-size: 13px; }
  #relike-recruit .rr-results__num { font-size: 37px; }
  #relike-recruit .rr-results__item--wide { grid-column: auto; flex-direction: column; gap: 9px; padding: 22px 12px 20px; }
  #relike-recruit .rr-results__item--wide .rr-results__label { font-size: 13px; }
  #relike-recruit .rr-results__notes p { font-size: 11px; }
  #relike-recruit .rr-reason-row { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 26px 20px; }
  #relike-recruit .rr-reason-row__num { font-size: 34px; }
  #relike-recruit .rr-reason-row__title { font-size: 19.5px; margin-top: 10px; }
  #relike-recruit .rr-reason-row__body p { font-size: 15px; line-height: 1.95; }
}

/* ============================================================
   v1.7.1 C案採用：RESULTS＝表組み風分割ボード / REASONS＝ステップ型
   ============================================================ */
#relike-recruit .rc-board { background: #fff; border: var(--rr-border); border-radius: 16px; box-shadow: 7px 7px 0 var(--rr-color-ink); overflow: hidden; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
#relike-recruit .rc-cell { padding: 40px 18px 36px; text-align: center; border-left: 2px solid var(--rr-color-ink); display: flex; flex-direction: column; gap: 13px; }
#relike-recruit .rc-cell:first-child { border-left: 0; }
#relike-recruit .rc-cell--hl { background: var(--rr-color-blue-soft); }
#relike-recruit .rc-label { font-size: 17.5px; font-weight: 900; color: var(--rr-color-ink); }
#relike-recruit .rc-label::after { content: ''; display: block; width: 26px; height: 4px; border-radius: 2px; background: var(--rr-color-accent-strong); margin: 10px auto 0; }
#relike-recruit .rc-num { font-family: var(--rr-font-en); font-weight: 800; font-size: clamp(48px, 4.4vw, 66px); line-height: 1; color: var(--rr-color-accent-text); }
#relike-recruit .rc-num small { font-family: var(--rr-font-jp); font-size: 0.35em; font-weight: 900; color: var(--rr-color-ink); }
#relike-recruit .rc-notes { margin-top: 20px; }
#relike-recruit .rc-notes p { font-size: 12px; line-height: 1.9; color: var(--rr-color-muted); }
#relike-recruit .rc-steps { position: relative; max-width: 980px; margin-inline: auto; }
#relike-recruit .rc-steps::before { content: ''; position: absolute; left: 33px; top: 10px; bottom: 10px; width: 3px; background: var(--rr-color-ink); opacity: 0.18; }
#relike-recruit .rc-step { position: relative; display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 26px; padding: 8px 0 46px; }
#relike-recruit .rc-step:last-child { padding-bottom: 0; }
#relike-recruit .rc-step__num { position: relative; z-index: 1; width: 68px; height: 68px; border-radius: 50%; background: var(--rr-color-accent-strong); border: var(--rr-border); box-shadow: 3px 3px 0 var(--rr-color-ink); color: #fff; font-family: var(--rr-font-en); font-weight: 800; font-size: 25px; display: inline-flex; align-items: center; justify-content: center; }
#relike-recruit .rc-step__panel { background: #fff; border: var(--rr-border); border-radius: 14px; box-shadow: var(--rr-shadow-solid); padding: 28px 32px; }
#relike-recruit .rc-step__title { font-size: clamp(20px, 2vw, 24px); font-weight: 900; line-height: 1.5; padding-bottom: 14px; margin-bottom: 16px; border-bottom: 2px dashed #C4D3E5; }
#relike-recruit .rc-step__body p { font-size: 15.5px; font-weight: 500; line-height: 2; color: var(--rr-color-text); }
#relike-recruit .rc-step__body p + p { margin-top: 0; }
@media (max-width: 900px) {
  #relike-recruit .rc-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #relike-recruit .rc-cell { padding: 26px 12px 24px; gap: 10px; }
  #relike-recruit .rc-cell:nth-child(3) { border-left: 0; }
  #relike-recruit .rc-cell:nth-child(n+3) { border-top: 2px solid var(--rr-color-ink); }
  #relike-recruit .rc-label { font-size: 14.5px; }
  #relike-recruit .rc-num { font-size: 41px; }
  #relike-recruit .rc-steps::before { left: 24px; }
  #relike-recruit .rc-step { grid-template-columns: 50px minmax(0, 1fr); gap: 14px; padding-bottom: 30px; }
  #relike-recruit .rc-step__num { width: 50px; height: 50px; font-size: 19px; }
  #relike-recruit .rc-step__panel { padding: 20px 18px; }
  #relike-recruit .rc-step__title { font-size: 18.5px; padding-bottom: 11px; margin-bottom: 13px; }
  #relike-recruit .rc-step__body p { font-size: 15px; line-height: 1.95; }
}
/* v1.7.2 REASONS：見出しにオレンジマーカー下線 */
#relike-recruit .rc-step__title em { font-style: normal; background-image: linear-gradient(transparent 78%, rgba(255, 122, 0, 0.4) 78%, rgba(255, 122, 0, 0.4) 96%, transparent 96%); }
/* v1.9.1 表示速度：画像のレイアウト確定（CLS対策）＋描画コスト削減 */
#relike-recruit img { content-visibility: auto; }
#relike-recruit .rr-section { contain-intrinsic-size: auto 600px; }

/* ============================================================
   v1.9.4 選ばれる理由：LPと同じ横並びカード（アイコン＋番号バッジ重ね）
   ============================================================ */
#relike-recruit .rc-rows { display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; gap: 20px; }
#relike-recruit .rc-row { display: grid; grid-template-columns: 19% minmax(0, 1fr); column-gap: 30px; align-items: start; background: #fff; border: var(--rr-border); border-radius: 14px; box-shadow: var(--rr-shadow-solid); padding: 32px 34px; }
#relike-recruit .rc-row__figure { position: relative; align-self: start; }
#relike-recruit .rc-row__num { position: absolute; z-index: 2; top: -10px; left: -14px; width: 48px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--rr-color-accent-strong); border: var(--rr-border); box-shadow: 2px 2px 0 var(--rr-color-ink); color: #fff; font-family: var(--rr-font-en); font-weight: 800; font-size: 25px; }
#relike-recruit .rc-row__img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
#relike-recruit .rc-row__title { font-size: clamp(20px, 2.1vw, 26px); font-weight: 900; line-height: 1.45; color: var(--rr-color-ink); }
#relike-recruit .rc-row__body p { margin-top: 12px; font-size: 15.5px; font-weight: 500; line-height: 1.95; color: var(--rr-color-text); }

@media (max-width: 1023px) {
  #relike-recruit .rc-row { grid-template-columns: 22% minmax(0, 1fr); column-gap: 24px; }
}
@media (max-width: 767px) {
  #relike-recruit .rc-rows { grid-auto-rows: auto; gap: 16px; }
  #relike-recruit .rc-row { grid-template-columns: 104px minmax(0, 1fr); column-gap: 14px; row-gap: 12px; padding: 22px 18px; }
  #relike-recruit .rc-row__num { top: -6px; left: 0; width: 42px; height: 36px; font-size: 21px; }
  #relike-recruit .rc-row__body { grid-column: 1 / -1; }
  #relike-recruit .rc-row__title { font-size: 19.5px; }
  #relike-recruit .rc-row__body p { font-size: 15px; }
}

/* ============================================================
   v1.9.6 FV下：LPと同じ採用課題バンド（濃紺背景）
   ============================================================ */
#relike-recruit .rr-problem { position: relative; background: var(--rr-color-ink); color: #fff; padding: 58px 0 70px; }
#relike-recruit .rr-problem__inner { display: grid; grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1.06fr); gap: 26px; align-items: center; }
#relike-recruit .rr-problem__list { display: flex; flex-direction: column; gap: 18px; }
#relike-recruit .rr-problem__list li { display: flex; align-items: center; gap: 14px; font-size: clamp(18px, 1.75vw, 25px); font-weight: 900; line-height: 1.45; }
#relike-recruit .rr-problem__list .rr-ic { width: 30px; height: 30px; padding: 4px; color: var(--rr-color-accent-strong); border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 5px; flex: none; }
#relike-recruit .rr-problem__arrow { justify-self: center; width: 0; height: 0; border-block: 17px solid transparent; border-left: 26px solid var(--rr-color-accent-strong); }
#relike-recruit .rr-problem__title { font-size: clamp(20px, 2.55vw, 36px); font-weight: 900; line-height: 1.4; letter-spacing: -0.01em; white-space: nowrap; }
#relike-recruit .rr-problem__em { color: var(--rr-color-accent-strong); }
#relike-recruit .rr-problem__wedge { position: absolute; left: 50%; bottom: -1px; transform: translate(-50%, 100%); width: 0; height: 0; border-inline: 34px solid transparent; border-top: 30px solid var(--rr-color-accent-strong); z-index: 2; }

@media (max-width: 1023px) {
  #relike-recruit .rr-problem__inner { grid-template-columns: minmax(0, 1fr); gap: 20px; justify-items: center; text-align: center; }
  #relike-recruit .rr-problem__list { align-items: center; }
  #relike-recruit .rr-problem__arrow { border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 22px solid var(--rr-color-accent-strong); border-bottom: 0; }
}
@media (max-width: 767px) {
  #relike-recruit .rr-problem { padding: 40px 0 48px; }
  #relike-recruit .rr-problem__list li { font-size: 17px; gap: 11px; }
  #relike-recruit .rr-problem__list .rr-ic { width: 26px; height: 26px; }
  #relike-recruit .rr-problem__title { font-size: clamp(17px, 5.1vw, 22px); }
}
/* v1.9.7 課題バンド：アイコン非使用に伴う余白調整 */
#relike-recruit .rr-problem__list li { gap: 0; }