.js-inview {
	opacity: 0;
}
.js-inview.is-show {
	opacity: 1;
}
.delay {
	transition-delay: 2s !important;
}
.delay-half {
	transition-delay: 1s !important;
}

.fadeIn_right {
	transform: translate(50%, 0);
	transition: 1s;
}
.fadeIn_right.is-show {
	transform: translate(0, 0);
}

.fadeIn_left {
	transform: translate(-50%, 0);
	transition: 1s;
}
.fadeIn_left.is-show {
	transform: translate(0, 0);
}

.fadeIn_up {
	transform: translate(0, 10%);
	transition: 1s;
	transition-delay: 0.25s;
}
.fadeIn_up-l {
	transform: translate(0, 50%);
	transition: 1s;
}
.fadeIn_up.is-show,
.fadeIn_up-l {
	transform: translate(0, 0);
}

.fadeIn_down {
	transform: translate(0, -10%);
	transition: 1s;
	transition-delay: 0.25s;
}
.fadeIn_down-l {
	transform: translate(0, -50%);
	transition: 1s;
}
.fadeIn_down.is-show,
.fadeIn_down-l {
	transform: translate(0, 0);
}

/***********************************************
 * ローディング
 ***********************************************/
div#loading {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #222222;
	z-index: 10;
}
div#loading > div {
	width: 0;
	height: 0;
	background: #ffffff;
	flex: none;
}

#masthead.fixed.is-show {
	margin-top: 0;
	transition: 1s;
	transition-delay: unset !important;
}

.topContact .contactInfo p:nth-child(1) {
	transition-delay: 0.2s;
}
.topContact .contactInfo p:nth-child(2) {
	transition-delay: 0.4s;
}
.topContact .contactInfo p:nth-child(3) {
	transition-delay: 0.6s;
}
.topContact .contactInfo p:nth-child(4) {
	transition-delay: 0.8s;
}

.resources .wp-block-column:nth-child(1) {
	transition-delay: 0.2s;
}
.resources .wp-block-column:nth-child(2) {
	transition-delay: 0.4s;
}
.resources .wp-block-column:nth-child(3) {
	transition-delay: 0.6s;
}