@charset "UTF-8";


/* ================================================================================
inview fade
================================================================================ */
.IV[class*="Ifade"]:not([class$="SP"]), .IV [class*="Ifade"]:not([class$="SP"])
{
	filter: blur(var(--u20));
	opacity: 0;
}
.IV.IfadeBottom, .IV .IfadeBottom{	transform: translate(0,var(--u30));	}
.IV.IfadeRight, .IV .IfadeRight{	transform: translate(var(--u40),0);	}
.IV.IfadeLeft, .IV .IfadeLeft{	transform: translate(calc(-40 * var(--u)),0);	}

.loaded .IV.inview[class*="Ifade"], .loaded .IV.inview [class*="Ifade"]
{
	opacity: 1;
	transform: translate(0,0);
	filter: blur(0);

	transition: var(--T05);
	transition-property: opacity, transform, filter;
}
@media screen and (max-width: 767px)
{

.IV.IfadeButtomSP, .IV .IfadeButtomSP{	transform: translate(0,var(--u30));	filter: blur(var(--u20));	opacity: 0;	}
.IV.IfadeRightSP, .IV .IfadeRightSP{	transform: translate(var(--u40),0);	filter: blur(var(--u20));	opacity: 0;		}
.IV.IfadeLeftSP, .IV .IfadeLeftSP{	transform: translate(calc(-40 * var(--u)),0);	filter: blur(var(--u20));	opacity: 0;		}
	
}
/* ================================================================================
inview drop
================================================================================ */
.IV.IfadeDrop, .IV .IfadeDrop
{
	opacity: 0;
	transform: scale(1.04) translate(0, var(--u10));
	filter: blur(var(--u10));
}
.loaded .IV.inview.IfadeDrop, .loaded .IV.inview .IfadeDrop
{
	opacity: 1;
	transform: scale(1.0) translate(0, 0);
	filter: blur(0);

	transition: 0.5s cubic-bezier(.77,0,.76,1.49) 0s;
	transition-property: opacity, transform, filter;
}


/* ================================================================================
inview IwipeLeft
================================================================================ */
.IV.IwipeLeft, .IV .IwipeLeft {
  position: relative;
  -webkit-clip-path: polygon(-1% -1%, -1% 101%, -1% 101%, -1% -1%);
          clip-path: polygon(-1% -1%, -1% 101%, -1% 101%, -1% -1%);
  -webkit-transition: 0.75s ease-in 0s;
  transition: 0.75s ease-in 0s;
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .IV.IwipeLeft, .IV .IwipeLeft {
    -webkit-transition: 0.6s ease-in 0s;
    transition: 0.6s ease-in 0s;
  }
}

.loaded .IV.inview.IwipeLeft, .loaded .IV.inview .IwipeLeft {
  -webkit-clip-path: polygon(-1% -1%, -1% 101%, 110% 101%, 101% -1%);
          clip-path: polygon(-1% -1%, -1% 101%, 110% 101%, 101% -1%);
}

.IV.IwipeLeft::before, .IV .IwipeLeft::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 101%;
  height: 101%;
  background-color: white;
  -webkit-clip-path: polygon(-1% -1%, -1% 101%, 101% 101%, 101% -1%);
          clip-path: polygon(-1% -1%, -1% 101%, 101% 101%, 101% -1%);
  -webkit-transition: 0.75s ease-out 0.75s;
  transition: 0.75s ease-out 0.75s;
}
.IV.IwipeLeft.isBlue::before, .IV .IwipeLeft.isBlue::before{	background-color: var(--Cblue1);	}

@media screen and (max-width: 767px) {
  .IV.IwipeLeft::before, .IV .IwipeLeft::before {
    -webkit-transition: 0.6s ease-out 0.6s;
    transition: 0.6s ease-out 0.6s;
  }
}

.loaded .IV.inview.IwipeLeft::before, .loaded .IV.inview .IwipeLeft::before {
  -webkit-clip-path: polygon(101% -1%, 110% 101%, 101% 101%, 101% -1%);
          clip-path: polygon(101% -1%, 110% 101%, 101% 101%, 101% -1%);
}


/* ================================================================================
delay
================================================================================ */
.D0{	transition-delay: 0s !important	}	.D10{	transition-delay: 0.10s !important	}	.D20{	transition-delay: 0.20s !important	}	.D25{	transition-delay: 0.25s !important	}
.D30{	transition-delay: 0.30s !important	}	.D40{	transition-delay: 0.40s !important	}	.D50{	transition-delay: 0.50s !important	}.D60{	transition-delay: 0.60s !important	}
.D70{	transition-delay: 0.70s !important	}	.D75{	transition-delay: 0.75s !important	}	.D80{	transition-delay: 0.80s !important	}	.D90{	transition-delay: 0.90s !important	}
.D100{	transition-delay: 1.00s !important	}	.D125{	transition-delay: 1.25s !important	}	.D150{	transition-delay: 1.50s !important	}	.D175{	transition-delay: 1.75s !important	}
.D200{	transition-delay: 2.00s !important	}	.D225{	transition-delay: 2.25s !important	}	.D250{	transition-delay: 2.50s !important	}	.D275{	transition-delay: 2.75s !important	}
.D300{	transition-delay: 3.00s !important	}	.D325{	transition-delay: 3.25s !important	}	.D350{	transition-delay: 3.50s !important	}	.D375{	transition-delay: 3.75s !important	}
.D400{	transition-delay: 4.00s !important	}	.D425{	transition-delay: 4.25s !important	}	.D450{	transition-delay: 4.50s !important	}	.D475{	transition-delay: 4.75s !important	}
.D500{	transition-delay: 5.00s !important	}	.D525{	transition-delay: 5.25s !important	}	.D550{	transition-delay: 5.50s !important	}	.D575{	transition-delay: 5.75s !important	}
.D600{	transition-delay: 6.00s !important	}	.D625{	transition-delay: 6.25s !important	}	.D650{	transition-delay: 6.50s !important	}	.D675{	transition-delay: 6.75s !important	}
.D700{	transition-delay: 7.00s !important	}	.D725{	transition-delay: 7.25s !important	}	.D750{	transition-delay: 7.50s !important	}	.D775{	transition-delay: 7.75s !important	}
.D800{	transition-delay: 8.00s !important	}	.D825{	transition-delay: 8.25s !important	}	.D850{	transition-delay: 8.50s !important	}	.D875{	transition-delay: 8.75s !important	}
.D900{	transition-delay: 9.00s !important	}	.D925{	transition-delay: 9.25s !important	}	.D950{	transition-delay: 9.50s !important	}	.D975{	transition-delay: 9.75s !important	}



/* ======================================== end ======================================== */