よく頂く質問Faq

ここに質問を書きます。クリックで回答が開きます。
ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。
ここに質問を書きます。クリックで回答が開きます。
ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。
ここに質問を書きます。クリックで回答が開きます。ここに質問を書きます。クリックで回答が開きます。ここに質問を書きます。クリックで回答が開きます。ここに質問を書きます。クリックで回答が開きます。
ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。
ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。
ここに質問を書きます。クリックで回答が開きます。ここに質問を書きます。クリックで回答が開きます。ここに質問を書きます。クリックで回答が開きます。ここに質問を書きます。クリックで回答が開きます。
ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。
ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。

よく頂く質問

<!--▼▼▼▼▼ここから「よく頂く質問」-->
<section id="faq" class="bg1">

<h2><span class="fade-in-text">よく頂く質問</span><span class="small">Faq</span></h2>

<dl class="faq">

<dt class="openclose2">ここに質問を書きます。クリックで回答が開きます。</dt>
<dd>ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。ここに回答を書きます。サンプルテキスト。</dd>
・
・
・
</dl>

</section>
<!--▲▲▲▲▲ここまで「よく頂く質問」-->

設定は

cssフォルダのstyle.cssから「.faq」でテキスト検索してみて下さい。詳しい解説もあります。

よく頂く質問」のテキストアニメーション

汎用的に使えるテキストアニメーションです。
詳細はmanual4_kodawari.htmlを読んで下さい。

このブロックと下に続く写真のグラデーションは

次のマニュアル(manual9_btnbox.html)で解説しています。