Edit in JSFiddle

<link href="https://fonts.googleapis.com/css?family=Chau+Philomene+One|Josefin+Sans|Pattaya|Raleway|Rum+Raisin" rel="stylesheet">

<div class="sample02">
  <dl>
    <dt>Default</dt>
    <dd>
      <span class="en">Home</span>
      <span class="jp">ホーム</span>
      <span class="en">About</span>
      <span class="jp">会社概要</span>
      <span class="en">Contact</span>
      <span class="jp">お問い合わせ</span>
    </dd>
  </dl>

  <dl style="font-family: Raleway; font-weight: 400">
    <dt>Raleway</dt>
    <dd>
      <span class="en">Home</span>
      <span class="jp">ホーム</span>
      <span class="en">About</span>
      <span class="jp">会社概要</span>
      <span class="en">Contact</span>
      <span class="jp">お問い合わせ</span>
    </dd>
  </dl>
  
  <dl style="font-family: Josefin Sans; font-weight: 400">
    <dt>Josefin Sans</dt>
    <dd>
      <span class="en">Home</span>
      <span class="jp">ホーム</span>
      <span class="en">About</span>
      <span class="jp">会社概要</span>
      <span class="en">Contact</span>
      <span class="jp">お問い合わせ</span>
    </dd>
  </dl>
  
  <dl style="font-family: Chau Philomene One; font-weight: 400">
    <dt>Chau Philomene One</dt>
    <dd>
      <span class="en">Home</span>
      <span class="jp">ホーム</span>
      <span class="en">About</span>
      <span class="jp">会社概要</span>
      <span class="en">Contact</span>
      <span class="jp">お問い合わせ</span>
    </dd>
  </dl>
  
  <dl style="font-family: Pattaya; font-weight: 400">
    <dt>Pattaya</dt>
    <dd>
      <span class="en">Home</span>
      <span class="jp">ホーム</span>
      <span class="en">About</span>
      <span class="jp">会社概要</span>
      <span class="en">Contact</span>
      <span class="jp">お問い合わせ</span>
    </dd>
  </dl>
  
  <dl style="font-family: Rum Raisin; font-weight: 400">
    <dt>Rum Raisin</dt>
    <dd>
      <span class="en">Home</span>
      <span class="jp">ホーム</span>
      <span class="en">About</span>
      <span class="jp">会社概要</span>
      <span class="en">Contact</span>
      <span class="jp">お問い合わせ</span>
    </dd>
  </dl>
</div>
body {
  padding: 10px;
  font-size: 12px;
}

.sample02 dl {
  margin-top: 30px;
}
.sample02 dl dt {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0.2em 1em;
  border-radius: 100px;
  background: #333;
  color: #fff;
  letter-spacing: .02em;
  line-height: 1;
}
.sample02 dl dd .en {
  font-size: 1.8em;
  /* text-transform: uppercase; */
}
.sample02 dl dd .jp + .en {
  margin-left: 1em;
}