「PC、タブレット」で表示した場合

• 上から「ヘッダー画像」⇒「インフォメーションスペース」⇒「メニューボタン」の順番で表示
  1153px以下でHBGに変わってしまいます（ヘッダー画像の上に表示）
• サブページ：ドロップダウン表示
• ヘッダー上部にラインカラー 有

「スマートフォン」で表示した場合

• メニューボタン ※HBG／◎位置：ヘッダー画像の上、右側／◎カラー：白／◎動作：HBGボタンの下に下方向↓でスライド表示

◎ページ最大表示幅：1154px　

「PC、タブレット」で表示した場合

• 上から「ヘッダー画像」⇒「インフォメーションスペース」⇒「メニューボタン」の順番で表示
• サブページ：ドロップダウン表示
• ※コンテンツ幅が少し狭いためカラムを使用する場合はよくご確認ください

「スマートフォン」で表示した場合

• メニューボタン ※HBG／◎位置：ヘッダー画像 ⇒ インフォメーションスペースの下、左側／◎カラー：黒／◎動作：HBGボタンの下に下方向↓でスライド表示

◎ページ最大表示幅：960px　コンテンツ表示部分：900px

「PC、タブレット」で表示した場合

• ヘッダー画像の左側にHBG（左から右方向→にスライド表示）
• ヘッダー画像の下にインフォーメーションスペース

「スマートフォン」で表示した場合

• メニューボタン ※HBG／◎位置：ページ左上（ヘッダー画像の上）／◎カラー：白／◎動作：左から右方向→にスライド表示

◎ページ最大表示幅：930px

「PC、タブレット」で表示した場合

• 上から「HBG」⇒「ヘッダー画像」⇒「インフォメーションスペース」の順番で表示
• ※HBG／◎位置：ヘッダー画像の上・左側／◎カラー：黒／◎動作：左から右方向→にスライド表示

「スマートフォン」で表示した場合

• メニューボタン ※HBG／◎位置：ヘッダー画像の上・左側／◎カラー：黒／◎動作：左から右方向→にスライド表示

◎ページ最大表示幅：860px

「PC、タブレット」で表示した場合

• ナビゲーション：ヘッダー画像右側、約２/3のスペースに表示（右揃え）
• ヘッダー画像：ヘッダーの左側、約1/3のスペースに表示
• サブページ：ドロップダウン表示
• インフォメーションスペースはナシ

「スマートフォン」で表示した場合

• メニューボタン：※HBG／768px以下／◎位置：右上に表示（黒の囲みあり）／◎カラー：黒／◎動作：右から左方向←にスライドして表示
• ヘッダー画像：ヘッダーの左側に縮小されて表示

◎ページ最大表示幅：950px

「PC、タブレット」で表示した場合

• 上から「メニューボタン」⇒「インフォメーションスペース」⇒「ヘッダー画像」の順番で表示されます。
  ※メニューボタンは右寄せ、ヘッダー画像は小さく表示
• サブページ：ドロップダウン表示
• ナビゲーションがページの上に固定される。※ページの多い人には不向き

「スマートフォン」で表示した場合

• メニューボタン ※HBG／◎位置：ヘッダー画像の上、右側／◎カラー：グレー／少し大き目／◎動作：右から左方向←にスライドして表示

◎ページ最大表示幅：最大1050px

「PC、タブレット」で表示した場合

• 上から「メニューボタン」⇒「インフォメーションスペース」⇒「ヘッダー画像」の順番で表示
• サブページ：メインナビ（第１階層）の下に表示
• コンテンツ部分に枠アリ。表示幅が少し狭いのでカラムの使用する場合はよく確認をされた方がいいです。

「スマートフォン」で表示した場合

• メニューボタン ※HBG／◎位置：ページの最上部、左側／◎カラー：黒／◎動作：HBGボタンの下に下方向↓に表示

◎ページ最大表示幅：1000px　コンテンツ表示部分：840px

「PC、タブレット」で表示した場合

• 上から「メニューボタン」⇒「ヘッダー画像」⇒「インフォメーションスペース」の順番で表示
• サブページ：ドロップダウン表示

「スマートフォン」で表示した場合

• メニューボタン：※HBG／◎位置：ページ最上部、左側／◎カラー：黒、背景：グレー／◎動作：※HBGボタンの下に表示

◎ページ最大表示幅：1092px