.wap {
    max-width: 768px;
}
.bg-container {
    background-size: cover;
    background-position: top;
}
.main01-bg::before {
    background-image: url(../img/main_01_bg.png);
    content:"";
    display:block;
    position:fixed;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:-1;
    width: 768px;
    height:100vh;
    background-repeat:no-repeat;
    background-position:50% 100%;
    background-size:cover;
}
.main02-bg {
    background-image: url(../img/main_02_bg.png);
}
.main03-bg {
    background-image: url(../img/main_03_bg.png);
}
.main04-bg {
    background-image: url(../img/main_04_bg.png);
}


.fadeInRightTrigger,
.fadeInLeftTrigger,
.fadeInTrigger,
.fadeInUpTrigger,
.bounceInTrigger
{
	opacity: 0;
}