@charset "utf-8";
[data-ani] {animation-timing-function: ease-in-out;animation-duration: 2s; animation-iteration-count: infinite;animation-direction: alternate;}
[data-ani="hide_show"]{opacity:0; transition:opacity 0.7s var(--aniEase, ease) 0s;}
[data-ani="hide_show"].motion__in{opacity:1;}
[data-ani="hide_showDown"]{opacity:0; transform:translateY(var(--aniSize, -30rem)); transition:var(--aniTime, 1s) var(--aniEase, ease) 0s; transition-property:opacity, transform;}
[data-ani="hide_showDown"].motion__in{opacity:1; transform:translateY(0); transition-delay:var(--aniDelay, 0s);}
[data-ani="hide_showUp"]{opacity:0; transform:translateY(var(--aniSize, 30rem)); transition:var(--aniTime, 1s) var(--aniEase, ease) 0s; transition-property:opacity, transform;}
[data-ani="hide_showUp"].motion__in{opacity:1; transform:translateY(0rem); transition-delay:var(--aniDelay, 0s);}
[data-ani="hide_showLeft"]{opacity:0; transform:translateX(var(--aniSize, -30rem)); transition:var(--aniTime, 0.9s) var(--aniEase, ease) 0s; transition-property:opacity, transform;}
[data-ani="hide_showLeft"].motion__in{opacity:1; transform:translateX(0rem); transition-delay:var(--aniDelay, 0s);}
[data-ani="hide_showRight"]{opacity:0; transform:translateX(var(--aniSize, 30rem)); transition:var(--aniTime, 0.9s) var(--aniEase, ease) 0s; transition-property:opacity, transform;}
[data-ani="hide_showRight"].motion__in{opacity:1; transform:translateX(0); transition-delay:var(--aniDelay, 0s);}
[data-ani="hide_overUp"] span{overflow:hidden; display:inline-block;}
[data-ani="hide_overUp"] span i{display:inline-block; transform:translateY(100%); transition:transform var(--aniTime, 0.9s) var(--aniEase, ease) 0s;}
[data-ani="hide_overUp"].motion__in span i{transform:translateY(0%); transition-delay:var(--aniDelay, 0s);}
[data-ani="slide_showX"]{clip-path:polygon(50% 0, 50% 0, 50% 100%, 50% 100%); transition:clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;}
[data-ani="slide_showX"].motion__in{clip-path:polygon(0% 0, 100% 0, 100% 100%, 0% 100%); transition-delay:var(--aniDelay, 0.2s);}
[data-ani="slide_show_down"]{clip-path:polygon(100% 0, 100% 0, 0 0, 0 0); transition:clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;}
[data-ani="slide_show_down"].motion__in{clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0); transition-delay:var(--aniDelay, 0.2s);}
[data-ani="slide_show_up"]{clip-path:polygon(100% 100%, 100% 100%, 0 100%, 0 100%); transition:clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;}
[data-ani="slide_show_up"].motion__in{clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0); transition-delay:var(--aniDelay, 0.2s);}
[data-ani="slide_show_right"]{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); transition:clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;}
[data-ani="slide_show_right"].motion__in{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); transition-delay:var(--aniDelay, 0.2s);}
[data-ani="slide_show_left"]{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition:clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;}
[data-ani="slide_show_left"].motion__in{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); transition-delay:var(--aniDelay, 0.2s);}
[data-ani="mark"] mark{background:linear-gradient(90deg, var(--color-point, #333), var(--color-point, #333)); background-repeat:no-repeat; background-position:0 100%; background-size:0 100%; transition:var(--aniTime, 0.9s) var(--aniEase, ease) 0s;}
[data-ani="mark"].motion__in mark{background-size:100% 100%;}

/* scroll text */
[data-scrollAni] {position:relative;}
[data-scrollAni] span{display:block; position:relative; color:rgba(34,34,34,0.1);}
[data-scrollAni] span i{display:block; position:absolute; color:rgba(34,34,34,1);}