/* research.css
   リサーチ・権利処理（/research/）ページ専用の追加CSS
   ※ 既存の common.css / service.css を前提に、必要最小限にしています。
*/

.svc-hero--research{
  /* 背景画像が未確定のため、まずはグラデのみ（必要に応じて差し替え） */
  background:
    linear-gradient(135deg, rgba(15,23,42,0.92), rgba(15,23,42,0.70)),
    radial-gradient(circle at 20% 20%, rgba(59,130,246,0.35), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(225,29,72,0.22), transparent 55%);
}

.svc-hero--research .svc-hero__kicker{
  letter-spacing: .08em;
}

/* サービスカードを2カラム優先に */
@media (min-width: 900px){
  .svc-cardgrid--2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ポリシーの簡易ステップ */
.svc-steps--simple{
  margin-top: 12px;
}
.svc-steps--simple li{
  list-style: decimal;
  margin-left: 1.4em;
  padding-left: .2em;
}

/* 見出し下のゆとり */
.svc-section--tight{
  padding-top: 36px;
  padding-bottom: 12px;
}

/* CTAの余白 */
.svc-cta{
  margin-top: 18px;
}

/* ボタン文字を白に強制 */
.svc-btn.svc-btn--primary {
  color: #fff;
}
/* research専用：1列グリッド＋カード内横並び */
.svc-cardgrid--research {
  grid-template-columns: 1fr;
}

.svc-cardgrid--research .svc-card {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}

.svc-cardgrid--research .svc-card__media {
  flex: 0 0 35%;
  margin: 0;
}

.svc-cardgrid--research .svc-card__body {
  flex: 1 1 auto;
}

.svc-cardgrid--research .svc-note-btn {
  justify-content: flex-start;
}

/* SP：縦並びに戻す */
@media (max-width: 767px) {
  .svc-cardgrid--research {
    grid-template-columns: 1fr;
  }

  .svc-cardgrid--research .svc-card {
    flex-direction: column;
  }

  .svc-cardgrid--research .svc-card__media {
    flex: none;
    width: 100%;
  }

  .svc-cardgrid--research .svc-note-btn {
    justify-content: flex-end;
  }

  .svc-steps--simple {
    margin-top: 0.75rem;
  }

  .svc-section--tight {
    padding-top: 2.25rem;
    padding-bottom: 0.75rem;
  }

  .svc-cta {
    margin-top: 1.125rem;
  }

  .svc-cardgrid--research .svc-card {
    gap: 1.25rem;
  }

}