@charset "UTF-8";


/*
	

	Gimmick



 */


/*
	Animation

--------------------------------------------------- */

	/* Animation > Fade-In */
	.fadein-init {
	    opacity: 0;
	    position: relative;
	    
	    -webkit-transform: translateY(-10%);
	    -moz-transform: translateY(-10%);
	    transform: translateY(-10%);

	    -webkit-transition-duration: 2s;
	    -moz-transition-duration: 2s;
	    transition-duration: 2s;
		}
	.fadein-init-on {
	    opacity: 1;

	    -webkit-transition-property: opacity, transform;
	    -moz-transition-property: opacity, transform;
	    transition-property: opacity, transform;

	    -webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    transform: translateY(0);
		}
		/* Animation > Fade-In > Scheme */
		.fi-sec-1halfs {
		    -webkit-transition-duration: .5s;
		    -moz-transition-duration: .5s;
		    transition-duration: .5s;
			}
		.fi-sec-1s {
		    -webkit-transition-duration: 1s;
		    -moz-transition-duration: 1s;
		    transition-duration: 1s;
			}
		.fi-sec-3s {
		    -webkit-transition-duration: 3s;
		    -moz-transition-duration: 3s;
		    transition-duration: 3s;
			}

	/*
		Animation > Reveal
		// Front
		// Parent : anm-reveal & animation-ltr or animation-rtl & data-delay="1000"
		// Child : anm-rvl-item
	*/
	.anm-reveal { position: relative; }
	.anm-reveal .anm-rvl-item { opacity: 0; }
	.anm-reveal.anm-rvl-in .anm-rvl-item {
		-webkit-animation: textHidden 0.1s 1.1s forwards;
		-moz-animation: textHidden 0.1s 1.1s forwards;
		animation: textHidden 0.1s 1.1s forwards;
		}
	.anm-reveal.anm-rvl-in:before,
	.anm-reveal.anm-rvl-in:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 10;
		}
	.anm-reveal.anm-rvl-in:before {
		background-color: rgba(218, 198, 0, 1);
		}
	.anm-reveal.anm-rvl-in:after {
		background-color: rgba(25, 67, 117, 1);
		animation-delay: .5s;
		}
	.anm-reveal.animation-ltr.anm-rvl-in:before {
		-webkit-animation: revealLTR 1s ease;
		-moz-animation: revealLTR 1s ease;
		animation: revealLTR 1s ease;
		}
	.anm-reveal.animation-ltr.anm-rvl-in:after {
		-webkit-animation: revealLTR .6s .6s ease;
		-moz-animation: revealLTR .6s .6s ease;
		animation: revealLTR .6s .6s ease;
		}
	.anm-reveal.animation-rtl.anm-rvl-in:before {
		-webkit-animation: revealRTL 1s ease;
		-moz-animation: revealRTL 1s ease;
		animation: revealRTL 1s ease;
		}
	.anm-reveal.animation-rtl.anm-rvl-in:after {
		-webkit-animation: revealRTL .6s .6s ease;
		-moz-animation: revealRTL .6s .6s ease;
		animation: revealRTL .6s .6s ease;
		}
	@keyframes revealRTL { 0% { width: 0; right: 0; } 65% { width: 100%; right: 0; } 100% { width: 0; right: 100%; } }
	@keyframes revealLTR { 0% { width: 0; left: 0; } 65% { width: 100%; left: 0; } 100% { width: 0; left: 100%; } }
	@keyframes textHidden { 0% { opacity: 0; } 100% { opacity: 1; } }

	/* Animation > scrollInFunc - Slide */
	.anm-gmk {
		opacity: 0;
		overflow: hidden;
		position: relative;
		}
	.anm-gmk:before,
	.anm-gmk:after {
	    bottom: 0;
	    content: '';
	    display: block;
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    z-index: 9999;
	    
	    -webkit-transform: translate(101%, 0);
	    transform: translate(101%, 0);
		}
	.anm-gmk:before {
		background: rgba(25, 67, 117, 1);
		/*background-color: #0093E9;
		background-image: -webkit-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
		background-image: -moz-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
		background-image: -o-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
		background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);*/
		}
	.anm-gmk:after {
		background: rgba(218, 198, 0, 1);
		/*background-color: #4158D0;
		background-image: -webkit-linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
		background-image: -moz-linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
		background-image: -o-linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
		background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);*/
		}
	.anm-gmk.is-show {
		-webkit-animation: opacityitem 1200ms both;
		animation: opacityitem 1200ms both;
		/*animation: opacityitem 1600ms cubic-bezier(0.77, 0, 0.175, 1);*/
		}
	.anm-gmk.is-show:before {
		-webkit-animation: masking 1800ms cubic-bezier(0.77, 0, 0.175, 1);
		animation: masking 1800ms cubic-bezier(0.77, 0, 0.175, 1);
		}
	.anm-gmk.is-show:after {
		-webkit-animation: masking 1200ms cubic-bezier(0.77, 0, 0.175, 1);
		animation: masking 1200ms cubic-bezier(0.77, 0, 0.175, 1);
		}

	@-webkit-keyframes opacityitem { 50% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes opacityitem { 50% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes masking {
		0% { -webkit-transform: translate(-101%, 0); transform: translate(-101%, 0); }
		42%, 58% { -webkit-transform: translate(0%, 0); transform: translate(0%, 0); }
		100% { -webkit-transform: translate(101%, 0); transform: translate(101%, 0); }
		}
	@keyframes masking {
		0% { -webkit-transform: translate(-101%, 0); transform: translate(-101%, 0); }
		42%, 58% { -webkit-transform: translate(0%, 0); transform: translate(0%, 0); }
		100% { -webkit-transform: translate(101%, 0); transform: translate(101%, 0); }
		}



/*
	

	MediaQuery



 */


@media screen and (min-width: 751px) {


/*
	Common

--------------------------------------------------- */


}


/* ------------------------------------------------ */


@media screen and (max-width: 750px) {


/*
	Common

--------------------------------------------------- */


}