.wipe{position:relative;background:url(../img/wipe_bg.png) no-repeat top center/100%;isolation:isolate}.wipe .box{z-index:unset}.wipe h2{position:relative;z-index:1}.wipe .loop{top:max(calc(-35/ 800 * 100vw),-35px)}.wipe .loop p{width:min(calc(3470/ 800 * 100vw),3470px)}.wipe_sub p:not(:first-of-type){position:absolute;top:0}.wipe_note{position:absolute;width:min(calc(244/ 800 * 100vw),244px);right:min(calc(55/ 800 * 100vw),55px);bottom:min(calc(142/ 800 * 100vw),142px)}.wipe .wipe_circle{width:100%;position:absolute;top:max(calc(-45/ 800 * 100vw),-45px);display:flex;justify-content:space-between;z-index:0}.wipe .wipe_circle li{width:min(calc(380/ 800 * 100vw),380px);z-index:0}.wipe .wipe_product{width:min(calc(178/ 800 * 100vw),178px);position:absolute;top:max(calc(-58/ 800 * 100vw),-58px);left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:2}.wipe .wipe_point{position:relative;z-index:1}.wipe .wipe_point::after{content:"";width:min(calc(800/ 800 * 100vw),800px);height:min(calc(893/ 800 * 100vw),893px);position:absolute;top:max(calc(-34/ 800 * 100vw),-34px);background:url(../img/wipe_hand.png) no-repeat top center/contain;z-index:-1}.wipe .wipe_point li:nth-child(2){position:absolute;top:0}.wipe h3{position:relative;z-index:1}.wipe_pic{width:min(calc(500/ 800 * 100vw),500px);position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.wipe video{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transform-origin:center}.wipe_video_box{position:absolute;width:min(calc(750/ 800 * 100vw),750px);height:min(calc(500/ 800 * 100vw),500px);margin:0 auto;overflow:hidden;left:0;right:0}.wipe_bubble li{position:absolute}.wipe_bubble li:first-child{width:min(calc(210/ 800 * 100vw),210px);left:min(calc(132/ 800 * 100vw),132px);top:max(calc(-20/ 800 * 100vw),-20px)}.wipe_bubble li:nth-child(2){width:min(calc(230/ 800 * 100vw),230px);right:min(calc(93/ 800 * 100vw),93px);bottom:min(calc(169/ 800 * 100vw),169px)}.wipe_bubble li:nth-child(3){width:min(calc(290/ 800 * 100vw),290px);left:min(calc(55/ 800 * 100vw),55px);bottom:min(calc(69/ 800 * 100vw),69px)}.wipe_bubble li:first-child.move{animation-duration:1s,2.1s}.wipe_bubble li:nth-child(2).move{animation-duration:1s,2.8s}.wipe_bubble li:nth-child(3).move{animation-duration:1s,3.5s}.wipe_pic{opacity:1;transform:translateX(-50%);transition:transform 1s ease,opacity 1s ease}.wipe .wipe_point::after{opacity:0;transform:translateX(100%);transition:transform 1s ease,opacity 1s ease}.wipe.active .wipe_pic{opacity:0;transform:translateX(-150%);transition:transform 1.5s ease,opacity 1.5s ease}.wipe.active .wipe_point::after{opacity:1;transform:translateX(0);transition:transform 1.5s ease,opacity 1.5s ease}.wipe .wipe_point li{opacity:0;transform:translateY(30px);transition:opacity .2s ease,transform .2s ease}.wipe .wipe_point li.move{opacity:1;transform:translateY(0)}