@charset "UTF-8";[v-cloak]{display:none!important}img{max-width:100%}li.disabled{pointer-events:none}body,html{overflow-x:hidden}body.mask,html.mask{overflow:hidden}body.mask:before{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.65);z-index:1000}body.mask:after{content:'僅供直式瀏覽';position:fixed;top:calc(50% - 36px);left:0;width:100vw;height:100vh;z-index:10001;color:#f8f8f8;font-size:36px;text-align:center;letter-spacing:12px}.wrap{background:#000;width:100%;height:auto;position:relative}.wrap:before{content:'';position:absolute;top:0;left:0;background:url(../images/background_frame.png);background-size:auto 516px;width:100%;height:100%;opacity:.8}.wrap:after{content:'';position:absolute;top:0;left:0;background:url(../images/background_star.png);background-size:contain;width:100%;height:100%;opacity:.8}.float{position:fixed;top:350px;right:70px;z-index:99}@media only screen and (max-width:1280px){.float{display:none}}.float>ul{list-style:none;display:flex;flex-direction:column;align-items:flex-end}.float>ul li{position:relative;cursor:pointer}.float>ul li:not(:last-child):before{content:'';width:2px;height:40px;position:absolute;top:45px;right:34px;background:#fff}.float>ul li:nth-child(1){background:url(../images/bar/bar_01_yellow.png) no-repeat;background-size:contain;width:274px;height:72px}.float>ul li:nth-child(1).active,.float>ul li:nth-child(1):hover{background:url(../images/bar/bar_01_pink.png) no-repeat;background-size:contain}.float>ul li:nth-child(2){background:url(../images/bar/bar_02_yellow.png) no-repeat;background-size:contain;width:184px;height:67px;top:-10px}.float>ul li:nth-child(2).active,.float>ul li:nth-child(2):hover{background:url(../images/bar/bar_02_pink.png) no-repeat;background-size:contain}.float>ul li:nth-child(3){background:url(../images/bar/bar_03_yellow.png) no-repeat;background-size:contain;width:211px;height:71px;top:-16px}.float>ul li:nth-child(3).active,.float>ul li:nth-child(3):hover{background:url(../images/bar/bar_03_pink.png) no-repeat;background-size:contain}.float>ul li:nth-child(4){background:url(../images/bar/bar_04_yellow.png) no-repeat;background-size:contain;width:192px;height:71px;top:-26px}.float>ul li:nth-child(4).active,.float>ul li:nth-child(4):hover{background:url(../images/bar/bar_04_pink.png) no-repeat;background-size:contain}header{position:fixed;padding:20px 60px;z-index:99;width:100%;height:auto;pointer-events:none}@media only screen and (max-width:767px){header{padding:20px 30px}}header>a{display:block;width:230px;height:auto;pointer-events:all}@media only screen and (max-width:767px){header>a img{max-width:74%}}header>ul{position:absolute;top:28px;right:60px;pointer-events:all}@media only screen and (max-width:767px){header>ul{visibility:hidden;top:-180px;right:-180px;width:360px;height:360px;border-radius:100%;padding:0;margin:0;border:55px solid rgba(255,255,255,.25)}}header>ul li{list-style:none;display:inline-block}@media only screen and (max-width:767px){header>ul li{position:absolute}header>ul li:nth-child(1){bottom:71px;left:-47px}header>ul li:nth-child(2){bottom:18px;left:-25px}header>ul li:nth-child(3){bottom:-25px;left:17px}header>ul li:nth-child(4){bottom:-48px;left:73px}}header>ul li a{display:block;width:48px;height:48px;filter:brightness(.85)}header>ul li a:active,header>ul li a:hover{filter:brightness(1.2)}header>ul li:not(:last-child){margin-right:5px}header>ul li:nth-child(1) a{background:url(../images/icon/lava_s1.png) no-repeat;background-size:48px}header>ul li:nth-child(2) a{background:url(../images/icon/lava_s2.png) no-repeat;background-size:48px}header>ul li:nth-child(3) a{background:url(../images/icon/lava_s3.png) no-repeat;background-size:48px}header>ul li:nth-child(4) a{background:url(../images/icon/lava_s4.png) no-repeat;background-size:48px}header>button{display:none;position:absolute;top:22px;right:22px;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;stroke:#fff;cursor:pointer;transition:all 175ms ease-in-out;pointer-events:all}header>button>svg{width:40px;overflow:visible}header>button>svg .path{stroke-dasharray:412px 1500px;fill:transparent;stroke-width:67px;stroke-linecap:round;stroke:#d2bc93;opacity:0}header>button>svg #burger-bar-one{opacity:1;stroke-dasharray:412px 1500px}header>button>svg #burger-bar-two{opacity:1;stroke-dasharray:412px 1500px}header>button>svg #burger-bar-three{opacity:1}@media only screen and (max-width:767px){header>button{display:block}}footer{width:100%;height:auto;background:#fff;position:relative;z-index:98}footer>ul{list-style:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:0;padding:20px 0}footer>ul li{position:relative}footer>ul li img.sp{display:none}footer>ul li:not(:last-child){margin-right:24px}@media only screen and (max-width:1280px){footer>ul li:not(:last-child){margin-right:16px}}@media only screen and (max-width:767px){footer>ul li:nth-child(1){width:calc(50% - 8px);margin-bottom:10px;text-align:right}}footer>ul li:nth-child(1) img{width:195px}@media only screen and (max-width:1280px){footer>ul li:nth-child(1) img{width:175px}}@media only screen and (max-width:767px){footer>ul li:nth-child(1) img{width:155px}}@media only screen and (max-width:767px){footer>ul li:nth-child(2){width:calc(50% - 8px);margin-bottom:10px;margin-right:0;text-align:left}}@media only screen and (max-width:1280px){footer>ul li:nth-child(2) img{width:194px}}@media only screen and (max-width:767px){footer>ul li:nth-child(2) img{width:174px}}@media only screen and (max-width:767px){footer>ul li:nth-child(3){width:100%;display:flex;justify-content:center;align-items:center;padding-left:28px}footer>ul li:nth-child(3) img.sp{display:block;width:32px;margin-right:12px}}footer>ul li:nth-child(3) p{margin-bottom:0;font-size:14px}@media only screen and (max-width:1280px){footer>ul li:nth-child(3) p{font-size:12px}}footer>ul li:nth-child(4) img{width:48px}@media only screen and (max-width:767px){footer>ul li:nth-child(4) img{display:none}}@-webkit-keyframes spotlights{0%{filter:brightness(.5)}20%{filter:brightness(.6)}40%{filter:brightness(.7)}60%{filter:brightness(.8)}80%{filter:brightness(.9)}to{filter:brightness(1)}}@keyframes spotlights{0%{filter:brightness(.5)}20%{filter:brightness(.6)}40%{filter:brightness(.7)}60%{filter:brightness(.8)}80%{filter:brightness(.9)}to{filter:brightness(1)}}@-webkit-keyframes cloudLoop{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}@keyframes cloudLoop{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}section.main{background:#000;width:100%;height:auto;position:relative;overflow:hidden}section.main .box{background:url(../images/part1/background_main.png) no-repeat;background-size:cover;background-position:center top;width:100%;height:1100px;position:relative}@media only screen and (max-width:1280px){section.main .box{height:800px}}section.main .box:before{content:'';background:url(../images/part1/spotlights.png) no-repeat;background-size:cover;background-position:center top;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-animation:spotlights 1s ease-in-out 1.5s forwards;animation:spotlights 1s ease-in-out 1.5s forwards}section.main .box:after{content:'';background:url(../images/part1/sparkling.png) no-repeat;background-size:cover;background-position:center top;width:100%;height:100%;position:absolute;top:0;left:0}section.main .box .character{display:flex;justify-content:center;align-items:flex-end;position:relative;padding-top:112px}@media only screen and (max-width:1280px){section.main .box .character{padding-top:162px}}@media only screen and (max-width:767px){section.main .box .character{padding-top:192px}}section.main .box .character>span{position:relative}section.main .box .character>span:nth-child(1){left:110px;bottom:0;z-index:3}@media only screen and (max-width:1280px){section.main .box .character>span:nth-child(1){left:66px}section.main .box .character>span:nth-child(1) img{height:496px}}@media only screen and (max-width:767px){section.main .box .character>span:nth-child(1){left:84px}section.main .box .character>span:nth-child(1) img{height:428px;width:auto;max-width:unset}}@media only screen and (max-width:480px){section.main .box .character>span:nth-child(1){left:113px}}section.main .box .character>span:nth-child(2){left:-200px;bottom:54px;z-index:2}@media only screen and (max-width:1280px){section.main .box .character>span:nth-child(2){left:-110px;bottom:28px}section.main .box .character>span:nth-child(2) img{height:450px}}@media only screen and (max-width:767px){section.main .box .character>span:nth-child(2){left:-90px}section.main .box .character>span:nth-child(2) img{height:428px;width:auto;max-width:unset}}section.main .box .character>span:nth-child(3){left:-200px;bottom:4px;z-index:3}@media only screen and (max-width:1280px){section.main .box .character>span:nth-child(3){left:-103px;bottom:0}section.main .box .character>span:nth-child(3) img{height:487px}}@media only screen and (max-width:767px){section.main .box .character>span:nth-child(3){bottom:-10px}section.main .box .character>span:nth-child(3) img{height:428px;width:auto;max-width:unset}}@media only screen and (max-width:480px){section.main .box .character>span:nth-child(3){left:-130px}}section.main .box .text{background:url(../images/part1/seoson_pass.png) no-repeat;background-size:contain;background-position-x:calc(50% + 38px);position:absolute;top:372px;left:0;z-index:4;width:100%;height:480px}@media only screen and (max-width:1280px){section.main .box .text{width:700px;top:184px;background-position:center;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:767px){section.main .box .text{width:480px;top:178px}}@media only screen and (max-width:480px){section.main .box .text{width:375px}}section.main .box .text:after,section.main .box .text:before{width:100%;height:135px;content:'';position:absolute}@media only screen and (max-width:1280px){section.main .box .text:after,section.main .box .text:before{width:90px}}@media only screen and (max-width:767px){section.main .box .text:after,section.main .box .text:before{width:60px}}@media only screen and (max-width:480px){section.main .box .text:after,section.main .box .text:before{width:38px}}section.main .box .text:before{background:url(../images/part1/arrow_left.png) no-repeat;background-size:contain;background-position-x:calc(50% - 376px);bottom:52px;left:0}@media only screen and (max-width:1280px){section.main .box .text:before{background-position-x:center;bottom:64px;left:68px}}@media only screen and (max-width:767px){section.main .box .text:before{bottom:75px;left:45px}}@media only screen and (max-width:480px){section.main .box .text:before{bottom:80px;left:45px}}section.main .box .text:after{background:url(../images/part1/arrow_right.png) no-repeat;background-size:contain;background-position-x:calc(50% + 368px);bottom:92px;left:0}@media only screen and (max-width:1280px){section.main .box .text:after{background-position-x:center;bottom:90px;left:unset;right:109px}}@media only screen and (max-width:767px){section.main .box .text:after{bottom:93px;right:75px}}@media only screen and (max-width:480px){section.main .box .text:after{bottom:93px;right:67px}}section.main .box .action{width:100%;display:flex;justify-content:center;position:relative;bottom:178px;z-index:5}@media only screen and (max-width:1280px){section.main .box .action{bottom:77px}}@media only screen and (max-width:767px){section.main .box .action{bottom:83px}}section.main .box .action>a{width:252px;height:104px}@media only screen and (max-width:1280px){section.main .box .action>a{width:200px;height:84px}}@media only screen and (max-width:767px){section.main .box .action>a{width:150px;height:62px}}section.main .box .action>a:first-child{margin-right:237px;background:url(../images/part1/button/register_yellow.png) no-repeat;background-size:contain}@media only screen and (max-width:1280px){section.main .box .action>a:first-child{margin-right:87px}}@media only screen and (max-width:767px){section.main .box .action>a:first-child{margin-right:43px}}section.main .box .action>a:first-child:hover{background-image:url(../images/part1/button/register_pink.png)}section.main .box .action>a:last-child{background:url(../images/part1/button/download_yellow.png) no-repeat;background-size:contain}section.main .box .action>a:last-child:hover{background-image:url(../images/part1/button/download_pink.png)}section.main .box .particles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}section.main .box .ribbons{position:absolute;top:0;left:0;z-index:1;width:100%;height:calc(100% - 30px);overflow:hidden;display:none}section.main .box .clouds{background:url(../images/part1/clouds.png) no-repeat;background-size:cover;width:1000%;height:calc(100% - 30px);position:absolute;top:0;left:0;z-index:1;-webkit-animation:cloudLoop 80s linear infinite;animation:cloudLoop 80s linear infinite}@media only screen and (max-width:1280px){section.main .box .clouds{display:none}}section.main .box .stars{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1905px;height:500px;z-index:1;overflow:hidden}@media only screen and (max-width:1280px){section.main .box .stars{display:none}}section.main .box .stars>span{position:absolute;background:url(../images/background/sparkle.png) no-repeat;background-size:contain}section.main .box .stars>span:nth-child(1){top:313px;left:177px;width:54px;height:54px;transform:rotate(60deg)}section.main .box .stars>span:nth-child(2){top:83px;left:592px;width:100px;height:100px;transform:rotate(59deg)}section.main .box .stars>span:nth-child(3){top:291px;left:790px;width:50px;height:50px;transform:rotate(44deg)}section.main .box .stars>span:nth-child(4){top:49px;right:674px;width:35px;height:35px;transform:rotate(63deg)}section.main .box .stars>span:nth-child(5){top:304px;right:266px;width:47px;height:47px;transform:rotate(54deg)}section.main .box .stars>span:nth-child(6){top:45px;right:15px;width:31px;height:31px;transform:rotate(57deg)}section.part-2{width:100%;height:auto;min-height:1800px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-2{min-height:1950px}}@media only screen and (max-width:767px){section.part-2{min-height:1350px}}@media only screen and (max-width:480px){section.part-2{min-height:1300px}}section.part-2:before{content:'';position:absolute;top:-30px;left:0;width:100%;height:397px;background:linear-gradient(to bottom,#000,rgba(0,0,0,.5))}@media only screen and (max-width:767px){section.part-2:before{height:200px}}section.part-2 .box{position:relative;top:303px;background:url(../images/part2/frame.png) no-repeat;background-size:1743px 1101px;background-position-x:center;width:100%;height:1101px;display:flex;justify-content:center;padding-top:130px}@media only screen and (max-width:1280px){section.part-2 .box{background:url(../images/part2/sp/sp_frame_up.png) no-repeat;background-size:100% 554px;background-position-x:center;align-items:center;justify-content:flex-start;flex-direction:column;min-height:1600px;top:160px;padding-top:200px}section.part-2 .box:after{content:'';position:absolute;bottom:0;left:0;background:url(../images/part2/sp/sp_frame_down.png) no-repeat;background-size:contain;background-position-x:center;width:100%;height:554px;background-size:100% 554px}}@media only screen and (max-width:767px){section.part-2 .box{top:120px;padding-top:160px;min-height:1125px}}@media only screen and (max-width:480px){section.part-2 .box{min-height:900px}section.part-2 .box:after{bottom:50px}}section.part-2 .box>span{position:relative}section.part-2 .box>span img.sp{display:none}section.part-2 .box>span:nth-child(1){width:728px;height:auto;position:absolute;top:-88px;left:50%;transform:translateX(-50%);margin-left:40px}@media only screen and (max-width:1280px){section.part-2 .box>span:nth-child(1){width:528px;top:-36px;margin-left:0}}@media only screen and (max-width:767px){section.part-2 .box>span:nth-child(1){width:350px;top:-2px}}@media only screen and (max-width:480px){section.part-2 .box>span:nth-child(1){width:320px;top:2px}}section.part-2 .box>span:nth-child(2){left:-20px}@media only screen and (max-width:1280px){section.part-2 .box>span:nth-child(2){left:156px}section.part-2 .box>span:nth-child(2):before{content:'';position:absolute;left:-232px;top:200px;background:url(../images/part2/sp/sp_main.png) no-repeat;background-size:contain;width:85%;height:100%}}@media only screen and (max-width:767px){section.part-2 .box>span:nth-child(2){left:96px}section.part-2 .box>span:nth-child(2):before{width:200px;left:-150px}section.part-2 .box>span:nth-child(2) img.sp{max-width:250px!important}}@media only screen and (max-width:480px){section.part-2 .box>span:nth-child(2){left:76px}section.part-2 .box>span:nth-child(2):before{width:165px;left:-118px;top:155px}}section.part-2 .box>span:nth-child(3){top:50px;left:-10px}@media only screen and (max-width:1280px){section.part-2 .box>span:nth-child(3){top:0;left:0;padding:0 40px}}@media only screen and (max-width:767px){section.part-2 .box>span:nth-child(3) img.sp{max-width:360px!important}}@media only screen and (max-width:480px){section.part-2 .box>span:nth-child(3) img.sp{max-width:320px!important}}@media only screen and (max-width:1280px){section.part-2 .box>span:not(.title) img.sp{display:block;max-width:85%;margin:0 auto}section.part-2 .box>span:not(.title) img:not(.sp){display:none}}section.part-2 .adornment-1{position:absolute;top:0;left:-72px;transform:translateY(-72px);background:url(../images/background/cassette_blue.png) no-repeat;background-size:contain;width:367px;height:443px;z-index:2}@media only screen and (max-width:1460px){section.part-2 .adornment-1{width:267px}}@media only screen and (max-width:1280px){section.part-2 .adornment-1{width:167px;left:-36px}}@media only screen and (max-width:767px){section.part-2 .adornment-1{width:100px;left:-31px;top:20px}}section.part-2 .adornment-2{position:absolute;bottom:115px;left:200px;background:url(../images/background/star_purple.png) no-repeat;background-size:contain;width:158px;height:160px;transform:rotate(-52deg);z-index:2}@media only screen and (max-width:1460px){section.part-2 .adornment-2{width:98px}}@media only screen and (max-width:1280px){section.part-2 .adornment-2{bottom:550px;left:0;background-position-x:-28px}}@media only screen and (max-width:767px){section.part-2 .adornment-2{bottom:22px;width:76px;background-position-x:0}}section.part-2 .adornment-3{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);background:url(../images/background/arrow.png) no-repeat;background-size:contain;width:125px;height:212px;z-index:2}@media only screen and (max-width:1280px){section.part-2 .adornment-3{bottom:-15px}}@media only screen and (max-width:767px){section.part-2 .adornment-3{bottom:-120px;background-size:55%;background-position-x:center}}section.part-2 .adornment-4{position:absolute;bottom:68px;right:0;background:url(../images/background/star.png) no-repeat;background-size:contain;background-position-x:70px;width:261px;height:264px;z-index:2}@media only screen and (max-width:1460px){section.part-2 .adornment-4{width:161px}}@media only screen and (max-width:1280px){section.part-2 .adornment-4{width:130px;bottom:-250px}}@media only screen and (max-width:767px){section.part-2 .adornment-4{width:50px;bottom:455px;background-position-x:22px}}section.part-2 .adornment-5{position:absolute;bottom:15px;right:250px;background:url(../images/background/wave_blue.png) no-repeat;background-size:contain;width:245px;height:131px;z-index:2}@media only screen and (max-width:1460px){section.part-2 .adornment-5{width:145px}}@media only screen and (max-width:1280px){section.part-2 .adornment-5{bottom:900px;right:0;background-position-x:42px}}@media only screen and (max-width:767px){section.part-2 .adornment-5{width:135px;bottom:-102px;background-position-x:54px}}section.part-2 .stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}section.part-2 .stars>span{position:absolute;background:url(../images/background/sparkle.png) no-repeat;background-size:contain}section.part-2 .stars>span:nth-child(1){top:153px;right:174px;width:45px;height:45px;transform:rotate(-20deg)}@media only screen and (max-width:767px){section.part-2 .stars>span:nth-child(1){top:10px;right:100px;width:20px;height:20px}}section.part-2 .stars>span:nth-child(2){top:56px;left:573px;width:33px;height:33px;transform:rotate(16deg)}@media only screen and (max-width:767px){section.part-2 .stars>span:nth-child(2){width:22px;height:22px;top:72px;left:52px}}@-webkit-keyframes cloud{form{background-position-x:0}to{background-position-x:-200px}}@keyframes cloud{form{background-position-x:0}to{background-position-x:-200px}}section.part-3{width:100%;height:auto;min-height:1100px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-3{min-height:900px}}@media only screen and (max-width:767px){section.part-3{min-height:650px}}@media only screen and (max-width:480px){section.part-3{min-height:600px}}section.part-3:before{content:'';position:absolute;top:0;left:0;background:url(../images/part3/cloud.png) no-repeat;background-size:calc(100% + 200px);background-position-x:0;width:100%;height:100%;-webkit-animation:cloud 20s linear infinite;animation:cloud 20s linear infinite}section.part-3 .box{position:relative;width:100%;height:100%;z-index:3}section.part-3 .box:before{content:'';position:absolute;top:-345px;left:-41px;background:url(../images/part3/character_main.png) no-repeat;background-size:contain;width:927px;height:1181px;z-index:3;display:none}@media only screen and (max-width:1750px){section.part-3 .box:before{display:none}}section.part-3 .box>span{position:relative;top:100px;z-index:2}@media only screen and (max-width:767px){section.part-3 .box>span img{max-width:460px}}@media only screen and (max-width:480px){section.part-3 .box>span img{max-width:360px}}section.part-3 .box .character{position:absolute;top:-151px;left:-10px}@media only screen and (max-width:1750px){section.part-3 .box .character{display:none}}section.part-3 .box .character>div{position:relative;z-index:3;width:927px;height:1181px;visibility:hidden}section.part-3 .box .character>div:before{content:'';position:absolute;top:0;left:0;background:url(../images/part3/character_main.png) no-repeat;background-size:contain;width:927px;height:1181px}section.part-3 .box .character>svg{position:absolute;top:0;left:0;opacity:0}section.part-3 .adornment-1{position:absolute;bottom:0;right:0;background:url(../images/background/sun.png) no-repeat;background-size:contain;background-position:312px -37px;width:647px;height:661px;z-index:2}@media only screen and (max-width:1460px){section.part-3 .adornment-1{width:447px}}@media only screen and (max-width:1280px){section.part-3 .adornment-1{width:400px;background-position:220px 0;bottom:-200px}}@media only screen and (max-width:767px){section.part-3 .adornment-1{width:200px;background-position:100px 0;bottom:-410px}}section.part-4{width:100%;height:auto;min-height:1300px;text-align:center;position:relative;top:-90px}@media only screen and (max-width:1280px){section.part-4{min-height:2200px}}@media only screen and (max-width:767px){section.part-4{min-height:1650px}}@media only screen and (max-width:480px){section.part-4{min-height:1400px}}section.part-4 .box{position:relative;display:flex;justify-content:center;z-index:3}@media only screen and (max-width:1280px){section.part-4 .box{flex-direction:column;align-items:center}}@media only screen and (max-width:767px){section.part-4 .box img{max-width:460px!important}}@media only screen and (max-width:480px){section.part-4 .box img{max-width:360px!important}}section.part-4 .box .left{position:relative;top:48px}@media only screen and (max-width:1280px){section.part-4 .box .left{max-width:767px;margin-bottom:120px}}section.part-4 .box .right{max-width:887px}section.part-4 .box .right>span{display:block}@media only screen and (max-width:1280px){section.part-4 .box .right{max-width:767px}section.part-4 .box .right>span:first-child{margin-bottom:80px;display:block}}section.part-4 .adornment-1{position:absolute;top:93px;left:0;background:url(../images/background/star.png) no-repeat;background-size:contain;background-position-x:-45px;width:261px;height:264px;z-index:2;transform:rotate(21deg)}@media only screen and (max-width:1460px){section.part-4 .adornment-1{display:none}}@media only screen and (max-width:1280px){section.part-4 .adornment-1{width:120px;top:-74px;left:-50px;background-position-x:0}}section.part-4 .adornment-2{position:absolute;bottom:500px;right:0;background:url(../images/background/wave_yellow.png) no-repeat;background-size:contain;background-position-x:96px;width:245px;height:131px;z-index:2}@media only screen and (max-width:1460px){section.part-4 .adornment-2{display:none}}section.part-4 .adornment-3{position:absolute;bottom:-180px;left:0;background:url(../images/background/sun.png) no-repeat;background-size:contain;background-position-x:-245px;width:647px;height:661px;z-index:2}@media only screen and (max-width:1460px){section.part-4 .adornment-3{width:447px}}@media only screen and (max-width:1280px){section.part-4 .adornment-3{width:347px;background-position-x:-178px;bottom:-260px}}@media only screen and (max-width:767px){section.part-4 .adornment-3{height:150px;background-position-x:-78px;bottom:76px}}section.part-4 .adornment-4{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);background:url(../images/background/arrow.png) no-repeat;background-size:contain;width:125px;height:212px;z-index:2}@media only screen and (max-width:1280px){section.part-4 .adornment-4{bottom:72px}}@media only screen and (max-width:767px){section.part-4 .adornment-4{background-size:55%;background-position-x:center;bottom:-32px}}section.part-5{width:100%;height:auto;min-height:1000px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-5{min-height:1400px}}@media only screen and (max-width:767px){section.part-5{min-height:1100px}}@media only screen and (max-width:480px){section.part-5{min-height:900px}}section.part-5 .box{position:relative;display:flex;justify-content:center;z-index:3}section.part-5 .box .frame{background:url(../images/part5/frame.png) no-repeat;background-size:contain;max-width:1433px;width:100%;height:966px;position:relative;top:-56px}@media only screen and (max-width:1280px){section.part-5 .box .frame{background:url(../images/part5/sp/sp_frame.png) no-repeat;background-size:contain;background-position-x:center;height:1172px}}@media only screen and (max-width:767px){section.part-5 .box .frame{height:900px;background-size:490px auto}}@media only screen and (max-width:480px){section.part-5 .box .frame{background-size:380px auto}}section.part-5 .box .frame .tabs{display:flex;justify-content:center;align-items:center;list-style:none;position:relative;top:-22px;left:-20px}@media only screen and (max-width:1280px){section.part-5 .box .frame .tabs{width:440px;flex-wrap:wrap;top:-35px;margin:0 auto}}@media only screen and (max-width:767px){section.part-5 .box .frame .tabs{width:360px}}@media only screen and (max-width:480px){section.part-5 .box .frame .tabs{width:318px;top:-28px}}section.part-5 .box .frame .tabs>li{width:205px;height:115px;cursor:pointer}section.part-5 .box .frame .tabs>li:not(:last-child){margin-right:-10px}section.part-5 .box .frame .tabs>li:nth-child(1){background:url(../images/part5/button/off/character_01_off.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(1).active,section.part-5 .box .frame .tabs>li:nth-child(1):hover{background:url(../images/part5/button/light/character_01_light.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(2){background:url(../images/part5/button/off/character_02_off.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(2).active,section.part-5 .box .frame .tabs>li:nth-child(2):hover{background:url(../images/part5/button/light/character_02_light.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(3){background:url(../images/part5/button/off/character_03_off.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(3).active,section.part-5 .box .frame .tabs>li:nth-child(3):hover{background:url(../images/part5/button/light/character_03_light.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(4){background:url(../images/part5/button/off/character_04_off.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(4).active,section.part-5 .box .frame .tabs>li:nth-child(4):hover{background:url(../images/part5/button/light/character_04_light.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(5){background:url(../images/part5/button/off/character_05_off.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(5).active,section.part-5 .box .frame .tabs>li:nth-child(5):hover{background:url(../images/part5/button/light/character_05_light.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(6){background:url(../images/part5/button/off/character_06_off.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(6).active,section.part-5 .box .frame .tabs>li:nth-child(6):hover{background:url(../images/part5/button/light/character_06_light.png) no-repeat;background-size:contain}section.part-5 .box .frame .tabs>li:nth-child(4).active,section.part-5 .box .frame .tabs>li:nth-child(4):hover{background-size:208px auto;background-position-x:-2px}@media only screen and (max-width:1460px){section.part-5 .box .frame .tabs>li{width:165px}}@media only screen and (max-width:1280px){section.part-5 .box .frame .tabs>li{width:120px;height:65px;margin-right:0}section.part-5 .box .frame .tabs>li:nth-child(1){margin-bottom:-10px}section.part-5 .box .frame .tabs>li:nth-child(2){margin-bottom:-10px}section.part-5 .box .frame .tabs>li:nth-child(3){margin-bottom:-10px}section.part-5 .box .frame .tabs>li:nth-child(4).active,section.part-5 .box .frame .tabs>li:nth-child(4):hover{background-size:118px auto;background-position-x:-2px}section.part-5 .box .frame .tabs>li:last-child{margin-right:-10px}}@media only screen and (max-width:767px){section.part-5 .box .frame .tabs>li{width:100px;height:56px}section.part-5 .box .frame .tabs>li:nth-child(4).active,section.part-5 .box .frame .tabs>li:nth-child(4):hover{background-size:100px auto;background-position-x:0;background-position-y:1px}}@media only screen and (max-width:480px){section.part-5 .box .frame .tabs>li{width:80px;height:46px}section.part-5 .box .frame .tabs>li:nth-child(4).active,section.part-5 .box .frame .tabs>li:nth-child(4):hover{background-size:78px auto}}section.part-5 .box .frame .content .cards{display:flex;justify-content:center}@media only screen and (max-width:1280px){section.part-5 .box .frame .content .cards{flex-direction:column;align-items:center}}section.part-5 .box .frame .content .cards>span{width:499px;height:554px;opacity:0}@media only screen and (max-width:1460px){section.part-5 .box .frame .content .cards>span{width:430px;height:502px}}@media only screen and (max-width:1280px){section.part-5 .box .frame .content .cards>span{width:360px;height:490px;margin-right:0!important;position:relative;opacity:1}section.part-5 .box .frame .content .cards>span:before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:url(../images/part5/equipment_01.png) no-repeat;background-size:contain;background-position-x:center;width:360px;height:120px}}@media only screen and (max-width:767px){section.part-5 .box .frame .content .cards>span{width:240px;height:360px}section.part-5 .box .frame .content .cards>span:before{width:240px;height:100px}}@media only screen and (max-width:480px){section.part-5 .box .frame .content .cards>span{width:200px;height:275px}section.part-5 .box .frame .content .cards>span:before{width:200px;height:70px}}section.part-5 .box .frame .content [data-type="1"]>span:first-child{background:url(../images/part5/character_01_1.png) no-repeat;background-size:contain;margin-right:60px}section.part-5 .box .frame .content [data-type="1"]>span:last-child{background:url(../images/part5/character_01_2.png) no-repeat;background-size:contain}section.part-5 .box .frame .content [data-type="2"]>span:first-child{background:url(../images/part5/character_02_1.png) no-repeat;background-size:contain;margin-right:60px}section.part-5 .box .frame .content [data-type="2"]>span:last-child{background:url(../images/part5/character_02_2.png) no-repeat;background-size:contain}section.part-5 .box .frame .content [data-type="3"]>span:first-child{background:url(../images/part5/character_03_1.png) no-repeat;background-size:contain;margin-right:60px}section.part-5 .box .frame .content [data-type="3"]>span:last-child{background:url(../images/part5/character_03_2.png) no-repeat;background-size:contain}section.part-5 .box .frame .content [data-type="4"]>span:first-child{background:url(../images/part5/character_04_1.png) no-repeat;background-size:contain;margin-right:60px}section.part-5 .box .frame .content [data-type="4"]>span:last-child{background:url(../images/part5/character_04_2.png) no-repeat;background-size:contain}section.part-5 .box .frame .content [data-type="5"]>span:first-child{background:url(../images/part5/character_05_1.png) no-repeat;background-size:contain;margin-right:60px}section.part-5 .box .frame .content [data-type="5"]>span:last-child{background:url(../images/part5/character_05_2.png) no-repeat;background-size:contain}section.part-5 .box .frame .content [data-type="6"]>span:first-child{background:url(../images/part5/character_06_1.png) no-repeat;background-size:contain;margin-right:60px}section.part-5 .box .frame .content [data-type="6"]>span:last-child{background:url(../images/part5/character_06_2.png) no-repeat;background-size:contain}section.part-5 .box .frame .content .names{display:flex;justify-content:center;position:relative;top:-12px}@media only screen and (max-width:1280px){section.part-5 .box .frame .content .names{display:none}}section.part-5 .box .frame .content .names>span:first-child{background:url(../images/part5/equipment_01.png) no-repeat;background-size:contain;width:531px;height:192px;margin-right:33px}@media only screen and (max-width:1460px){section.part-5 .box .frame .content .names>span:first-child{width:461px;height:170px}}section.part-5 .box .frame .content .names>span:last-child{background:url(../images/part5/equipment_02.png) no-repeat;background-size:contain;width:536px;height:192px}@media only screen and (max-width:1460px){section.part-5 .box .frame .content .names>span:last-child{width:466px;height:170px}}section.part-5 .adornment-1{position:absolute;top:-145px;right:0;width:261px;height:264px;overflow:hidden}@media only screen and (max-width:1460px){section.part-5 .adornment-1{width:161px}}@media only screen and (max-width:1280px){section.part-5 .adornment-1{top:-200px}}@media only screen and (max-width:767px){section.part-5 .adornment-1{width:60px}}section.part-5 .adornment-1:before{content:'';position:absolute;top:0;right:0;background:url(../images/background/star.png) no-repeat;background-size:contain;background-position:81px -39px;transform:rotate(14deg);width:100%;height:100%;z-index:2}@media only screen and (max-width:1280px){section.part-5 .adornment-1:before{background-position:56px -16px;transform:rotate(11deg)}}@media only screen and (max-width:767px){section.part-5 .adornment-1:before{background-position:17px 82px;top:-50px}}section.part-5 .adornment-2{position:absolute;bottom:-127px;right:0;background:url(../images/background/cassette_green.png) no-repeat;background-size:contain;background-position-x:186px;width:451px;height:494px;z-index:2}@media only screen and (max-width:1460px){section.part-5 .adornment-2{display:none}}@media only screen and (max-width:1280px){section.part-5 .adornment-2{display:block;width:251px;background-position-x:120px;bottom:-180px}}@media only screen and (max-width:767px){section.part-5 .adornment-2{width:150px;background-position-x:54px;bottom:-270px}}@media only screen and (max-width:480px){section.part-5 .adornment-2{width:100px;bottom:-300px;background-position-x:40px}}section.part-6{width:100%;height:auto;min-height:1600px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-6{min-height:1400px}}@media only screen and (max-width:767px){section.part-6{min-height:940px}}@media only screen and (max-width:480px){section.part-6{min-height:850px}}section.part-6 .box{position:relative;display:flex;align-items:center;flex-direction:column;z-index:3}section.part-6 .box .title{background:url(../images/part6/activity_title.png) no-repeat;background-size:contain;width:1016px;height:183px}@media only screen and (max-width:1280px){section.part-6 .box .title{width:700px;height:126px;background-position-x:center}}@media only screen and (max-width:767px){section.part-6 .box .title{width:460px;height:84px}}@media only screen and (max-width:480px){section.part-6 .box .title{width:360px;height:66px}}section.part-6 .box .tabs{display:flex;align-items:center;list-style:none;position:relative;top:12px}@media only screen and (max-width:1280px){section.part-6 .box .tabs{flex-wrap:wrap;padding:0;width:500px}}@media only screen and (max-width:767px){section.part-6 .box .tabs{justify-content:center}}section.part-6 .box .tabs>li{width:350px;height:100px;cursor:pointer}section.part-6 .box .tabs>li:nth-child(1){background:url(../images/part6/button/off/activity_01_off.png) no-repeat;background-size:contain}section.part-6 .box .tabs>li:nth-child(1).active,section.part-6 .box .tabs>li:nth-child(1):hover{background:url(../images/part6/button/light/activity_01_light.png) no-repeat;background-size:contain}section.part-6 .box .tabs>li:nth-child(2){background:url(../images/part6/button/off/activity_02_off.png) no-repeat;background-size:contain}section.part-6 .box .tabs>li:nth-child(2).active,section.part-6 .box .tabs>li:nth-child(2):hover{background:url(../images/part6/button/light/activity_02_light.png) no-repeat;background-size:contain}section.part-6 .box .tabs>li:nth-child(3){background:url(../images/part6/button/off/activity_03_off.png) no-repeat;background-size:contain}section.part-6 .box .tabs>li:nth-child(3).active,section.part-6 .box .tabs>li:nth-child(3):hover{background:url(../images/part6/button/light/activity_03_light.png) no-repeat;background-size:contain}section.part-6 .box .tabs>li:nth-child(4){background:url(../images/part6/button/off/activity_04_off.png) no-repeat;background-size:contain}section.part-6 .box .tabs>li:nth-child(4).active,section.part-6 .box .tabs>li:nth-child(4):hover{background:url(../images/part6/button/light/activity_04_light.png) no-repeat;background-size:contain}@media only screen and (max-width:1460px){section.part-6 .box .tabs>li{width:250px}}@media only screen and (max-width:1280px){section.part-6 .box .tabs>li{height:72px}}@media only screen and (max-width:767px){section.part-6 .box .tabs>li{width:180px;height:52px}}@media only screen and (max-width:480px){section.part-6 .box .tabs>li{width:168px;height:48px}}section.part-6 .box .content{position:relative;top:16px}section.part-6 .box .content .cards{display:flex;justify-content:center;position:relative;background:#000}section.part-6 .box .content .cards:before{content:'';background:url(../images/part6/activity_character.png) no-repeat;background-size:contain;position:absolute;top:30px;left:-363px;width:486px;height:672px;z-index:3}@media only screen and (max-width:1460px){section.part-6 .box .content .cards:before{display:none}}section.part-6 .box .content .cards>span{width:1000px;height:603px}@media only screen and (max-width:1280px){section.part-6 .box .content .cards>span{width:700px!important;height:810px!important}}@media only screen and (max-width:767px){section.part-6 .box .content .cards>span{width:460px!important;height:560px!important}}@media only screen and (max-width:480px){section.part-6 .box .content .cards>span{width:360px!important;height:460px!important}}section.part-6 .box .content [data-type="1"]>span:first-child{background:url(../images/part6/activity_01.png) no-repeat;background-size:contain}section.part-6 .box .content [data-type="2"]>span:first-child{background:url(../images/part6/activity_02.png) no-repeat;background-size:contain}section.part-6 .box .content [data-type="3"]>span:first-child{background:url(../images/part6/activity_03.png) no-repeat;background-size:contain}section.part-6 .box .content [data-type="4"]>span:first-child{background:url(../images/part6/activity_04.png) no-repeat;background-size:contain}section.part-6 .box .content [data-type="4"]>span{width:1000px;height:1113px}section.part-6 .adornment-1{position:absolute;top:-10px;left:80px;background:url(../images/background/star_purple.png) no-repeat;background-size:contain;width:158px;height:160px;z-index:2}@media only screen and (max-width:1460px){section.part-6 .adornment-1{width:98px}}@media only screen and (max-width:1280px){section.part-6 .adornment-1{top:-60px;left:0;background-position-x:-40px}}@media only screen and (max-width:767px){section.part-6 .adornment-1{top:-100px}}section.part-6 .adornment-2{position:absolute;top:370px;right:100px;background:url(../images/background/star.png) no-repeat;background-size:40%;transform:rotate(21deg);width:261px;height:264px;z-index:2}@media only screen and (max-width:1460px){section.part-6 .adornment-2{display:none}}section.part-6 .adornment-3{position:absolute;top:820px;left:-68px;width:261px;height:264px;overflow:hidden}section.part-6 .adornment-3:before{content:'';position:absolute;top:0;left:0;background:url(../images/background/star.png) no-repeat;background-size:contain;transform:rotate(-15deg);width:100%;height:100%;z-index:2}@media only screen and (max-width:1460px){section.part-6 .adornment-3{width:161px;left:-38px}}@media only screen and (max-width:1280px){section.part-6 .adornment-3{display:none}}section.part-6 .adornment-4{position:absolute;top:905px;right:200px;background:url(../images/background/wave_blue.png) no-repeat;background-size:contain;width:245px;height:131px;z-index:2}@media only screen and (max-width:1460px){section.part-6 .adornment-4{width:145px;top:1105px}}@media only screen and (max-width:1280px){section.part-6 .adornment-4{right:0;background-position-x:42px}}@media only screen and (max-width:767px){section.part-6 .adornment-4{top:unset;bottom:23px;background-position-x:25px;width:93px}}section.part-6 .adornment-5{position:absolute;bottom:0;left:85px;background:url(../images/background/sun.png) no-repeat;background-size:76%;background-position-y:409px;width:647px;height:661px;z-index:2}@media only screen and (max-width:1460px){section.part-6 .adornment-5{width:447px}}@media only screen and (max-width:1280px){section.part-6 .adornment-5{background-position-y:480px}}@media only screen and (max-width:767px){section.part-6 .adornment-5{background-position-y:191px;width:250px;height:300px;left:36px}}