/* ============================================================
   下層ページ共通: ヒーロー (.nv-phero) + パンくず (.nv-crumb)
   Figma: 制作実績 312:4679 / 1440 x 360
   薄水色→白の縦グラデ地 + 斜めの装飾バー (#E2ECFB 系)。
   数値・色・タイポは Figma REST API の実測値。
   ============================================================ */

.nv-phero{
  --nv-latin:'Montserrat','Inter',var(--nv-font);
  position:relative;
  overflow:hidden;
  padding-block:95px;
  background:linear-gradient(180deg,#FFFFFF 0%,#EBF6FF 100%);
}
.nv-phero .nv-inner{
  position:relative;
  z-index:1;
}

.nv-phero__eyebrow{
  margin:0;
  font-family:var(--nv-latin);
  font-size:20px;
  line-height:1.5;                 /* 30 / 20 */
  font-weight:600;
  letter-spacing:.04em;
  color:var(--nv-main);
}
.nv-phero__title{
  margin:8px 0 0;
  font-size:40px;
  line-height:1.5;                 /* 60 / 40 */
  font-weight:700;
  letter-spacing:.04em;
  color:var(--nv-text);
}
.nv-phero__lead{
  margin:24px 0 0;
  font-size:16px;
  line-height:1.5;                 /* 24 / 16 */
  letter-spacing:.04em;
  color:var(--nv-text);
}

/* ---- 斜めの装飾バー (角丸パイプ / 45度) ---- */
.nv-phero__deco{
  position:absolute;
  border-radius:999px;
  transform:rotate(-45deg);
  pointer-events:none;
}
.nv-phero__deco--wide{
  right:-80px;
  top:220px;
  width:300px;
  height:64px;
  background:linear-gradient(90deg,#FFFFFF 0%,#E2ECFB 100%);
}
.nv-phero__deco--thin{
  right:-48px;
  top:340px;
  width:180px;
  height:16px;
  background:linear-gradient(90deg,#FFFFFF 0%,#E2ECFB 100%);
}
.nv-phero__deco--left{
  left:-40px;
  top:-72px;
  width:240px;
  height:48px;
  background:linear-gradient(90deg,#E2ECFB 0%,#FFFFFF 100%);
}

/* ---- パンくず ---- */
.nv-crumb{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:14px;
  line-height:1.5;                 /* 21 / 14 */
  letter-spacing:.04em;
}
.nv-crumb li{
  display:flex;
  align-items:center;
  gap:16px;
}
.nv-crumb li + li::before{
  content:"/";
  color:#828282;
}
.nv-crumb a{
  color:#828282;
  text-decoration:none;
  transition:color .2s ease;
}
.nv-crumb a:hover{color:var(--nv-main)}
.nv-crumb [aria-current]{color:var(--nv-text)}

/* ---- レスポンシブ ---- */
@media (max-width:1024px){
  .nv-phero{padding-block:72px}
  .nv-phero__title{font-size:34px}
}

@media (max-width:767px){
  /* Figma SP 635:10970 実測: 高さ277 = pad32 + eyebrow24 + 4 + title108(24px×1.5×3行) + 8 + lead69 + pad32 */
  .nv-phero{padding-block:32px}
  .nv-phero__eyebrow{font-size:16px}
  .nv-phero__title{margin-top:4px;font-size:24px}
  .nv-phero__lead{margin-top:8px;font-size:14px;line-height:1.64}
  .nv-phero__deco--wide{width:280px;height:44px;bottom:-72px}
  .nv-phero__deco--thin{width:180px;height:10px}
  .nv-phero__deco--left{width:160px;height:32px;top:-56px}
}

/* タイトル内のモバイル専用改行 ("\n" 由来 / デスクトップでは1行) */
.nv-phero__br{display:none}
@media (max-width:767px){
  .nv-phero__br{display:inline}
}