html,
body{
    cursor: none;
}

#flag {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999999;
    pointer-events: none;
}
#flag > div{
    transform: scale(0.7);
}



.startPoint {
    width: 77px;
    height: 77px;
    position: fixed;
    right: 100px;
    bottom: 100px;
    z-index: 999;
    background: url("../img/top_button.jpg");
    border: none;
    outline: none;
    cursor: pointer;
    display: none;
}

.menu {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 9999;
}

#menu_page {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999999;
    transform: translateX(-100%);
    transition: all 1s;
    overflow: hidden;
}

#menu_page.on {
    transform: translateX(0);
}


#menu_page .bg01 {
    width: 100%;
    height: 100%;
    background: url("../img/menu_bg1.jpg") no-repeat center;
    background-size: cover;
    transform: translateX(-100%);
    transition: all 1s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999999;
    overflow: hidden;
}

#menu_page.on .bg01 {
    transition: all 1s 0.5s;
    transform: translateX(0);
}

#menu_page .bg02 {
    width: 100%;
    height: 100%;
    background: url("../img/menu_bg2.jpg") no-repeat center;
    background-size: cover;
    transform: translateX(-100%);
    transition: all 1s 1s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

#menu_page.on .bg02 {
    transition: all 1s;
    transform: translateX(0);
}


#menu_page .bg01 .logo {
    top: 40px;
    left: 40px;
    position: absolute;
}


#menu_page .bg01 .exit {
    position: absolute;
    top: 40px;
    right: 45px;
    z-index: 8989898989;
}



#menu_page .bg01 .text {
    width: 800px;
    height: 368px;
    position: absolute;


    top: 324px;
    right: 135px;


}


#menu_page .bg01 .text .text_01 {
    width: 486px;
    height: 95px;
    /*margin-bottom: 45px;*/
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
#menu_page .bg01 .text .text_01 > div{
    transition: all 0.2s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#menu_page .bg01 .text .text_01 .home01{
    transform: translateX(100%);
    transition-delay: 0.15s;
}
#menu_page .bg01 .text .text_01.on .home01{
    transform: translateX(0);
}
#menu_page .bg01 .text .text_01 .home02{
    transition-delay: 0.2s;
}
#menu_page .bg01 .text .text_01.on .home02{
    transform: translateY(100%);
}




#menu_page .bg01 .text .text_02 {

    width: 801px;
    height: 95px;
    /*margin-bottom: 45px;*/
    position: absolute;
    top: 140px;
    right: 0;
    overflow: hidden;
}

#menu_page .bg01 .text .text_02 a > div{
    transition: all 0.2s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#menu_page .bg01 .text .text_02 .product01{
    transform: translateX(100%);
    transition-delay: 0.25s;
}
#menu_page .bg01 .text .text_02.on .product01{
    transform: translateX(0);
}
#menu_page .bg01 .text .text_02 .product02{
    transition-delay: 0.3s;
}
#menu_page .bg01 .text .text_02.on .product02{
    transform: translateY(100%);
}


#menu_page .bg01 .text .text_03 {

    width: 730px;
    height: 95px;
    /*margin-bottom: 45px;*/
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#menu_page .bg01 .text .text_03 a > div{
    transition: all 0.2s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#menu_page .bg01 .text .text_03 .custom01{
    transform: translateX(100%);
    transition-delay: 0.25s;
}
#menu_page .bg01 .text .text_03.on .custom01{
    transform: translateX(0);
}
#menu_page .bg01 .text .text_03 .custom02{
    transition-delay: 0.3s;
}
#menu_page .bg01 .text .text_03.on .custom02{
    transform: translateY(100%);
}



#menu_page .bg01 .text .text_01 > div:nth-child(1) {
    /*width: 600px;*/
    /*height: 100px;*/


}

#menu_page .bg01 .text .text_01 > div:nth-child(2) {
    /*width: 600px;*/
    /*height: 100px;*/

    position: absolute;
    right: 0;
    top: 0;

}



#menu_page .bg01 .text .text_02 > div:nth-child(1) {
    /*width: 600px;*/
    /*height: 100px;*/

}

#menu_page .bg01 .text .text_02 > div:nth-child(2) {
    /*width: 600px;*/
    /*height: 100px;*/

    position: absolute;
    right: 0;
    top: 0;
}

#menu_page .bg01 .text .text_03 > div:nth-child(1) {
    /*width: 600px;*/
    /*height: 100px;*/

}

#menu_page .bg01 .text .text_03 > div:nth-child(2) {
    /*width: 600px;*/
    /*height: 100px;*/

    position: absolute;
    right: 0;
    top: 0;
}


#menu_page .bg01 .sub_text {
    position: absolute;
    top: 509px;
    left: 136px;

}


#menu_page .bg01 .belt01 {

    position: absolute;
    top: 177px;
    right: 1560px;


}


#menu_page .bg01 .belt02 {

    position: absolute;
    top: 555px;
    left: 1450px;
    pointer-events: none;

}


#section01 {
}

#section01 .bg {
    height: 980px;
}

#section1.bg2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    z-index: 10;
}
#section01 .glitch_main {
    width: 320px;
    height: 123px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    z-index: 99999;
}

#section01 .glitch_main .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/we_are.png') no-repeat center;
    max-height: 400px;
    object-fit: cover;
    background-size:cover;
    opacity : 0.7;
}

/*#section01 .text {*/
/*    width: 320px;*/
/*    height: 123px;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 100;*/
/*}*/

/*#section01 .text > img {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/


/*#section01 .bottom_text {*/
/*    position: absolute;*/
/*    left: 213px;*/
/*    bottom: 137px;*/

/*    z-index: 40;*/
/*}*/

#section01 .button {
    position: absolute;
    bottom: 78px;
    left: 921px;
    z-index: 30;

}

#section01 .main {
    width: 1550px;
    height: 750px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#section01 .main > video {
    width: 100%;
}

#section01 .main_text {


    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    z-index: 20;
}


#section01 .logo {

    position: absolute;
    top: 40px;
    left: 40px;
}


#section02 {
    background: url("../img/bg02.png") no-repeat center;
    background-size: cover;
    height: 980px;


}


#section02 .circles {
    position: absolute;
    left: 435px;
    top: 290px;
}

#section02 .main {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;

}

#section02 .sub {
    position: absolute;
    bottom: 97px;
    left: 1318px;
    z-index: 20;
}

#section02 .image01 {
    position: absolute;
    top: 145px;
    right: 1525px;
}

#section02 .image02 {
    position: absolute;
    bottom: 221px;
    left: 1567px;
}

#section02 .sticker01 {
    position: absolute;
    top: 250px;
    left: 1272px;
    z-index: 60;

    animation: rotate01 3s linear infinite;
    transform-origin: 50% 50%;

}

@keyframes rotate01 {

    100% {
        transform: rotate(360deg);
    }

}


#section02 .sticker02 {
    position: absolute;
    bottom: 67px;
    left: 216px;

    animation: rotate02 0.4s linear infinite alternate;
    transform-origin: 50% 50%;

}

@keyframes rotate02 {

    100% {
        transform: rotate(-7deg);
    }

}

#section02 .sticker03 {
    position: absolute;
    top: 435px;
    right: -5px;
    z-index: 10;

}

#section02 .sticker04 {
    position: absolute;
    top: 150px;
    right: 292px;
    animation: rotate04 0.3s linear infinite alternate;
    transform-origin: 50% 50%;

}

@keyframes rotate04 {

    100% {
        transform: rotate(-7deg);
    }

}


#section02 .sticker05 {
    position: absolute;
    bottom: 205px;
    left: 440px;
    animation: rotate03 1s linear infinite alternate;
    transform-origin: 50% 50%;

}

@keyframes rotate03 {

    100% {
        transform: rotateY(1turn);
    }

}


#section02 .sticker06 {
    position: absolute;
    top: 70%;
    left: 60%;

}


#section03 {
    background: url("../img/bg03.png") no-repeat center;
    background-size: cover;
    height: 2213px;

}

#section03 .text01 {
    position: absolute;
    left: 1029px;
    top: 312px;
}



#section03 .image01 {
    position: absolute;
    top: 130px;
    left: 220px;
    opacity: 0;
    transform: translateY(50px);
}


#section03.on2 .image01 {
    opacity: 1;
    transition: all 0.3s;
}




#section03 .image02 {
    position: absolute;
    top: 196px;
    left: 737px;
    z-index: 10;
    opacity: 0;
    transform: translateY(50px);
}


#section03.on2 .image02 {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s 0.3s;

}

#section03 .noise01 {

    position: absolute;
    top: 128px;
    left: 218px;
    opacity: 0;
    mix-blend-mode: multiply;

}


#section03.on2 .noise01 {
    opacity: 0.5;
    transition: all 0.3s;
}


#section03 .sticker01 {
    position: absolute;
    top: 536px;
    left: 163px;
    z-index: 20;
    animation: rotate01 4s linear infinite;
    transform-origin: 50% 50%;


}

@keyframes rotate05 {

    100% {
        transform: rotate(360deg);
    }

}


#section03 .sticker02 {
    position: absolute;
    top: 346px;
    left: 1008px;
    z-index: 20;
}

#section03 .sticker03 {
    position: absolute;
    top: 404px;
    left: 1680px;

}

#section03 .sticker04 {
    position: absolute;
    top: 765px;
    right: 374px;
}


/**/


#section03 .text02 {
    position: absolute;
    bottom: 616px;
    left: 214px;
}


#section03 .image03 {
    position: absolute;
    bottom: 363px;
    left: 990px;
    opacity: 0;
    transition: all 0.3s;
}

#section03.on .image03 {
    opacity: 1;
}


#section03 .noise02 {

    position: absolute;
    bottom: 361px;
    left: 985px;
    opacity: 0;
    mix-blend-mode: multiply;

}


#section03.on .noise02 {
    opacity: 0.5;
    transition: all 0.3s;
}


#section03 .sticker05 {
    position: absolute;
    bottom: 993px;
    left: 960px;
    transform: translateY(50px);
    transition: all 0.3s 0.3s;
    opacity: 0;
    z-index: 10;
}

#section03.on .sticker05 {
    opacity: 1;
    transform: translateY(0);
}

#section03 .sticker06 {
    position: absolute;
    bottom: 809px;
    left: 1580px;
    transform: translateY(50px);
    transition: all 0.3s 0.5s;
    opacity: 0;
    z-index: 10;

}

#section03.on .sticker06 {
    opacity: 1;
    transform: translateY(0);
}


#section03 .sticker07 {
    width: 310px;
    height: 79px;
    position: absolute;
    top: 1630px;
    left: 260px;
}

#section03 .sticker07 .sticker_svg{
    width: 230px;
    height: 43px;
    position: absolute;
    left: 82px;
    top: 40px;
}

#section03 .sticker07 .sticker_svg svg{
    stroke-dashoffset: 476;
    stroke-dasharray: 476;
    transition: all 0.3s;
}

#section03 .sticker07:hover .sticker_svg svg{
    stroke-dashoffset: 0;
}


/*#section03 .sticker07:hover .doodle{*/
/*    position: absolute;*/
/*    top: 22.5%;*/
/*    left: 22.5%;*/
/*    stroke-dasharray: 500px;*/

/*stroke-dashoffset: 500;*/
/*transform: rotate(-90deg);*/
/*animation: ani 5s linear infinite;*/
/*}*/
/*@keyframes ani {*/
/*    0% {*/
/*        stroke-dashoffset: 500px;*/
/*    }*/
/*    50% {*/
/*        stroke-dashoffset: 0;*/
/*    }*/
/*    100% {*/
/*        stroke-dashoffset: -500px;*/
/*    }*/
/*}*/


/*#section03 .sticker07 .doodle  {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    opacity: 0;*/
/*}*/

/*#section03 .sticker07:hover .doodle  {*/
/*    opacity: 1;*/
/*}*/

#section03 .sticker08 {
    position: absolute;
    bottom: 904px;

}


#section04 {
    background: gainsboro;
    height: 560px;
    overflow: inherit;

}


/*#section04 .image01 {*/
/*    position: absolute;*/
/*    top: -170px;*/
/*    left: -100px;*/

/*}*/



#section04 .image02{
    position: absolute;
    top: -167px;
    left: 675px;
    z-index: 10;
}

#section04.on .image02{
    animation: moveX 0.5s linear alternate infinite;
}

@keyframes moveX {


    100% {
        transform: translateX(-70px);
    }
}


#section04 .image03 {
    position: absolute;
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);
}

#section05 {
    /*background: black;*/
    height: 584px;
    overflow: inherit;
}

#section05 > video {
    width: 100%;
    overflow: inherit;
}

#section05 .bg2 {
    position: absolute;
    top: -22px;
    overflow: inherit;

}

#section05 .sticker01 {
    position: absolute;
    bottom: -170px;
    left: -30px;
    z-index: 100;

}

#section05 .sticker02 {
    position: absolute;
    bottom: -50px;
    right: 136px;
    z-index: 100;

}

#section06 {
    background: url("../img/bg05.png") no-repeat center;
    background-size: cover;
    height: 4400px;


}


/*#section06 .sticker03{*/
/*    position: absolute;*/
/*    top: 960px;*/
/*    left: 30px;*/

/*}*/


#section06 .fix_section {
    width: 100vw;
    height: 100vh;
    position: relative;
}

#section06 .fix_section .sticker03 {
    position: absolute;
    top: 920px;
    left: 30px;

}


#section06 .fix_section .sticker08 {
    position: absolute;
    left: -145px;
    top: 1200px;



}

/*#section06.on .fix_section .sticker08 {*/

/*    animation: moveX 0.7s infinite alternate;*/
/*}*/

/*@keyframes moveX {*/

/*    50% {*/
/*        transform: translateX(20px);*/
/*    }*/
/*    100% {*/
/*        transform: translateX(0px);*/
/*    }*/
/*}*/


#section06 .fix_section .box01 {
    width: 642px;
    height: 950px;
    position: absolute;
    top: 200px;
    left: 260px;
    z-index: 20;

    /*background: orange;*/
}

#section06 .fix_section .box01 > div {
    position: absolute;
    left: 0;
    top: 0;
}

#section06 .fix_section .box01 .image01 {

    left: 0;
    top: 240px;
    z-index: 20;
}

#section06 .fix_section .box01 .text01 {

    top: 140px;
    left: 700px;
}


#section06 .fix_section .box02 {
    width: 642px;
    height: 950px;
    position: absolute;
    top: 1603px;
    left: 260px;
    z-index: 30;

    /*background: red;*/
}

#section06 .fix_section .box02 > div {
    position: absolute;
    left: 0;
    top: 0;
}

#section06 .fix_section .box02 .image02 {
    z-index: 40;
}

#section06 .fix_section .box02 .sticker04 {
    position: absolute;
    left: 852px;
    top: -163px;
}


#section06 .fix_section .box03 {
    width: 642px;
    height: 950px;
    position: absolute;
    top: 2000px;
    left: 260px;

    /*background: blueviolet;*/
}

#section06 .fix_section .box03 > div {
    position: absolute;
    left: 0;
    top: 0;
}

#section06 .fix_section .box03 .image03{

}

#section06 .fix_section .box03 .text03 {
    position: absolute;
    bottom: 0;
    left: 700px;
}

#section06 .fix_section .box03 .sticker05 {
    position: absolute;
    top: -90px;
    left: 400px;
}

#section06 .fix_section .box03 .sticker06 {
    position: absolute;
    top: 600px;
    left: -50px;
}


#section06 .fix_section .box04 {
    width: 642px;
    height: 950px;
    position: absolute;
    top: -1020px;
    left: 1064px;


    /*background: yellow;*/
}

/*#section06.on .fix_section .box04 {*/
/*    opacity: 1;*/
/*}*/


#section06 .fix_section .box04 > div {
    position: absolute;
    left: 0;
    top: 0;
}

#section06 .fix_section .box04 .text04 {
    position: absolute;
    left: -550px;
    top: 200px;
}


#section06 .fix_section .box04 .sticker07 {
    position: absolute;
    left: -120px;
    top: 770px;
}





#section06 .fix_section .box04 .sticker09 {
    position: absolute;
    left: 500px;
    top: 90px;
}

#section06 .fix_section .box01 .image01 {

    top: 100px;

}


#section06 .title01 {

}


/*#section06 .fix_section .box01 .num01 {*/

/*    right: 58px;*/
/*    !*position: absolute;*!*/
/*    !*top: 414px;*!*/
/*    !*left: 960px;*!*/
/*}*/


/*#section06 .fix_section .box01 .text01 {*/

/*    top: 100px;*/
/*    right: 58px;*/
/*    !*position: absolute;*!*/
/*    !*top: 535px;*!*/
/*    !*left: 960px;*!*/
/*}*/


#section07 {
    background: #f1661c;
    height: 980px;

}

#section07 .stage{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#section07 .se07_bg{
    position: absolute;
}

#section07 .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: transparent;

}

#section07 .sticker01 {
    position: absolute;
    top: 50px;
    left: 200px;
    z-index: 10;
}

#section07 .sticker02 {
    position: absolute;
    top: 150px;
    left: 280px;
    z-index: 20;
}

#section07 .sticker03 {
    position: absolute;
    top: 810px;
    left: 600px;
    z-index: 10;

}

#section07 .sticker04 {
    position: absolute;
    top: 92px;
    left: 1093px;
    z-index: 10;

}

#section07 .sticker05 {
    position: absolute;
    top: 200px;
    left: 1000px;
    z-index: 20;

}

#section07 .sticker06 {
    position: absolute;
    top: 900px;
    right: 260px;
    z-index: 10;

}


#section08 {
    background: url("../img/bg02.png") no-repeat center;
    background-size: cover;
    height: 363px;
    overflow: hidden;

}

#section08 .main_title {
    position: absolute;
    top: 190px;
    left: 520px;
}


#section09 {
    height: 6800px;
    background: url("../img/bg02.png") no-repeat center;

}

#section09 .fix_section {
    width: 100vw;
    height: 100vh;
    position: relative;
}

#section09 .fix_section .animation-this {
    width: 500vw;
    height: 100%;
    position: relative;
    display: flex;
    /*transform: translateX(-100vw);*/
    /*transition: all 1s;*/
}

#section09 .fix_section .animation-this .page {
    width: 100vw;
    height: 100vh;
    position: relative;
    flex-shrink: 0;
    background: url("../img/bg08.png") no-repeat center;
    background-size: cover;

}

#section09 .fix_section .animation-this .page:nth-child(even) {


}


#section09 .fix_section .animation-this .page_page01 .sub_title {
    position: absolute;
    top: 190px;
    left: 60px;
}


#section09 .fix_section .animation-this .page_page01 .image01 {
    position: absolute;
    top: 199px;
    left: 565px;
    z-index: 10;

}

#section09 .fix_section .animation-this .page_page01 .image02 {
    position: absolute;
    top: 282px;
    left: 1475px;
    z-index: 10;

}

/*#section09 .fix_section .animation-this .page_page01 .sticker01 {*/
/*    position: absolute;*/
/*    top: 530px;*/
/*    left: 250px;*/
/*    z-index: 20;*/

/*}*/


#section09 .fix_section .animation-this .page_page02 {
    overflow: inherit;


}



#section09 .fix_section .animation-this .page_page02 .sticker02 {
    position: absolute;
    top: 1010px;
    left: -1200px;

}



#section09 .fix_section .animation-this .page_page02 .text01 {
    position: absolute;
    top: 349px;
    left: -40px;
    z-index: 10;


}

#section09 .fix_section .animation-this .page_page02 .image03 {
    position: absolute;
    top: 148px;
    left: 411px;
    z-index: 10;


}

#section09 .fix_section .animation-this .page_page02 .sticker03 {
    position: absolute;
    top: 462px;
    left: 900px;
    z-index: 10;

    animation: moveY 0.6s linear infinite alternate;

}


@keyframes moveY {
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(50px);
    }
}


#section09 .fix_section .animation-this .page_page03 {
    overflow: inherit;


}


#section09 .fix_section .animation-this .page_page03 .image04 {
    position: absolute;
    top: 148px;
    left: -492px;


}

#section09 .fix_section .animation-this .page_page03 .image05 {
    position: absolute;
    top: 231px;
    left: 547px;
    z-index: 10;

}


#section09 .fix_section .animation-this .page_page03 .sticker05 {
    position: absolute;
    top: 334px;
    left: 430px;
    z-index: 20;

    animation: animation1 1s infinite alternate;

}


@keyframes animation1 {
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}


#section09 .fix_section .animation-this .page_page04 {
    overflow: inherit;


}

#section09 .fix_section .animation-this .page_page04 .image06 {
    position: absolute;
    top: 168px;
    left: -492px;
    z-index: 10;

}


#section09 .fix_section .animation-this .page_page04 .image07 {
    position: absolute;
    top: 168px;
    left: 580px;
    z-index: 10;

}

#section09 .fix_section .animation-this .page_page04 .sticker04 {
    position: absolute;
    top: -330px;
    left: -600px;


}

#section09 .fix_section .animation-this .page_page04 .sticker06 {


    position: absolute;
    top: 280px;
    left: 1020px;
    z-index: 30;

    animation: rotate 4s linear infinite;

}


@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}


#section10 {
    background: url("../img/bg_tvt.jpg") no-repeat center;
    background-size: cover;
    height: 980px;
}


#section10 .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}


#section10 .title .title01 {

    opacity: 0;
    transform: translateY(10px);
    transition: all 0.1s;


}

#section10.on .title .title01 {

    opacity: 1;

}

#section10 .title .title02 {

    opacity: 0;
    transition: all 0.1s 0.2s;


}


#section10.on .title .title02 {

    opacity: 1;
}


#section10 .title .title03 {

    opacity: 0;
    transition: all 0.1s 0.4s;

}

#section10.on .title .title03 {

    opacity: 1;

}


#section10 .title .title04 {


    opacity: 0;
    transition: all 0.1s 0.6s;


}

#section10.on .title .title04 {

    opacity: 1;


}


#section11 {
    height: 5400px;
    background: url("../img/insta_bg.jpg") no-repeat center;
    background-size: cover;
    overflow: inherit;
}


#section11 .fix_section {
    width: 100vw;
    height: 100vh;
    position: relative;
}


#section11 .fix_section .contents {
    width: 406px;
    height: 701px;
    position: absolute;
    top: 210px;
    left: 758px;
    overflow: hidden;
}

#section11 .fix_section .contents .instagram {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;


}

#section11 .fix_section .contents .scroll {
    position: absolute;
    top: 37px;
    left: 384px;
    z-index: 10;

}

#section11 .fix_section .contents .insta01 .text01 {
    position: absolute;
    top: 530px;
    left: 33px;
    z-index: 10;
    overflow: inherit;
    opacity: 1;


}

#section11.on .fix_section .contents .insta01 .text01 {
    opacity: 0;
    transition: all 0.1s;


}


#section11 .fix_section .contents .insta01 .main_image01 {
    position: absolute;
    top: 125px;
    left: 33px;
    z-index: 10;
    opacity: 1;


}

#section11.on .fix_section .contents .insta01 .main_image01 {
    opacity: 0;
    transition: all 0.1s;

}

#section11 .fix_section .contents .insta02 .text02 {
    position: absolute;
    top: 530px;
    left: 33px;
    z-index: 10;
    overflow: inherit;
    opacity: 0;

}

#section11.on .fix_section .contents .insta02 .text02 {
    opacity: 1;
    transition: all 0.1s;

}

#section11.on2 .fix_section .contents .insta02 .text02 {
    opacity: 0;
    transition: all 0.1s;

}


#section11 .fix_section .contents .insta02 .main_image02 {
    position: absolute;
    top: 125px;
    left: 33px;
    opacity: 0;


}

#section11.on .fix_section .contents .insta02 .main_image02 {

    opacity: 1;
    transition: all 0.1s;


}

#section11.on2 .fix_section .contents .insta02 .main_image02 {

    opacity: 0;
    transition: all 0.1s;


}

#section11 .fix_section .contents .insta03 .text03 {
    position: absolute;
    top: 530px;
    left: 33px;
    opacity: 0;

}

#section11.on2 .fix_section .contents .insta03 .text03 {
    opacity: 1;
    transition: all 0.1s;

}

#section11.on3 .fix_section .contents .insta03 .text03 {
    opacity: 0;
    transition: all 0.1s;

}

#section11 .fix_section .contents .insta03 .main_image03 {
    position: absolute;
    top: 125px;
    left: 33px;
    opacity: 0;



}
#section11.on2 .fix_section .contents .insta03 .main_image03 {

    opacity: 1;
    transition: all 0.1s;


}

#section11.on3 .fix_section .contents .insta03 .main_image03 {

    opacity: 0;
    transition: all 0.1s;

}


#section11 .fix_section .contents .insta04 .text04 {
    position: absolute;
    top: 530px;
    left: 33px;
    opacity: 0;

}

#section11.on3 .fix_section .contents .insta04 .text04 {
    opacity: 1;
    transition: all 0.1s;

}



#section11 .fix_section .contents .insta04 .main_image04 {
    position: absolute;
    top: 125px;
    left: 33px;
    opacity: 0;



}
#section11.on3 .fix_section .contents .insta04 .main_image04 {

    opacity: 1;
    transition: all 0.1s;


}



/*}*/

/*#section11 .contents04 {*/
/*    position: absolute;*/
/*    top: 3023px;*/
/*    left: 753px;*/


/*}*/

#section11 .image .group01 {
    position: absolute;
    top: 0;
    left: 0;
}

#section11 .image .group01 .image01 {
    position: absolute;
    top: 0;
    left: 55px;
}

#section11 .image .group01 .image02 {
    position: absolute;
    top: 294px;
    left: 347px;
}

#section11 .image .group01 .image03 {
    position: absolute;
    top: 0;
    left: 1632px;
}

#section11 .image .group01 .image04 {
    position: absolute;
    top: 343px;
    left: 1340px;
}

#section11 .image .group02 .image05 {
    position: absolute;
    top: 994px;
    left: 55px;
}

#section11 .image .group02 .image06 {
    position: absolute;
    top: 1801px;
    left: 347px;
}


#section11 .image .group02 .image07 {
    position: absolute;
    top: 1474px;
    right: 343px;
}

#section11 .image .group02 .image08 {
    position: absolute;
    top: 2269px;
    left: 55px;
}

#section11 .image .group03 .image09 {
    position: absolute;
    top: 3070px;
    left: 347px;
}

#section11 .image .group03 .image10 {
    position: absolute;
    top: 2507px;
    right: 52px;
}

#section11 .image .group03 .image11 {
    position: absolute;
    top: 4350px;
    right: 343px;

}

#section11 .image .group03 .image12 {
    position: absolute;
    top: 3670px;
    left: 55px;

}


#section11 .image .group03 .image13 {
    position: absolute;
    top: 4770px;
    left: 347px;

}





#section12 {
    background: url("../img/bg07.png") no-repeat center;
    background-size: cover;
    height: 595px;
    overflow: inherit;

}



#section12 .text01 {
    position: absolute;
    top: 222px;
    left: 584px;
}

/*#section12 .sticker01 {*/
/*    position: absolute;*/
/*    top: 310px;*/
/*    left: 651px;*/
/*    z-index: 10;*/

/*}*/

#section13 {


    height: 975px;
    overflow: inherit;
}

#section13 > video {
    width: 100%;
}

#section13 .paper {
    position: absolute;
    top: -20px;

}

#section13 .text {
    position: absolute;
    bottom: 275px;
    left: 565px;
}

#section13 .sticker{
    position: absolute;
    top: 260px;
    left: 875px;
    animation: moveY 0.5s linear infinite alternate;

}


@keyframes moveY {
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(15px);
    }
}



#section13 .back_to_top {
    position: absolute;
    bottom: 70px;
    right: 70px;
    /*display: none;*/

    z-index: 99;

}

#section13.on .back_to_top {

    transform: translateX(0);
    z-index: 99;

}