/* ============================================================
   サービス一覧 セクション05: CONTACT (CTA バンド)
   Figma: 307:418 / 1440 x 540 / 青グラデ地 (#2A67D4 -> #4EB1EA)
   共通デザイン (top-12-contact REST 実測) 準拠 / 2ボタン版
   ============================================================ */

.nv-svc-contact{
  --nv-latin:'Montserrat','Inter',var(--nv-font);
  background:linear-gradient(90deg,#2A67D4,#4EB1EA);
  padding-block:56px 80px;
}

/* ---- 見出し (中央 / 白) ---- */
.nv-svc-contact__head{
  text-align:center;
  margin-bottom:24px;
}
.nv-svc-contact__eyebrow{
  margin:0;
  font-family:var(--nv-latin);
  font-size:48px;
  line-height:1.5;
  font-weight:600;
  font-style:italic;
  letter-spacing:.04em;
  color:#FFFFFF;
}
.nv-svc-contact__title{
  margin:0;
  font-size:16px;
  line-height:1.5;
  font-weight:700;
  color:#FFFFFF;
}

/* ---- 白カード ---- */
.nv-svc-contact__card{
  position:relative;
  width:min(920px, 100%);
  margin-inline:auto;
  padding:44px 48px;
  background:#FFFFFF;
  border-radius:12px;
  text-align:center;
  background-image:radial-gradient(#F5F5F5 1.5px, transparent 1.6px);
  background-size:16px 16px;
}
.nv-svc-contact__illust{
  position:absolute;
  left:-40px;
  bottom:-24px;
  width:180px;
  height:180px;
  pointer-events:none;
}
.nv-svc-contact__lead{
  margin:0;
  font-size:28px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--nv-text);
}
.nv-svc-contact__desc{
  margin:16px 0 0;
  font-size:14px;
  line-height:1.6;
  color:var(--nv-text);
}

/* ---- 2ボタン ---- */
.nv-svc-contact__btns{
  margin-top:28px;
  display:flex;
  justify-content:center;
  gap:16px;
}
.nv-svc-contact__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:0 1 320px;
  height:72px;
  padding:0 24px;
  border-radius:999px;
  font-size:17px;
  font-weight:700;
  letter-spacing:.02em;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.nv-svc-contact__btn-arrow{ display:inline-flex; transition:transform .2s ease; }
.nv-svc-contact__btn:hover{ transform:translateY(-2px); }
.nv-svc-contact__btn:hover .nv-svc-contact__btn-arrow{ transform:translateX(4px); }

.nv-svc-contact__btn--primary{
  border:3px solid #FFFFFF;
  background:linear-gradient(90deg,#F5AF04,#FEA21C);
  box-shadow:0 0 20px rgba(9,139,222,.20);
  color:#FFFFFF;
}
.nv-svc-contact__btn--primary:hover{ box-shadow:0 8px 28px rgba(9,139,222,.35); }

.nv-svc-contact__btn--ghost{
  border:3px solid transparent;
  background:
    linear-gradient(#FFFFFF,#FFFFFF) padding-box,
    linear-gradient(90deg,#2A67D4,#4EB1EA) border-box;
  color:var(--nv-text);
}
.nv-svc-contact__btn--ghost:hover{
  background:linear-gradient(90deg,#2A67D4,#4EB1EA) border-box;
  color:#FFFFFF;
}

/* ---- レスポンシブ ---- */
@media (max-width:1024px){
  .nv-svc-contact{ padding-block:48px 64px; }
  .nv-svc-contact__eyebrow{ font-size:40px; }
  .nv-svc-contact__card{ padding:40px; }
}

/* ---- SP (Figma 695:27263 実測 390x544 / top-12-contact SP と同一設計) ---- */
@media (max-width:767px){
  /* 見出し top32 / カード下 64 (ノートPC逃がし) */
  .nv-svc-contact{ padding-block:32px 64px; }

  /* 見出し (中央 / 白) */
  .nv-svc-contact__head{ margin-bottom:24px; }
  .nv-svc-contact__eyebrow{ font-size:40px; }                     /* Montserrat SemiBoldItalic w600 lh1.5 (60/40) */
  .nv-svc-contact__title{ font-size:15px; letter-spacing:.04em; } /* Bold w700 (お問い合わせ) */

  /* 白カード 350x341 / r8 / 内側 上32・左右16・下40 */
  .nv-svc-contact__card{ padding:32px 16px 40px; border-radius:8px; }

  /* 見出し(中央) 20px / 本文(左寄せ) 14px — 実測 lh1.5・ls.04em */
  .nv-svc-contact__lead{ font-size:20px; letter-spacing:.04em; }              /* 30/20 */
  .nv-svc-contact__desc{ margin-top:16px; text-align:left; letter-spacing:.04em; } /* Noto Sans JP Regular / 21/14 */

  /* 2ボタン: 全幅縦積み / 64高 / 白or青ボーダー2 / ラベル中央・矢印を右16に固定 */
  .nv-svc-contact__btns{ flex-direction:column; align-items:stretch; gap:8px; margin-top:24px; }
  .nv-svc-contact__btn{
    flex:0 0 auto;
    width:100%;
    height:64px;
    padding:0;
    gap:0;
    border-width:2px;
    font-size:15px;              /* Noto Sans JP Bold w700 */
    letter-spacing:.04em;        /* ls0.60 */
    position:relative;
  }
  .nv-svc-contact__btn-arrow{ position:absolute; right:16px; top:50%; transform:translateY(-50%); }
  .nv-svc-contact__btn:hover .nv-svc-contact__btn-arrow{ transform:translateY(-50%) translateX(4px); }

  /* ノートPCイラスト: カード左下・104幅 (Figma frame (20,426) 104x104 → カード下に-50はみ出し) */
  .nv-svc-contact__illust{ left:0; right:auto; bottom:-50px; width:104px; height:auto; transform:none; }
}