メインビジュアル

写真や動画を全面に敷き、見出し・本文・リンクを重ねて見せるセクションです。1枚なら静止し、2枚以上なら切り替わります。スライドは3枚以内を推奨します。

写真を右や左に置いて文章と並べたいときは 「画像付きテキスト」 セクション、写真の下に特徴を3〜4個並べたいときは 「特徴の帯」 セクションを使います（2026-11-04 に分けました。以前このセクションにあった「写真・動画を右／左」の配置と「下に表示する特徴」は、それぞれそのセクションに移っています）。

追加方法

テーマエディタでページを開き、「セクションを追加」から 「メインビジュアル」 を選びます。スライドを増やすときは「ブロックを追加」から「スライド」を選びます。

設定

• 配色: セクション全体の配色です。初期値は配色1です。
• 画面の左右いっぱいに表示: オンにすると画面の幅いっぱいに表示します。初期値はオフです。
• 画面の高さいっぱいに表示: ヘッダーとお知らせバーを除いた高さにそろえます。初期値はオフです。
• 最初の見出しを H1 にする（トップ以外）: 最初のスライドの見出しをページの主見出し（H1）にします。トップページ以外の冒頭に置くときにオンにします。トップではヘッダーのロゴが H1 なので、オンにしても見出しは H2 のままです。初期値はオフです。
• デスクトップでの高さ: デスクトップでのセクションの高さです（40〜90rem・初期値65rem）。「画面の高さいっぱいに表示」がオフのときだけ表示します。
• モバイルでの高さ: モバイルでのセクションの高さです（20〜60rem・初期値36rem）。「画面の高さいっぱいに表示」がオフのときだけ表示します。
• スライドを自動で切り替える: オンにすると一定時間ごとに次のスライドへ進みます。初期値はオフです。
• 切り替えまでの秒数: 自動で切り替える間隔です（4〜12秒・初期値6秒）。自動切り替えがオンのときだけ表示します。再生中の動画は終わるまで待ちます。
• スライド操作の表示位置: 写真の下（初期値）か 写真の上 から選びます。写真の上を選ぶと下中央に小さく重なります。スライドが2枚以上のときだけ表示します。

余白

• 上: セクションの上に空ける余白です（0〜100px・初期値0px）。
• 下: セクションの下に空ける余白です（0〜100px・初期値0px）。

ブロック

「スライド」は最大5つ追加できます。

スライド

写真・動画

• デスクトップ用の画像: 動画も選んだ場合は動画が優先され、画像は動画が読み込まれるまでの表示に使います。
• モバイル用の画像: 空欄ならデスクトップ用の画像を使います。動画も選んだ場合、モバイルではこの画像を表示します。
• 画像の代替テキスト: 読み上げ用の説明です。空欄なら画像に保存された代替テキスト、次にスライドの見出しを使います。画像を選んだときだけ表示します。
• 動画: モバイル用の画像があれば、モバイルでは動画の代わりに画像を表示します。
• 動画の再生方法: 押して再生・デスクトップで自動（初期値）・モバイルでも自動 から選びます。自動再生は消音です。押して再生では標準の操作バーが出ます。動画を選んだときだけ表示します。
• 動画を繰り返し再生: 自動再生の動画を繰り返します。オフにすると最後の場面で止まり、スライドの自動切り替えがオンなら次のスライドへ進みます。初期値はオンです。
• スクロールで画像を引く: 画像が1枚のときに、スクロールに合わせて拡大を戻します。動画・動きを減らす設定・テーマエディタでは使いません。初期値はオフです。

切り抜き位置

• デスクトップでの切り抜き位置: 画像の焦点位置（初期値）・中央・左・右・上・下から選びます。
• モバイルでの切り抜き位置: 中央（初期値）・画像の焦点位置・左・右から選びます。

文章

• 小さな見出し: 見出しの前に添える短い言葉です。
• 見出し: スライドの見出しです。
• 見出しを縦書きにする: 日本語の見出しを右上から縦書きにします。ほかの言語は横書きです。小さな見出し・本文・ボタンはまとまります。初期値はオフです。
• 本文: 見出しに続く文章です。

文字の位置と暗幕

• デスクトップの文字位置: 9か所から選びます。初期値は左中央です。
• モバイルの文字位置: 上・中央（初期値）・下から選びます。
• 画像の上の文字の色: 白（初期値）か セクションの配色 から選びます。明るい写真では「セクションの配色」を選ぶと、写真を暗くせずに読めます。このとき暗幕もセクションの背景色になります。
• 暗幕の濃さ: 文字の後ろに掛ける暗幕の濃さです（0〜50%・5%刻み・初期値40%）。
• 暗幕の掛け方: 左・全面（初期値）・右 から選びます。全面は写真全体に同じ濃さで掛けます。左・右は、その端が「暗幕の濃さ」の濃さで、反対側へ薄くなります。スマホではどれを選んでも全面です。

リンク

• 1つ目のリンク名: 1つ目のリンクの文言です。
• 1つ目のリンク先: 1つ目のリンクの行き先です。リンク名を入れたときだけ表示します。
• 1つ目の見た目: 塗り（初期値）か 下線の文字 から選びます。リンク名を入れたときだけ表示します。
• 2つ目のリンク名: 2つ目のリンクの文言です。
• リンク2の前の一言: 2つ目のリンクの直前に添える短い言葉です。2つ目のリンク名を入れたときだけ表示します。
• 2つ目のリンク先: 2つ目のリンクの行き先です。2つ目のリンク名を入れたときだけ表示します。
• 2つ目の見た目: 選択肢は1つ目と同じです。初期値は 下線の文字 です。2つ目のリンク名を入れたときだけ表示します。