@charset "utf-8";

@import url("reset.css");
@import url("base.css");

@import url("common-s.css?v=1.0.0") only screen and (max-width: 767px);
@import url("common.css?v=1.0.0") only screen and (min-width: 768px);

@import url("header-s.css?v=1.1.0") only screen and (max-width: 767px);
@import url("header.css?v=1.1.0") only screen and (min-width: 768px);

@import url("parts-s.css?v=1.0.0") only screen and (max-width: 767px);
@import url("parts.css?v=1.0.0") only screen and (min-width: 768px);

@import url("footer-s.css?v=1.0.0") only screen and (max-width: 767px);
@import url("footer.css?v=1.0.0") only screen and (min-width: 768px);




/* -------------------------------------------
 * Fade In Animations (fil / fir / fiu)
 * ------------------------------------------- */

.fil, .fir, .fiu {
	opacity: 0;
	transition: opacity 2.8s cubic-bezier(0.16, 1, 0.3, 1),
				transform 2.8s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: 0.5s;
	will-change: opacity, transform;
}
.fil {
	transform: translateX(-44px); /* 左から */
}
.fir {
	transform: translateX(44px);  /* 右から */
}
.fiu {
	transform: translateY(44px);  /* 下から */
}

.fil.is-animated,
.fir.is-animated,
.fiu.is-animated {
	opacity: 1;
	transform: translate(0, 0);
}