<div class="main cm0 flex flex-justify-c flex-align-c">
  <div class="d-ib">
    <a href="#a">A</a>
    <a href="#b">B</a>
    <a href="#c">C</a>
  </div>
</div>
<div class="main2 outer cm0 flex flex-justify-c flex-align-c">
  <div class="d-ib">
    <a href="#a" class="js-smooth-scroll">A</a>
    <a href="#b" class="js-smooth-scroll">B</a>
    <a href="#c" class="js-smooth-scroll">C</a>
  </div>
</div>
<div class="main3 outer cm0 flex flex-justify-c flex-align-c">
  <div class="d-ib">
    <a href="#a" class="js-smooth-scroll2">A</a>
    <a href="#b" class="js-smooth-scroll2">B</a>
    <a href="#c" class="js-smooth-scroll2">C</a>
  </div>
</div>
<div class="main4 outer cm0 flex flex-justify-c flex-align-c">
  <div class="d-ib">
    <a href="#a" class="">A</a>
    <a href="#b" class="js-smooth-scroll3">B</a>
    <a href="#c" class="js-smooth-scroll3">C</a>
  </div>
</div>


<h1 class="h1 align-center pd-t20">h1.title</h1>
<section id="jsApp--hello" class="Section-hello">
  <div class="inner">
    <div class="outer section-content">
      <h2 id="a" class="h2">A</h2>
      <hr>
    </div>
  </div>
</section>

<div style="height: 1000px;"></div>

<section class="Content">
  <div class="inner">
    <div class="outer section-content">
      <h2 id="b" class="h2">B</h2>
      <hr>
    </div>
  </div>
</section>

<div style="height: 1000px;"></div>

<section class="Content">
  <div class="inner">
    <div class="outer section-content">
      <h2 id="c" class="h2">C</h2>
      <hr>
    </div>
  </div>
</section>

<div style="height: 1000px;"></div>

<div id="jsApp--pagetop-link" v-cloak>
  <transition>
		<div id="pagetop" v-show="scY > 300" @click="toTop">
			To Top
		</div>
	</transition>
</div>