@charset "UTF-8";
.h3-section.oneside {
	overflow: hidden;
	position: relative;
	margin-top: 25vw;
	background: transparent;
}

.oneside-col {
	height: 100%;
}

.oneside .col-l {
	position: relative;
	z-index: 3;
}

.oneside .bg-gray--rellax {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 90%;
	padding: 175vw 0;
}

.oneside .bg-gray--rellax.left {
	left: 0;
}

.h3-section.oneside img {
	width: 100%;
	max-height: auto;

	-o-object-fit: cover;

	   object-fit: cover;
}

.oneside .img-col {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.col-l {
	max-width: 90%;
	margin-top: -10vw;
}

/* 768px以上（タブレット） */
@media only screen and (min-width: 768px), print {
	.h3-section.oneside {
		margin-top: 0;
	}
	.h3-section.oneside img {
		max-height: 900px;
	}
	.oneside .col-l {
		top: auto;
	}
	.oneside .bg-gray--rellax {
		top: auto;
		bottom: -40vw;
		padding: 300px 0 300px 0;
	}
	.oneside .img-col {
		margin-top: 0;
	}
	.col-l {
		max-width: 60%;
		margin-top: 0;
	}
}

@media only screen and (min-width: 1200px), print {
	.oneside .bg-gray--rellax {
		top: auto;
		bottom: -400px;
		padding: 250px 0;
	}
}

/* パララックスコンテナの次のセクションの場合は上余白を持たせる */
.h3-section.oneside + section {
	margin-top: 30%;
}

/* 768px以上（タブレット） */
@media only screen and (min-width: 768px), print {
	.h3-section.oneside + section {
		margin-top: -300px;
	}
}

@media all and (-ms-high-contrast: none) {
	.h3-section.oneside img {
		max-height: 100vw;
	}
}

/*# sourceMappingURL=../../../map/rellax.css.map */