'Bold letter on ruby element moves everything above this letter

I found a great solution to adjust the vertical position of ruby text on this post:

Adjust the vertical positioning of ruby text

But when I try to put one letter bold inside ruby element everything go above the bold letter, Is there a solution for this?

ruby {
  display: inline-flex;
  flex-direction: column-reverse;
  text-align: center;
}

rt {
  display: inline;
  line-height: 1;
}
わたしの <ruby><strong>会</strong>社<rt>かいしゃ</rt></ruby>です。


Solution 1:[1]

Solved

body {
  font-size: 28px;
}

ruby {
  font-family: 'Yu Gothic Bold';
}

rt {
  display: flex;
  flex-direction: column-reverse;
  line-height: 80%;
}
<p>Hola?<ruby><rt>?????????</rt><strong>?</strong>? 
</ruby></p>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Henry Ecker