/* ===== service.css ===== */
/* strategy / redefine / content_creation / employer_branding / advisor 共通 */

.svc-section { background: var(--paper); }
.svc-section--alt { background: var(--bg); }

/* voice-close は右寄せ */
.voice-close {
  font-family: var(--serif);
  font-size: 15px;
  letter-spacing: .08em;
  margin-top: 44px;
  text-align: right;
}

/* verbsコンポーネントの num(漢数字)位置 */
.verbs .verb .num {
  position: absolute;
  left: -44px;
  top: 38px;
  font-family: var(--serif);
  font-size: 12px;
  color: var(--sub);
  background: var(--bg);
  padding: 6px 0;
  z-index: 1;
}
.svc-section .verbs .verb .num { background: var(--paper); }
.svc-section--alt .verbs .verb .num { background: var(--bg); }

/* Service一覧 */
.sv-section { background: var(--paper); }
.sv-section--alt { background: var(--bg); }

/* 索引グリッド(2×2) */
.sv-index {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  margin-top: 16px;
}
.sv-index-item {
  background: var(--paper);
  padding: 32px 28px;
}
@media (max-width: 600px) {
  .sv-index { grid-template-columns: 1fr; }
}

/* toc-rowをリンクとして使う場合 */
.toc-row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 16px 0;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--line);
  transition: opacity .25s ease;
}
.toc-row:last-child { border-bottom: none; }
.toc-row:hover { opacity: .65; }

/* section--contact の区切り */
.section--contact + .section--contact {
  border-top: 1px solid var(--line);
}