.vlt-custom--8131 {
	bottom: -250px;
	left: -200px;
	max-width: 550px;
}

.vlt-custom--1451 {
	top: -25px;
	left: -30px;
	width: 256px;
	height: 208px;
}

@media only screen and (max-width: 575px) {
	.vlt-custom--1451 {
		top: -100px;
		left: -100px;
	}
}

.vlt-custom--1512 {
	bottom: -28vw;
	left: 50vw;
	width: 75vw;
	height: 75vw;
	background-size: cover;
}

.vlt-custom--4124 {
	top: 0;
	right: 0;
	bottom: 0;
	width: 40vw;
	height: 100%;
	background-position: top left;
	background-size: cover;
}

@media only screen and (max-width: 991px) {
	.vlt-custom--4124 {
		right: 0;
		width: 50vw;
	}
}

@media only screen and (max-width: 767px) {
	.vlt-custom--4124 {
		right: -50vw;
		width: 100vw;
	}
}

.vlt-custom--1259 {
	top: -20px;
	right: -5px;
	width: 256px;
	height: 208px;
}

.vlt-custom--2355 {
	bottom: -250px;
	left: 0;
	width: 389px;
	height: 550px;
}
.oops-logo > img{
    width: 50px;
    height: 53px;
}
.top-bg{
    opacity: 1;
    overflow-y: auto;
}
#vantajs, #fog{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width:auto;
    height:100vh;
}
.vlt-animated-block h1{
	transform: translateX(-5px);
}


.vlt-animated-block h2{
    font-size: 1em;
}

.hero{
	position: relative;
}
.cloud{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	opacity: 0.2;
	background-image: url(assets/img/root/cloud-background.jpg);
	transition: all 0.5s ease;
}
.cloud:hover{
	opacity: 0;
}
.relative{
    position: relative;
}
.second-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
}

/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 10px !important;
}