このページの先頭です

本文へ移動します

フッターへ移動します

ロゴ画像:社会福祉法人 横浜市社会福祉協議会

ロゴ画像:社会福祉法人 横浜市社会福祉協議会

メイン画像:横浜の風景

CSSサンプル2

CSSサンプル2

他のCSS

.flexbox ボタンリンク、画像、文字を大きな幅の時は横並びにして、幅が狭くなると下に回り込む .btn00+マウスオーバー背景色

ボタンリンク.btn00+PDF
横浜市つづき緑寿荘
横浜市野毛山荘

.flexbox センタリング

ボタンリンク.btn00+PDF
横浜市つづき緑寿荘
横浜市野毛山荘

.flexbox センタリング 画像

内容(コンテンツ)
内容(コンテンツ)
内容(コンテンツ)

.flexbox センタリング 画像 キャプション付き

職員の集合写真
赤い羽根を着用した職員の皆様
赤い羽根を着用した職員の皆様
1階ATM横のポスターの写真
1階ATM横にポスター掲示をしていただきました

.flex-equal-box リスト、文字の横並び、均等配置、幅が狭くなるとリスト形式で縦並び

コンテンツ
コンテンツ
コンテンツ
コンテンツ

ぶら下げの設定

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。
※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。
その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。
その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。
※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。
※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。
※その他のキャンペーンとは併用できません。
詳しくはスタッフにお問い合わせください。

h4は文字の後ろに薄い色を付ける

CSS見出しデザイン

リスト

  1. カタカナのリスト
  2. カタカナのリスト
  3. カタカナのリスト
  4. カタカナのリスト

上下のマージンを0にしたリスト margin: 0;

行間の狭いリスト line-height:1em

行間の狭い番号及びカタカナリスト line-height:1.5em

  1. 基本のリスト
  2. 基本のリスト
  3. 基本のリスト
  4. 基本のリスト
  1. カタカナのリスト
  2. カタカナのリスト
  3. カタカナのリスト
  4. カタカナのリスト

行間の狭いアイコンリスト line-height:1em + .top0

背景色

横浜市社協が大切にしていること

女性だけでなく男性も、それぞれの能力を十分に発揮して、職員一人ひとりが活躍できるように様々な取り組みや職場環境づくりを行っています!