@media screen and (min-width:750px) {
    html {
        font-size: 625%;
    }

    .piece {
        width: 600px;
        margin: 0 auto;
    }

    .startfinger {
        display: none;
    }

    .p1Txt {
        width: calc(67.9px * 6);
        left: calc(16.1px * 6);
        top: calc(93.2px * 6);
    }

    .p1Hero {
        width: calc(96.6px * 6);
        left: calc(3.2px * 6);
        top: calc(184.2px * 6);
    }



    .p1Thunder {
        width: calc(52.3px * 6);
        height: calc(76.5px * 6);
        left: calc(35.4px * 6);
        top: calc(19.3px * 6);
    }

    .p1Block,
    .p1Head {
        width: calc(41.5px * 6);
        left: calc(28.2px * 6);
        top: calc(5.9px * 6);
    }

    .p1Finger {
        width: calc(25.5px * 6);
        left: calc(37.7px * 6);
        top: calc(34.7px * 6);
    }

    .p2Txt {
        width: calc(77.4px * 6);
        left: calc(12.1px * 6);
        top: calc(5px * 6);
    }

    .p2Flag {
        width: calc(98px * 6);
        height: calc(79px * 6);
        left: calc(-3px * 6);
        top: calc(106.7px * 6);
    }

    .p2Map {
        width: calc(84.7px * 6);
        left: calc(12.2px * 6);
        top: calc(151.1px * 6);
    }

    .p2Point {
        width: calc(4.7px * 6);
        left: calc(61.5px * 6);
        top: calc(166.4px * 6);
    }

    .p2Block {
        width: calc(55.1px * 6);
        left: calc(6px * 6);
        top: calc(158.1px * 6);
    }

    .p2Head {
        width: calc(55.1px * 6);
        left: calc(6px * 6);
        top: calc(158.1px * 6);
    }

    .p2Finger {
        width: calc(25.8px * 6);
        left: calc(37.8px * 6);
        top: calc(209.1px * 6);
    }

    .p2Bird {
        width: calc(31.7px * 6);
        left: calc(50.7px * 6);
        top: calc(119.7px * 6);
    }

    .p2Leaf1 {
        width: calc(36.7px * 6);
        left: calc(-3px * 6);
        top: calc(64.5px * 6);
        z-index: 20;
    }

    .p2Leaf2 {
        width: calc(25.2px * 6);
        left: calc(76.8px * 6);
        top: calc(79.5px * 6);
    }

    .p2Leaf3 {
        width: calc(25.3px * 6);
        left: calc(76.7px * 6);
        top: calc(172.7px * 6);
    }

    .p3Txt {
        width: calc(74px * 6);
        left: calc(11.5px * 6);
        top: calc(5.6px * 6);
    }

    .p3Solid {
        width: calc(67.6px * 6);
        left: calc(0.5px * 6);
        top: calc(63.1px * 6);
    }

    .p3Flag {
        width: calc(96.2px * 6);
        height: calc(55.3px * 6);
        top: calc(133.2px * 6);
    }

    .p3Team {
        width: calc(50.6px * 6);
        left: calc(49.4px * 6);
        top: calc(131.6px * 6);
    }

    .p3Glass {
        width: calc(100px * 6);
    }

    .p3Flash {
        width: calc(65.4px * 6);
        height: calc(34.4px * 6);
        left: calc(34.4px * 6);
        top: calc(42.3px * 6);
    }

    .p4Txt {
        width: calc(71.6px * 6);
        left: calc(15.1px * 6);
        top: calc(85.6px * 6);
    }

    .p4Honor {
        width: calc(100px * 6);
        top: calc(12.3px * 6);
    }

    .p4Aim {
        width: calc(22.4px * 6);
        left: calc(68.6px * 6);
        top: calc(146.8px * 6);
    }

    .p4Gun1 {
        width: calc(5.5px * 6);
        left: calc(77.1px * 6);
        top: calc(87.1px * 6);
    }

    .p4Gun2 {
        width: calc(5.5px * 6);
        left: calc(72.1px * 6);
        top: calc(90.7px * 6);
    }

    .p4Gun3 {
        width: calc(5.5px * 6);
        left: calc(79.3px * 6);
        top: calc(92.4px * 6);
    }

    .p5Txt {
        width: calc(36.6px * 6);
        left: calc(31.7px * 6);
        top: calc(295.4px * 6);
    }

    .cloud1 {
        width: calc(248.8px * 6);
        left: calc(-120.7px * 6);
    }

    .cloud2 {
        width: calc(238.3px * 6);
        left: calc(-11.5px * 6);
    }

    .p6Txt {
        width: calc(72px * 6);
        left: calc(15.2px * 6);
        top: calc(3.1px * 6);
    }

    .p6Finger {
        width: calc(25.5px * 6);
        left: calc(15px * 6);
        top: calc(109.4px * 6);
    }

    .p6Cloud {
        width: calc(100px * 6);
    }

    .p6Wave {
        width: calc(100px * 6);
    }

    .p6Sand1 {
        width: calc(100px * 6);
        top: calc(124.9px * 6);
    }

    .p6Sand2 {
        width: calc(100px * 6);
        top: calc(116.8px * 6);
    }

    .changeDate .swiper-slide {
        width: calc(100px * 6);
    }

    .dateMenu {
        width: calc(60px * 6);
        height: calc(27.9px * 6);
        left: calc(20px * 6);
        top: calc(11px * 6);
    }

    .dateMenu .swiper-wrapper {
        width: calc(20px * 6);
        top: 34px;
        left: calc(30px * 6);
    }

    .dateMenu .swiper-slide {
        width: calc(15.8px * 6);
        height: calc(9.3px * 6);
        font-size: calc(5px * 6);
        font-size: calc(5px * 6);
    }

    .dateMenu .swiper-slide-active {
        font-size: 50px;
    }

    .p7Finger {
        width: calc(25.5px * 6);
        left: calc(71.8px * 6);
        top: calc(142.3px * 6);
    }

    .p7Monther {
        width: calc(6px * 6);
        left: calc(20px * 6);
        top: calc(11.6px * 6);
    }

    .p7Date {
        width: calc(5px * 6);
        left: calc(49.4px * 6);
        top: calc(11.6px * 6);
    }

    .p7Number {
        font-size: 50px;
        left: calc(9px * 6);
        top: calc(10.2px * 6);
    }

    .p8Txt {
        width: calc(78px * 6);
        left: calc(11.2px * 6);
        top: calc(24.6px * 6);
    }

    .p8Talk {
        width: calc(50.5px * 6);
        left: calc(46.1px * 6);
        top: calc(84.6px * 6);
    }

    .p8Finger {
        width: calc(25.5px * 6);
        left: calc(72.1px * 6);
        top: calc(113.5px * 6);
    }

    .p8Circle {
        width: calc(79.4px * 6);
        left: calc(-7.3px * 6);
        top: calc(78.1px * 6);
    }

    .p8Grand {
        width: calc(66.8px * 6);
        top: calc(65.2px * 6);
    }

    .p9Txt {
        width: calc(66.4px * 6);
        left: calc(16px * 6);
        top: calc(6.3px * 6);
    }

    .p9Car {
        width: calc(93.6px * 6);
        left: calc(6.4px * 6);
        top: calc(30.7px * 6);
    }

    .p9Doc {
        width: calc(100px * 6);
        top: calc(73.2px * 6);
    }

    .p10Txt {
        width: calc(64.7px * 6);
        left: calc(17px * 6);
        top: calc(12px * 6);
    }

    .p10Eye {
        width: calc(100px * 6);
        height: calc(31.4px * 6);
        top: calc(79.8px * 6);
    }

    .p11Txt {
        width: calc(66.4px * 6);
        left: calc(16px * 6);
        top: calc(8.5px * 6);
    }

    .p12Txt {
        width: calc(70.7px * 6);
        left: calc(14.1px * 6);
        top: calc(9.6px * 6);
    }

    .p12Botton {
        width: calc(56px * 6);
        left: calc(22px * 6);
        top: calc(160.5px * 6);
    }

    .p12Flower {
        width: calc(100px * 6);
        bottom: calc(30px * 6);
    }

    .p12Photo {
        width: calc(82.1px * 6);
        height: calc(52.9px * 6);
        left: calc(9.5px * 6);
        top: calc(98.4px * 6);
    }

    .p12Video {
        width: calc(82.1px * 6);
        height: calc(52.9px * 6);
        left: calc(9.5px * 6);
        top: calc(98.4px * 6);
    }

    .p13Play {
        width: calc(33.1px * 6);
        left: calc(9px * 6);
        top: calc(76.1px * 6);
    }

    .p13Block {
        width: calc(93.3px * 6);
        left: calc(3.3px * 6);
        top: calc(24.4px * 6);
    }

    .p13Photo,
    .p13Video {
        width: calc(89.8px * 6);
        height: calc(61.5px * 6);
        left: calc(5.1px * 6);
        top: calc(26px * 6);
    }

    .p14Txt {
        width: calc(59.7px * 6);
        left: calc(19.4px * 6);
        top: calc(21.5px * 6);
    }

    .p14Block {
        width: calc(91.6px * 6);
        left: calc(4.8px * 6);
        top: calc(89.2px * 6);
    }

    .p14Person {
        width: calc(28.4px * 6);
        left: calc(47px * 6);
        top: calc(99.2px * 6);
    }

    .p15Txt {
        width: calc(59.1px * 6);
        left: calc(26px * 6);
        top: calc(66.4px * 6);
    }

    .p15Txt img {
        width: calc(59.1px * 6);
    }

    .p16Say {
        width: calc(32.6px * 6);
        left: calc(33.7px * 6);
        top: calc(28px * 6);
    }

    .bullet1 {
        width: calc(358.2px * 6);
        height: calc(38px * 6);
        left: calc(100px * 6);
        top: calc(45px * 6);
    }

    .bullet2 {
        width: calc(358.2px * 6);
        height: calc(38px * 6);
        left: calc(100px * 6);
        top: calc(45px * 6);
    }

    @keyframes butGo {
        0% {
            left: calc(100px * 6);
        }

        100% {
            left: calc(-716.4px * 6);
        }
    }

    .p16Txt {
        width: calc(67.7px * 6);
        left: calc(15.6px * 6);
        top: calc(184.5px * 6);
    }

    .p16Run {
        width: calc(72.7px * 6);
        left: calc(15.9px * 6);
        top: calc(98.6px * 6);
    }

    .p16Cloud1 {
        width: calc(117px * 6);
        left: calc(-79.7px * 6);
        top: calc(199.4px * 6);
    }

    .p16Cloud2 {
        width: calc(117px * 6);
        left: calc(56.7px * 6);
        top: calc(202.3px * 6);
    }

    .last .mp3Play {
        top: calc(45px * 6);
    }

}