<!-- tpcms-form: {
  "label": "09_背景画像 ＋ ボタン",
  "category": "03_コンテンツ",
  "fields": [
    { "key": "LINK", "type":"text", "label": "アンカーリンク（メニュー設定のスラッグと合わせる）" },
    { "key":"TEXT1", "type":"text", "label":"① 小さな見出し" },
    { "key":"TEXT1_HOSOKU", "type":"text", "label":"① 見出し" },
    { "key":"BTN_TITLE1", "type":"text", "label":"① ボタンタイトル" },
    { "key": "LINK_URL1", "type": "text", "label": "① ボタンのリンク先" },
    { "type": "file", "key": "FILE1", "label": "① 背景画像", "image_max_width": 1000, "image_quality": 82 },
    { "key":"TEXT2", "type":"text", "label":"② 小さな見出し" },
    { "key":"TEXT2_HOSOKU", "type":"text", "label":"② 見出し" },
    { "key":"BTN_TITLE2", "type":"text", "label":"② ボタンタイトル" },
    { "key": "LINK_URL2", "type": "text", "label": "② ボタンのリンク先" },
    { "type": "file", "key": "FILE2", "label": "② 背景画像", "image_max_width": 1000, "image_quality": 82 }
  ]
} -->

<section class="padding0" id="{{LINK}}">

<div class="list-c2">

<div class="list image1" style="background-image: url('./uploads/{{FILE1}}');">
<div class="text">
<h4><span class="sub-text">{{TEXT1}}</span><span class="main-text">{{TEXT1_HOSOKU}}</span></h4>
<p class="btn1"><a href="{{LINK_URL1}}">{{BTN_TITLE1}}</a></p>
</div>
</div>

<div class="list image2" style="background-image: url('./uploads/{{FILE2}}');">
<div class="text">
<h4><span class="sub-text">{{TEXT2}}</span><span class="main-text">{{TEXT2_HOSOKU}}</span></h4>
<p class="btn1"><a href="{{LINK_URL2}}">{{BTN_TITLE2}}</a></p>
</div>
</div>

</div>

</section>
