/* 株式会社No.1（taste で作り直した画面）。部品はラボル（taste-raboru.css）を借り、色だけ変える。
   同じ仕事サイトのラボル（藍）・ペイトナー（緑）・QuQuMo（橙）と見分けられるよう、深い青緑。白い文字との差は 4.5 以上。 */
.rt.rt-no1 {
  --bg: #edf1f2;
  --accent: #0b5e6b;
  --accent-deep: #07414a;
  --c2: #d9ecee;
  --c3: #e2e7e8;
  --c5: #0b5e6b;
}
.rt-no1 .rt-last .rt-cta a:hover { background: #d9ecee; }
.rt .rt-amount--rate { width: 4ch; }
.rt-no1 .rt-slot img { object-position: 50% 15%; }
/* 1画面目の「ペイトナー・QuQuMoとの違い」の表（QuQuMo と同じ形・列が1つ多い）。文字は本文の16px以上、線は行の下だけ */
.rt .rt-vs { border-collapse: collapse; width: 100%; max-width: 600px; margin: 24px 0 32px; background: none; border: 0; font-size: var(--s1); }
.rt .rt-vs th, .rt .rt-vs td { text-align: left; padding: 8px 16px 8px 0; border: 0; border-bottom: 1px solid rgba(11, 12, 14, .25); background: none; color: inherit; vertical-align: top; }
.rt .rt-vs tr:first-child th { font-weight: 700; }
.rt .rt-vs td b { color: var(--accent); }
.rt .rt-vs th[scope=row] { white-space: nowrap; }
@media (max-width: 760px) {
  .rt .rt-vs th, .rt .rt-vs td { padding-right: 8px; }
}