ボタンテストクラスの追加でボタン風囲みが入れられます。
<div class="u-button-text-wrap -left -top"><span class="button" style="background: #F00; color: #fff;">ボタン部分</span>任意のテキスト</div>

全体の囲いは div 以外の p(段落)や h2 等見出しでも使用できます。

自動改行不可を入れているので長いテキストには向きません。こちらは見出しで使用したサンプルです。

右側にも設定できます。任意の改行を
入れることは出来ます。

ボタンテキスト上下の位置を中央に合わせた例です。上下の位置を中央に合わせた例です。上下の位置を中央に合わせた例です。上下の位置を中央に合わせた例です。

ボタンテキスト上下の位置を下に合わせた例です。上下の位置を下に合わせた例です。上下の位置を下に合わせた例です。上下の位置を下に合わせた例です。

ボタンテキスト

nishiguchi_san_sm4


サービス内容

本サービスは、「顧客起点マーケティング」を組織に定着させる法人向け研修のサービスです。
多くの企業のマーケティング統括、支援をしてきた西口一希氏が制作した学習プログラムを、グロースXの独自プラットフォームでの深い学びと、共通言語をつくり実践に移すためのオンラインミーティングをワンストップで、安価な月額にて提供いたします。
顧客との接点を持つあらゆる部門・職種に有用なサービスですので、事業部門や専門部門、経営企画、人事の担当者様、是非選択肢としてご検討ください。

スクリーンショット 2025-09-24 15.06.08

サービスの特徴

  • アニメで学べるから、マーケティングの専門知識がなくても課題発見からアイデア創出、戦略実行に至るプロセスが自然に身につく!
  • アンケートやデータだけでは見えない、顧客の行動の裏にある「なぜ?」を解き明かす手法が学べる!

  • 顧客インサイトを戦略に落とし込むための「N1分析」「5segs」といった再現性の高いフレームワークを豊富に紹介!


カリキュラムや進行イメージがわかる資料をご用意しています。
ぜひフォームよりダウンロードください。

資料請求ダウンロード