#opcua_space .icon-heading::before {
  /* data-icon の値（例: security）を表示。合字でアイコンに変わる */
  content: attr(data-icon);
  /* 対応ブラウザでは読み上げ用テキストを空にする（非対応ブラウザは上の行が使われる） */
  content: attr(data-icon) / "";
  color: #ff9800;
  font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 36; /* サイズ/太さは任意 */
  vertical-align: -0.15em;        /* ベースライン微調整（任意） */
  margin-right: .3em;             /* 文字との間隔（任意） */
  font-size: 1.5em;               /* 倍率指定しているならここで */
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;

  display: inline-block;
}