/* ==========================================================================
   voice-pc.css — お客様の声ページ (voice.html) の PC・横長画面用
   <link media="(min-width: 1024px)"> で読み込む。方針は common-pc.css の冒頭を参照。

   声のカードを2列に並べる。TOPページのカードから #voice1〜 で飛んでくるので、
   固定ヘッダー（80px）に隠れないよう scroll-margin-top を広げる
   ========================================================================== */

/* =============== 見出し =============== */
.vc-head {
  padding: 100px var(--pc-gutter) 0;
}
.vc-head__en {
  font-size: 52px;
}

.vc-head__note {
  width: auto;
  margin-top: 30px;
  font-size: 16px;
  line-height: 2;
}

/* =============== 声の一覧 =============== */
.vc-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px 44px;
  width: min(1000px, calc(100% - 2 * var(--pc-gutter)));
  margin: 90px auto 0;
}

.vc-item {
  width: auto;
  margin: 0;
  padding: 44px 40px 40px;
  border-radius: 28px;
  scroll-margin-top: calc(var(--pc-header-h) + 60px);
}
.vc-item + .vc-item { margin-top: 0; }

.vc-item__initial {
  left: 36px;
  top: -26px;
  width: 72px;
  height: 72px;
  font-size: 21px;
}
.vc-item__plan {
  margin-left: 90px;
  font-size: 16px;
}
.vc-item__text {
  margin-top: 22px;
  font-size: 16px;
  line-height: 2;
}

/* =============== 下の導線 =============== */
.vc-foot {
  margin-top: 110px;
}
.vc-foot__lead { font-size: 18px; }
.vc-foot__btn {
  margin-top: 26px;
}

.voice-page .footer {
  margin-top: 150px;
}