@charset "utf-8";
/* =========================================================
   /financing/ 専用のスタイル
   ---------------------------------------------------------
   style.css と partner.css は触らない。このページだけで使う分を足す。
   ページ冒頭・流れ・FAQ などは partner.css の部品をそのまま使う。
   ========================================================= */

/* ---------- ページ冒頭の料金（AIにも人にも、最初に読まれる場所） ---------- */
.fhero__fee{
  margin-top:clamp(26px,3.4vw,38px);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--line);border-radius:2px;background:var(--paper);
}
.fhero__fee > div{padding:clamp(16px,2.2vw,22px) clamp(16px,2.4vw,26px)}
.fhero__fee > div + div{border-left:1px solid var(--line)}
.fhero__fee dt{font-size:12px;letter-spacing:.12em;color:var(--navy-45)}
.fhero__fee dd{
  margin-top:.35em;font-family:var(--serif);font-weight:600;
  font-size:clamp(17px,2.2vw,21px);letter-spacing:.06em;line-height:1.5;
}
.fhero__tax{margin-top:.9em;font-size:12.5px;line-height:1.9;color:var(--navy-45)}

/* ---------- 審査で見られること ---------- */
.fguide{display:grid;gap:0;margin-top:clamp(8px,1.4vw,16px)}
.fguide li{padding:clamp(22px,2.8vw,30px) 0;border-bottom:1px solid var(--line)}
.fguide li:first-child{border-top:1px solid var(--line)}
.fguide h3{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(16px,2vw,19px);letter-spacing:.07em;line-height:1.8;
}
.fguide h3 span{
  display:inline-block;min-width:2.4em;
  font-family:var(--en);font-weight:300;color:var(--accent);letter-spacing:.04em;
}
.fguide p{margin-top:.6em;font-size:14.5px;line-height:2.15;color:var(--navy-70)}

/* ---------- 公的な制度の入口 ---------- */
.fsrc{
  margin-top:clamp(40px,5.4vw,64px);
  padding:clamp(26px,3.4vw,40px) clamp(22px,3.2vw,42px);
  background:var(--paper-2);border:1px solid var(--line);border-radius:2px;
}
.fsrc h3{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(17px,2.1vw,20px);letter-spacing:.09em;line-height:1.75;
}
.fsrc > p{margin-top:.9em;font-size:14px;line-height:2.1;color:var(--navy-70)}
.fsrc ul{margin-top:1.3em;display:grid;gap:.9em}
.fsrc li{display:grid;grid-template-columns:11em 1fr;gap:.2em 1.2em;font-size:14px;line-height:1.9}
.fsrc li b{font-weight:500;color:var(--navy)}
.fsrc li a{color:var(--navy-70);border-bottom:1px solid var(--navy-12);justify-self:start}
.fsrc li a:hover{color:var(--accent)}

@media (max-width:760px){
  .fhero__fee{grid-template-columns:1fr}
  .fhero__fee > div + div{border-left:0;border-top:1px solid var(--line)}
  .fhero__br{display:none}
  .fsrc li{grid-template-columns:1fr}
}