/**
* Animations
*/
.frame > span,
.subframe > span,
#worksMain .inner .txt .mark sup span,
#mainimage .mainBox .mainCatch .catchBox .mark sup span {
	display: inline-block;
	transition: all 1.5s;
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
	-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
	clip-path: polygon(0 0,0 0,0 100%,0 100%);
}
.frame.fromLeftIn > span,
.subframe.fromLeftIn > span,
#worksMain .inner .txt .mark.fromLeftIn sup span,
.is-scrolled #mainimage .slick-current .mainBox .mainCatch .catchBox .mark sup span {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
	clip-path: polygon(0 0,100% 0,100% 100%,0 100%);	
}
#worksMain .inner .txt .mark.fromLeftIn sup span,
.is-scrolled #mainimage .slick-current .mainBox .mainCatch .catchBox .mark sup span {
	transition-delay: .5s;
}

/*　英字　*/
/* .fromLeftIn {
-webkit-animation-name: txtToRight;
-ms-animation-name: txtToRight;
animation-name: txtToRight;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-property: text;
transition-property: text;
}
@keyframes fromLeftIn {
from {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-webkit-keyframes fromLeftIn {
from {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}

.fromLeftOut {
-webkit-animation-name: fromLeftOut;
-ms-animation-name: fromLeftOut;
animation-name: fromLeftOut;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: perspective(0) translateZ(0);
transform: perspective(0) translateZ(0);
-webkit-transition-property: text;
transition-property: text;
}
@keyframes fromLeftOut {
from {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
to {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}
@-webkit-keyframes fromLeftOut {
from {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
to {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
} */

.fromTopOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	-webkit-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
}
.fromTopIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}

.fromUpOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.3,1.3);
	opacity: 0;
}
.fromUpIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0, 1.0);
	opacity: 1;
}