/* ============================================================
   request.css — 企業様向け資料請求ページ固有
   （2026-07-11 新規作成。フォーム部品は consultation.css を共有。
     既承認パターン「影付き白箱＋小さな金ラベル」を踏襲）
   ============================================================ */

/* ---------- リード（パンくず直後のキャッチ＋共感文。2026-07-11） ---------- */
.rq-lead__catch {
  font-size: clamp(26px, 3.4vw, 38px);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #002141;
  margin-bottom: 24px;
}

.rq-lead__br {
  display: none;
}

.rq-lead__copy {
  max-width: 820px;
}

.rq-lead__copy p {
  font-size: 15px;
  line-height: 2;
  margin-bottom: 16px;
}

.rq-lead__copy p:last-child {
  margin-bottom: 0;
}

/* ---------- パートナーになる3つの価値（カード3枚） ---------- */
.rq-value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.rq-value-card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: var(--shadow-1);
  padding: 24px;
}

.rq-value-card__num {
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #c49b38;
  margin-bottom: 10px;
}

.rq-value-card h3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}

.rq-value-card p:last-child {
  font-size: 14px;
  line-height: 1.8;
  color: #727272;
}

/* ---------- すでに支えている企業がいる ---------- */
.rq-partners {
  max-width: 820px;
  margin-bottom: 8px;
}

.rq-partners p {
  font-size: 15px;
  line-height: 1.9;
  margin-bottom: 14px;
}

.rq-partners p:last-child {
  margin-bottom: 0;
}

/* ---------- お送りする資料でわかること（カード4枚） ---------- */
.rq-docs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 16px;
}

.rq-doc-card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: var(--shadow-1);
  padding: 24px;
}

.rq-doc-card__num {
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #c49b38;
  margin-bottom: 10px;
}

.rq-doc-card h3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}

.rq-doc-card p:last-child {
  font-size: 14px;
  line-height: 1.8;
  color: #727272;
}

/* ---------- 資料請求の流れ（3ステップ） ---------- */
.rq-flow {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.rq-flow__step {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: var(--shadow-1);
  padding: 24px;
}

.rq-flow__num {
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #c49b38;
  margin-bottom: 10px;
}

.rq-flow__step h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.rq-flow__step p:last-child {
  font-size: 14px;
  line-height: 1.8;
  color: #727272;
}

.rq-tel-note {
  font-size: 14px;
  line-height: 1.8;
}

.rq-tel-note strong {
  font-family: var(--font-head);
  font-weight: 700;
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 767px) {
  .rq-lead__br {
    display: inline;
  }

  .rq-value-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .rq-docs-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .rq-flow {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}