/* =========================================================
   トップ 第8弾（2026-10-04）：RSK AI Recruit／採用でお困りではありませんか？
   ========================================================= */
.recruit-section { padding: 110px 0; background: linear-gradient(180deg, #f2f6ff 0%, #ffffff 100%); }
.rc-head { text-align: center; }
.rc-badge { display: inline-block; padding: 5px 16px; border-radius: 999px; background: #f36f21; color: #fff; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .2em; }
.rc-en { margin: 14px 0 0; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 800; letter-spacing: .3em; color: #1c49c9; }
.rc-title { margin: 10px 0 0; font-size: clamp(32px, 5vw, 60px); font-weight: 900; line-height: 1.25; color: #0b1638; }
.rc-title .sp { display: none; }
.rc-pains { list-style: none; margin: 24px auto 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 14px; }
.rc-pains li {
    position: relative;
    padding: 12px 20px 12px 44px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e3e7ef;
    box-shadow: 0 8px 22px rgba(20, 40, 90, .07);
    font-size: 16px;
    font-weight: 800;
    color: #0b1638;
}
.rc-pains li::before {
    content: "\f071";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #f36f21;
}
.rc-grid { margin-top: 48px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px; align-items: stretch; }
.rc-story { padding: 32px; border-radius: 24px; background: #0b1638; color: #fff; box-shadow: 0 20px 50px rgba(11, 22, 56, .25); }
.rc-story-en { margin: 0; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .3em; color: #ffb27a; }
.rc-story-text { margin: 12px 0 0; font-size: 16px; line-height: 2; color: rgba(255, 255, 255, .9); }
.rc-story-text strong { color: #ffb27a; }
.rc-stats { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.rc-stats li { padding: 16px 12px; border-radius: 16px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); text-align: center; }
.rc-stats li.hl { background: rgba(243, 111, 33, .18); border-color: #f36f21; }
.rc-stats b { display: block; font-family: "Inter", sans-serif; font-size: clamp(30px, 3.4vw, 44px); font-weight: 900; line-height: 1.1; color: #fff; }
.rc-stats li.hl b { color: #ffb27a; }
.rc-stats b small { font-size: .38em; margin-left: 3px; font-family: "Noto Sans JP", sans-serif; }
.rc-stats span { display: block; margin-top: 6px; font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, .75); font-weight: 700; }
.rc-product { padding: 22px; border-radius: 24px; background: #fff; border: 1px solid #e3e7ef; box-shadow: 0 16px 44px rgba(20, 40, 90, .1); }
.rc-product img { display: block; width: 100%; border-radius: 16px; box-shadow: 0 14px 30px rgba(20, 40, 90, .25); }
.rc-pname { margin: 18px 0 0; font-size: clamp(22px, 2.4vw, 28px); font-weight: 900; color: #0b1638; }
.rc-plead { margin: 8px 0 0; font-size: 15px; line-height: 1.9; color: #5b6577; }
.rc-diff-wrap { margin-top: 36px; }
.rc-diff-title { margin: 0 0 12px; text-align: center; font-size: 20px; font-weight: 900; color: #0b1638; }
.rc-diff { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 18px; border: 1px solid #e3e7ef; background: #fff; box-shadow: 0 10px 30px rgba(20, 40, 90, .06); }
.rc-diff th, .rc-diff td { padding: 14px 18px; border-bottom: 1px solid #edf0f5; font-size: 15px; text-align: left; vertical-align: middle; }
.rc-diff tr:last-child th, .rc-diff tr:last-child td { border-bottom: 0; }
.rc-diff thead th { background: #f5f7fb; font-size: 13px; color: #5b6577; font-weight: 800; }
.rc-diff tbody th { width: 16%; color: #0b1638; font-weight: 800; background: #fafbfd; }
.rc-diff td { color: #8a93a3; }
.rc-diff .me { background: #fff4ec; color: #0b1638; }
.rc-diff thead th.me { background: #f36f21; color: #fff; font-size: 15px; }
.rc-diff .me b { color: #0b1638; }
.rc-diff td.me::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #f36f21; margin-right: 8px; }
.rc-cta { margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
@media (max-width: 1024px) { .rc-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
    .recruit-section { padding: 72px 0; }
    .rc-title .sp { display: inline; }
    .rc-story { padding: 24px 18px; }
    .rc-stats { gap: 6px; }
    .rc-diff th, .rc-diff td { padding: 10px; font-size: 13px; }
    .rc-diff thead th:nth-child(2), .rc-diff tbody td:nth-child(2) { display: none; }
}

/* 製品カード・ボタン・ロボット画面の上段（5つに） */
.product-recruit { --pc: #1c6be0; }
.pr-recruit { --pc: #1c6be0; }
.pr-list { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1100px) { .pr-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .pr-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hsv-row--top { grid-template-columns: repeat(5, minmax(0, 200px)); }