ttl_section
<h2 class="ttl_section">ttl_section</h2>
アイコン付きのttl_section
<h2 class="ttl_section">
<span class="ttl_section--icon"><img src="/wp-content/themes/theme/img/common/icon_mail.svg" alt=""></span>
<em class="u-txt_green">アイコン付きの</em>ttl_section
</h2>
下線付きのttl_section
<h2 class="ttl_section -border">
<em class="u-txt_green">下線付きの</em>ttl_section
</h2>
緑色でかなり大きいテキストが入ります
中央寄せで長文のテキストが入ります。中央寄せで長文のテキストが入ります。
中央寄せで長文のテキストが入ります。
中央寄せで長文のテキストが入ります。中央寄せで長文のテキストが入ります。
中央寄せで長文のテキストが入ります。中央寄せで長文のテキストが入ります。
<section class="common_lead section">
<p class="common_lead--txt">緑色で<span class="u-txt_pink">かなり</span><span class="u-txt_yellow">大きい</span><span class="u-txt_blue">テキスト</span>が入ります</p>
<p class="common_lead--paragraph">中寄せで長文のテキストが入ります。中央寄せで長文のテキストが入ります。<br>
中央寄せで長文のテキストが入ります。<br>
中央寄せで長文のテキストが入ります。中央寄せで長文のテキストが入ります。<br>
中央寄せで長文のテキストが入ります。中央寄せで長文のテキストが入ります。</p>
<p class="common_lead--caption">緑色の少し大きいテキストが入ります。</p>
</section>
緑色でかなり大きいテキストが入ります
背景に飾りがついているバージョンです。背景に飾りがついているバージョンです。
背景に飾りがついているバージョンです。
<section class="common_lead -bg_img">
<p class="common_lead--txt">緑色で<span class="u-txt_pink">かなり</span><span class="u-txt_yellow">大きい</span><span
class="u-txt_blue">テキスト</span>が入ります</p>
<p class="common_lead--paragraph">背景に飾りがついているバージョンです。背景に飾りがついているバージョンです。<br>
背景に飾りがついているバージョンです。</p>
<p class="common_lead--caption">緑色の少し大きいテキストが入ります。</p>
</section>
- お問い合わせ
- お客様のご要望をヒアリング
- 現地調査
- ご要望に応じたご提案・見積りについてのご説明
- ご契約
- 着工
<section class="common_flow section">
<div class="container">
<ol>
<li><span class="common_flow--num"><img src="/wp-content/themes/theme/img/common/icon_num_01.svg"
alt="01"></span>お問い合わせ<span class="common_flow--caption">オンライン相談会も実施しております</span></li>
<li><span class="common_flow--num"><img src="/wp-content/themes/theme/img/common/icon_num_02.svg"
alt="02"></span>お客様のご要望をヒアリング</li>
<li><span class="common_flow--num"><img src="/wp-content/themes/theme/img/common/icon_num_03.svg"
alt="03"></span>現地調査</li>
<li class="-sm"><span class="common_flow--num"><img src="/wp-content/themes/theme/img/common/icon_num_04.svg"
alt="04"></span>ご要望に応じたご提案・見積りについてのご説明</li>
<li><span class="common_flow--num"><img src="/wp-content/themes/theme/img/common/icon_num_05.svg"
alt="05"></span>ご契約</li>
<li><span class="common_flow--num"><img src="/wp-content/themes/theme/img/common/icon_num_06.svg"
alt="06"></span>着工</li>
</ol>
</div>
</section>
<div class="u-bg_img_flag">
//コンテンツが入ります
//上に旗の画像をつけるときに使用します
//paddingはコンテンツごとに調整してください
</div>
<div class="u-bg_img_house">
//コンテンツが入ります
//下に家の画像をつけるときに使用します
//paddingはコンテンツごとに調整してください
</div>