/* idea+ Recruit LP grid
   赤背景（#e60012 系）の上に、大きめサムネを 2 列で並べる。
   列数は PHP 側の --rlp-cols-pc / --rlp-cols-sp（既定 PC 2 / SP 1）。 */

.rlp-grid {
  --rlp-gap: 16px;
  list-style: none;
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1200px;
  display: grid;
  gap: var(--rlp-gap);
  grid-template-columns: repeat(var(--rlp-cols-sp, 1), minmax(0, 1fr));
}

@media (min-width: 768px) {
  .rlp-grid {
    --rlp-gap: 20px;
    padding: 0 40px;
    grid-template-columns: repeat(var(--rlp-cols-pc, 2), minmax(0, 1fr));
  }
}

.rlp-card { margin: 0; padding: 0; }

.rlp-card__link {
  display: block;
  color: #fff;
  text-decoration: none;
}

.rlp-card__thumb {
  display: block;
  aspect-ratio: 3 / 2;               /* 1200x800 統一 */
  overflow: hidden;
  background: #222;                  /* サムネ未設定時のプレースホルダー */
}

.rlp-card__thumb img,
.rlp-card__thumb--empty {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease, opacity .3s ease;
}

.rlp-card__link:hover .rlp-card__thumb img { transform: scale(1.03); opacity: .92; }

/* タイトル・キャッチは、サムネ内にコピーを入れる運用なら非表示でよい。
   出したい場合は display:block に。 */
.rlp-card__title,
.rlp-card__lead { display: none; }

/* /recruit/ 内の一覧セクションの余白（テーマ側 CSS を触らずにここで持つ） */
.area-recruit-lp { padding: 24px 0 80px; }
@media (max-width: 767px) { .area-recruit-lp { padding: 16px 0 56px; } }