#gnb {
    width: 1920px;
    height: 102px;
    position: fixed;
    z-index: 100000;
    transition: all 1s;
}

#gnb .se01_gnb {
    width: 1920px;
    height: 102px;
}

#gnb .se01_menu01 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 1025px;
}

#gnb .se01_menu02 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 843px;
}

#gnb .se01_menu03 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 678px;
}

#gnb .se01_menu04 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 483px;
}

#gnb .se01_menu05 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 257px;
}

#gnb .se01_menu06 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 34px;
}

#gnb.on {
    transform: translateY(-100px);
}






/*------- se01 BG -------*/

#section01 {
    background: #ff2e59;
    /*height: 20600px; */
    height: 20090px;
    font-family: 'Kdam Thmor Pro', sans-serif;
}

#section01 .se01_bg_pink {
    height: 20600px;
    background: #252525;
}

#section01 .se01_bg_01 {
    width: 1920px;
    height: 2017px;
    position: absolute;
}

#section01 .se01_bg_pattern_01 {
    width: 135px;
    height: 329px;
    position: absolute;
    top: 100px;
    right: 17px;
}

#section01 .se01_bg_shape_02 {
    width: 118px;
    height: 106px;
    position: absolute;
    top: 80px;
    right: 130px;
    transition: all 1.5s;
    transform: translateX(50%);
    opacity: 0;
}

#section01 .se01_bg_shape_02.on {
    transform: translateX(0);
    opacity: 1;
}

#section01 .se01_bg_pattern_04 {
    width: 76px;
    height: 77px;
    position: absolute;
    top: 648px;
    left: 1776px;
}

#section01 .se01_bg_shape_01 {
    width: 292px;
    height: 292px;
    position: absolute;
    top: -140px;
    left: -40px;
}

#section01 .se01_sb_01 {
    width: 281px;
    height: 107px;
    position: absolute;
    top: 50px;
    left: 198px;
    transition: all 1.5s;
    transform: translateX(-30%);
    opacity: 0;
}

#section01 .se01_sb_01.on {
    transform: translateX(0);
    opacity: 1;
}

#section01 .se01_sb_02 {
    width: 272px;
    height: 102px;
    position: absolute;
    top: 176px;
    left: 66px;
    transition: all 1.5s;
    transform: translateX(-20%);
    opacity: 0;
}

#section01 .se01_sb_02.on {
    transform: translateX(0);
    opacity: 1;
}

#section01 .se01_bg_shape_03 {
    width: 56px;
    height: 64px;
    position: absolute;
    top: 548px;
    left: 138px;
}

#section01 .se01_bg_shape_04 {
    width: 56px;
    height: 64px;
    position: absolute;
    top: 838px;
    left: 1695px;
}

#section01 .se01_bg_pattern_02 {
    width: 258px;
    height: 443px;
    position: absolute;
    top: 800px;
    right: -40px;
}


#section01 .se01_bg_pattern_03 {
    width: 165px;
    height: 437px;
    position: absolute;
    top: 1368px;
    left: 0;
}

#section01 .se01_bg_pattern_05 {
    width: 188px;
    height: 38px;
    position: absolute;
    top: 1664px;
    left: 83px;
}

#section01 .se01_bg_pattern_06 {
    width: 187px;
    height: 37px;
    position: absolute;
    top: 1764px;
    right: 201px;
}

#section01 .se01_bg_pattern_07 {
    width: 188px;
    height: 38px;
    position: absolute;
    top: 1400px;
    left: 1762px;
}







/*------- se01 main 01 -------*/

#section01 .se01_main_01 {
    width: 100%;
    height: 2414px;
    position: absolute;
    top: 61px;
    left: 0;
    transition: all 1.5s;
    transform: translateY(20%);
    opacity: 0;
}

#section01 .se01_main_01.on {
    transform: translateY(0);
    opacity: 1;
}

#section01 .se01_m1_bg_02 {
    width: 1189px;
    height: 2317px;
    position: absolute;
    top: 95px;
    left: 50%;
    margin-left: -594px;
}

#section01 .se01_m1_line {
    width: 1009px;
    height: 805px;
    position: absolute;
    left: 285px;
}

#section01 .se01_m1_sticker_01 {
    width: 253px;
    height: 252px;
    position: absolute;
    top: 53px;
    right: 484px;
    z-index: 10;
    animation: se01_m1_sticker_01 40s linear infinite;
}

@keyframes se01_m1_sticker_01 {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_m1_sticker_02 {
    width: 272px;
    height: 272px;
    position: absolute;
    top: 155px;
    right: 298px;
    animation: se01_m1_sticker_02 50s linear infinite;
}

@keyframes se01_m1_sticker_02 {
    100%{
        transform: rotate(1turn);
    }
}


/*https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin*/

#section01 .se01_m1_sticker_03 {
    width: 542px;
    height: 780px;
    position: absolute;
    top: 555px;
    left: 41px;
    transform: rotate(10deg);
    transform-origin: top right;
}

#section01 .se01_m1_title_01 {
    width: 385px;
    height: 83px;
    position: absolute;
    top: 227px;
    left: 50%;
    margin-left: -194px;
}

#section01 .se01_m1_title_02 {
    width: 724px;
    height: 455px;
    position: absolute;
    top: 415px;
    left: 50%;
    margin-left: -362px;
    transition: all 1.5s;
    transform: translateY(50%);
    opacity: 0;
}

#section01 .se01_m1_title_02.on {
    transform: translateY(0);
    opacity: 1;
}

#section01 .se01_m1_cursor {
    width: 176px;
    height: 189px;
    position: absolute;
    top: 482px;
    left: 1205px;
}


#section01 .se01_m1_title_03 {
    width: 781px;
    height: 416px;
    position: absolute;
    /*top: 1000px;*/
    top: 1130px;
    left: 50%;
    margin-left: -390px;
    z-index: 1;
    opacity: 0;
}

#section01 .se01_m1_shape_01 {
    width: 104px;
    height: 98px;
    position: absolute;
    top: 1004px;
    right: 508px;
}

#section01 .se01_m1_shape_02 {
    width: 49px;
    height: 49px;
    position: absolute;
    top: 1317px;
    left: 508px;
}

#section01 .se01_m1_swipe_01 {
    width: 694px;
    height: 219px;
    position: absolute;
    top: 1472px;
    left: 50%;
    margin-left: -347px;
}

#section01 .se01_m1_swipe_01 .se01_m1_swipe_01_back{
    transition: all 1s;
}

#section01 .se01_m1_swipe_01.on .se01_m1_swipe_01_back{
    opacity: 0;
}

#section01 .se01_m1_swipe_01 .se01_swipe_02{
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s;
    opacity: 0;
}

#section01 .se01_m1_swipe_01.on .se01_swipe_02{
    opacity: 1;
}





#section01 .se01_m1_timer {
    width: 500px;
    height: 200px;
    position: absolute;
    top: 1800px;
    left: 50%;
    margin-left: -250px;
}

#section01 .se01_m1_time_box01 {
    width: 141px;
    height: 100px;
    position: absolute;
    left: 0;
}

#section01 .se01_m1_time_bg01 {
    width: 141px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
}

#section01 .se01_m1_time01 {
    width: 110px;
    height: 80px;
    font-size: 80px;
    color: #505050;
    /*display: inline-block;*/
    /*line-height: 80px;*/
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 12px;

}

#section01 .se01_m1_time_box02 {
    width: 141px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -71px;
}

#section01 .se01_m1_time_bg02 {
    width: 141px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
}

#section01 .se01_m1_time02 {
    width: 110px;
    height: 80px;
    font-size: 80px;
    color: #505050;
    /*display: inline-block;*/
    /*line-height: 80px;*/
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 12px;
}

#section01 .se01_m1_time_box03 {
    width: 141px;
    height: 100px;
    position: absolute;
    right: 0;
}

#section01 .se01_m1_time_bg03 {
    width: 141px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
}

#section01 .se01_m1_time03 {
    width: 110px;
    height: 80px;
    font-size: 80px;
    color: #505050;
    /*display: inline-block;*/
    /*line-height: 80px;*/
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 12px;
}

/*#section01 .se01_m1_dot_list {*/
/*    width: 400px;*/
/*    height: 25px;*/
/*    position: absolute;*/
/*    top: 24px;*/
/*}*/

#section01 .se01_m1_dot_01 {
    width: 9px;
    height: 25px;
    position: absolute;
    top: 36px;
    left: 155px;
}

#section01 .se01_m1_dot_02 {
    width: 9px;
    height: 25px;
    position: absolute;
    top: 36px;
    right: 155px;
}






#section01 .se01_m1_time_02 {
    width: 435px;
    height: 30px;
    position: absolute;
    top: 1950px;
    left: 50%;
    margin-left: -217px;
}

#section01 .se01_m1_tag_01 {
    width: 197px;
    height: 79px;
    position: absolute;
    top: 1379px;
    right: 229px
}

#section01 .se01_m1_tag_02 {
    width: 225px;
    height: 79px;
    position: absolute;
    top: 1475px;
    right: 140px;
}

#section01 .se01_m1_tag_03 {
    width: 331px;
    height: 79px;
    position: absolute;
    top: 1559px;
    right: 103px;
}






#section01 .se01_m1_bg_star_01 {
    width: 49px;
    height: 49px;
    position: absolute;
    top: 2217px;
    left: 133px;
}

#section01 .se01_m1_bg_star_02 {
    width: 49px;
    height: 49px;
    position: absolute;
    top: 2225px;
    right: 292px;
}

#section01 .se01_m1_bg_star_03 {
    width: 191px;
    height: 192px;
    position: absolute;
    top: 2059px;
    right: 72px;
}

#section01 .se01_m1_bg_star_04 {
    width: 172px;
    height: 191px;
    position: absolute;
    top: 2964px;
    left: -10px;
}





/*------- se01 main 02 -------*/

#section01 .se01_main_02 {
    width: 100%;
    height: 1239px;
    position: absolute;
    top: 2166px;
}

#section01 .se01_m2_crt_01 {
    width: 693px;
    height: 1099px;
    position: absolute;
    left: 50%;
    margin-left: -346px;
    top: 300px;
}

#section01 .se01_m2_sweat_01 {
    width: 146px;
    height: 76px;
    position: absolute;
    left: 755px;
    top: 300px;
}


#section01 .se01_m2_cloud_01 {
    width: 354px;
    height: 284px;
    position: absolute;
    left: 283px;
    /*top: 231px;*/
    top: 431px;
    opacity: 0;
}

#section01 .se01_m2_cloud_02 {
    width: 267px;
    height: 209px;
    position: absolute;
    right: 230px;
    /*top: 425px;*/
    top: 525px;
    opacity: 0;
}


#section01 .se01_m2_bg_03 {
    width: 1408px;
    height: 1079px;
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -681px;
    z-index: 1;
}

#section01 .se01_m2_title_wth {
    width: 417px;
    height: 189px;
    position: absolute;
    top: 620px;
    left: 50%;
    margin-left: -208px;
}

#section01 .se01_m2_title_04 {
    width: 260px;
    height: 86px;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    z-index: 1;
}

#section01 .se01_m2_title_05 {
    width: 392px;
    height: 23px;
    position: absolute;
    top: 121px;
    left: 50%;
    margin-left: -196px;
    z-index: 1;
}

#section01 .se01_m2_circle_01 {
    width: 103px;
    height: 102px;
    position: absolute;
    top: 85px;
    /*left: -9px;*/
    right: 0;
    z-index: 1;
}







#section01 .se01_m2_weather {
    width: 1143px;
    height: 297px;
    position: absolute;
    top: 957px;
    left: 50%;
    margin-left: -560px;
    z-index: 1;
    opacity: 0;
}
#section01 .se01_m2_w_list_red {
    width: 1143px;
    height: 291px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
#section01 .se01_m2_w_list_red > div{
    /*transition: all 1s;*/
    opacity: 0;
}
#section01 .se01_m2_w_list_red > div.on{
    opacity: 1;
}

#section01 .se01_m2_w_list {
    width: 1143px;
    height: 291px;
    display: flex;
    justify-content: space-between;
}


#section01 .se01_m2_sub_01 {
    width: 141px;
    height: 291px;
    z-index: 1;
}

#section01 .se01_m2_sub_01 .se01_m2_sub_01_back{
    transition: all 1s;
}

#section01 .se01_m2_sub_01.on .se01_m2_sub_01_back{
    opacity: 0;
}

#section01 .se01_m2_sub_01 .se01_m2_sub_01_on{
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s;
    opacity: 0;
}

#section01 .se01_m2_sub_01.on .se01_m2_sub_01_on{
    opacity: 1;
}






#section01 .se01_m2_sub_02 {
    width: 141px;
    height: 291px;
    z-index: 1;
}

#section01 .se01_m2_sub_03 {
    width: 141px;
    height: 291px;
    z-index: 1;
}

#section01 .se01_m2_sub_04 {
    width: 141px;
    height: 291px;
    z-index: 1;
}

#section01 .se01_m2_sub_05 {
    width: 141px;
    height: 291px;
    z-index: 1;
}

#section01 .se01_m2_sub_06 {
    width: 141px;
    height: 291px;
    z-index: 1;
}

#section01 .se01_m2_sub_07 {
    width: 141px;
    height: 291px;
    z-index: 1;
}

#section01 .se01_m2_tag_04 {
    width: 2144px;
    height: 209px;
    position: absolute;
    top: 940px;
    /*left: 50%;*/
    /*margin-left: -1072px;*/
    left: -250px;
}




/*------- se01 main 03 -------*/

#section01 .se01_main_03 {
    width: 100%;
    position: absolute;
    top: 3700px;
}

#section01 .se01_m3_tag {
    width: 100%;
    height: 563px;
    position: absolute;
}

#section01 .se01_m3_line_01 {
    width: 1920px;
    position: absolute;
    height: 50px;
    top: 50px;
}

#section01 .se01_m3_tag_05 {
    width: 695px;
    height: 225px;
    position: absolute;
    right: 0;
    top: 0;
}

#section01 .se01_m3_txt_01 {
    width: 1173px;
    height: 107px;
    position: absolute;
    top: 96px;
    left: -150px;
}

#section01 .se01_m3_tag_06 {
    width: 444px;
    height: 128px;
    position: absolute;
    right: 0;
    top: 228px;
}

#section01 .se01_m3_tag_07 {
    width: 514px;
    height: 128px;
    position: absolute;
    left: 0;
    top: 228px;
}

#section01 .se01_m3_shape_05 {
    width: 454px;
    height: 155px;
    position: absolute;
    left: 0;
    top: 377px;
}

#section01 .se01_m3_txt_02 {
    width: 606px;
    height: 107px;
    position: absolute;
    right: -150px;
    top: 396px;
}

#section01 .se01_m3_tag_08 {
    width: 319px;
    height: 228px;
    position: absolute;
    left: 576px;
    top: 296px;
}







#section01 .se01_m3_white {
    width: 100%;
    height: 2516px;
    position: absolute;
    top: 674px;
}

#section01 .se01_m3_bg {
    width: 1783px;
    height: 2221px;
    position: absolute;
    top: 102px;
}

#section01 .se01_m3_character_01 {
    width: 306px;
    height: 351px;
    position: absolute;
    top: 45px;
    right: -150px;
}

#section01 .se01_m3_sticker_01 {
    width: 205px;
    height: 184px;
    position: absolute;
    right: 494px;
    z-index: 1;
    animation: se01_m3_sticker_01 40s linear infinite;
}

@keyframes se01_m3_sticker_01 {
    100%{
        transform: rotate(-1turn);
    }
}

#section01 .se01_m3_sticker_02 {
    width: 200px;
    height: 205px;
    position: absolute;
    top: 30px;
    right: 329px;
    animation: se01_m3_sticker_02 150s linear infinite;
}

@keyframes se01_m3_sticker_02 {
    100%{
        transform: rotate(-1turn);
    }
}

#section01 .se01_m3_sb {
    width: 100%;
    height: 1061px;
    position: absolute;
    top: 250px;
}

#section01 .se01_m3_crt_03 {
    width: 440px;
    height: 378px;
    position: absolute;
    top: 688px;
    left: 150px;
}

#section01 .se01_m3_sb_01 {
    width: 598px;
    height: 477px;
    position: absolute;
    left: 511px;
    top: 150px;
}

#section01 .se01_m3_sb_02 {
    width: 598px;
    height: 457px;
    position: absolute;
    top: 240px;
    /*top: 71px;*/
    right: 240px;
}

#section01 .se01_m3_sb_03 {
    width: 552px;
    height: 450px;
    position: absolute;
    /*top: 266px;*/
    top: 400px;
    left: 60px;
}

#section01 .se01_m3_sb_04 {
    width: 533px;
    height: 323px;
    position: absolute;
    /*top: 354px;*/
    top: 454px;
    right: 737px;
}

#section01 .se01_m3_sb_05 {
    width: 492px;
    height: 370px;
    position: absolute;
    top: 830px;
    /*top: 582px;*/
    left: 500px;
}

#section01 .se01_m3_sb_06 {
    width: 728px;
    height: 448px;
    position: absolute;
    /*top: 557px;*/
    top: 700px;
    right: 280px;
}

#section01 .se01_m3_shape_01 {
    width: 64px;
    height: 45px;
    position: absolute;
    left: 393px;
    top: 80px;
}

#section01 .se01_m3_shape_02 {
    width: 65px;
    height: 45px;
    position: absolute;
    top: 827px;
    right: 205px;
}

#section01 .se01_m3_tag_01 {
    width: 367px;
    height: 178px;
    position: absolute;
    top: 175px;
    left: 225px;
}

#section01 .se01_m3_sticker_03 {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 60px;
    left: 98px;
}

#section01 .se01_m3_sticker_04 {
    width: 68px;
    height: 66px;
    position: absolute;
    top: 100px;
    left: 250px;
}

#section01 .se01_m3_cloud_01 {
    width: 242px;
    height: 200px;
    position: absolute;
    top: 420px;
    right: 50px;
}

#section01 .se01_m3_box_list_01 {
    width: 718px;
    height: 1021px;
    position: absolute;
    /*top: 1236px;*/
    top: 1336px;
    left: 140px;
}

#section01 .se01_m3_box_01 {
    width: 718px;
    height: 1021px;
    position: absolute;
}

#section01 .se01_m3_box_list_02 {
    width: 718px;
    height: 1021px;
    position: absolute;
    /*top: 1236px;*/
    top: 1436px;
    right: 290px;
}

#section01 .se01_m3_box_02 {
    width: 718px;
    height: 1021px;
    position: absolute;

}






/*------- se01_main_04 -------*/

#section01 .se01_main_04 {
    width: 100%;
    position: absolute;
    top: 7050px;
}

#section01 .se01_m4_bg_01 {
    width: 1920px;
    height: 5094px;
    position: absolute;
    top: 243px;
}

#section01 .se01_m4_bg_02 {
    width: 1772px;
    height: 2229px;
    position: absolute;
    top: 573px;
    left: 50%;
    margin-left: -890px;
    z-index: 1;
}

#section01 .se01_m4_circle_01 {
    width: 456px;
    height: 456px;
    position: absolute;
    overflow: hidden;
    top: 16px;
    left: 50%;
    margin-left: -228px;
}

#section01 .se01_m4_circle_02 {
    width: 456px;
    height: 224px;
    position: absolute;
    overflow: hidden;
    top: 16px;
    left: 50%;
    margin-left: -228px;
}

#section01 .se01_m4_t01 {
    width: 456px;
    height: 278px;
    position: absolute;

}
#section01 .se01_m4_t01 img{
    animation: se01_m4_t01 150s linear infinite;
}


@keyframes se01_m4_t01 {
    100%{
        transform: rotate(-1turn);
    }
}

#section01 .se01_m4_t02 {
    width: 456px;
    height: 278px;
    position: absolute;

}
#section01 .se01_m4_t02 img{
    animation: se01_m4_t02 150s linear infinite;
}

@keyframes se01_m4_t02 {
    100%{
        transform: rotate(-1turn);
    }
}

#section01 .se01_m4_shape_01 {
    width: 360px;
    height: 360px;
    position: absolute;
    left: 50%;
    margin-left: -180px;
    top: 70px;
}

#section01 .se01_m4_file {
    width: 618px;
    height: 412px;
    position: absolute;
    left: 50px;
    /*top: 341px;*/
    top: 541px;
    opacity: 0;
}

#section01 .se01_m4_star_01 {
    width: 105px;
    height: 105px;
    position: absolute;
    left: 130px;
    top: 200px;
    animation: se01_m4_star_01 40s linear infinite;
}

@keyframes se01_m4_star_01 {
    100%{
        transform: rotate(-1turn);
    }
}

#section01 .se01_m4_tag_01 {
    width: 79px;
    height: 197px;
    position: absolute;
    right: 281px;
    /*top: 445px;*/
    top: 645px;
}

#section01 .se01_m4_tag_02 {
    width: 79px;
    height: 225px;
    position: absolute;
    right: 189px;
    /*top: 353px;*/
    top: 453px;
}

#section01 .se01_m4_box_list {
    width: 1410px;
    height: 950px;
    position: absolute;
    /*top: 641px;*/
    top: 741px;
    left: 50%;
    margin-left: -705px;
    z-index: 10;
}

#section01 .se01_m4_title_01 {
    width: 325px;
    height: 98px;
    position: absolute;
    left: 50%;
    margin-left: -162px;
}

#section01 .se01_m4_bl_01 {
    width: 959px;
    height: 70px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 145px;
    left: 50%;
    margin-left: -460px;
}

#section01 .se01_m4_box_01 {
    width: 115px;
    height: 63px;
}

#section01 .se01_test{
    /*transition: all 1s;*/
    opacity: 0;
}
#section01 .se01_test.on{
    opacity: 1;
}

#section01 .se01_m4_txt_01 {
    width: 181px;
    height: 29px;
    margin-top: 20px;
}

#section01 .se01_m4_box_02 {
    width: 117px;
    height: 63px;
}

#section01 .se01_m4_txt_02 {
    width: 521px;
    height: 32px;
    margin-top: 20px;
}

#section01 .se01_m4_bl_02 {
    width: 1300px;
    height: 70px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 222px;
    left: 50%;
    margin-left: -647px;
}

#section01 .se01_m4_box_03 {
    width: 220px;
    height: 63px;
}

#section01 .se01_m4_txt_03 {
    width: 182px;
    height: 29px;
    margin-top: 20px;
}

#section01 .se01_m4_box_04 {
    width: 122px;
    height: 63px;
}

#section01 .se01_m4_txt_04 {
    width: 123px;
    height: 29px;
    margin-top: 20px;
}

#section01 .se01_m4_box_05 {
    width: 222px;
    height: 63px;
}

#section01 .se01_m4_txt_05 {
    width: 386px;
    height: 29px;
    margin-top: 20px;
}

#section01 .se01_m4_bl_03 {
    width: 1410px;
    height: 70px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 300px;
    left: 50%;
    margin-left: -705px;
}

#section01 .se01_m4_box_06 {
    width: 219px;
    height: 63px;
}

#section01 .se01_m4_txt_06 {
    width: 463px;
    height: 30px;
    margin-top: 20px;
}

#section01 .se01_m4_box_07 {
    width: 191px;
    height: 63px;
}

#section01 .se01_m4_txt_07 {
    width: 513px;
    height: 30px;
    margin-top: 20px;
}

#section01 .se01_m4_box_title_01 {
    width: 399px;
    height: 530px;
    position: absolute;
    top: 419px;
    left: 25px;
    z-index: 10;
}

#section01 .se01_m4_box_title_02 {
    width: 399px;
    height: 530px;
    position: absolute;
    top: 419px;
    left: 50%;
    margin-left: -184px;
    z-index: 10;
}

#section01 .se01_m4_box_title_03 {
    width: 399px;
    height: 530px;
    position: absolute;
    top: 419px;
    right: 25px;
    z-index: 10;
}

#section01 .se01_m4_box_line_01 {
    width: 1770px;
    height: 530px;
    position: absolute;
    top: 530px;
    left: 50%;
    margin-left: -888px;
}




#section01 .se01_m4_sk_list_01 {
    width: 503px;
    height: 243px;
    position: absolute;
    top: 1525px;
    left: -150px;
    z-index: 10;
    opacity: 0;
}

#section01 .se01_m4_sticker_01 {
    width: 378px;
    height: 192px;
    position: absolute;
}

#section01 .se01_m4_sticker_02 {
    width: 337px;
    height: 368px;
    position: absolute;
    top: 150px;
    left: 28px;
    transform: rotate(20deg);
    transform-origin: top right;
}

#section01 .se01_m4_sk_list_02 {
    width: 503px;
    height: 245px;
    position: absolute;
    top: 2555px;
    right: -95px;
    z-index: 10;
    opacity: 0;
}

#section01 .se01_m4_sticker_03 {
    width: 340px;
    height: 212px;
    position: absolute;
    right: 140px;
    z-index: 10;
}

#section01 .se01_m4_sticker_04 {
    width: 232px;
    height: 232px;
    position: absolute;
    right: -40px;
    z-index: 10;
}

#section01 .se01_m4_flower_list {
    width: 1659px;
    height: 1007px;
    position: absolute;
    top: 1715px;
    left: 50%;
    margin-left: -833px;
    z-index: 1;
}

#section01 .se01_m4_bg {
    width: 1659px;
    height: 842px;
    position: absolute;
    left: 50%;
    margin-left: -829px;
    top: 155px;
}

#section01 .se01_m4_title_02 {
    width: 344px;
    height: 97px;
    position: absolute;
    left: 50%;
    margin-left: -172px;
    top: 50px;
    opacity: 0;
}

#section01 .se01_m4_flower {
    width: 1493px;
    height: 684px;
    position: absolute;
    left: 50%;
    margin-left: -746px;
    top: 226px;
}

#section01 .se01_m4_f_list_01 {
    width: 344px;
    height: 679px;
    position: absolute;
}

#section01 .se01_m4_flower_01 {
    width: 344px;
    height: 679px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -172px;
    z-index: 1;
}

#section01 .se01_m4_flower_bg_01 {
    width: 285px;
    height: 284px;
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_01 50s linear infinite;
}

@keyframes se01_m4_flower_bg_01 {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_m4_flower_bg_02 {
    width: 285px;
    height: 283px;
    position: absolute;
    top: 363px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_02 50s linear infinite;
}

@keyframes se01_m4_flower_bg_02 {
    100%{
        transform: rotate(-1turn);
    }
}





#section01 .se01_m4_f_list_02 {
    width: 344px;
    height: 679px;
    position: absolute;
    left: 382px;
}

#section01 .se01_m4_flower_02 {
    width: 344px;
    height: 679px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -172px;
    z-index: 1;
}

#section01 .se01_m4_flower_bg_03 {
    width: 285px;
    height: 284px;
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_03 50s linear infinite;
}

@keyframes se01_m4_flower_bg_03 {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_m4_flower_bg_04 {
    width: 285px;
    height: 283px;
    position: absolute;
    top: 363px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_04 50s linear infinite;
}

@keyframes se01_m4_flower_bg_04 {
    100%{
        transform: rotate(-1turn);
    }
}







#section01 .se01_m4_f_list_03 {
    width: 344px;
    height: 679px;
    position: absolute;
    left: 766px;
}

#section01 .se01_m4_flower_03 {
    width: 344px;
    height: 679px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -172px;
    z-index: 1;
}

#section01 .se01_m4_flower_bg_05 {
    width: 285px;
    height: 284px;
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_05 50s linear infinite;
}

@keyframes se01_m4_flower_bg_05 {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_m4_flower_bg_06 {
    width: 285px;
    height: 283px;
    position: absolute;
    top: 363px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_06 50s linear infinite;
}

@keyframes se01_m4_flower_bg_06 {
    100%{
        transform: rotate(-1turn);
    }
}





#section01 .se01_m4_f_list_04 {
    width: 344px;
    height: 679px;
    position: absolute;
    right: 0;
}

#section01 .se01_m4_flower_04 {
    width: 344px;
    height: 679px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -172px;
    z-index: 1;
}

#section01 .se01_m4_flower_bg_07 {
    width: 285px;
    height: 284px;
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_07 50s linear infinite;
}

@keyframes se01_m4_flower_bg_07 {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_m4_flower_bg_08 {
    width: 285px;
    height: 283px;
    position: absolute;
    top: 363px;
    left: 50%;
    margin-left: -142px;
    animation: se01_m4_flower_bg_08 50s linear infinite;
}

@keyframes se01_m4_flower_bg_08 {
    100%{
        transform: rotate(-1turn);
    }
}






/*-------se01_m4_sb_list-------*/

#section01 .se01_m4_sb_list {
    width: 100%;
    height: 1142px;
    position: absolute;
    top: 2950px;
}

#section01 .se01_m4_bg_04 {
    width: 1772px;
    height: 1142px;
    position: absolute;
    left: 50%;
    margin-left: -881px;
}

#section01 .se01_m4_title_03 {
    width: 324px;
    height: 97px;
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -162px;
    opacity: 0;
}

#section01 .se01_m4_group_01 {
    width: 1382px;
    height: 510px;
    position: absolute;
    top: 290px;
    left: 50%;
    margin-left: -686px;
}

#section01 .se01_m4_profile_01 {
    width: 431px;
    height: 497px;
    position: absolute;
    top: 20px;
    left: 0;
}

#section01 .se01_m4_sb_01 {
    width: 926px;
    height: 352px;
    position: absolute;
    top: 0;
    right: 0;
}

#section01 .se01_m4_bar_01 {
    width: 736px;
    height: 191px;
    position: absolute;
    top: 315px;
    right: 84px;
}

#section01 .se01_m4_group_02 {
    width: 1382px;
    height: 510px;
    position: absolute;
    top: 880px;
    left: 50%;
    margin-left: -686px;
}

#section01 .se01_m4_profile_02 {
    width: 431px;
    height: 497px;
    position: absolute;
    top: 20px;
    right: 0;
}

#section01 .se01_m4_sb_02 {
    width: 926px;
    height: 352px;
    position: absolute;
    top: 0;
    left: 0;
}

#section01 .se01_m4_bar_02 {
    width: 736px;
    height: 191px;
    position: absolute;
    top: 315px;
    left: 84px;
}






#section01 .se01_m4_group_03 {
    width: 1589px;
    height: 823px;
    position: absolute;
    top: 1370px;
    left: 50%;
    margin-left: -794px;
}

#section01 .se01_m4_bg_05 {
    width: 1589px;
    height: 811px;
    position: absolute;
    left: 50%;
    margin-left: -794px;
    z-index: 1;
}

#section01 .se01_m4_shadow {
    width: 1589px;
    height: 692px;
    position: absolute;
    top: 127px;
    left: 50%;
    margin-left: -794px;
}

#section01 .se01_m4_sub_01 {
    width: 1589px;
    height: 700px;
    position: absolute;
    top: 106px;
    left: 50%;
    margin-left: -794px;
    z-index: 1;
    overflow: hidden;
}

#section01 .se01_m4_title_04 {
    width: 414px;
    height: 97px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -207px;
}

#section01 .se01_m4_crt_move {
    width: 299px;
    height: 33px;
    position: absolute;
    top: 454px;
    left: 100px;
}

#section01 .se01_m4_crt_01 {
    width: 299px;
    height: 33px;
    position: absolute;
}

#section01 .se01_m4_cloud_03 {
    width: 67px;
    height: 30px;
    position: absolute;
    left: 278px;
    top: 179px;
}

#section01 .se01_m4_crt_02 {
    width: 210px;
    height: 198px;
    position: absolute;
    top: 43px;
    right: 250px;
}

#section01 .se01_m4_crt_03 {
    width: 115px;
    height: 144px;
    position: absolute;
    top: 115px;
    right: 64px;
}

#section01 .se01_m4_cloud_01 {
    width: 67px;
    height: 61px;
    position: absolute;
    top: 56px;
    left: 243px;
}

#section01 .se01_m4_cloud_02 {
    width: 101px;
    height: 90px;
    position: absolute;
    top: 92px;
    left: 319px;
}




/*------- se01_main_05 -------*/

#section01 .se01_main_05 {
    width: 100%;
    height: 7500px;
    position: absolute;
    top: 12384px;
    z-index: 10;
}

#section01 .se01_m5_t1 {
    width: 1513px;
    height: 630px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -756px;
}

#section01 .se01_m5_title_01 {
    width: 583px;
    height: 51px;
    position: absolute;
    right: 0;
}

#section01 .se01_m5_line_01 {
    width: 1518px;
    border: solid 2px #a9a9a9;
    position: absolute;
    top: 88px;
    left: 50%;
    margin-left: -759px;
}


#section01 .se01_m5_title_03_01 {
    width: 1504px;
    height: 20px;
    position: absolute;
    left: 2px;
    top: 150px;
}

#section01 .se01_m5_title_03_02 {
    width: 1504px;
    height: 41px;
    position: absolute;
    left: 2px;
}

#section01 .se01_m5_t1 .se01_m5_title_03_02 {
    transition: all 0.5s;
    top: 150px;
}

#section01 .se01_m5_t1 .se01_m5_title_03_02.on {
    top: 181px;
}

#section01 .se01_m5_title_03_03 {
    width: 1504px;
    height: 68px;
    position: absolute;
    left: 2px;
}

#section01 .se01_m5_t1 .se01_m5_title_03_03 {
    transition: all 0.5s;
    top: 150px;
}

#section01 .se01_m5_t1 .se01_m5_title_03_03.on {
    top: 233px;
}

#section01 .se01_m5_title_02 {
    width: 1518px;
    height: 243px;
    position: absolute;
}

#section01 .se01_m5_t1 .se01_m5_title_02 {
    transition: all 0.5s;
    top: 150px;
}

#section01 .se01_m5_t1 .se01_m5_title_02.on {
    top: 313px;
}

#section01 .se01_m5_line_02 {
    width: 1518px;
    border: solid 2px #a9a9a9;
    position: absolute;
    top: 619px;
    left: 50%;
    margin-left: -759px;
}

#section01 .se01_m5_bg_01 {
    width: 100%;
    height: 7500px;
}

#section01 .se01_m5_star_01 {
    width: 261px;
    height: 259px;
    position: absolute;
    top: 1130px;
    left: 15px;
}

#section01 .se01_m5_shape_01 {
    width: 583px;
    height: 292px;
    position: absolute;
    top: 1481px;
    left: -15px;
}

#section01 .se01_m5_shape_02 {
    width: 252px;
    height: 597px;
    position: absolute;
    top: 1212px;
    right: -15px;
}




/*------- se01_m5_mo_list -------*/

#section01 .se01_m5_mo_list_01 {
    width: 100%;
    height: 1013px;
    position: absolute;
    top: 675px;
    left: 133px;
    overflow: hidden;
}

#section01 .se01_m5_layer_01 {
    width: 1273px;
    height: 373px;
    position: absolute;
    top: 320px;
    left: -500px;
}

#section01 .se01_m5_mo_01 {
    width: 500px;
    height: 1009px;
    position: absolute;
    left: 0;
    z-index: 10;
}

#section01 .se01_m5_iphone_01 {
    width: 500px;
    height: 1009px;
    position: absolute;
    left: 0;
    z-index: 1;
}

#section01 .se01_m5_screen_01 {
    width: 448px;
    height: 965px;
    position: absolute;
    left: 50%;
    margin-left: -224px;
    top: 50%;
    margin-top: -482px;
    transform-origin: left top;
    overflow: hidden;
}
#section01 .se01_m5_screen_01 .se01_m5_video_01{
    width: 444px;
    height: 961px;
}

#section01 .se01_m5_video_01 video {
    width: 100%;
}






#section01 .se01_m5_mo_list_02 {
    width: 733px;
    height: 961px;
    position: absolute;
    /*top: 1542px;*/
    top: 1342px;
    right: 355px;
    transform: rotate(-5deg);
    z-index: 10;
    opacity: 0;
}

#section01 .se01_m5_tag_01 {
    width: 2144px;
    height: 209px;
    position: absolute;
    top: 2112px;
    left: -200px;
    z-index: 1;
}

#section01 .se01_m5_rotation_01 {
    width: 330px;
    height: 400px;
    position: absolute;
    top: 2214px;
    right: 280px;
}

#section01 .se01_m5_sticker_01 {
    width: 164px;
    height: 164px;
    position: absolute;
    top: 0;
    left: 0;
    animation: se01_m5_sticker_01 30s linear infinite;
}

@keyframes se01_m5_sticker_01 {
    100%{
        transform: rotate(-1turn);
    }
}

#section01 .se01_m5_sticker_02 {
    width: 113px;
    height: 113px;
    position: absolute;
    top: 163px;
    right: 60px;
    animation: se01_m5_sticker_02 20s linear infinite;
}

@keyframes se01_m5_sticker_02 {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_m5_sticker_03 {
    width: 113px;
    height: 113px;
    position: absolute;
    bottom: 0;
    right: 0;
    animation: se01_m5_sticker_03 30s linear infinite;
}

@keyframes se01_m5_sticker_03 {
    100%{
        transform: rotate(-1turn);
    }
}





#section01 .se01_m5_sub_t2 {
    width: 1532px;
    height: 989px;
    position: absolute;
    top: 2551px;
    left: 50%;
    margin-left: -731px;
}

#section01 .se01_m5_title_05_03 {
    width: 440px;
    height: 20px;
    position: absolute;
    left: 2px;
}

#section01 .se01_m5_title_05_02 {
    width: 440px;
    height: 41px;
    position: absolute;
    left: 2px;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_05_02 {
    transition: all 0.5s;
    top: 0;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_05_02.on {
    top: 31px;
}

#section01 .se01_m5_title_05_01 {
    width: 440px;
    height: 68px;
    position: absolute;
    left: 2px;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_05_01 {
    transition: all 0.5s;
    top: 0;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_05_01.on {
    top: 83px;
}

#section01 .se01_m5_title_04 {
    width: 544px;
    height: 243px;
    position: absolute;
    z-index: 1;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_04 {
    transition: all 0.5s;
    top: 0;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_04.on {
    top: 163px;
}

#section01 .se01_m5_title_sub_01 {
    width: 1518px;
    height: 594px;
    position: absolute;
    top: 383px;
}

#section01 .se01_m5_title_07_03 {
    width: 1141px;
    height: 20px;
    position: absolute;
    top: 516px;
    right: 0;
}

#section01 .se01_m5_title_07_02 {
    width: 1153px;
    height: 41px;
    position: absolute;
    right: 0;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_07_02 {
    transition: all 0.5s;
    top: 516px;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_07_02.on {
    top: 547px;
}

#section01 .se01_m5_title_07_01 {
    width: 1153px;
    height: 68px;
    position: absolute;
    right: 0;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_07_01 {
    transition: all 0.5s;
    top: 516px;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_07_01.on {
    top: 600px;
}

#section01 .se01_m5_title_06 {
    width: 1163px;
    height: 243px;
    position: absolute;
    right: 0;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_06 {
    transition: all 0.5s;
    top: 516px;
}

#section01 .se01_m5_sub_t2 .se01_m5_title_06.on {
    top: 680px;
}







#section01 .se01_m5_mockup_03 {
    width: 1784px;
    height: 486px;
    position: absolute;
    top: 3740px;
    left: -100px;
    opacity: 0;
    z-index: 1
}

#section01 .se01_m5_layer_02 {
    width: 185px;
    height: 406px;
    position: absolute;
    left: 99px;
    bottom: 0;
}

#section01 .se01_m5_layer_03 {
    width: 185px;
    height: 406px;
    position: absolute;
    left: 309px;
    bottom: 0;
}

#section01 .se01_m5_layer_04 {
    width: 185px;
    height: 406px;
    position: absolute;
    left: 519px;
    bottom: 0;
}

#section01 .se01_m5_sticker_04 {
    width: 229px;
    height: 232px;
    position: absolute;
    left: 201px;
    top: 4870px;
    animation: se01_m5_sticker_04 40s linear infinite;
}

@keyframes se01_m5_sticker_04 {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_m5_tag_05 {
    width: 693px;
    height: 1457px;
    position: absolute;
    top: 3880px;
    right: 0;
}

#section01 .se01_m5_tag_06 {
    width: 802px;
    height: 519px;
    position: absolute;
    top: 4408px;
    left: 0;
}




#section01 .se01_m5_mockup_04 {
    width: 100%;
    height: 2569px;
    position: absolute;
    top: 4985px;
}

#section01 .se01_m5_circle_zoom {
    width: 1730px;
    height: 1730px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 215px;
    left: 50%;
    margin-left: -865px;
}

#section01 .se01_m5_cline_01 {
    width: 644px;
    height: 630px;
    position: absolute;
    left: 323px;
    top: 469px;
}

#section01 .se01_m5_cline_02 {
    width: 644px;
    height: 630px;
    position: absolute;
    right: 323px;
    top: 469px;
}

#section01 .se01_m5_cline_03 {
    width: 33px;
    height: 496px;
    position: absolute;
    top: 809px;
    left: 50%;
    margin-left: -16px;
}

#section01 .se01_m5_cline_04 {
    width: 32px;
    height: 356px;
    position: absolute;
    top: 1958px;
    left: 50%;
    margin-left: -16px;
}

#section01 .se01_m5_cline_05 {
    width: 907px;
    height: 964px;
    position: absolute;
    top: 1592px;
    left: 57px;
}

#section01 .se01_m5_cline_06 {
    width: 907px;
    height: 964px;
    position: absolute;
    top: 1592px;
    right: 57px;
}


#section01 .se01_m5_cline_txt_01 {
    width: 37px;
    height: 14px;
    position: absolute;
    top: 1085px;
    left: 410px;
}

#section01 .se01_m5_cline_txt_02 {
    width: 99px;
    height: 14px;
    position: absolute;
    top: 1085px;
    right: 410px;
}

#section01 .se01_m5_cline_txt_03 {
    width: 84px;
    height: 21px;
    position: absolute;
    top: 1115px;
    left: 50%;
    margin-left: -42px;
}

#section01 .se01_m5_cline_txt_04 {
    width: 60px;
    height: 14px;
    position: absolute;
    top: 2337px;
    left: 50%;
    margin-left: -30px;
}


#section01 .se01_m5_m0_04 {
    width: 500px;
    height: 1009px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
}

#section01 .se01_m5_m0_05 {
    width: 406px;
    height: 819px;
    position: absolute;
    top: 675px;
    left: -118px;
}

#section01 .se01_m5_m0_06 {
    width: 406px;
    height: 819px;
    position: absolute;
    top: 675px;
    right: -118px;
}

#section01 .se01_m5_m0_07 {
    width: 406px;
    height: 819px;
    position: absolute;
    top: 1319px;
    left: 50%;
    margin-left: -203px;
}



#section01 .se01_m5_mo_02 {
    width: 500px;
    height: 1009px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -250px;
    z-index: 100;
}

#section01 .se01_m5_iphone_02 {
    width: 500px;
    height: 1009px;
    position: absolute;
    left: 0;
    z-index: 1;
}

#section01 .se01_m5_screen02 {
    width: 448px;
    height: 965px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -224px;
    top: 50%;
    margin-top: -482px;
    transform-origin: left top;
    overflow: hidden;
}

#section01 .se01_m5_screen02 .se01_m5_video_02{
    width: 448px;
    height: 965px;
}

#section01 .se01_m5_video_02 video {
    width: 100%;
}












/*------- se02 -------*/

#section02 {
    /*height: 17279px;*/
    height: 16769px;
}

#section02 .trigger_this_02{
    height: 100%;
}

#section02 .fix_this_2{
    width: 100vw;
    height: 100vh;
    position: relative;
}

#section02 .x_scroll01{
    width: 7962px;
    height: 100vh;
    display: flex;
    position: relative;
}

/*#section02 .page{*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    flex-shrink: 0;*/
/*    background: plum;*/
/*    position: relative;*/
/*}*/






/*------- se02_page_02 -------*/

#section02 .se02_page_01 {
    width: 2342px;
    height: 100vh;
    flex-shrink: 0;
    background: #272727;
    position: relative;
}

#section02 .se02_pg01_bg {
    width: 1719px;
    height: 695px;
    position: absolute;
    top: 237px;
    left: 356px;
}

#section02 .se02_pg01_tag_01 {
    width: 310px;
    height: 717px;
    position: absolute;
    top: 77px;
}

#section02 .se02_pg01_circle_01 {
    width: 243px;
    height: 210px;
    position: absolute;
    top: 131px;
    left: 1949px;
    animation: se02_pg01_circle_01 30s linear infinite;
}

@keyframes se02_pg01_circle_01 {
    100%{
        transform: rotate(-1turn);
    }
}


#section02 .se02_pg01_tag_02 {
    width: 590px;
    height: 222px;
    position: absolute;
    top: 171px;
    left: 1335px;
}

#section02 .se02_pg01_star_01 {
    width: 98px;
    height: 98px;
    position: absolute;
    top: 313px;
    left: 1341px;
    animation: se02_pg01_star_01 50s linear infinite;
}

@keyframes se02_pg01_star_01 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg01_sb_01 {
    width: 164px;
    height: 188px;
    position: absolute;
    top: 111px;
    left: 671px;
    transform: rotate(-45deg);
}

#section02 .se02_pg01_mo_01 {
    width: 414px;
    height: 1039px;
    position: absolute;
    /*top: 55px;*/
    top: 0;
    left: 223px;
}

#section02 .se02_pg01_mo_02 {
    width: 309px;
    height: 625px;
    position: absolute;
    /*top: 517px;*/
    top: 417px;
    left: 1173px;
}


#section02 .se02_pg01_mo_03 {
    width: 309px;
    height: 625px;
    position: absolute;
    /*top: 271px;*/
    top: 371px;
    left: 1583px;
    z-index: 100;
}

#section02 .se02_pg01_iphone_01 {
    width: 309px;
    height: 625px;
    position: absolute;
    left: 0;
    z-index: 1;
}

#section02 .se02_pg01_screen_01 {
    width: 272px;
    height: 587px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -136px;
    top: 50%;
    margin-top: -293px;
    overflow: hidden;
}

#section02 .se02_pg01_screen_01 .se02_pg01_video_01{
    width: 272px;
    height: 587px;
}

#section02 .se02_pg01_video_01 video {
    width: 100%;
}






/*------se02_pg02------*/

#section02 .se02_page_02 {
    width: 2042px;
    height: 100vh;
    flex-shrink: 0;
    position: relative;
    background: #272727;
}

#section02 .se02_pg02_bg {
    width: 2043px;
    height: 1080px;
    position: absolute;
}

#section02 .se02_pg02_bg_icon {
    width: 2046px;
    height: 129px;
    position: absolute;
    bottom: 60px;
    overflow: hidden;
}

#section02 .se02_pg02_bg_icon .bg_icon_inner{
    display: flex;
    animation: bg_icon01 20s linear infinite;
}
#section02 .se02_pg02_bg_icon .bg_icon_inner > div{
    flex-shrink: 0;
}

@keyframes bg_icon01 {
    100%{
        transform: translateX(-2046px);
    }
}

#section02 .se02_pg02_box_list_01 {
    width: 565px;
    height: 334px;
    position: absolute;
    left: 207px;
    top: 349px;
    overflow: hidden;
}

#section02 .se02_pg02_box_01 {
    width: 565px;
    height: 334px;
    position: absolute;
}

#section02 .se02_pg02_txt_02 {
    width: 441px;
    height: 231px;
    position: absolute;
    left: 34px;
    /*top: 33px;*/
    top: 3px;
    opacity: 0;
}

#section02 .se02_pg02_character_01 {
    width: 252px;
    height: 252px;
    position: absolute;
    /*left: 1600px;*/
    left: 1400px;
    top: 98px;
}

#section02 .se02_pg02_sub_01 {
    width: 138px;
    height: 265px;
    position: absolute;
    left: 1249px;
    top: 156px;
}

#section02 .se02_pg02_sub_02 {
    width: 138px;
    height: 265px;
    position: absolute;
    left: 1403px;
    top: 156px;
}

#section02 .se02_pg02_box_list_02 {
    width: 1016px;
    height: 334px;
    position: absolute;
    left: 859px;
    top: 349px;
    overflow: hidden;
}

#section02 .se02_pg02_box_02 {
    width: 1016px;
    height: 334px;
    position: absolute;
}

#section02 .se02_pg02_txt_03 {
    width: 897px;
    height: 210px;
    position: absolute;
    left: 34px;
    top: 3px;
    opacity: 0;
}

#section02 .se02_pg02_shape_01 {
    width: 239px;
    height: 234px;
    position: absolute;
    left: 698px;
    top: 613px;
    animation: se02_pg02_shape01 50s linear infinite;
}

@keyframes se02_pg02_shape01 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg02_shape_02 {
    width: 239px;
    height: 234px;
    position: absolute;
    left: 1756px;
    top: 613px;
    animation: se02_pg02_shape02 50s linear infinite;
}

@keyframes se02_pg02_shape02 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg02_title_list {
    width: 854px;
    height: 205px;
    position: absolute;
    left: 216px;
    top: 63px;
}

#section02 .se02_pg02_title_01 {
    width: 220px;
    height: 60px;
    position: absolute;
    left: -50px;
}

#section02 .se02_pg02_txt_01 {
    width: 851px;
    height: 106px;
    position: absolute;
    top: 94px;
}







/*------se02_pg03-----*/

#section02 .se02_page_03 {
    width: 2228px;
    height: 100vh;
    background: #272727;
    flex-shrink: 0;
    position: relative;
}

#section02 .se02_pg02_c_list_01 {
    width: 646px;
    height: 646px;
    position: absolute;
    /*left: 178px;*/
    left: 769px;
    top: 50%;
    margin-top: -323px;
    transform: rotate(50deg);
    opacity: 0;
}

#section02 .se02_pg02_circle_01 {
    width: 646px;
    height: 646px;
    position: absolute;
    top: 50%;
    margin-top: -323px;
    left: 50%;
    margin-left: -323px;
}

#section02 .se02_pg02_character_02 {
    width: 452px;
    height: 294px;
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -213px;
}


#section02 .se02_pg02_c_list_02 {
    width: 646px;
    height: 646px;
    position: absolute;
    left: 769px;
    top: 50%;
    margin-top: -323px;
    transform: rotate(50deg);
    opacity: 0;
}

#section02 .se02_pg02_circle_02 {
    width: 646px;
    height: 646px;
    position: absolute;
    top: 50%;
    margin-top: -323px;
    left: 50%;
    margin-left: -323px;
}

#section02 .se02_pg02_character_03 {
    width: 452px;
    height: 294px;
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -213px;
}


#section02 .se02_pg02_mo01 {
    width: 405px;
    height: 1238px;
    position: absolute;
    left: 1365px;
    top: 0;
}

#section02 .se02_pg02_mo01 .se02_pg02_mo01_inner{
    animation: se02_pg02_layer01 20s linear infinite;
}

@keyframes se02_pg02_layer01 {
    100%{
        transform: translateY(-1238px);
    }
}


#section02 .se02_pg02_mo02 {
    width: 405px;
    height: 1276px;
    position: absolute;
    left: 1824px;
    top: -1276px;
}

#section02 .se02_pg02_mo02 .se02_pg02_mo02_inner{
    animation: se02_pg02_layer02 20s linear infinite;
}

@keyframes se02_pg02_layer02 {
    100%{
        transform: translateY(1276px);
    }
}

#section02 .se02_pg02_mo_01 {
    width: 422px;
    height: 845px;
    position: absolute;
    left: 1147px;
    top: 50%;
    margin-top: -422px;
}





/*------se02_pg04-----*/

#section02 .se02_page_04 {
    /*width: 1350px;*/
    width: 1550px;
    height: 100vh;
    background: #272727;
    flex-shrink: 0;
    position: relative;
}

#section02 .se02_pg04_title_01 {
    width: 219px;
    height: 47px;
    position: absolute;
    left: 175px;
    top: 51px;
}

#section02 .se02_pg04_f01 {
    width: 368px;
    height: 283px;
    position: absolute;
    left: 175px;
    top: 239px;
}

#section02 .se02_pg04_title_arrow_01 {
    width: 96px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

#section02 .se02_pg04_flower_01 {
    width: 289px;
    height: 283px;
    position: absolute;
    animation: se02_pg04_flower_01 90s linear infinite;
}

@keyframes se02_pg04_flower_01 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg04_title_02_01 {
    width: 99px;
    height: 59px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    left: 50%;
    margin-left: -89px;
}

#section02 .se02_pg04_f02 {
    width: 368px;
    height: 283px;
    position: absolute;
    left: 568px;
    top: 239px;
}

#section02 .se02_pg04_title_arrow_02 {
    width: 96px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

#section02 .se02_pg04_flower_02 {
    width: 288px;
    height: 283px;
    animation: se02_pg04_flower_02 30s linear infinite;
}

@keyframes se02_pg04_flower_02 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg04_title_02_02 {
    width: 162px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    left: 50%;
    margin-left: -120px;
}

#section02 .se02_pg04_f03 {
    width: 368px;
    height: 283px;
    position: absolute;
    left: 959px;
    top: 239px;
}

#section02 .se02_pg04_flower_03 {
    width: 288px;
    height: 283px;
    animation: se02_pg04_flower_03 90s linear infinite;
}

@keyframes se02_pg04_flower_03 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg04_title_02_03 {
    width: 162px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    left: 50%;
    margin-left: -81px;
}

#section02 .se02_pg04_f04 {
    width: 368px;
    height: 282px;
    position: absolute;
    left: 352px;
    top: 639px;
}

#section02 .se02_pg04_title_arrow_03 {
    width: 96px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

#section02 .se02_pg04_flower_04 {
    width: 288px;
    height: 282px;
    position: absolute;
    animation: se02_pg04_flower_04 30s linear infinite;
}

@keyframes se02_pg04_flower_04 {
    100%{
        transform: rotate(1turn);
    }
}


#section02 .se02_pg04_title_02_04 {
    width: 116px;
    height: 54px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 50%;
    margin-left: -79px;
}

#section02 .se02_pg04_f05 {
    width: 289px;
    height: 282px;
    position: absolute;
    left: 742px;
    top: 639px;
}

#section02 .se02_pg04_flower_05 {
    width: 289px;
    height: 282px;
    animation: se02_pg04_flower_05 90s linear infinite;
}

@keyframes se02_pg04_flower_05 {
    100%{
        transform: rotate(1turn);
    }
}


#section02 .se02_pg04_title_02_05 {
    width: 116px;
    height: 54px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 50%;
    margin-left: -54px;
}




#section02 .se02_pg04_box_01 {
    width: 242px;
    height: 111px;
    position: absolute;
    top: 206px;
    left: 309px;
}

#section02 .se02_pg04_box_02 {
    width: 328px;
    height: 111px;
    position: absolute;
    top: 206px;
    left: 710px;
}

#section02 .se02_pg04_box_03 {
    width: 286px;
    height: 111px;
    position: absolute;
    top: 206px;
    left: 1102px;
}

#section02 .se02_pg04_box_04 {
    width: 319px;
    height: 111px;
    position: absolute;
    top: 589px;
    left: 484px;
}

#section02 .se02_pg04_box_05 {
    width: 329px;
    height: 112px;
    position: absolute;
    top: 589px;
    left: 880px;
}







/*------se02_pg05-----*/

/*#section02 .page05{*/
/*    width: 100vw;*/
/*    height: 500vh;*/
/*    background: linear-gradient(to bottom, red, dodgerblue, orange, powderblue, hotpink);*/
/*    position: absolute;*/
/*    left: 400vw;*/
/*    bottom: 0;*/
/*}*/

#section02 .se02_page_05 {
    width: 100vw;
    height: 17279px;
    background: #272727;
    position: absolute;
    /*left: 7962px;*/
    left: 8112px;
    bottom: 0;
}

#section02 .se02_pg05_box01 {
    width: 1652px;
    height: 1758px;
    position: absolute;
    bottom: 83px;
    left: 50%;
    margin-left: -826px;
}

#section02 .se02_pg05_BG_01 {
    width: 1652px;
    height: 1758px;
    position: absolute;
}

#section02 .se02_pg05_tag_move {
    width: 1684px;
    height: 42px;
    position: absolute;
    bottom: 23px;
    overflow: hidden;
}

#section02 .se02_pg05_tag_move .se02_pg05_tag_inner{
    display: flex;
    animation: bg_icon01 20s linear infinite;
}

#section02 .se02_pg05_tag_move .se02_pg05_tag_inner > div{
    flex-shrink: 0;
}

@keyframes se02_pg05_tag_txt_01 {
    100%{
        transform: translateX(-1684px);
    }
}

#section02 .se02_pg05_title_01 {
    width: 558px;
    height: 396px;
    position: absolute;
    bottom: 120px;
    left: 173px;
    z-index: 1;
}

#section02 .se02_pg05_pink_mo {
    width: 1652px;
    height: 560px;
    background: #ff2e59;
    position: absolute;
    bottom: 280px;
    overflow: hidden;
}

#section02 .se02_pg05_mo_01 {
    width: 865px;
    height: 1009px;
    position: absolute;
    left: 73px;
    top: -100px;
}

#section02 .se02_pg05_mo_02 {
    width: 865px;
    height: 1010px;
    position: absolute;
    right: 73px;
    bottom: -100px;
}

#section02 .se02_pg05_table_list {
    width: 1643px;
    height: 700px;
    position: absolute;
    top: 109px;
    left: 50%;
    margin-left: -794px;
    overflow: hidden;
}

#section02 .se02_pg05_table_bg_01 {
    width: 1643px;
    height: 700px;
    position: absolute;
}

#section02 .se02_pg05_table_txt_01 {
    width: 1201px;
    height: 616px;
    position: absolute;
    top: -49px;
    left: 188px;
    opacity: 0;
}

#section02 .se02_pg05_box_btn_01 {
    width: 76px;
    height: 76px;
    position: absolute;
    top: 44px;
    right: 66px;
}

#section02 .se02_pg05_box_02 {
    width: 1920px;
    height: 1460px;
    position: absolute;
    bottom: 2019px;
    left: 50%;
    margin-left: -960px;
}

#section02 .se02_pg05_box_btn_02 {
    width: 428px;
    height: 167px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -214px;
}

#section02 .se02_pg05_box_sticker_01 {
    width: 322px;
    height: 322px;
    position: absolute;
    /*bottom: 319px;*/
    /*left: 414px;*/
    bottom: 219px;
    left: 314px;
}

#section02 .se02_pg05_box_sticker_02 {
    width: 418px;
    height: 363px;
    position: absolute;
    /*bottom: 262px;*/
    bottom: 162px;
    left: 636px;
}

#section02 .se02_pg05_box_sticker_03 {
    width: 316px;
    height: 316px;
    position: absolute;
    /*bottom: 364px;*/
    /*right: 691px;*/
    bottom: 264px;
    right: 591px;
}

#section02 .se02_pg05_box_sticker_04 {
    width: 338px;
    height: 409px;
    position: absolute;
    /*bottom: 526px;*/
    /*left: 538px;*/
    top: 426px;
    left: 438px;
}

#section02 .se02_pg05_box_sticker_05 {
    width: 448px;
    height: 301px;
    position: absolute;
    /*bottom: 584px;*/
    bottom: 684px;
    right: 717px;
}

#section02 .se02_pg05_box_sticker_06 {
    width: 351px;
    height: 407px;
    position: absolute;
    bottom: 396px;
    /*right: 419px;*/
    right: 219px;
}

#section02 .se02_pg05_big_title_list {
    width: 1792px;
    height: 479px;
    position: absolute;
    /*left: 128px;*/
    left: 428px;
    bottom: 995px;
}

#section02 .se02_pg05_big_title {
    width: 1980px;
    height: 301px;
    position: absolute;
    bottom: 0;
}

#section02 .se02_pg05_sb_01 {
    width: 223px;
    height: 251px;
    position: absolute;
    left: 843px;
    bottom: 227px;
}


#section02 .se02_pg05_box_03 {
    width: 100%;
    height: 3152px;
    position: absolute;
    bottom: 3600px;
}

#section02 .se02_pg05_bg_pink_02 {
    width: 1920px;
    height: 3152px;
    position: absolute;
    bottom: 0;
}

#section02 .se02_pg05_title_02 {
    width: 531px;
    height: 413px;
    position: absolute;
    bottom: 307px;
    /*left: 134px;*/
    opacity: 0;
}

#section02 .se02_pg05_mo_line_01 {
    width: 1153px;
    height: 855px;
    position: absolute;
    bottom: 125px;
    /*left: 770px;*/
    left: 1070px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
}

#section02 .se02_pg05_mo_01_01 {
    width: 382px;
    height: 855px;
}

#section02 .se02_pg05_mo_01_02 {
    width: 382px;
    height: 855px;
}

#section02 .se02_pg05_mo_01_03 {
    width: 295px;
    height: 855px;
}

#section02 .se02_pg05_mo_line_02 {
    width: 1588px;
    height: 852px;
    position: absolute;
    bottom: 1082px;
    left: -300px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
}

#section02 .se02_pg05_mo_02_01 {
    width: 301px;
    height: 852px;
}

#section02 .se02_pg05_mo_02_02 {
    width: 382px;
    height: 852px;
}

#section02 .se02_pg05_mo_02_03 {
    width: 382px;
    height: 852px;
}

#section02 .se02_pg05_mo_02_04 {
    width: 382px;
    height: 852px;
}

#section02 .se02_pg05_mo_line_03 {
    width: 1588px;
    height: 852px;
    position: absolute;
    bottom: 2042px;
    /*right: 0;*/
    right: -300px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
}

#section02 .se02_pg05_mo_03_01 {
    width: 383px;
    height: 853px;
}

#section02 .se02_pg05_mo_03_02 {
    width: 383px;
    height: 853px;
}

#section02 .se02_pg05_mo_03_03 {
    width: 383px;
    height: 853px;
}

#section02 .se02_pg05_mo_03_04 {
    width: 334px;
    height: 853px;
}

#section02 .se02_pg05_tag_01 {
    width: 1920px;
    height: 31px;
    position: absolute;
    top: 0;
}





#section02 .se02_pg05_box_04 {
    width: 100%;
    height: 4703px;
    position: absolute;
    bottom: 6997px;
}

#section02 .se02_pg05_title_03_01 {
    width: 1838px;
    height: 404px;
    position: absolute;
    left: 280px;
    bottom: 0;
}

#section02 .se02_pg05_title_03_02 {
    width: 792px;
    height: 101px;
    position: absolute;
    left: 50%;
    margin-left: -396px;
    bottom: 543px;
}

#section02 .se02_pg05_shape_01 {
    width: 484px;
    height: 484px;
    position: absolute;
    left: -90px;
    bottom: 689px;
    animation: se02_pg05_shape_01 40s linear infinite;
}

@keyframes se02_pg05_shape_01 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg05_shape_02 {
    width: 247px;
    height: 242px;
    position: absolute;
    right: 161px;
    bottom: 505px;
}

#section02 .se02_pg05_txt_02 {
    width: 394px;
    height: 351px;
    position: absolute;
    left: 97px;
    /*bottom: 1432px;*/
    bottom: 1532px;
    opacity: 0;
}

#section02 .se02_pg05_mo_04 {
    width: 1043px;
    height: 1055px;
    position: absolute;
    left: 559px;
    bottom: 1030px;
}

#section02 .se02_pg05_mo04_box {
    width: 569px;
    height: 400px;
    position: absolute;
    /*left: 471px;*/
    left: 171px;
    bottom: 133px;
}

#section02 .se02_pg05_mo_txt_01 {
    width: 180px;
    height: 16px;
    position: absolute;
    left: 183px;
    top: 40px;
}

#section02 .se02_pg05_mo04_box_btn {
    width: 151px;
    height: 253px;
    position: absolute;
    left: 61px;
    bottom: 59px;
}

#section02 .se02_pg05_btn_02_01 {
    width: 403px;
    height: 72px;
    position: absolute;
    bottom: 185px;
}

#section02 .se02_pg05_btn_02_02 {
    width: 403px;
    height: 72px;
    position: absolute;
    bottom: 93px;
}

#section02 .se02_pg05_btn_02_03 {
    width: 403px;
    height: 73px;
    position: absolute;
    bottom: 0;
}

#section02 .se02_pg05_mo_bg_01 {
    width: 505px;
    height: 395px;
}


#section02 .se02_pg05_mockup_04 {
    width: 499px;
    height: 1000px;
    position: absolute;
    bottom: 50px;
    left: 63px;
}

#section02 .se02_pg05_iphone_01 {
    width: 499px;
    height: 1000px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg05_screen_01 {
    width: 437px;
    height: 944px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -218px;
    top: 50%;
    margin-top: -472px;
    overflow: hidden;
}

#section02 .se02_pg05_screen_01 .se02_pg05_video_01{
    width: 437px;
    height: 944px;
}

#section02 .se02_pg05_video_01 video {
    width: 100%;
}

#section02 .se02_pg05_shape_03 {
    width: 244px;
    height: 244px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}

#section02 .se02_pg05_character_01 {
    width: 223px;
    height: 261px;
    position: absolute;
    /*left: 663px;*/
    left: 563px;
    bottom: 541px;
}



#section02 .se02_pg05_mo_05 {
    width: 100%;
    height: 981px;
    position: absolute;
    bottom: 2278px;
}

#section02 .se02_pg05line_txt_03 {
    width: 504px;
    height: 204px;
    position: absolute;
    top: 55px;
    /*left: 208px;*/
    left: 200px;
    opacity: 0;
}

#section02 .se02_pg05line_character_02 {
    width: 242px;
    height: 272px;
    position: absolute;
    right: 239px;
    top: 0;
}

#section02 .se02_pg05_mockup_05 {
    width: 391px;
    height: 786px;
    position: absolute;
    bottom: 0;
    /*right: 383px;*/
    right: 83px;
    opacity: 0;
}

#section02 .se02_pg05_iphone_02 {
    width: 391px;
    height: 786px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg05_screen_02 {
    width: 342px;
    height: 740px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -171px;
    top: 50%;
    margin-top: -370px;
    overflow: hidden;
}

#section02 .se02_pg05_screen_02 .se02_pg05_video_02{
    width: 342px;
    height: 740px;
}

#section02 .se02_pg05_video_02 video {
    width: 100%;
}

#section02 .se02_pg05_mo_list_01 {
    width: 911px;
    height: 637px;
    position: absolute;
    bottom: 0;
    left: 160px;
}

#section02 .se02_pg05_mo_layer_01 {
    width: 270px;
    height: 556px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#section02 .se02_pg05_mo_layer_02 {
    width: 270px;
    height: 556px;
    position: absolute;
    left: 329px;
    bottom: 0;
}

#section02 .se02_pg05_mo_layer_03 {
    width: 270px;
    height: 556px;
    position: absolute;
    right: 0;
    bottom: 0;
}

#section02 .se02_pg05line_number_01 {
    width: 682px;
    height: 85px;
    position: absolute;
    left: 113px;
    top: 0;
}






#section02 .se02_pg05_box_05 {
    width: 100%;
    height: 1407px;
    position: absolute;
    bottom: 3342px;
}

#section02 .se02_pg05_line_tag_01 {
    width: 1920px;
    height: 583px;
    position: absolute;
}

#section02 .se02_pg05_mockup_06 {
    width: 479px;
    height: 961px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -239px;
}

#section02 .se02_pg05_iphone_03 {
    width: 479px;
    height: 961px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg05_screen03 {
    width: 419px;
    height: 908px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -209px;
    top: 50%;
    margin-top: -454px;
    overflow: hidden;
}

#section02 .se02_pg05_screen03 .se02_pg05_video_03{
    width: 419px;
    height: 908px;
}

#section02 .se02_pg05_video_03 video {
    width: 100%;
}

#section02 .se02_pg05_mo_06 {
    width: 479px;
    height: 961px;
    position: absolute;
    bottom: 247px;
    left: 170px;
}

#section02 .se02_pg05_mo_08 {
    width: 479px;
    height: 961px;
    position: absolute;
    bottom: 247px;
    right: 170px;
}

#section02 .se02_pg05_box_06 {
    width: 479px;
    height: 961px;
    position: absolute;
    bottom: 11980px;
}

#section02 .se02_pg05_bg_02 {
    width: 1920px;
    height: 5585px;
    position: absolute;
    bottom: 0;
}

#section02 .se02_pg05_sub_01 {
    width: 1794px;
    height: 14px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -176px;
}

#section02 .se02_pg05_box_homepage_01 {
    width: 1321px;
    height: 836px;
    position: absolute;
    bottom: 350px;
    left: 50%;
    margin-left: 49px;
    z-index: 1;
}

#section02 .se02_pg05_shape_04 {
    width: 407px;
    height: 405px;
    position: absolute;
    bottom: 163px;
    animation: se02_pg05_shape_04 50s linear infinite;
}

@keyframes se02_pg05_shape_04 {
    100%{
        transform: rotate(1turn);
    }
}


#section02 .se02_pg05_title_04 {
    width: 770px;
    height: 95px;
    position: absolute;
    bottom: 179px;
    left: 50%;
    margin-left: 375px;
    z-index: 1;
}

#section02 .se02_pg05_mo07_shape_02 {
    width: 247px;
    height: 242px;
    position: absolute;
    left: 571px;
    bottom: 1974px;
}

#section02 .se02_pg05_mockup_07 {
    width: 479px;
    height: 961px;
    position: absolute;
    /*bottom: 1188px;*/
    bottom: 1220px;
    left: 50%;
    margin-left: 479px;
    z-index: 1;
}

#section02 .se02_pg05_iphone_04 {
    width: 404px;
    height: 813px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg05_screen_04 {
    width: 354px;
    height: 767px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -216px;
    top: 50%;
    margin-top: -456px;
    overflow: hidden;
}

#section02 .se02_pg05_screen_04 .se02_pg05_video_04{
    width: 354px;
    height: 767px;
}

#section02 .se02_pg05_video_04 video {
    width: 100%;
}

#section02 .se02_pg05_mo_09 {
    width: 550px;
    height: 827px;
    position: absolute;
    /*bottom: 1423px;*/
    /*left: 1044px;*/
    bottom: 1423px;
    left: 944px;
}

#section02 .se02_pg05_mo_10 {
    width: 551px;
    height: 827px;
    position: absolute;
    /*bottom: 1093px;*/
    /*left: 334px;*/
    bottom: 1193px;
    left: 234px;
}





#section02 .mo_line_01 {
    width: 1920px;
    height: 1993px;
    position: absolute;
    bottom: 2226px;
}

#section02 .se02_pg05_bg_03 {
    width: 1869px;
    height: 1934px;
    position: absolute;
    bottom: 0;
}

#section02 .se02_pg05_character_03 {
    width: 348px;
    height: 330px;
    position: absolute;
    bottom: 253px;
    /*left: 1447px;*/
    left: 1547px;
}

#section02 .se02_pg05_character_04 {
    width: 327px;
    height: 224px;
    position: absolute;
    bottom: 1617px;
    /*left: 160px;*/
    left: 60px;
}

#section02 .se02_pg05_mo_line_list_01 {
    width: 408px;
    height: 996px;
    position: absolute;
    bottom: 513px;
    left: 103px;
}

#section02 .se02_pg05_mo_line_list_02 {
    width: 377px;
    height: 1639px;
    position: absolute;
    /*bottom: 385px;*/
    bottom: 485px;
    left: 563px;
}

#section02 .se02_pg05_mo_line_list_03 {
    width: 377px;
    height: 1203px;
    position: absolute;
    /*bottom: 385px;*/
    bottom: 485px;
    left: 997px;
}

#section02 .se02_pg05_mo_line_list_04 {
    width: 406px;
    height: 1066px;
    position: absolute;
    bottom: 909px;
    left: 1419px;
}







#section02 .concept_01 {
    width: 1920px;
    height: 987px;
    position: absolute;
    bottom: 4480px;
}

#section02 .se02_pg05_cpt_tag_01 {
    width: 1920px;
    height: 480px;
    position: absolute;
    bottom: 500px;
}

#section02 .se02_pg05_cpt_star_01 {
    width: 313px;
    height: 304px;
    position: absolute;
    bottom: 90px;
    left: 124px;
    transform: rotate(-35deg);
    opacity: 0;
}

#section02 .se02_pg05_cpt_circle_01 {
    width: 192px;
    height: 192px;
    position: absolute;
    bottom: 371px;
    left: 1462px;
    opacity: 0;
    animation: se02_pg05_cpt_circle_01 45s linear infinite;
}

@keyframes se02_pg05_cpt_circle_01 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg05_box_concept_01 {
    width: 1199px;
    height: 757px;
    position: absolute;
    /*bottom: 0;*/
    bottom: 100px;
    left: 50%;
    margin-left: -599px;
    opacity: 0;
}









/*------se02_pg06-----*/

#section02 .se02_page_05 .se02_page_06{
    width: 500vw;
    height: 100vh;
    position: absolute;
    right: 0;
    /*top: 0;*/
    top: -1330px;
    background: #e4e1de;
}

#section02 .se02_page_05 .se02_pg06_box_01{
    width: 500vw;
    height: 100vh;
    position: absolute;
}

#section02 .se02_page_05 .se02_pg06_bg_01{
    width: 6155px;
    height: 1080px;
    position: absolute;
    right: 0;
}

#section02 .se02_page_05 .se02_pg06_character_01{
    width: 276px;
    height: 237px;
    position: absolute;
    /*right: 132px;*/
    right: 32px;
    bottom: 303px;
    opacity: 0;
}

#section02 .se02_page_05 .se02_pg06_sticker_01{
    width: 329px;
    height: 334px;
    position: absolute;
    right: 347px;
    bottom: 573px;
    transform: rotate(-30deg);
    opacity: 0;
}

#section02 .se02_page_05 .se02_pg06_title_01{
    width: 319px;
    height: 282px;
    position: absolute;
    /*right: 321px;*/
    right: 421px;
    bottom: 140px;
    opacity: 0;
}

#section02 .se02_page_05 .se02_pg06_title_02{
    width: 276px;
    height: 115px;
    position: absolute;
    /*right: 1311px;*/
    right: 1211px;
    bottom: 490px;
    opacity: 0;
}

#section02 .se02_page_05 .se02_pg06_txt_01{
    width: 348px;
    height: 179px;
    position: absolute;
    right: 1245px;
    /*bottom: 64px;*/
    bottom: 164px;
    opacity: 0;
}

#section02 .se02_page_05 .se02_pg06_shape_02{
    width: 191px;
    height: 190px;
    position: absolute;
    right: 1490px;
    bottom: 784px;
}

#section02 .se02_pg06_mockup_01 {
    width: 310px;
    height: 628px;
    position: absolute;
    right: 641px;
    bottom: 71px;
    z-index: 1;
}

#section02 .se02_pg06_iphone_01 {
    width: 404px;
    height: 813px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg06_screen_01 {
    width: 277px;
    height: 598px;
    position: absolute;
    border-radius: 1%;
    /*background: black;*/
    left: 50%;
    margin-left: -138px;
    top: 50%;
    margin-top: -298px;
    overflow: hidden;
}

#section02 .se02_pg06_screen_01 .se02_pg06_video_01{
    width: 277px;
    height: 598px;
}

#section02 .se02_pg06_video_01 video {
    width: 100%;
}

#section02 .se02_pg06_mo_02 {
    width: 309px;
    height: 629px;
    position: absolute;
    right: 1007px;
    bottom: 300px;
}

#section02 .se02_pg06_mo02_box {
    width: 531px;
    height: 625px;
    position: absolute;
    right: 2041px;
    bottom: 108px;
}

#section02 .se02_pg06_txt_circle_01 {
    width: 531px;
    height: 531px;
    position: absolute;
    left: 50%;
    margin-left: -265px;
    top: 50%;
    margin-top: -265px;
    animation: se02_pg06_txt_circle_01 40s linear infinite;
}

@keyframes se02_pg06_txt_circle_01 {
    100%{
        transform: rotate(1turn);
    }
}

#section02 .se02_pg06_mockup_02 {
    width: 310px;
    height: 628px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -314px;
    z-index: 1;
}

#section02 .se02_pg06_iphone_02 {
    width: 310px;
    height: 628px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg06_screen_02 {
    width: 277px;
    height: 596px;
    position: absolute;
    border-radius: 1%;
    /*background: black;*/
    left: 50%;
    margin-left: -138px;
    top: 50%;
    margin-top: -298px;
    overflow: hidden;
}

#section02 .se02_pg06_screen_01 .se02_pg06_video_02{
    width: 277px;
    height: 596px;
}

#section02 .se02_pg06_video_02 video {
    width: 100%;
}

#section02 .se02_pg06_mo03_box {
    width: 340px;
    height: 749px;
    position: absolute;
    right: 3011px;
    bottom: 67px;
    overflow: hidden;
}

#section02 .se02_pg06_txt_02 {
    width: 163px;
    height: 15px;
    position: absolute;
    left: 50%;
    margin-left: -81px;
    /*top: 0;*/
    top: -100px;
    opacity: 0;
}

#section02 .se02_pg06_txt_03 {
    width: 329px;
    height: 48px;
    position: absolute;
    left: 50%;
    margin-left: -169px;
    /*bottom: 0;*/
    bottom: -100px;
    opacity: 0;
}

#section02 .se02_pg06_mockup_03 {
    width: 284px;
    height: 577px;
    position: absolute;
    left: 50%;
    margin-left: -142px;
    /*bottom: 90px;*/
    bottom: -10px;
    z-index: 1;
    opacity: 0;
}

#section02 .se02_pg06_iphone_03 {
    width: 284px;
    height: 577px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg06_screen_03 {
    width: 256px;
    height: 549px;
    position: absolute;
    border-radius: 1%;
    /*background: black;*/
    left: 50%;
    margin-left: -128px;
    top: 50%;
    margin-top: -274px;
    overflow: hidden;
}

#section02 .se02_pg06_screen_03 .se02_pg06_video_03{
    width: 256px;
    height: 549px;
}

#section02 .se02_pg06_video_03 video {
    width: 100%;
}

#section02 .se02_pg06_mo04_box {
    width: 2223px;
    height: 900px;
    position: absolute;
    right: 3784px;
    bottom: 100px;
}

#section02 .se02_pg06_mo_05 {
    width: 289px;
    height: 625px;
    position: absolute;
    right: 0;
    bottom: 46px;
}

#section02 .se02_pg06_sticker_02 {
    width: 208px;
    height: 187px;
    position: absolute;
    right: 259px;
    top: 0;
}

#section02 .se02_pg06_mockup_04 {
    width: 401px;
    height: 807px;
    position: absolute;
    right: 355px;
    /*bottom: 0;*/
    bottom: -200px;
    z-index: 1;
    opacity: 0;
}

#section02 .se02_pg06_iphone_04 {
    width: 401px;
    height: 807px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg06_screen_04 {
    width: 353px;
    height: 762px;
    position: absolute;
    border-radius: 1%;
    /*background: black;*/
    left: 50%;
    margin-left: -176px;
    top: 50%;
    margin-top: -380px;
    overflow: hidden;
}

#section02 .se02_pg06_screen_04 .se02_pg06_video_04 {
    width: 353px;
    height: 762px;
}

#section02 .se02_pg06_video_04 video {
    width: 100%;
}

#section02 .se02_pg06_mo_06 {
    width: 289px;
    height: 625px;
    position: absolute;
    right: 804px;
    bottom: 46px;
}

#section02 .se02_pg06_mo_07 {
    width: 289px;
    height: 625px;
    position: absolute;
    right: 1152px;
    bottom: 46px;
}

#section02 .se02_pg06_mo_08 {
    width: 289px;
    height: 625px;
    position: absolute;
    right: 1492px;
    bottom: 46px;
}

#section02 .se02_pg06_star_01 {
    width: 380px;
    height: 370px;
    position: absolute;
    right: 1790px;
    bottom: 542px;
    transform: rotate(15deg);
}

#section02 .se02_pg06_txt_04 {
    width: 337px;
    height: 268px;
    position: absolute;
    left: 0;
    /*bottom: 127px;*/
    bottom: 27px;
    transform: rotate(35deg);
    opacity: 0;
}

#section02 .se02_pg06_mo05_box {
    width: 6862px;
    height: 980px;
    position: absolute;
    right: 6154px;
}

#section02 .se02_pg06_bg_02 {
    width: 6862px;
    height: 1080px;
    position: absolute;
}

#section02 .se02_pg06_mo_list_box_01 {
    width: 841px;
    height: 889px;
    position: absolute;
    right: 209px;
    bottom: 0;
}

#section02 .se02_pg06_mo_list_01 {
    width: 837px;
    height: 269px;
    position: absolute;
    top: 50%;
    margin-top: -134px;
    left: 50%;
    margin-left: -418px;
}

#section02 .se02_pg06_Mo_10 {
    width: 373px;
    height: 885px;
    position: absolute;
    left: 50%;
    margin-left: -186px;
}

#section02 .se02_pg06_mo_list_box_02 {
    width: 1267px;
    height: 2354px;
    position: absolute;
    right: 1175px;
}

#section02 .se02_pg06_dc02 {
    width: 373px;
    height: 1547px;
    position: absolute;
    right: 0;
    top: 0;
}

#section02 .se02_pg06_dc02 .se02_pg06_dc02_inner{
    animation: se02_pg06_dc02_inner 20s linear infinite;
}

@keyframes se02_pg06_dc02_inner {
    100%{
        transform: translateY(-1547px);
    }
}


#section02 .se02_pg06_dc_03 {
    width: 373px;
    height: 2347px;
    position: absolute;
    right: 423px;
    top: -2347px;
}

#section02 .se02_pg06_dc_03 .se02_pg06_dc03_inner{
    animation: se02_pg06_dc03_inner 20s linear infinite;
}

@keyframes se02_pg06_dc03_inner {
    100%{
        transform: translateY(2347px);
    }
}


#section02 .se02_pg06_dc_04 {
    width: 373px;
    height: 1604px;
    position: absolute;
    left: 0;
    top: 0;
}

#section02 .se02_pg06_dc_04 .se02_pg06_dc04_inner{
    animation: se02_pg06_dc04_inner 20s linear infinite;
}

@keyframes se02_pg06_dc04_inner {
    100%{
        transform: translateY(-1604px);
    }
}


#section02 .se02_pg06_mo06_box {
    width: 602px;
    height: 980px;
    position: absolute;
    right: 2642px;
}

#section02 .se02_pg06_bg_03 {
    width: 602px;
    height: 1080px;
}

#section02 .se02_pg06_mockup_11 {
    width: 299px;
    height: 599px;
    position: absolute;
    left: 50%;
    margin-left: -159px;
    /*bottom: 200px;*/
    bottom: -60px;
    opacity: 0;
    z-index: 1;
}

#section02 .se02_pg06_iphone_05 {
    width: 299px;
    height: 599px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg06_screen_05 {
    width: 259px;
    height: 559px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -129px;
    top: 50%;
    margin-top: -279px;
    overflow: hidden;
}

#section02 .se02_pg06_screen_05 .se02_pg06_video_05 {
    width: 259px;
    height: 599px;
}

#section02 .se02_pg06_video_05 video {
    width: 100%;
}


#section02 .se02_pg06_mo07_box {
    width: 647px;
    height: 980px;
    position: absolute;
    right: 3243px;
}

#section02 .se02_pg06_bg_04 {
    width: 647px;
    height: 1080px;
}

#section02 .se02_pg06_mo_12 {
    width: 322px;
    height: 755px;
    position: absolute;
    /*top: 105px;*/
    top: -45px;
    left: 50%;
    margin-left: -159px;
    opacity: 0;
}

#section02 .se02_pg06_mo08_box {
    width: 3669px;
    height: 980px;
    position: absolute;
    right: 3889px;
}

#section02 .se02_pg06_bg_05 {
    width: 3669px;
    height: 1080px;
    position: absolute;
    right: 0;
}

#section02 .se02_pg06_title_03 {
    width: 413px;
    height: 397px;
    position: absolute;
    top: 50%;
    margin-top: -206px;
    right: -82px;
    z-index: 1;
}

#section02 .se02_pg06_Mo_13 {
    width: 296px;
    height: 591px;
    position: absolute;
    right: 464px;
    /*top: 67px;*/
    opacity: 0;
}

#section02 .se02_pg06_mbox_01 {
    width: 339px;
    height: 339px;
    position: absolute;
    right: 695px;
    bottom: 8px;
}

#section02 .se02_pg06_mbox_02 {
    width: 402px;
    height: 410px;
    position: absolute;
    right: 895px;
    top: 0;
}

#section02 .se02_pg06_mbox_03 {
    width: 395px;
    height: 719px;
    position: absolute;
    right: 1415px;
    top: 185px;
}

#section02 .se02_pg06_character_02 {
    width: 299px;
    height: 331px;
    position: absolute;
    /*right: 1225px;*/
    right: 1270px;
    bottom: 102px;
    opacity: 0;
}

#section02 .se02_pg06_mockup_14 {
    width: 401px;
    height: 807px;
    position: absolute;
    right: 1899px;
    /*top: 93px;*/
    top: 283px;
    z-index: 1;
    opacity: 0;
}

#section02 .se02_pg06_iphone_14 {
    width: 401px;
    height: 807px;
    position: absolute;
    z-index: 1;
}

#section02 .se02_pg06_screen_14 {
    width: 352px;
    height: 761px;
    position: absolute;
    border-radius: 1%;
    background: black;
    left: 50%;
    margin-left: -176px;
    top: 50%;
    margin-top: -380px;
    overflow: hidden;
}

#section02 .se02_pg06_screen_14 .se02_pg06_video_14 {
    width: 352px;
    height: 761px;
}

#section02 .se02_pg06_video_14 video {
    width: 100%;
}

/*#section02 .se02_pg06_start_btn_01 {*/
/*    width: 395px;*/
/*    height: 579px;*/
/*    position: absolute;*/
/*    right: 2889px;*/
/*    bottom: 205px;*/
/*}*/

.startPoint {
    width: 395px;
    height: 579px;
    position: absolute;
    background: transparent;
    border: none;
    outline: none;
    right: 2889px;
    bottom: 125px;
    z-index: 10;
    /*cursor: pointer;*/
}