SAMPLE COMPANY

## 「テキストスライドショー」ブロックについて

    <!--▼▼▼▼▼ここから「テキストスライドショー」-->
    <div class="text-slide-wrapper">
    <div class="text-slide">
    <span>SAMPLE COMPANY</span>
    </div>
    </div>
    <!--▲▲▲▲▲ここまで「テキストスライドショー」-->

### スタイルは

cssフォルダのstyle.cssから「/*テキストスライド」でテキスト検索してみて下さい。詳しい解説もあります。

### 文字は直接html側に書きます

<span>SAMPLE COMPANY</span>
の部分です。

### 速度の調整は

main.jsの「テキストスライド」のブロックの、
30000, // アニメーション時間（ミリ秒）
の数字で調整できます。大きいほどゆっくりになります。

### 上に食い込むスタイルになっています

使う場所によっては上の要素に不自然に重なってしまうので、そういった場合はcssの
margin-top: calc(-1 * (1.6 * var(--space-large)));
の部分を調整して下さい。
この内容がよくわからなければ、直接的な数値で設定してもらってもOKです。
margin-top: 200px;
など。