/* 会社概要も「強」を使用。先生指定の白地・略歴の薄いグレーと配置を調整する。 */
body.theme-b.page-about {
  --bg: var(--surface);
  /* strong.css の面色ではなく、:root の既存の薄いグレーを継承する。 */
  --surface-2: inherit;
}
body.theme-b.page-about .profile-career {
  background: var(--surface-2);
  margin-top: 28px;
}
/* 略歴の文字サイズと行高をプロフィール本文に揃える。 */
body.theme-b.page-about .profile-career .career-title,
body.theme-b.page-about .profile-career .career-list dt,
body.theme-b.page-about .profile-career .career-list dd {
  font-size: 17px;
  line-height: 1.85;
}
@media (min-width: 721px) {
  /* パソコンの本文・略歴・写真の間隔は従来どおり。 */
  body.theme-b.page-about .greeting-cols {
    gap: var(--space-7);
  }
}
@media (max-width: 720px) {
  /* 略歴の次の本文に、その本文の行高と同じ1行分を空ける。 */
  body.theme-b.page-about .profile-intro {
    margin-top: 1lh;
  }
}