[h1]SEOを意識して

			ページのタイトル欄として共通使用する。
			コード内サーチ「elements---0000」
		

[h1]Elements Page2

[h2]h2タイトル

			コンテンツ・パターン1
			コード内サーチ「elements---0001」
		

[page_ltit txt_blue h3]タイトル
副題・注釈等

補足説明

ul class="cntns_menu"でdisplay: flex;にてli配置

			コンテンツ・パターン2
			コード内サーチ「elements---0002」
		

[page_ltit h2]タイトル・表題副題・装飾

[h3]タイトル・表題

div class="page_blk_normal"で外枠囲み、文章側はclass="page_blk_normal_clm"(幅42%)で、写真側を class="page_blk_normal_photo"(幅52%)で囲むと2カラム配置に。

説明文章

[h3]タイトル・表題

[h3]2カラムレイアウト

  • 外をclass="blk2_area"で囲み、
  • 1つのブロックをclass="blk"で囲む
  • 箇条書き
  • 箇条書き

[h3]タイトル・表題

  • 箇条書き
  • 箇条書き
  • 箇条書き
  • 箇条書き

[h4]タイトル

divにclass="border_blkをかけたら外枠設置

説明文章

説明文章

説明文章

説明文章

説明文章

  • list_itemを使わない箇条書き
  • list_itemを使わない箇条書き
  • アイコンはfont awesomeで箇条書き
  • 箇条書き
  • 箇条書き
  • 箇条書き

一番外側のdivにclass="page_blk_normal"と"clm_wide"を書くことでコラム側が幅広に

コラム側は60%、写真側は35%に

タイトル

説明文

タイトル

説明文強調説明文

			コンテンツ・パターン3
			コード内サーチ「elements---0003」
		

[h2]タイトル・表題副題・装飾

[h3]タイトル・表題

説明文章

説明文章

  • 箇条書き
  • 箇条書き
  • 箇条書き
  • 箇条書き
  • 箇条書き

説明文章

説明文章

			コンテンツ・パターン4
			コード内サーチ「elements---0004」
		

[h3]タイトル・表題副題・装飾

[h3]タイトル・表題

説明文章

[h3]タイトル・表題

[h3]タイトル・表題

説明文章

[h3]タイトル・表題

youtube埋め込みコード

説明文章

			コンテンツ・パターン5
			コード内サーチ「elements---0005」
		

[page_ttl h3]3カラムレイアウト

[h4]タイトル・表題

説明文章

[h4]タイトル・表題

説明文章

[h4]タイトル・表題

説明文章

			コンテンツ・パターン6
			コード内サーチ「elements---0006」
		

[h3]フロー表パターン1

1.説明文
2.説明文
3.説明文
4.説明文

補足説明

説明文章

タイトル・表題

  • 箇条書き
  • 箇条書き
  • 箇条書き

1.説明文
2.説明文
3.説明文
4.説明文

補足説明

			コンテンツ・パターン7
			コード内サーチ「elements---0007」
		

[h3]フロー表パターン2

STEP1

[h2]タイトル・表題

説明文章

STEP2

[h2]タイトル・表題

説明文章

ReservationWEB / LINE予約

WEB予約、LINE予約は
24時間受け付けております。

お電話、web予約もしくはLINE予約にて
お気軽にご連絡くださいませ。

■所在地
〒111-0011 大阪市xxx区ccccc1-2-34
■最寄り駅
XX線XX駅より、徒歩99分
■TEL
000-1111-2222
■駐車場
99台駐車可能
診療受付時間
9:30~11:15
13:15~18:00

休診日:水曜日・日曜日・祝祭日