[class*="content-box"].concept-type .img-box{margin:7.3rem auto;max-width:62.3rem;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
[class*="content-box"].concept-type .img-box .motion-item-box{position:relative;width:33.8rem;height:31rem}
[class*="content-box"].concept-type .img-box .motion-item-box .motion-txt{position:absolute;bottom:-2.6rem;display:inline-block;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
[class*="content-box"].concept-type .img-box .motion-item-box .motion-txt span{color:#ec6d89;opacity:0;font-size:3.2rem;line-height:1.31;font-weight:700}
[class*="content-box"].concept-type .img-box .motion-item-box:not(:first-child){width:30rem}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(2){margin-right:2.3rem}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(2) img{-webkit-transform:translateX(-30%);-ms-transform:translateX(-30%);transform:translateX(-30%)}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(2) .motion-txt{bottom:5.3%!important}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(2) .motion-txt span{color:#ffb306}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(3) img{-webkit-transform:translateX(30%);-ms-transform:translateX(30%);transform:translateX(30%)}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(3) .motion-txt{bottom:5.3%!important}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(3) .motion-txt span{color:#39b9ff}
[class*="content-box"].concept-type .img-box .motion-item-box:first-child{margin-top:-6.2rem}
[class*="content-box"].concept-type .img-box .motion-item-box:first-child img{margin-top:6.2rem;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)}
[class*="content-box"].concept-type .img-box .motion-item-box img{opacity:0;position:absolute}
[class*="content-box"].concept-type .step-sub-desc > b{vertical-align:top}
[class*="content-box"] .content-sub-tit{color:#222}
[class*="content-box"].step-type::before{z-index:-1}
[class*="content-box"].step-1 .img-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:70rem;max-width:70rem!important;height:32.8rem}
[class*="content-box"].step-1 .motion-item-box:nth-child(1){width:25.28%;height:100%;position:relative}
[class*="content-box"].step-1 .motion-item-box:nth-child(1) .motion-items{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-43.5%, -50%, 0);transform:translate3d(-43.5%, -50%, 0);width:1.4rem;opacity:0.35;opacity:0;background-image:url("../images/introduce/dancingpopo_img_motion_04.png");background-position:center center;background-repeat:no-repeat;background-size:205px 205px}
[class*="content-box"].step-1 .motion-item-box:nth-child(2){width:27.71%;height:100%;position:relative}
[class*="content-box"].step-1 .motion-item-box:nth-child(2) .motion-items{opacity:0;background-image:url("../images/introduce/dancingpopo_img_motion_05.png");background-position:center center;background-repeat:no-repeat;background-size:254px 254px;-webkit-transform:translate3d(-39%, -50%, 0);transform:translate3d(-39%, -50%, 0)}
[class*="content-box"].step-1 .motion-item-box:nth-child(3){width:46.85%;position:relative;height:100%}
[class*="content-box"].step-1 .motion-item-box:nth-child(3) .motion-items{opacity:0;background-image:url("../images/introduce/dancingpopo_img_motion_06.png");background-position:center center;background-repeat:no-repeat;background-size:329px 329px;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}
[class*="content-box"].step-1 .motion-item-box .motion-items{overflow:hidden;will-change:auto;border-radius:50%;width:2.8rem;aspect-ratio:1/1;position:absolute;left:50%;top:50%}
[class*="content-box"] .round-type-tag{border-width:2px}
[class*="content-box"] .round-type-tag p + p,[class*="content-box"] .round-type-tag span + span{margin-left:1rem;padding-left:1rem}
[class*="content-box"] .round-type-tag p + p::before,[class*="content-box"] .round-type-tag span + span::before{background-color:#4051b8;top:-webkit-calc(50% + 1px);top:calc(50% + 1px)}
[class*="content-box"] .round-type-tag.pink02.invert p + p::before,[class*="content-box"] .round-type-tag.sky02.invert p + p::before,[class*="content-box"] .round-type-tag.yellow.invert p + p::before{background-color:#fff}
[class*="content-box"] .video-container{-webkit-box-shadow:10px 10px 20px 0 #00000029;box-shadow:10px 10px 20px 0 #00000029;margin-bottom:2rem;width:100%}
[class*="content-box"] .motion-img02-1,[class*="content-box"] .motion-img02-2,[class*="content-box"] .motion-img03-1,[class*="content-box"] .motion-img03-2{position:absolute;opacity:0;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);margin-top:0!important;-webkit-transform:translateX(-50%)!important;-ms-transform:translateX(-50%)!important;transform:translateX(-50%)!important}
[class*="content-box"] .motion-img02-1,[class*="content-box"] .motion-img02-2{left:47%!important;top:10.9%;width:59%}
[class*="content-box"] .motion-img03-1,[class*="content-box"] .motion-img03-2{left:50%!important;width:57%;top:4.1%}
[class*="content-box"] .motion-img01-1,[class*="content-box"] .motion-img01-2{position:absolute;opacity:0;width:62.4%;left:50%;margin-top:0!important;-webkit-transform:translateX(-50%)!important;-ms-transform:translateX(-50%)!important;transform:translateX(-50%)!important;top:23.5%}
@media (min-width: 1024px){
.pc-show{display:block}
.mo-show{display:none}
.book-view-container .video-container{max-width:60.2rem}
.round-type-tag{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:2rem;line-height:1.5;font-weight:700;padding:0.9rem 3rem}
.round-type-tag p + p,.round-type-tag span + span{margin-left:2rem;padding-left:2rem;position:relative}
.round-type-tag p + p::before,.round-type-tag span + span::before{background-color:#00cf6b;content:"";height:1.6rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px}
[class*="content-box"] .step-number{font-size:2.8rem;line-height:1.35;height:8rem;width:8rem}
[class*="content-box"].concept-type{margin:7rem 0 0 0}
[class*="content-box"].concept-type .step-sub-title{margin-top:0}
[class*="content-box"].concept-type .step-sub-desc{line-height:2;margin-top:5.6rem}
[class*="content-box"].concept-type .step-sub-desc > b{vertical-align:top}
[class*="content-box"].concept-type .img-box{margin:7rem auto 0}
[class*="content-box"].step-type .round-type-tag{margin:0 auto}
[class*="content-box"].step-1::before{height:80%}
[class*="content-box"].step-1 .step-sub-title{letter-spacing:-0.02em}
[class*="content-box"].step-1 .img-box{margin:5.6rem auto 0;max-width:83.8rem}
[class*="content-box"].step-1 .public-swiper-container{margin-top:9rem}
[class*="content-box"].step-1 .motion-item-box:nth-child(1) .motion-items{-webkit-transform:translate3d(-webkit-calc(-50% + 13.5px), -50%, 0);transform:translate3d(calc(-50% + 13.5px), -50%, 0)}
[class*="content-box"].step-1 .motion-item-box:nth-child(2) .motion-items{-webkit-transform:translate3d(-webkit-calc(-50% + 29px), -50%, 0);transform:translate3d(calc(-50% + 29px), -50%, 0)}
[class*="content-box"].step-5 .video-container{max-width:60rem;width:100%}
[class*="content-box"].round-type .round-type-sub-desc{padding:0 18.4rem}
[class*="content-box"] .public-swiper-container{margin-top:5.6rem}
[class*="content-box"] .public-swiper-container .align-center-box{margin-bottom:3rem}
[class*="content-box"] .public-swiper-container .content-sub-tit{font-size:1.8rem;line-height:1.55;margin:-2rem 0 2rem;text-align:center}
[class*="content-box"] .public-swiper-container .cont-area{border-radius:0;overflow:visible}
[class*="content-box"] .public-swiper-container .round-type-tag{margin:0 auto}
[class*="content-box"] .public-swiper-container .round-type-tag p + p,[class*="content-box"] .public-swiper-container .round-type-tag span + span{margin-left:2rem;padding-left:2rem}
[class*="content-box"] .bg-img{border-radius:2rem;overflow:hidden}
}
@media (max-width: 1023px){
.pc-show{display:none}
.mo-show{display:block}
.txt-area{padding-right:0}
.txt-area .txt-box{padding-left:1.7rem}
.book-view-container{border-radius:1.5rem 1.5rem 0 0;background-color:#fff}
.book-view-container .book-view-inner{background-color:transparent}
.round-type-tag{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:1.4rem;line-height:1.71;font-weight:700;padding:0.3rem 1.6rem}
.round-type-tag p + p,.round-type-tag span + span{margin-left:1rem;padding-left:1rem;position:relative}
.round-type-tag p + p::before,.round-type-tag span + span::before{background-color:#00cf6b;content:"";height:1.6rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px}
[class*="content-box"].concept-type{margin:4rem 0 0 0}
[class*="content-box"].concept-type .img-box{margin-top:3rem;margin-bottom:-3rem}
[class*="content-box"].concept-type .img-box .motion-item-box{width:54.25%;height:54.38vw}
[class*="content-box"].concept-type .img-box .motion-item-box:not(:first-child){width:48.15%}
[class*="content-box"].concept-type .img-box .motion-item-box:not(:first-child) .motion-txt{bottom:22%!important}
[class*="content-box"].concept-type .img-box .motion-item-box:nth-child(2){margin-right:3.6%}
[class*="content-box"].concept-type .img-box .motion-item-box:first-child{margin-top:-18.5vw}
[class*="content-box"].concept-type .img-box .motion-item-box:first-child img{margin-top:18.5vw;-webkit-transform:translateY(-15%);-ms-transform:translateY(-15%);transform:translateY(-15%)}
[class*="content-box"].concept-type .img-box .motion-item-box .motion-txt{bottom:-1.6rem}
[class*="content-box"].concept-type .img-box .motion-item-box .motion-txt span{font-size:1.6rem;line-height:1.62}
[class*="content-box"].concept-type .img-box .motion-item-box img{opacity:0;position:absolute}
[class*="content-box"].concept-type .img-box .motion-item-box .motion-img01-1,[class*="content-box"].concept-type .img-box .motion-item-box .motion-img01-2{margin-top:18.5vw!important;top:4.3%!important}
[class*="content-box"].concept-type .step-sub-desc{margin-top:2rem}
[class*="content-box"].step-1 .img-box{margin:2.5rem auto 0;max-width:-webkit-calc(100% - 4rem)!important;max-width:calc(100% - 4rem)!important;width:100%!important;height:42.26vw}
[class*="content-box"].step-1 .motion-item-box{width:100%}
[class*="content-box"].step-1 .motion-item-box .motion-items{width:100%;height:100%;border-radius:0;aspect-ratio:unset;position:static;-webkit-transform:none;-ms-transform:none;transform:none}
[class*="content-box"].step-1 .motion-item-box .motion-img06{position:static;width:100%;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;left:unset}
[class*="content-box"].step-1 .motion-item-box .mask{width:100%;height:-webkit-calc(100% + 20px);height:calc(100% + 20px);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);--gradient-stop:0%;--mask-alpha:1;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(245, 245, 245, var(--mask-alpha))));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(245, 245, 245, var(--mask-alpha)) var(--gradient-stop));background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(245, 245, 245, var(--mask-alpha)) var(--gradient-stop))}
[class*="content-box"].step-type .round-type-tag{margin:0 auto}
[class*="content-box"].step-5::before{height:63.77%}
[class*="content-box"] .round-type-tag{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}
[class*="content-box"] .public-swiper-container{margin-top:3.5rem}
[class*="content-box"] .public-swiper-container .align-center-box{margin-bottom:1rem}
[class*="content-box"] .public-swiper-container .content-sub-tit{font-size:1.4rem;line-height:1.71;margin:0 0 1rem;text-align:center}
[class*="content-box"] .public-swiper-container .cont-area{border-radius:0;overflow:visible}
[class*="content-box"] .step-sub-desc > .bold{font-size:1.4rem;line-height:1.71;font-weight:700}
[class*="content-box"] .step-sub-title{margin-top:1.5rem}
}