@charset "utf-8";

/* ==========================================================================
   採用ページ改修 LP スタイル（namespace: .rc-）
   Figma「採用ページ改修」PC(9:2)/SP(708:116) 準拠
   tokens: orange #ff8021 / cyan #10bbf1 / navy-deep #0b1126 / navy #002b4f
   ========================================================================== */

.rc-body {
  --rc-navy-deep: #0b1126;
  --rc-navy: #002b4f;
  --rc-orange: #ff8021;
  --rc-cyan: #10bbf1;
  --rc-cyan-h: #0aa8dc;
  --rc-bg: #f7f8fa;
  --rc-wm: #e8ebf2;
  --rc-text: #1b2333;
  --rc-sub: #5b6272;
  --rc-line: #e5e8ee;
  --rc-maxw: 1360px;
  /* 1440基準でコンテンツ1312px(左右64px) */
  margin: 0;
  color: var(--rc-text);
  background: #fff;
  font-family: "Noto Sans JP", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
}

.rc-body *,
.rc-body *::before,
.rc-body *::after {
  box-sizing: border-box;
}

.rc-body img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ボタン(.rc-btn)は自前の文字色を持つため継承対象から除外（白抜きが親色に負けるのを防ぐ） */

/* テーマ側 stock.css の h1〜h6{color:#000} を打ち消し、親(セクション)の文字色を継承させる */

.rc-body h1,
.rc-body h2,
.rc-body h3,
.rc-body h4,
.rc-body h5,
.rc-body h6 {
  color: inherit;
}

.rc-body a {
  text-decoration: none;
}

.rc-body :where(a:not(.rc-btn)) {
  color: inherit;
}

/* :where で詳細度0にして各コンポーネントの色を優先 */

.rc-o {
  color: var(--rc-orange);
}

.rc-wrap {
  max-width: var(--rc-maxw);
  margin: 0 auto;
  padding: 0 24px;
}

.rc-wrap--narrow {
  max-width: 920px;
}

.rc-center {
  text-align: center;
}

.rc-sp {
  display: none;
}

/* PC専用の改行マーカー（SPでは非表示にする） */

.rc-pc {
  display: inline;
}

/* ---------- buttons ---------- */

.rc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4em;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  letter-spacing: .02em;
  padding: 15px 26px;
  border-radius: 999px;
  border: 2px solid transparent;
  transition: .2s ease;
  cursor: pointer;
  white-space: nowrap;
}

/* テーマ側 theme.min.css の a:hover{color:…}(詳細度0-1-1)に負けないよう .rc-body を付け、
   hover/focus でも文字色が白のままになるよう明示する */

.rc-body .rc-btn--cyan,
.rc-body .rc-btn--cyan:hover,
.rc-body .rc-btn--cyan:focus-visible {
  background: var(--rc-cyan);
  color: #fff;
  border-color: var(--rc-cyan);
}

/* hover: 塗りの色は変えず影だけ付く（原本の録画から実測: 下方向へ約17pxで減衰、
   ピーク約50%、色は #002B4F 系）。Y7 / ぼかし12 / 広がり0 で一致 */

.rc-btn--cyan:hover,
.rc-btn--cyan:focus-visible {
  box-shadow: 0 7px 12px rgba(0, 43, 79, .5);
}

.rc-body .rc-btn--ghost,
.rc-body .rc-btn--ghost:focus-visible {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

.rc-body .rc-btn--ghost:hover {
  background: rgba(255, 255, 255, .12);
  color: #fff;
  border-color: #fff;
}

.rc-btn--lg {
  font-size: 16px;
  padding: 15px 26px;
}

.rc-btnrow {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: center;
}

/* ---------- header ---------- */

.rc-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  transition: box-shadow .2s;
}

.rc-header.is-scrolled {
  box-shadow: 0 4px 18px rgba(0, 0, 0, .10);
}

.rc-header__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rc-header__logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.rc-header__logo-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding-left: 12px;
  border-left: 1px solid var(--rc-line);
  line-height: 1.15;
}

.rc-header__logo-txt b {
  font-size: 15px;
  font-weight: 700;
  color: var(--rc-text);
}

.rc-header__logo-txt small {
  font-size: 10px;
  letter-spacing: .2em;
  color: var(--rc-sub);
  font-family: "Poppins", sans-serif;
}

.rc-gnav {
  display: flex;
  align-items: center;
  gap: 26px;
}

.rc-gnav>a {
  font-size: 14px;
  font-weight: 500;
  transition: color .15s;
}

.rc-gnav>a:hover {
  color: var(--rc-cyan);
}

.rc-gnav__entry {
  color: #fff !important;
  padding: 11px 22px;
}

.rc-navtoggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: none;
  border: 0;
  cursor: pointer;
}

.rc-navtoggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--rc-text);
  transition: .25s;
}

.rc-navtoggle.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.rc-navtoggle.is-open span:nth-child(2) {
  opacity: 0;
}

.rc-navtoggle.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ---------- section commons ---------- */

.rc-sec {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}

.rc-sec--gray {
  background: var(--rc-bg);
}

/* 透かし番号: Figma実測(1440基準) 字面 上128px/高さ277px・右端は見切れ */

.rc-sec__num {
  position: absolute;
  top: 72px;
  right: -28px;
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: clamp(180px, 25.76vw, 371px);
  line-height: 1;
  color: var(--rc-wm);
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

.rc-sec>.rc-wrap {
  position: relative;
  z-index: 1;
}

.rc-sechead {
  margin-bottom: 56px;
}

.rc-sechead--center {
  text-align: center;
}

.rc-sechead__en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  letter-spacing: .12em;
  color: #5b6270;
  margin: 0 0 16px;
}

.rc-sechead__no {
  color: var(--rc-navy);
}

/* .rc-body h1〜h6{color:inherit} より詳細度を上げるため .rc-body を付ける */

.rc-body .rc-sechead__ja {
  font-size: clamp(30px, 3.82vw, 55px);
  font-weight: 900;
  line-height: 1.35;
  color: #191b32;
  margin: 0 0 9px;
}

.rc-sechead__lead {
  color: #5b6270;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8;
  margin: 0;
}

.rc-label {
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  color: var(--rc-orange);
  letter-spacing: .04em;
  margin: 0 0 14px;
}

/* ---------- hero ---------- */

.rc-breadcrumb {
  max-width: 1280px;
  margin: 0 auto;
  padding: 14px 24px;
  font-size: 12px;
  color: var(--rc-sub);
  display: flex;
  align-items: center;
  gap: 8px;
}

.rc-breadcrumb a:hover {
  color: var(--rc-cyan);
}

.rc-hero {
  background: #fff;
  padding-bottom: 70px;
}

.rc-hero__stage {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 24px;
}

/* デザイン準拠の段違いマソンリー（Figma原本 1440×640 を実測した%絶対配置） */

.rc-hero__grid {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/640;
  overflow: hidden;
}

/* 写真は同じセットを2枚重ねて配置し、1セット＋継ぎ目(20px=1.3889%)分ずらして無限ループ。
   右へ流れるので、開始位置を左にずらして0へ動かす。
   速度は原本の録画から実測した約36px/秒（1セット1440px ÷ 40秒）。
   コピー帯とSCROLL DOWNはトラックの外なので動かない */

.rc-hero__track {
  position: absolute;
  inset: 0;
  animation: rc-hero-slide 40s linear infinite;
  will-change: transform;
}

.rc-hero__set {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 2枚目は1セット＋継ぎ目の隙間だけ右に置く（写真同士の間隔と同じ20px） */

.rc-hero__set + .rc-hero__set {
  left: calc(100% + 1.3889%);
}

@keyframes rc-hero-slide {
  from {
    transform: translateX(calc(-100% - 1.3889%));
  }

  to {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rc-hero__track {
    animation: none;
    transform: translateX(0);
  }
}

.rc-hero__ph {
  position: absolute;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #e9edf3;
}

.rc-hero__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rc-hero__ph--1 {
  left: 0;
  top: 4.38%;
  width: 26.67%;
  height: 40%;
}

.rc-hero__ph--2 {
  left: 28.06%;
  top: 8.44%;
  width: 22.5%;
  height: 33.75%;
}

.rc-hero__ph--3 {
  left: 51.94%;
  top: 4.06%;
  width: 28.75%;
  height: 43.12%;
}

.rc-hero__ph--4 {
  left: 82.08%;
  top: 9.38%;
  right: 0;
  height: 35%;
}

.rc-hero__ph--5 {
  left: 0;
  top: 55.62%;
  width: 24.17%;
  height: 36.25%;
}

.rc-hero__ph--6 {
  left: 25.56%;
  top: 51.56%;
  width: 28.75%;
  height: 43.12%;
}

.rc-hero__ph--7 {
  left: 55.69%;
  top: 57.81%;
  width: 21.67%;
  height: 32.5%;
}

.rc-hero__ph--8 {
  left: 78.75%;
  top: 53.44%;
  right: 0;
  height: 40.62%;
}

/* 09/10 はSPのグリッド専用 */

.rc-hero__ph--9,
.rc-hero__ph--10 {
  display: none;
}

/* コピー帯・CTA: 帯もボタンも左100px(=6.94%)揃え / 帯top225px(=35.16%) */

.rc-hero__copy {
  position: absolute;
  left: 6.94%;
  top: 35.16%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  z-index: 3;
}

.rc-hero__lead {
  margin: 0;
  align-self: flex-start;
  background: var(--rc-navy-deep);
  color: #fff;
  font-size: clamp(20px, 3.82vw, 55px);
  font-weight: 900;
  line-height: 1.33;
  padding: .19em .73em;
}

.rc-hero__cta {
  margin-top: 12px;
  font-size: 16px;
}

/* copyのgap8pxと合わせて帯下20px */

/* SCROLL DOWN: P8写真の上に白文字。右端-29px(2.01%)/下端-47px(7.34%)・文字列長103px */

.rc-hero__scroll {
  position: absolute;
  right: 2.01%;
  bottom: 7.34%;
  writing-mode: vertical-rl;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  letter-spacing: .18em;
  color: #fff;
  z-index: 3;
}

/* ---------- 01 message ----------
   Figma原本(1440基準)実測: 写真280×320(左64/上100)・紺ブロックは右下+32px・
   カラム間81px・ラベル20px・見出し36px/行送り57px・本文20px/行送り37px・段落間37px */

.rc-message__inner {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 81px;
  align-items: start;
}

.rc-message__media img {
  width: 100%;
  aspect-ratio: 280/320;
  object-fit: cover;
  box-shadow: 32px 32px 0 var(--rc-navy);
}

.rc-message .rc-label {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 17px;
}

.rc-message__ttl {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 900;
  line-height: 1.583;
  margin: 0 0 16px;
}

.rc-message__text {
  line-height: 1.85;
}

.rc-message__text p {
  margin: 0 0 37px;
  font-size: 20px;
}

.rc-message__sign {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
  font-weight: 700;
}

.rc-message__signimg {
  width: 180px;
  height: auto;
}

/* ---------- 02 why ----------
   Figma原本(1440基準)実測: 見出し55px/行送り80px・リード16px・
   画像520×320(左96)・カラム間49px・本文18px/行送り33px・上下パディング72/76 */

/* overflow:hidden は子の position:sticky を壊すため clip を使う（透かしの見切れは維持） */

.rc-why {
  overflow: clip;
  padding: 70px 0 0;
}

.rc-why .rc-sechead {
  margin-bottom: 0;
}

.rc-why .rc-sechead__en {
  font-size: 15px;
  margin: 0 0 9px;
}

.rc-why .rc-sechead__ja {
  font-size: clamp(30px, 3.82vw, 55px);
  line-height: 1.45;
  margin: 0 0 15px;
}

.rc-why .rc-sechead__lead {
  font-size: 20px;
  line-height: 1.9;
  color: #323232;
}

/* 01〜05は縦並び（2026-08-21変更: スクロール連動の紙芝居をやめ、順に読ませる形へ）。
   CTA帯はカード群のすぐ下に通常配置される */

.rc-whystack {
  position: relative;
  margin-top: 50px;
}

.rc-whycard + .rc-whycard {
  margin-top: 80px;
}

.rc-why .rc-ctaband {
  margin-top: 76px;
}

.rc-whycard__inner {
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 49px;
  align-items: start;
  padding-left: 56px;
}

.rc-whycard__media {
  margin: 0;
}

.rc-whycard__media img {
  width: 100%;
  aspect-ratio: 520/320;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.rc-whycard__txt {
  padding-top: 83px;
}

.rc-whycard__txt h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--rc-orange);
  margin: 0 0 13px;
  display: flex;
  gap: 24px;
  align-items: baseline;
}

.rc-whycard__no {
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  flex: none;
  font-variant-numeric: tabular-nums;
  min-width: 39px;
}

.rc-whycard__txt p {
  margin: 0;
  font-size: 20px;
  line-height: 1.83;
  color: #323232;
}

/* ---------- cta band ---------- */

/* CTA帯: Figma実測(1440基準) 背景#002b4f・帯高214px・タイトル字面482px(25px)・ボタン49px */

.rc-ctaband {
  background: var(--rc-navy);
  color: #fff;
  padding: 56px 0;
}

.rc-ctaband__inner {
  text-align: center;
}

.rc-ctaband__ttl {
  font-size: clamp(20px, 1.74vw, 25px);
  font-weight: 900;
  line-height: 1.24;
  margin: 0 0 22px;
}

.rc-ctaband__ttl span {
  color: #fff;
}

/* ---------- 03 life ---------- */

.rc-mottos {
  background: #fff;
  border: 1px solid var(--rc-line);
  border-radius: 16px;
  padding: 40px 44px;
  margin-bottom: 70px;
}

.rc-mottos__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.rc-mottos__head h3 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

.rc-mottos__note {
  font-size: 16px;
  color: var(--rc-cyan);
  font-weight: 600;
}

.rc-mottos__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 48px;
}

.rc-mottos__list li {
  border-bottom: 0;
}

/* テーマ側 a:hover{color:…}(0-1-1)に負けるため、hover時の色を明示して保つ。
   10の考え方の行は色を変えず、矢印のスライドのみ */

.rc-body .rc-mottos__list a,
.rc-body .rc-mottos__list a:hover,
.rc-body .rc-mottos__list a:focus-visible {
  color: var(--rc-text);
}

.rc-mottos__list a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 9px 0;
  line-height: 1.5;
  transition: .15s;
}

.rc-mottos__no {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: var(--rc-orange);
  font-size: 20px;
  min-width: 22px;
}

.rc-mottos__txt {
  flex: 1;
  font-size: 20px;
  font-weight: 500;
}

.rc-mottos__arrow {
  color: var(--rc-cyan);
  transition: transform .2s ease;
}

/* hover: 矢印が右へスライド */

.rc-mottos__list a:hover .rc-mottos__arrow,
.rc-mottos__list a:focus-visible .rc-mottos__arrow {
  transform: translateX(6px);
}

.rc-life__envttl {
  text-align: center;
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 36px;
}

.rc-envgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.rc-envcard {
  background: #fff;
  border: 1px solid var(--rc-line);
  border-radius: 12px;
  padding: 26px;
  transition: .2s;
}

.rc-envcard:hover {
  box-shadow: 0 10px 26px rgba(16, 26, 45, .08);
  transform: translateY(-3px);
}

.rc-envcard__media {
  margin: 0 0 18px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rc-envcard__media img {
  max-height: 150px;
  width: auto;
}

.rc-envcard__ttl {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.rc-envcard__txt {
  font-size: 20px;
  color: var(--rc-sub);
  margin: 0;
}

/* 背景装飾(斜線円): セクションの overflow で見切れる。内容より背面 */

.rc-deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.rc-deco img {
  position: absolute;
  display: block;
  max-width: none;
}

.rc-deco__l {
  left: 0;
  top: 30px;
  width: 320px;
  height: 460px;
}

.rc-deco__c {
  left: 32.64%;
  top: 0;
  width: 300px;
  height: 190px;
}

.rc-deco__r {
  right: 0;
  top: 358px;
  width: 360px;
  height: 560px;
}

/* ---------- 04 people ----------
   Figma原本(1440基準)実測: カード419幅/間隔26px・写真419×239・パディング24px・
   カードは40pxずつ段違い(左が最下)・見出し20px/行送り30px・本文15px/行送り25px */

.rc-people__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  align-items: stretch;
  margin-bottom: 80px;
}

.rc-pcard {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(16, 26, 45, .07);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s ease;
}

/* hover: Figmaパネル値 — 枠1px #10BBF1(内側配置) / 影 X0 Y10 ぼかし24 広がり0 #002B4F 18%
   枠は outline(offset -1px)で内側に描く。border だと中身が1pxずれ、
   inset shadow だと写真の下に隠れるため */

.rc-pcard:hover,
.rc-pcard:focus-within {
  outline: 1px solid var(--rc-cyan);
  outline-offset: -1px;
  box-shadow: 0 10px 24px rgba(0, 43, 79, .18);
}

/* hover時は「インタビューを読む →」が右へスライド */

.rc-pcard:hover .rc-pcard__more,
.rc-pcard:focus-within .rc-body .rc-pcard__more,
.rc-body .rc-pcard__more:hover,
.rc-body .rc-pcard__more:focus-visible {
  color: var(--rc-cyan);
}

.rc-pcard__more {
  transform: translateX(6px);
}

.rc-pcard--1 {
  transform: translateY(80px);
}

.rc-pcard--2 {
  transform: translateY(40px);
}

.rc-pcard__media {
  display: block;
  aspect-ratio: 843/480;
  overflow: hidden;
}

.rc-pcard__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
}

.rc-pcard__media:hover img {
  transform: scale(1.05);
}

.rc-pcard__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.rc-pcard__ttl {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5;
  margin: 0 0 12px;
}

.rc-pcard__txt {
  font-size: 20px;
  line-height: 1.67;
  color: #323232;
  margin: 0 0 11px;
}

.rc-pcard__name {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: auto 0 8px;
}

.rc-pcard__name small {
  font-size: 16px;
  color: var(--rc-sub);
}

.rc-pcard__more {
  color: var(--rc-cyan);
  font-weight: 700;
  font-size: 20px;
  display: inline-block;
  transition: transform .2s ease;
}

/* もっと見るボタン: 実測 284×57 */

.rc-people .rc-center {
  margin-top: 0;
}

/* もっと見るボタンは角丸10px(実測 r≒9)。CTA帯のピル型とは別 */

.rc-people .rc-center .rc-btn {
  font-size: 16px;
  padding: 18px 30px;
  border-radius: 10px;
}

/* ---------- 05 positions ---------- */

/* グループ見出し: Figma実測 22px/700/行間100%/#191B32 */

.rc-body .rc-positions__group {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: #191b32;
  margin: 44px 0 22px;
}

.rc-positions__group span {
  width: 5px;
  height: 22px;
  background: var(--rc-orange);
  border-radius: 2px;
}

.rc-jobgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.rc-jobcard {
  background: #fff;
  border: 1px solid var(--rc-line);
  border-radius: 12px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  transition: .2s;
}

.rc-jobcard:hover {
  box-shadow: 0 10px 26px rgba(16, 26, 45, .08);
  transform: translateY(-3px);
}

/* 番号とタイトルはベースライン揃え（番号Poppins/本文Noto Sans JPで基準線がずれるため） */

.rc-jobcard__ttl {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.5;
  margin: 0 0 12px;
  display: flex;
  gap: 10px;
  align-items: baseline;
}

/* 数字を等幅(tabular)+固定幅にして、カードをまたいでタイトルの開始位置を揃える */

.rc-jobcard__no {
  font-family: "Poppins", sans-serif;
  color: var(--rc-navy);
  font-weight: 700;
  flex: none;
  font-variant-numeric: tabular-nums;
  min-width: 22px;
}

.rc-jobcard__txt {
  font-size: 20px;
  color: var(--rc-sub);
  margin: 0 0 20px;
  flex: 1;
}

.rc-body .rc-jobcard__more,
.rc-body .rc-jobcard__more:hover,
.rc-body .rc-jobcard__more:focus-visible {
  color: var(--rc-cyan);
}

.rc-jobcard__more {
  color: var(--rc-cyan);
  font-weight: 700;
  font-size: 20px;
}

/* ---------- 06 flow ---------- */

/* 導入文: Figma実測 幅860px・16px・行間180%・段落間30px */

.rc-flow__intro {
  max-width: 860px;
  margin: 0 auto;
}

.rc-flow__intro p {
  margin: 0 0 30px;
  font-size: 20px;
  line-height: 1.8;
  color: #323232;
}

.rc-flow__intro p:last-child {
  margin-bottom: 0;
}

/* 選考期間バー: Figma実測 349×65・背景#002B4F・ピル型・左右パディング50px
   1行目 白14px+オレンジ20px / 2行目 11px #A0B0BD */

.rc-flow__badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  background: var(--rc-navy);
  color: #fff;
  border-radius: 999px;
  padding: 13px 50px;
  width: max-content;
  max-width: 100%;
  margin: 30px auto 56px;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
}

/* 1行目は span でまとめる（flexの子として分割されると縦に割れるため）。字間18pxは実測値 */

.rc-flow__badgeline {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 18px;
  line-height: 25px;
}

.rc-flow__badge b {
  color: var(--rc-orange);
  font-size: 21px;
  font-weight: 700;
}

.rc-flow__badge small {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  color: #fff;
}

.rc-flow__steps {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rc-flowstep {
  display: flex;
  gap: 22px;
  padding: 26px 0;
  border-bottom: 1px solid var(--rc-line);
}

.rc-flowstep:last-child {
  border-bottom: 0;
}

/* 番号は Noto Sans JP（本文と同じ書体）・等幅数字で桁揺れを防ぐ */

.rc-flowstep__no {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--rc-navy);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}

.rc-flowstep__body h3 {
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 8px;
}

.rc-flowstep__body p {
  font-size: 20px;
  color: var(--rc-sub);
  margin: 0;
}

/* ---------- 07 faq ---------- */

.rc-faqlist {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rc-faqitem {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(16, 26, 45, .05);
  overflow: hidden;
}

.rc-faqitem__q {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 26px;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
}

.rc-faqitem__mark {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: var(--rc-orange);
  font-size: 18px;
  flex: none;
}

.rc-faqitem__mark--a {
  color: var(--rc-cyan);
}

.rc-faqitem__qtxt {
  flex: 1;
  font-size: 20px;
  font-weight: 700;
}

.rc-faqitem__toggle {
  position: relative;
  width: 18px;
  height: 18px;
  flex: none;
}

.rc-faqitem__toggle::before,
.rc-faqitem__toggle::after {
  content: "";
  position: absolute;
  background: var(--rc-cyan);
  transition: .25s;
}

.rc-faqitem__toggle::before {
  left: 0;
  top: 8px;
  width: 18px;
  height: 2px;
}

.rc-faqitem__toggle::after {
  left: 8px;
  top: 0;
  width: 2px;
  height: 18px;
}

.rc-faqitem.is-open .rc-faqitem__toggle::after {
  transform: rotate(90deg);
  opacity: 0;
}

/* 開閉は grid-template-rows(0fr→1fr)の1方式のみ。
   以前は display切替 / max-height も併用していて、閉じる際に競合していた */

.rc-faqitem__a {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .28s ease;
}

.rc-faqitem.is-open .rc-faqitem__a {
  grid-template-rows: 1fr;
}

/* パディングは内側(__acontent)に置く。overflow:hidden の要素自身に持たせると
   閉じたときにパディング分(24px)が残ってしまうため */

.rc-faqitem__abody {
  min-height: 0;
  overflow: hidden;
}

.rc-faqitem__acontent {
  display: flex;
  align-items: start;
  gap: 14px;
  padding: 0 26px 24px;
}

.rc-faqitem__a p {
  margin: 0;
  font-size: 20px;
  color: #3a4457;
}

.rc-body .rc-faqitem__a a,
.rc-body .rc-faqitem__a a:hover,
.rc-body .rc-faqitem__a a:focus-visible {
  color: var(--rc-cyan);
}

.rc-faqitem__a a {
  color: var(--rc-cyan);
  text-decoration: underline;
}

/* ---------- 08 contents ---------- */

.rc-cgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.rc-ccard {
  display: flex;
  flex-direction: column;
}

.rc-ccard__media {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1080/384;
  background: #e9edf3;
}

.rc-ccard__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
}

.rc-ccard__media:hover img {
  transform: scale(1.04);
}

.rc-ccard__body {
  padding: 18px 2px 0;
}

.rc-ccard__ttl {
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 8px;
}

.rc-ccard__txt {
  font-size: 20px;
  color: var(--rc-sub);
  margin: 0 0 12px;
}

.rc-body .rc-ccard__more,
.rc-body .rc-ccard__more:hover,
.rc-body .rc-ccard__more:focus-visible {
  color: var(--rc-cyan);
}

.rc-ccard__more {
  color: var(--rc-cyan);
  font-weight: 700;
  font-size: 20px;
  display: inline-block;
  transition: transform .2s ease;
}

/* hover: リンクが右へスライド（04インタビューカード・03の矢印と同じ6px） */

.rc-ccard:hover .rc-ccard__more,
.rc-ccard:focus-within .rc-ccard__more {
  transform: translateX(6px);
}

/* ---------- last cta ---------- */

.rc-lastcta {
  background: var(--rc-navy-deep);
  color: #fff;
  padding: 90px 0;
  text-align: center;
}

.rc-lastcta__ttl {
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 900;
  margin: 0 0 16px;
}

.rc-lastcta__ttl span {
  color: #fff;
}

.rc-lastcta__lead {
  color: #c7cede;
  margin: 0 0 34px;
}

/* ---------- footer ---------- */

.rc-footer {
  background: var(--rc-navy);
  color: #dbe2ee;
}

.rc-footer__inner {
  max-width: var(--rc-maxw);
  margin: 0 auto;
  padding: 70px 24px 30px;
  display: grid;
  grid-template-columns: 1.2fr 1.6fr;
  gap: 40px;
}

.rc-footer__logo {
  width: 120px;
  margin: 0 0 18px;
  filter: brightness(0) invert(1);
}

.rc-footer__addr {
  font-size: 13px;
  line-height: 1.9;
  margin: 0 0 18px;
}

.rc-footer__iso {
  display: flex;
  gap: 10px;
  margin: 0 0 18px;
}

.rc-footer__iso img {
  height: 56px;
  border-radius: 4px;
}

.rc-footer__sns {
  list-style: none;
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.rc-footer__sns a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .12);
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  transition: .2s;
}

.rc-footer__sns a:hover {
  background: var(--rc-cyan);
}

.rc-footer__nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 30px;
}

.rc-footer__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 2.2;
}

.rc-footer__nav a {
  font-size: 13.5px;
  transition: .15s;
}

.rc-footer__nav a:hover {
  color: var(--rc-cyan);
}

.rc-footer__copy {
  text-align: center;
  font-size: 12px;
  color: rgba(219, 226, 238, .7);
  padding: 22px 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

/* ==========================================================================
   Responsive (SP)
   ========================================================================== */

/* テーマ(theme.min.css)が @media (max-width:991px) で html, body, #wrap に
   overflow-x:hidden を当てており、body/#wrap がスクロールコンテナになるため
   配下の position:sticky（ヘッダー・02の紙芝居ステージ）が効かなくなる。
   採用LP(.rc-body)だけ clip に差し替える。clip はスクロールコンテナを作らないので
   横はみ出しの抑制は維持したまま sticky が効く（html側のhiddenはそのまま） */

@media screen and (max-width:991px) {

  .rc-body,
  .rc-body #wrap {
    overflow-x: clip;
  }

}

@media (max-width:1024px) {

  .rc-whycards {
    height: auto;
    min-height: 300px;
  }

  .rc-whycard__inner {
    grid-template-columns: minmax(0, 420px) 1fr;
    gap: 32px;
    padding-left: 24px;
  }

  .rc-whycard__txt {
    padding-top: 0;
  }

  .rc-message__inner {
    grid-template-columns: 240px 1fr;
    gap: 36px;
  }

}

@media (max-width:768px) {

  /* ---------- SP版（Figma 375px基準・書き出し2xを実測） ---------- */

  /* ヘッダー: 高さ65px / ロゴ左25px / ハンバーガー 26×19・右20px */

  .rc-header__inner {
    height: 65px;
    padding: 0 20px 0 25px;
  }

  .rc-navtoggle {
    width: 26px;
    height: 19px;
    gap: 6px;
  }

  /* パンくず: Figma実測 背景#F3F5F7・高さ内包40px・パディング12/20・項目間8px */

  .rc-breadcrumb {
    max-width: none;
    background: #f3f5f7;
    padding: 12px 20px;
    font-size: 12px;
    gap: 8px;
  }

  /* ヒーロー: 写真は3列2行の全幅グリッド(セル比 125:120・間隔1px)。
     ループはPCのみ。コピーは帯ではなく白地に中央揃えの濃色 */

  .rc-hero {
    padding-bottom: 57px;
  }

  .rc-hero__stage {
    padding: 0;
  }

  .rc-hero__grid {
    aspect-ratio: auto;
    overflow: visible;
  }

  .rc-hero__track {
    position: static;
    animation: none;
    transform: none;
  }

  .rc-hero__set {
    position: static;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    width: 100%;
    height: auto;
  }

  .rc-hero__set + .rc-hero__set {
    display: none;
  }

  .rc-hero__ph {
    position: static;
    width: auto;
    height: auto;
    aspect-ratio: 125/120;
    border-radius: 0;
  }

  /* SPで使うのは6枚。デザインの並び順に合わせる
     上段: 04 / 02 / 09   下段: 01 / 10 / 06 */

  .rc-hero__ph--3,
  .rc-hero__ph--5,
  .rc-hero__ph--7,
  .rc-hero__ph--8 {
    display: none;
  }

  .rc-hero__ph--9,
  .rc-hero__ph--10 {
    display: block;
  }

  .rc-hero__ph--4 {
    order: 1;
  }

  .rc-hero__ph--2 {
    order: 2;
  }

  .rc-hero__ph--9 {
    order: 3;
  }

  .rc-hero__ph--1 {
    order: 4;
  }

  .rc-hero__ph--10 {
    order: 5;
  }

  .rc-hero__ph--6 {
    order: 6;
  }

  .rc-hero__copy {
    position: static;
    display: block;
    text-align: center;
    margin-top: 52px;
    padding: 0 20px;
  }

  .rc-hero__lead {
    background: none;
    color: #191b32;
    font-size: 20px;
    line-height: 1.6;
    padding: 0;
  }

  .rc-hero__cta {
    margin-top: 37px;
    border-radius: 25px;
    padding: 14px 30px;
    font-size: 16px;
  }

  .rc-hero__scroll {
    display: none;
  }

  .rc-sp {
    display: inline;
  }

  .rc-pc {
    display: none;
  }

  .rc-sec {
    padding: 64px 0;
  }

  /* 透かしの背景番号はSPデザインに無い（Figmaでも「背景番号」レイヤーは非表示） */

  .rc-sec__num {
    display: none;
  }

  .rc-sechead {
    margin-bottom: 38px;
  }

  /* セクション見出し・リードのSP共通サイズ */

  .rc-body .rc-sechead__ja {
    font-size: 28px;
    line-height: 1.35;
    margin: 0 0 14px;
  }

  /* .rc-why .rc-sechead__lead(0-2-0) に勝たせるため .rc-body を付ける */

  .rc-body .rc-sechead__lead {
    font-size: 14px;
    line-height: 1.9;
  }

  .rc-wrap {
    padding: 0 20px;
  }

  /* header → drawer */

  .rc-navtoggle {
    display: flex;
  }

  .rc-gnav {
    position: fixed;
    inset: 70px 0 auto 0;
    background: #fff;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 20px 24px;
    border-top: 1px solid var(--rc-line);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .12);
    transform: translateY(-12px);
    opacity: 0;
    visibility: hidden;
    transition: .22s;
  }

  .rc-gnav.is-open {
    transform: none;
    opacity: 1;
    visibility: visible;
  }

  .rc-gnav>a {
    padding: 16px 4px;
    border-bottom: 1px solid var(--rc-line);
    font-size: 15px;
  }

  .rc-gnav__entry {
    margin-top: 14px;
    border-bottom: 0;
    justify-content: center;
  }

  /* ヒーローのボタン下〜代表メッセージまではFigma実測57px。
     ヒーロー側の57pxだけで足りるので、01セクションの上パディングは0にする */

  .rc-message {
    padding-top: 0;
  }

  /* ---------- 01 message（Figma SP版 実測 / 375基準） ----------
     並び順がPCと異なる: ラベル → 見出し → 写真 → 本文 → 署名。
     .rc-message__body を display:contents にして、見出しと写真の間に
     写真を差し込む（HTML構造はPCのまま）。
     Figmaプロパティ実測: 見出し 20px/行間150%/Black(900)・幅335×高さ60、
     本文 13px/行間185%/Medium(500)・強調spanのみBold(700)、段落間は空行1つ分(24px) */

  .rc-message__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .rc-message__body {
    display: contents;
  }

  .rc-message .rc-label {
    order: 1;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 23px;
  }

  .rc-message__ttl {
    order: 2;
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 32px;
  }

  .rc-message__media {
    order: 3;
    max-width: none;
    width: 165px;
    margin: 0 0 56px;
  }

  .rc-message__media img {
    /* height属性(320)が効いてアスペクト比が無視されるため height:auto を明示 */
    height: auto;
    box-shadow: 20px 20px 0 var(--rc-navy);
  }

  .rc-message__text {
    order: 4;
    font-size: 13px;
    line-height: 1.85;
    font-weight: 500;
  }

  .rc-message__text p {
    font-size: 13px;
    margin: 0 0 24px;
  }

  .rc-message__text p:last-child {
    margin-bottom: 0;
  }

  .rc-message__sign {
    order: 5;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 26px;
    font-size: 14px;
  }

  .rc-message__signimg {
    width: 120px;
  }

  /* ---------- 02 why（SPデザイン実測 / 375基準） ----------
     01〜05は縦並び。カード内は 画像 → 番号+見出し → 本文 の縦積み */

  .rc-why {
    padding: 64px 0 0;
  }

  .rc-why .rc-sechead__en {
    margin: 0 0 24px;
  }

  .rc-whystack {
    margin-top: 16px;
  }

  .rc-why .rc-ctaband {
    margin-top: 32px;
  }

  .rc-whycard + .rc-whycard {
    margin-top: 44px;
  }

  .rc-whycard__inner {
    grid-template-columns: 1fr;
    gap: 22px;
    padding-left: 20px;
  }

  /* 見出し行（Figma実測）: 番号 24px/Black/行間100%・幅30px、
     見出し 18px/Bold/行間160%・幅293px、間隔12px（30+12+293=335）。
     ベースライン揃えなので2行になる見出しも1行目に番号が揃う */

  .rc-whycard__txt h3 {
    font-size: 18px;
    gap: 12px;
    margin: 0 0 18px;
  }

  .rc-whycard__no {
    font-size: 24px;
    min-width: 30px;
  }

  /* 2行になる見出し(02〜05)の折り返しを整える。
     auto-phrase は文節単位で折る（未対応ブラウザは balance が効き、
     どちらも未対応なら従来どおり行末で折り返す） */

  .rc-whycard__no + span {
    text-wrap: balance;
    word-break: auto-phrase;
  }

  .rc-whycard__txt p {
    font-size: 14px;
    line-height: 1.8;
  }

  /* ---------- 03 life（SPデザイン） ----------
     見出し・リードはSPサイズへ。10の考え方は1カラム・矢印なし。
     働く環境カードは画像をカード幅いっぱいに置いた縦積み */

  .rc-mottos {
    padding: 24px 20px;
    border-radius: 12px;
    margin-bottom: 44px;
  }

  /* 見出しと注記は横並びをやめて縦に積む */

  .rc-mottos__head {
    display: block;
    margin-bottom: 16px;
  }

  .rc-mottos__head h3 {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 8px;
  }

  .rc-mottos__note {
    font-size: 11px;
  }

  .rc-mottos__list {
    grid-template-columns: 1fr;
    gap: 0;
  }

  /* SPデザインでは矢印を出さず、その分テキスト幅を使う */

  .rc-mottos__arrow {
    display: none;
  }

  .rc-mottos__list a {
    gap: 12px;
    padding: 10px 0;
  }

  .rc-mottos__no {
    font-size: 14px;
    min-width: 20px;
  }

  /* 16pxだと明示改行の1行目(02/07の17文字)が入りきらず二重に折れるため15px */

  .rc-mottos__txt {
    font-size: 15px;
    line-height: 1.6;
  }

  .rc-life__envttl {
    font-size: 20px;
    margin: 0 0 20px;
  }

  .rc-envcard {
    padding: 16px;
  }

  /* 画像はカード幅いっぱい（元画像 1080×353 の比率のまま） */

  .rc-envcard__media {
    height: auto;
    margin: 0 0 14px;
  }

  .rc-envcard__media img {
    width: 100%;
    max-height: none;
  }

  .rc-envcard__ttl {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 8px;
  }

  .rc-envcard__txt {
    font-size: 13px;
    line-height: 1.7;
  }

  /* ---------- 04 people（SPデザイン） ----------
     カードは段違いをやめて1カラム縦積み。写真はカード幅いっぱい。
     背景の斜線装飾は左上の1つだけ小さく出す */

  /* .rc-deco img{display:block}(0-1-1)に勝たせるため img を付ける */

  .rc-deco img.rc-deco__c,
  .rc-deco img.rc-deco__r {
    display: none;
  }

  .rc-deco__l {
    top: 0;
    width: 150px;
    height: auto;
  }

  .rc-pcard--1,
  .rc-pcard--2 {
    transform: none;
  }

  .rc-people__grid {
    margin-bottom: 28px;
  }

  .rc-pcard {
    border-radius: 12px;
  }

  .rc-pcard__body {
    padding: 20px;
  }

  .rc-pcard__ttl {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 10px;
  }

  .rc-pcard__txt {
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 14px;
  }

  .rc-pcard__name {
    gap: 8px;
    margin: auto 0 10px;
  }

  .rc-pcard__name small {
    font-size: 11px;
  }

  .rc-pcard__more {
    font-size: 14px;
  }

  /* もっと見るボタンは全幅 */

  .rc-people .rc-center .rc-btn {
    display: block;
    width: 100%;
    padding: 18px 20px;
  }

  .rc-envgrid,
  .rc-people__grid,
  .rc-jobgrid,
  .rc-cgrid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  /* ---------- 06 flow（SPデザイン） ----------
     導入文14px・段落間24px、選考期間バーは全幅の角丸ボックス、
     ステップは丸番号40px＋見出し17px・本文13px */

  .rc-flow__intro p {
    font-size: 14px;
    line-height: 1.9;
    margin: 0 0 24px;
  }

  /* アップ実測(2x): 「目安」と「約1〜3週間」の間20px。
     文字サイズはPCと同じ（14px / 21px / 11px）、「約1〜3週間」はオレンジのまま */

  .rc-flow__badge {
    width: 100%;
    border-radius: 30px;
    padding: 9px 16px;
    gap: 3px;
    margin: 28px 0 8px;
  }

  .rc-flow__badgeline {
    gap: 20px;
  }

  .rc-flowstep {
    gap: 14px;
    padding: 22px 0;
  }

  .rc-flowstep__no {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .rc-flowstep__body h3 {
    font-size: 17px;
    margin: 0 0 6px;
  }

  .rc-flowstep__body p {
    font-size: 13px;
    line-height: 1.8;
  }

  /* ---------- 05 positions（SPデザイン） ---------- */

  .rc-jobgrid {
    gap: 16px;
  }

  .rc-jobcard {
    padding: 20px;
  }

  .rc-jobcard__ttl {
    font-size: 17px;
    margin: 0 0 10px;
  }

  .rc-jobcard__txt {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 14px;
  }

  .rc-jobcard__more {
    font-size: 13px;
  }

  .rc-people__grid {
    gap: 24px;
  }

  /* 07 FAQ / 08 CONTENTS はSPデザイン未着手。PC側の文字拡大が及ばないよう現状値を維持 */

  .rc-faqitem__qtxt {
    font-size: 16px;
  }

  .rc-faqitem__a p {
    font-size: 14px;
  }

  .rc-ccard__ttl {
    font-size: 17px;
  }

  .rc-ccard__txt {
    font-size: 13.5px;
  }

  .rc-ccard__more {
    font-size: 14px;
  }


  /* ---------- CTA帯（SPデザイン実測 / 375基準） ----------
     上下パディング44/42・見出し20px/行間1.2で2行・見出し下30px、
     ボタンは全幅にせず文字幅（左右26px+境界2px）のまま中央寄せ・間隔16px */

  .rc-ctaband {
    padding: 44px 0 42px;
  }

  .rc-ctaband__ttl {
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 30px;
  }

  .rc-btnrow {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  /* 最終CTA: 左右パディングが無く文字が画面端に付いていたので追加。
     見出し・リードもSP用のサイズに落とし、リードは1行ずつ収まる位置で改行する */

  .rc-lastcta {
    padding: 56px 0;
  }

  .rc-lastcta__inner {
    padding: 0 20px;
  }

  .rc-lastcta__ttl {
    font-size: 24px;
    line-height: 1.35;
    margin: 0 0 14px;
  }

  .rc-lastcta__lead {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 28px;
  }

  /* footer */

  .rc-footer__inner {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 50px 20px 24px;
  }

  .rc-footer__nav {
    grid-template-columns: 1fr;
  }

}