h1サンプルh1サンプル

h2サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h4サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

文字装飾・リンク

文字装飾

※p(全体)にもspan(一部)にも使えます。

★マーカー、太字

サンプルテキストマーカを引いたテキスト(b)

シンプルな太字にするときは(class=”txt_bold”)

★テキストカラー変更

デフォルトテキスト、サイトカラーのテキスト(class=”site_color”)

サイトサブカラーのテキスト(class=”site_color”)

赤のテキスト(class=”red”)

★大きさ

小さい文字(class=”txt_s”)

大きい文字(class=”txt_l”)

ウェブフォント使用(class=”txt_wf”)

以上を組み合わせて使ってください。

例:

患者様に優しいクリニックです。

リンク

ノーマルリンク class=”link”

矢印付きリンク class=”link_arw”

ボタンリンク class=”link_btn”

リスト

  • リストサンプル
  • リストサンプル
  • リストサンプル
  • class=”list_arw”
  • リストサンプル
  • リストサンプル
  • リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル
  1. class=”list_number”
  2. リストサンプル
  3. リストサンプル
  4. リストサンプルリストサンプルリストサンプルリストサンプルリストサンプルリストサンプル

テーブル

サンプル
色つきのセル

class=”td_title”

プレーン
センター寄せ

class=”center”

右寄せ

class=”right”

ボックス

★border-box

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h4サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

★color-box

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h4サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h5サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

半分サイズのボックス(スマホでは100%になります)

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

医師プロフィール

執筆者紹介

執筆者写真

山田 太郎

役職や担当などを記入

タイトルタイトルタイトル

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

医師プロフィール

執筆者紹介

大澤亮太の画像

大澤 亮太

武蔵小杉こころみクリニック院長

精神保健指定医/日本医師会認定産業医/日本医師会認定健康スポーツ医/認知症サポート医/コンサータ登録医

画像・コンテンツ配置

画像のセンター寄せ

サンプル画像

(class=”img_center”)

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

画像の右寄せ(float使用のためclearもしくはclearfixを忘れずに)

サンプル画像

(class=”img_right”)

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

画像の左寄せ(float使用のためclearもしくはclearfixを忘れずに)

サンプル画像

(class=”img_left”)

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

画像横並びレイアウト

2つ並び(PC~タブレットのみ)

(class=”flex_around_all”)内に入れ、画像をdiv class=”box_two”で囲う

サンプル画像
サンプル画像

3つ並び(PC~タブレットのみ)

(class=”flex_around”)内に入れ、画像をdiv class=”box_three”で囲う

サンプル画像
サンプル画像
サンプル画像

大きめの写真

(class=”img_wide”)

サンプル画像

スマホの画像をリサイズしない

画像の横幅が小さすぎてスマホで荒くなってしまう場合に使用

(class=”no-resize”)

サンプル画像

センター寄せ

(class=”no-resize img_center”)

サンプル画像

メニュー

タイトルタイトル

サンプル画像 詳しく見る

タイトルタイトル

サンプル画像 詳しく見る

タイトルタイトル

サンプル画像 詳しく見る

タイトルタイトル

サンプル画像 詳しく見る

動画の埋め込み

動画

ご予約・ご相談

初めて受診される患者様は、
初診専用ダイヤルへお電話を!

070-3103-7088

その他、お問い合わせは総合窓口へ

044-299-7099