## Learn & Play!
遊びと学びのバランス

好奇心を育む、楽しい体験がいっぱいです。

## Smile!
みんなの笑顔がいっぱい

お友だちと一緒に、元気いっぱい成長しよう。

## Future!
未来へつながる体験を

ひとりひとりの個性を大切に、可能性を広げます。

## frame7-kids1-slide-zoom（2026.4公開）

このフレームで使用しているカラーセット。（css/theme.cssで一括置き換えできます）
● ● ●

### 利用規約

- このテンプレートは、Template Partyにて無料配布しているパーツです。必ずダウンロード先のサイトの利用規約をご一読の上でご利用下さい。
- 最下部の著作表示『Web Design:Template-Party』は無断で削除しないで下さい。わざと見えなく加工する事も禁止です。下部の著作を外したい場合はTemplate-Partyのライセンス契約を行う事でHP下部の著作を外す事ができます。

### メイン画像について

- メイン画像を入れ替えたい場合は、弊社素材サイトhaconanaをご活用下さい。無料会員登録で1日1点まで無料DLできます。
- 画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
- テキストブロックはデフォルトでセンタリングされますが、左寄せしたいなら「text」を「text left」に、右寄せにしたいなら「text right」にして下さい。
- ボタン色は以下が使えます。変更したい場合は直接カラーコードを指定するか、theme.cssの:rootのテーマカラーを変更して下さい。
- デフォルトは３枚構成ですが、４枚目を追加したい場合は、html側の３枚目のブロックをコピペし、img3をimg4に書き換えて、画像ファイル名も４枚目に変更して下さい。
- １枚目の画像のアスペクト比がそのままスライドショー全体に反映されます。

ボタン（デフォルト）
ボタン（primary）
ボタン（light）
ボタン（accent）

## アイコン一覧

上記以外のアイコンを探したい場合は、Font Awesomeサイトをご覧下さい。

《Web Design:Template-Party》