@charset "utf-8";


.swiper-item .text-box :is(h2,h3,h4,p){transition-duration: 1s;opacity: 0;transform: translateY(30px);transition-property: opacity,transform;}
.swiper-item .text-box :is(.button){transition-duration: 1s;opacity: 0;transform: translateY(30px);transition-property: opacity,transform;}
.swiper-item.swiper-slide-active .text-box :is(h2,h3,h4,p){opacity: 1;transform:translateY(0);}
.swiper-item.swiper-slide-active .text-box :is(.button){opacity: 1;transform:translateY(0);transition-delay: 0.2s}


.motion-item[data-motion='up']{transition-duration: 0.6s;opacity: 0;transform: translate3d(0, 100px, 0);;transition-property: opacity,transform;transition-timing-function: ease;}
.motion-item[data-motion='up']._motion_ {opacity: 1;transform:translateY(0);}

.motion-item[data-motion='down']{transition-duration: 0.6s;opacity: 0;transform: translate3d(0, -50px, 0);;transition-property: opacity,transform;transition-timing-function: ease;}
.motion-item[data-motion='down']._motion_ {opacity: 1;transform:translateY(0);}

.motion-item[data-motion='width']{transition-duration: 2s;max-width:0;transition-property: max-width;}
.motion-item[data-motion='width']._motion_ {max-width:300px;}

.motion-item[data-motion='in']{transition-duration: 0.3s;opacity: 0;transition-property: opacity;transition-timing-function: ease;}
.motion-item[data-motion='in']._motion_ {opacity: 1;}
.motion-item[data-motion='gauge']._motion_ .gauge-bar::before{transform: rotate(0);}


.motion-item[data-delay='100']{transition-delay: 0.1s;}
.motion-item[data-delay='200']{transition-delay: 0.2s;}
.motion-item[data-delay='300']{transition-delay: 0.3s;}
.motion-item[data-delay='400']{transition-delay: 0.4s;}
.motion-item[data-delay='500']{transition-delay: 0.5s;}
.motion-item[data-delay='600']{transition-delay: 0.6s;}
.motion-item[data-delay='700']{transition-delay: 0.7s;}
.motion-item[data-delay='800']{transition-delay: 0.8s;}
.motion-item[data-delay='900']{transition-delay: 0.9s;}
.motion-item[data-delay='1000']{transition-delay: 1s;}