上記資料を参考に実装してください。
うまくいかない場合は担当CSまでご連絡ください。
サンプルコード
<div class="onb-productname-hint-container">
<p class="onb-productname-hint-p">
クリックするとご案内を開始します。<br>
内容に沿って操作してください。
</p>
<ul class="onb-productname-hint-list">
<button class="onb-productname-hint-button"
onclick="STANDSMotion.changeGoal('ポップアップIDを入れる')"
>
操作方法を知る
</button>
</ul>
</div>
<style>
.onb-productname-hint-container {
width: 100%;
padding: 5px;
font-family: 'Noto Sans', sans-serif;
}
.onb-productname-hint-list {
padding: 0;
list-style: none;
}
.onb-productname-hint-button {
margin-bottom: 10px;
position: relative;
width: 280px;
color: #46A6FF;
background-color: transparent;
border: 1px solid #46A6FF;
border-radius: 4px;
padding: 5px 10px;
cursor: pointer;
transition: background-color 0.3s;
}
.onb-productname-hint-button:hover {
color: #ffffff;
background-color: #46A6FF;
}
</style>