カード(横並びカラム)

2カラム ul li
2カラム ul li 装飾版
3カラム ul li
4カラム ul li（タブレット以下3カラム）
5カラム ul li（タブレット以下4カラム）
6カラム ul li（タブレット以下4カラム）
2カラム box
3カラム box
4カラム box
親ページ ul li
カード1
カード2
カード3
お客様の声1
お客様の声2
お客様の声3
スタッフ紹介1
スタッフ紹介2
スタッフ紹介3

2カラム ul li

画像キャプション
画像キャプション
画像キャプション
画像キャプション

<ul class="c-twoColumns">
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389">画像キャプション</li>
</ul>

コピー完了

2カラム ul li 装飾版

<ul class="c-twodesign">
        <li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389"></li>
        <li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389"></li>
        <li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389"></li>
        <li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="519" height="389"></li>
    </ul>

コピー完了

3カラム ul li

画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション

<ul class="c-threeColumns">
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="339" height="254">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="339" height="254">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="339" height="254">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="339" height="254">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="339" height="254">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="339" height="254">画像キャプション</li>
</ul>

コピー完了

4カラム ul li（タブレット以下3カラム）

画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション

<ul class="c-fourColumns">
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="249" height="187">画像キャプション</li>
</ul>

コピー完了

5カラム ul li（タブレット以下4カラム）

画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション

<ul class="c-fiveColumns">
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146"></li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="195" height="146">画像キャプション</li>
</ul>

コピー完了

6カラム ul li（タブレット以下4カラム）

画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション
画像キャプション

<ul class="c-sixColumns">
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119"></li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119"></li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
<li><img src="https://v2.s-contigo.website/images/img/regulation/dum_02.jpg" alt="画像" width="159" height="119">画像キャプション</li>
</ul>

コピー完了

2カラム box

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

<div class="c-flex-container-two">
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
</div>

コピー完了

3カラム box

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

<div class="c-flex-container-three">
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
</div>

コピー完了

4カラム box

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

<div class="c-flex-container-four">
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="https://v2.s-contigo.website/images/img/regulation/dum_03.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
</div>

コピー完了

親ページ ul li

<ul class="c-page-parent">
    <li><a href="#">選ばれる理由</a></li>
    <li><a href="#">お客様の声</a></li>
    <li><a href="#">サービス一覧</a></li>
    <li><a href="#">施工事例</a></li>
    <li><a href="#">施工までの流れ</a></li>
</ul>

コピー完了

カード1

タイトルタイトル

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

タイトルタイトル

タイトルタイトル

<div class="c-card1-container">
    <section>
        <figure><img src="https://v2.s-contigo.website/images/img/regulation/deputy_02.webp" width="800" height="533" alt="画像"></figure>
        <h3>タイトルタイトル</h3>
        <p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
    <section>
        <figure><img src="https://v2.s-contigo.website/images/img/regulation/deputy_02.webp" width="800" height="533" alt="画像"></figure>
        <h3>タイトルタイトル</h3>
        <p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
    <section>
        <figure><img src="https://v2.s-contigo.website/images/img/regulation/deputy_02.webp" width="800" height="533" alt="画像"></figure>
        <h3>タイトルタイトル</h3>
        <p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
</div>

コピー完了

カード2

タイトルタイトル

<div class="c-card2-container">
    <section data-case-prefix="scene">
        <h3>タイトルタイトル</h3>
        <p data-label="悩み">文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
        <p data-label="解決策">文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
    <section data-case-prefix="scene">
        <h3>タイトルタイトル</h3>
        <p data-label="悩み">文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
        <p data-label="解決策">文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
    <section data-case-prefix="scene">
        <h3>タイトルタイトル</h3>
        <p data-label="悩み">文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
        <p data-label="解決策">文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
</div>

コピー完了

カード3

タイトルタイトル

<div class="c-card3-container">
    <section>
        <h3>タイトルタイトル</h3>
        <p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
    <section>
        <h3>タイトルタイトル</h3>
        <p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
    <section>
        <h3>タイトルタイトル</h3>
        <p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
    </section>
</div>

コピー完了

お客様の声1

とても助かりました！A社　企画部

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。
効率が上がりました。B社　経理部

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。
サポートに感謝です。C社　経理部

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。

<ul class="c-customer1">
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon01.svg" alt="A社">
        <div>
            <p>とても助かりました！<span>A社　企画部</span></p>
            <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
        </div>
    </li>
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon02.svg" alt="B社">
        <div>
            <p>効率が上がりました。<span>B社　経理部</span></p>
            <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
        </div>
    </li>
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon03.svg" alt="C社">
        <div>
            <p>サポートに感謝です。<span>C社　経理部</span></p>
            <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
        </div>
    </li>
</ul>

コピー完了

お客様の声2

企画部

とても助かりました！

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。
経理部

サポートに感謝です。

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。

<ul class="c-customer2">
    <li>
        <p>企画部</p>
        <div>
            <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon04.svg" alt="">
            <p><a href="/">とても助かりました！</a></p>
        </div>
        <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
    </li>
    <li>
        <p>経理部</p>
        <div>
            <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon05.svg" alt="">
            <p><a href="/">サポートに感謝です。</a></p>
        </div>
        <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
    </li>
</ul>

コピー完了

お客様の声3

Aさん
60代男性

○○についてのご相談

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。
Bさん
40代女性

○○についてのご相談

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。
Cさん
30代女性

○○についてのご相談

お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。

<ul class="c-customer3">
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon06.svg" alt="Aさん">
        <p>Aさん<br>60代 男性</p>
        <p>○○についてのご相談</p>
        <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
    </li>
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon07.svg" alt="Bさん">
        <p>Bさん<br>40代 女性</p>
        <p>○○についてのご相談</p>
        <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
    </li>
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/customer_icon08.svg" alt="Cさん">
        <p>Cさん<br>30代 女性</p>
        <p>○○についてのご相談</p>
        <p>お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。お客様の感想が入ります。</p>
    </li>
</ul>

コピー完了

スタッフ紹介1

<ul class="c-staff1">
    <li>
        <a href="/">
            <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff01.webp" alt="山田 太郎">
            <p>山田 太郎<span>Taro Yamada</span></p>
        </a>
    </li>
    <li>
        <a href="/">
            <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff02.webp" alt="鈴木 花子">
            <p>鈴木 花子<span>Hanako Suzuki</span></p>
        </a>
    </li>
    <li>
        <a href="/">
            <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff03.webp" alt="田中 次郎">
            <p>田中 次郎<span>Jiro Tanaka</span></p>
        </a>
    </li>
</ul>

コピー完了

スタッフ紹介2

エンジニア

山田太郎Taro Yamada
総務

鈴木花子Hanako Suzuki
デザイナー

田中美穂Miho Tanaka

<ul class="c-staff2">
    <li>
        <p>エンジニア</p>
        <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff04.webp" alt="山田 太郎">
        <p>山田 太郎<span>Taro Yamada</span></p>
    </li>
    <li>
        <p>総務</p>
        <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff05.webp" alt="鈴木 花子">
        <p>鈴木 花子<span>Hanako Suzuki</span></p>
    </li>
    <li>
        <p>デザイナー</p>
        <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff06.webp" alt="田中 美穂">
        <p>田中 美穂<span>Miho Tanaka</span></p>
    </li>
</ul>

コピー完了

スタッフ紹介3

役職名田中美穂Miho Tanaka

プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。
役職名山田太郎Taro Yamada

プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。
役職名鈴木花子Hanako Suzuki

プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。
役職名佐藤次郎Jiro Sato

プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。

<ul class="c-staff3">
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff07.webp" alt="田中 美穂">
        <p><small>役職名</small>田中 美穂<span>Miho Tanaka</span></p>
        <p>プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。</p>
    </li>
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff08.webp" alt="山田 太郎">
        <p><small>役職名</small>山田 太郎<span>Taro Yamada</span></p>
        <p>プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。</p>
    </li>
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff09.webp" alt="鈴木 花子">
        <p><small>役職名</small>鈴木 花子<span>Hanako Suzuki</span></p>
        <p>プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。</p>
    </li>
    <li>
        <img src="https://v2.s-contigo.website/images/img/regulation/staff/staff10.webp" alt="佐藤 次郎">
        <p><small>役職名</small>佐藤 次郎<span>Jiro Sato</span></p>
        <p>プロフィールのテキストが入ります。プロフィールのテキストが入ります。プロフィールのテキストが入ります。</p>
    </li>
</ul>

コピー完了