@charset "UTF-8";


/*
* Copyright
* 2024 FMJ inc. All rights Reserved
* 許可なく無断転載、改変、転用等は法律により罰せられます。
*/

.fmj-text{
position: relative;
display: inline-block;
transition: all 1.9s ease;
-webkit-transition: all 1.9s ease;
}


.fmj-text-slow{
position: relative;
display: inline-block;
transition: all 2.5s ease;
-webkit-transition: all 2.5s ease;
}

/*左から右---------------------------------------------*/
.fmj-text.left {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}

.fmj-text.left.scrollin{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}

.fmj-text.reveal.left{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}



/*斜め---------------------------------------------*/
.fmj-text.skew{
-webkit-fmj-path: polygon(0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0);
}

.fmj-text.skew.scrollin{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}

.fmj-text.reveal.skew{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}


/*斜めSLOW---------------------------------------------*/
.fmj-text-slow.skew{
-webkit-fmj-path: polygon(0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0);
}

.fmj-text-slow.skew.scrollin{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}

.fmj-text-slow.reveal.skew{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}


/*下から
---------------------------------------------*/

.fmj-text.from_bottom{
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0);
}

.fmj-text.from_bottom.scrollin{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}






/*Delay-------------------------------*/
.delay01{
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}

.delay02{
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

.delay03{
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}

.delay04{
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}

.delay05{
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.delay06{
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}

.delay07{
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}

.delay08{
transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
}

.delay09{
transition-delay: 0.9s;
-webkit-transition-delay: 0.9s;
}

.delay10{
transition-delay: 1.0s;
-webkit-transition-delay: 1.0s;
}

.delay11{
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s;
}

.delay12{
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
}
/*Delay-------------------------------*/