@charset "utf-8";

/* 背景パーツ設置用 */


.bg-part::before{
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.bg-part01::before{
    background-image: url(../img/bg01.svg);
    width: 720px;
    height: 580px;
    top: 580px;
    margin-left: -650px;
}
.bg-part02::before{
    background-image: url(../img/bg02.svg);
    width: 489px;
    height: 614px;
    top: 1544px;
    margin-left: 650px;
}
.bg-part03::before{
    background-image: url(../img/bg03.svg);
    width: 467px;
    height: 678px;
    top: 2084px;
    margin-left: -650px;
}
.bg-part04::before{
    background-image: url(../img/bg04.svg);
    width: 596px;
    height: 532px;
    top: 2977px;
    margin-left: 650px;
}
.bg-part05::before{
    background-image: url(../img/bg05.svg);
    width: 601px;
    height: 678px;
    top: 5060px;
    margin-left: -650px;
}
.bg-part06::before{
    background-image: url(../img/bg06.svg);
    width: 773px;
    height: 715px;
    top: 6470px;
    margin-left: 650px;
}
.bg-part07::before{
    background-image: url(../img/bg07.svg);
    width: 518px;
    height: 672px;
    top: 7120px;
    margin-left: -650px;
}
.bg-part08::before{
    background-image: url(../img/bg08.svg);
    width: 818px;
    height: 747px;
    top: 7770px;
    margin-left: 650px;
}
.bg-part09::before{
    background-image: url(../img/bg09.svg);
    width: 496px;
    height: 680px;
    top: 8370px;
    margin-left: -650px;
}
.bg-part10::before{
    background-image: url(../img/bg10.svg);
    width: 803px;
    height: 837px;
    top: 8950px;
    margin-left: 650px;
}
.bg-part11::before{
    background-image: url(../img/bg11.svg);
    width: 522px;
    height: 676px;
    top: 9795px;
    margin-left: -650px;
}
.bg-part12::before{
    background-image: url(../img/bg12.svg);
    width: 722px;
    height: 753px;
    top: 11400px;
    margin-left: 650px;
}
.bg-part13::before{
    background-image: url(../img/bg13.svg);
    width: 522px;
    height: 676px;
    top: 12500px;
    margin-left: -650px;
}

/*-------------------------------
	TB専用
-------------------------------*/
@media screen and (min-width:768px) and ( max-width:1100px) , print{
    .bg-part01::before{
        top: 520px;
        margin-left: -470px;
    }
    .bg-part02::before{
        top: 1100px;
        margin-left: 360px;
    }
    .bg-part03::before {
        top: 1881px;
        margin-left: -300px;

    }
    .bg-part04::before {
        top: 2724px;
        margin-left: 430px;
    }
    .bg-part05::before {
        top: 5430px;
        margin-left: -300px;
    }

    .bg-part06::before{
        top: 6230px;
        margin-left: 380px;
    }
    .bg-part07::before{
        top: 6900px;
        margin-left: -400px;
    }
    .bg-part08::before{
        top: 7580px;
        margin-left: 350px;
    }
    .bg-part09::before{
        top: 8190px;
        margin-left: -370px;
    }
    .bg-part10::before{
        top: 9280px;
        margin-left: 430px;
    }
    .bg-part11::before{
        top: 10370px;
        margin-left: -370px;
    }
    .bg-part12::before{
        top: 11840px;
        margin-left: 228px;
    }
    .bg-part13::before{
        top: 12887px;
        margin-left: -321px;
    }
}

@media screen and (max-width:767px) , print{
    .bg_wrapper{

        max-width: 100vw;
        overflow: hidden;
    }
    .bg-part::before{
        z-index: -1;
    }
    .bg-part01::before{
        top: 142px;
        margin-left: -262px;
    }
    .bg-part02::before{
        top: 605px;
        margin-left: 100px;
    }
    .bg-part03::before{
        top: 1714px;
        margin-left: -240px;
    }
    .bg-part04::before{
        top: 4124px;
        margin-left: 60px;
        z-index: -1;
    }
    .bg-part05::before{
        top: 5830px;
        margin-left: -200px;
        z-index: -1;
    }
    .bg-part06::before{
        top: 6470px;
        margin-left: 200px;
    }
    .bg-part07::before{

        top: 7120px;
        margin-left: -200px;
    }
    .bg-part08::before{
        top: 7770px;
        margin-left: 200px;
    }
    .bg-part09::before{
        top: 8370px;
        margin-left: -200px;
    }
    .bg-part10::before{
        top: 9053px;
        margin-left: 200px;
    }
    .bg-part11::before{
        top: 10113px;
        margin-left: -200px;
    }
    .bg-part12::before{
        top: 10800px;
        margin-left: 110px;
    }
    .bg-part13::before{
        top: 12650px;
        margin-left: -200px;
    }
}