/* 共通アンダーライン */
.underline {
  position: relative;
  display: inline-block;
  z-index: 0;           /* ★基準レイヤー */
}

/* アンダーライン本体 */
.underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0em;          /* ★線の位置の調整 */
  height: 4px;
  background-color: var(--ul-color);
  z-index: -1;          /* ★線を背面へ */
}

/* 色定義（文字色は変えない） */
.hyperv-title    { --ul-color: #0064fa; }
.kvm-title       { --ul-color: #fa000f; }
.openshift-title { --ul-color: #cc0000; }