@media (min-width:769px) {

.anim {
	opacity: 0;
}

.anim.move {
	opacity: 1;
}

.anim.move.anim-fade,
.anim.move .anim-fade {
	animation-name: fade;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.anim.move.anim-fade-up,
.anim.move .anim-fade-up {
	animation-name: fade-up;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
@keyframes fade-up {
	0% {
		opacity: 0;
		transform: translate(0, 25px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.anim.move.anim-fade-up--news,
.anim.move .anim-fade-up--news {
	animation-name: fade-up--news-pc;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
@keyframes fade-up--news-pc {
	0% {
		opacity: 0;
		transform: translate(-50%, calc(-50% + 25px));
	}
	100% {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

.anim.move.anim-fade-down,
.anim.move .anim-fade-down {
	animation-name: fade-down;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
@keyframes fade-down {
	0% {
		opacity: 0;
		transform: translate(0, -25px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.anim.move.anim-fade-left,
.anim.move .anim-fade-left {
	animation-name: fade-left;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
@keyframes fade-left {
	0% {
		opacity: 0;
		transform: translate(25px, 0);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.anim.move.anim-fade-right,
.anim.move .anim-fade-right {
	animation-name: fade-right;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
@keyframes fade-right {
	0% {
		opacity: 0;
		transform: translate(-25px, 0);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.anim.move.anim-slidein-right,
.anim.move .anim-slidein-right {
	position: relative;
}
.anim.move.anim-slidein-right::after,
.anim.move .anim-slidein-right::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	background-color: #ffffff;
	animation-name: slidein-right;
	animation-duration: 0.8s;
	animation-timing-function: cubic-bezier(.645,.045,.355,1);
	animation-fill-mode: both;
}
@keyframes slidein-right {
	0% {
		width: 100%;
	}
	100% {
		width: 0%;
	}
}

.anim.move.anim-slidein-left,
.anim.move .anim-slidein-left {
	position: relative;
}
.anim.move.anim-slidein-left::after,
.anim.move .anim-slidein-left::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #ffffff;
	animation-name: slidein-left;
	animation-duration: 0.8s;
	animation-timing-function: cubic-bezier(.645,.045,.355,1);
	animation-fill-mode: both;
}
@keyframes slidein-left {
	0% {
		width: 100%;
	}
	100% {
		width: 0%;
	}
}

.anim.move.anim-slidein-up,
.anim.move .anim-slidein-up {
	position: relative;
}
.anim.move.anim-slidein-up::after,
.anim.move .anim-slidein-up::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background-color: #ffffff;
	animation-name: slidein-up;
	animation-duration: 0.8s;
	animation-timing-function: cubic-bezier(.645,.045,.355,1);
	animation-fill-mode: both;
}
@keyframes slidein-up {
	0% {
		height: 100%;
	}
	100% {
		height: 0%;
	}
}

.anim.move.anim-slidein-down,
.anim.move .anim-slidein-down {
	position: relative;
}
.anim.move.anim-slidein-down::after,
.anim.move .anim-slidein-down::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background-color: #ffffff;
	animation-name: slidein-down;
	animation-duration: 0.8s;
	animation-timing-function: cubic-bezier(.645,.045,.355,1);
	animation-fill-mode: both;
}
@keyframes slidein-down {
	0% {
		height: 100%;
	}
	100% {
		height: 0%;
	}
}

.anim.move.anim-zoom-out,
.anim.move .anim-zoom-out {
	animation-name: zoom-out;
	animation-duration: 0.8s;
	animation-timing-function: cubic-bezier(.645, .045, .355, 1);
	animation-fill-mode: both;
}
@keyframes zoom-out {
	0% {
		opacity: 0;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1.0);
	}
}



.anim.move.d025,
.anim.move .d025 {
	animation-delay: 0.25s;
}
.anim.move.d050,
.anim.move .d050 {
	animation-delay: 0.50s;
}
.anim.move.d075,
.anim.move .d075 {
	animation-delay: 0.75s;
}
.anim.move.d100,
.anim.move .d100 {
	animation-delay: 1.00s;
}
.anim.move.d125,
.anim.move .d125 {
	animation-delay: 1.25s;
}
.anim.move.d150,
.anim.move .d150 {
	animation-delay: 1.50s;
}
.anim.move.d175,
.anim.move .d175 {
	animation-delay: 1.75s;
}
.anim.move.d200,
.anim.move .d200 {
	animation-delay: 2.00s;
}

}