中古車購入をわかりやすく。軽の中古車「クルマのハンシン」新潟県阿賀野市

<div class="row">
    <div class="col-xs-12">
        <div class="c-background-1">
            <p>はじめて購入するときって、何もわからないから心配ですよね。<br>
            自動車は、かんたんに支払える買い物ではないですし、中古商品だとなおさら不安も大きいかと思います。</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <div class="c-background-2">
            <p>はじめて購入するときって、何もわからないから心配ですよね。<br>
            自動車は、かんたんに支払える買い物ではないですし、中古商品だとなおさら不安も大きいかと思います。</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <div class="c-background-3">
            <p>はじめて購入するときって、何もわからないから心配ですよね。<br>
            自動車は、かんたんに支払える買い物ではないですし、中古商品だとなおさら不安も大きいかと思います。</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <div class="c-background-4">
            <p>はじめて購入するときって、何もわからないから心配ですよね。<br>
            自動車は、かんたんに支払える買い物ではないですし、中古商品だとなおさら不安も大きいかと思います。</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <div class="c-background-5">
            <p>はじめて購入するときって、何もわからないから心配ですよね。<br>
            自動車は、かんたんに支払える買い物ではないですし、中古商品だとなおさら不安も大きいかと思います。</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <table class="c-table-1">
            <tr>
                <th>見出しが入ります。</th>
                <td>項目が入ります。</td>
            </tr>
            <tr>
                <th>見出しが入ります。</th>
                <td>項目が入ります。</td>
            </tr>
            <tr>
                <th>見出しが入ります。</th>
                <td>項目が入ります。</td>
            </tr>
        </table>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <table class="c-table-2">
            <tr>
                <th>見出しが入ります。</th>
                <td>項目が入ります。</td>
            </tr>
            <tr>
                <th>見出しが入ります。</th>
                <td>項目が入ります。</td>
            </tr>
            <tr>
                <th>見出しが入ります。</th>
                <td>項目が入ります。</td>
            </tr>
        </table>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <h5 class="c-heading-7--person-1">Q.はじめてクルマを購入します。中古車って、大丈夫なんでしょうか？</h5>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <h5 class="c-heading-7--person-2">Q.はじめてクルマを購入します。中古車って、大丈夫なんでしょうか？</h5>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <h5 class="c-heading-7--person-3">Q.はじめてクルマを購入します。中古車って、大丈夫なんでしょうか？</h5>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <h5 class="c-heading-7--person-4">Q.はじめてクルマを購入します。中古車って、大丈夫なんでしょうか？</h5>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <h5 class="c-heading-7--takahashi">当店は中古車を販売する上で、大事にしていることがあります。</h5>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-font-size-xs">文字サイズ -XS(Extra-Small)-</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-font-size-sm">文字サイズ -SM(Small)-</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-font-size-md">文字サイズ -MD(Medium)-</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-font-size-lg">文字サイズ -LG(Large)-</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-font-size-xl">文字サイズ -XL(Extra-Large)-</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p>文字色：<span class="u-color--red">赤色</span></p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p>文字色：<span class="u-color--yellow">黄色</span></p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p>文字色：<span class="u-color--green">緑色</span></p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p>文字色：<span class="u-color--blue">青色</span></p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p>文字色：<span class="u-color--purple">紫色</span></p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-txtleft">左揃えになります。</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-txtcenter">中央揃えになります。</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <p class="u-txtright">右揃えになります。</p>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <div class="c-article-1">
            <p>クルマのハンシンは、中古車を販売する上で<span class="u-txtbold">8つの品質基準</span>を掲げています。</p>

        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12">
        <div class="c-article-1">
            <p><span class="u-marker--yellow">クルマのハンシン</span>は、<span class="u-marker--pink">中古車を販売する上</span>で<span class="u-marker--blue">8つの品質基準</span>を掲げています。</p>

        </div>
    </div>
</div>
<!-- //end:.row -->

<br clear="all">

<table>
    <tr>
        <th class="u-va-middle">見出し</th>
        <td class="u-va-middle">項目</td>
    </tr>
</table>

<div class="row">
    <div class="col-xs-12 u-mb--xs">
        <div class="c-background-1">
            <p>余白サイズ -XS(Extra-Small)-</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12 u-mb--sm">
        <div class="c-background-1">
            <p>余白サイズ -SM(Small)-</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12 u-mb--md">
        <div class="c-background-1">
            <p>余白サイズ -MD(Medium)-</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12 u-mb--lg">
        <div class="c-background-1">
            <p>余白サイズ -LG(Large)-</p>
        </div>
    </div>
</div>
<!-- //end:.row -->

<div class="row">
    <div class="col-xs-12 u-mb--xl">
        <div class="c-background-1">
            <p>余白サイズ -XL(Extra-Large)-</p>
        </div>
    </div>
</div>
<!-- //end:.row -->