firefoxは飛ばされる！chrome_safariは普通にスクロールできる。
safariは最初のマウス操作がスムーズにできない！header,mainにしているせい？

 //ページスクロールするCSS
main > section:last-child, footer { scroll-snap-align:end; }
footer { display: flex; flex-direction: column; }
footer > *:first-child { margin-top: auto!important; }

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。ダミーテキストです。文字の大きさや形、色をご確認ください。テキストはOSやブラウザによってフォントが変わります。このようにスマホ・パソコンに依存した文字になります。これはダミーのテキストです。サンプルになります。 最終的には正式な文章が入ります。。ここに本文が入ります。