{{- $c := site.Data.content -}}
<section class="ban" aria-labelledby="ban-h">
    <div class="ban-img ph"><img src="{{ ($c.ban.img_1_image | relURL) }}" alt="{{ $c.ban.img_1_alt }}" loading="lazy" decoding="async" width="1600" height="1067"></div>
    <h2 class="ban-h" id="ban-h">
      <span class="c">{{ $c.ban.span_2 }}</span>
      <span data-dx="-7">{{ $c.ban.span_3 }}</span>
      <span class="r" data-dx="7">{{ $c.ban.span_4_html | safeHTML }}</span>
      <span class="c">{{ $c.ban.span_5 }}</span>
    </h2>
    <div class="ban-sub">
      <p data-rv>{{ $c.ban.p_6 }}</p>
      <a class="sl" href="#visit" data-rv>{{ $c.ban.text_7 }}<svg viewBox="0 0 14 14" aria-hidden="true"><path d="M1 7h12M8 2l5 5-5 5" fill="none" stroke="currentColor" stroke-width="1.4" /></svg></a>
    </div>
  </section>