/* =====================================================================
   type.css — 下層ページの書体をトップ（index.html＋refine.css）にそろえる（2026-10-12 ごーま君「ページごとにフォント違うのきもい・全部最初のやつに統一」）
   トップ＝見出しは明朝（Shippori Mincho B1 500）／英字ラベルは Manrope 700／本文は Noto Sans JP
   ※index.html は refine.css が同じ指定を持っているので読み込まない
   ===================================================================== */
:root { --font-serif: "Shippori Mincho B1", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif; }

/* ページの大見出し・各セクションの見出し・事例カードの見出し＝明朝（トップの .section-title / .case h3 と同じ） */
main h1, .page-hero h1, h1.reveal,
main h2, section h2, .svc-row h2, .section-title, .cta-content h2,   /* 10/13 <main>の無いページの見出し（サービスの各事業名など）も明朝に */
.case h3 {
  font-family: var(--font-serif) !important;
  font-weight: 600 !important;            /* 10/12 ごーま君「もう少し太く」500→600。読み込みは400〜700＝900指定だと太字が合成されて崩れるので固定 */
  letter-spacing: .08em;
  -webkit-font-smoothing: antialiased;
}
.section-title { letter-spacing: .1em; }
.case h3 { line-height: 1.75; letter-spacing: .05em; }

/* 英字ラベルはトップと同じ Manrope 700 */
.eyebrow, .service-num, .band-label { font-family: "Manrope", "Noto Sans JP", sans-serif; font-weight: 700; letter-spacing: .28em; }

/* サービスページ右側＝各事業の写真（2026-10-13 ごーま君「ホームみたいにセコカンjobのロゴやセコカン先生を載せたい」）
   写真は16:9なので枠も16:9にして切らない */
.svc-visual.svc-photo { aspect-ratio: 16 / 9; padding: 0; background: #F2EEE4; border: 0; box-shadow: 0 20px 60px rgba(26,34,46,.10); backdrop-filter: none; -webkit-backdrop-filter: none; }
.svc-visual.svc-photo::before, .svc-visual.svc-photo::after { display: none; }
.svc-visual.svc-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ヒーローの見出し：変な位置（1文字だけ次の行など）で折れないように（2026-10-13 サービス「解決す／る」）
   .nw＝この塊の途中では折らない。狭い画面では塊と塊の間で折れる */
.page-hero h1 .nw { display: inline-block; }
.page-hero h1 { text-wrap: pretty; }