body {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    margin:0;
    padding:0;
}
.home {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(750 / 750 * 100vw);
    height: calc(1969 / 750 * 100vw);
    background: url('../img/bg.png') 100% 100% no-repeat;
    background-size: 100% 100%;
    .home_logo {
        position: absolute;
        top: calc(58 / 750 * 100vw);
        left: calc(18 / 750 * 100vw);
        width: calc(198 / 750 * 100vw);
        height: calc(33 / 750 * 100vw);
        background: url('../img/logo.png') 100% 100% no-repeat;
        background-size: 100% 100%;
    }
    .home_ad {
        position: absolute;
        top: calc(62 / 750 * 100vw);
        right: calc(21 / 750 * 100vw);
        width: calc(58 / 750 * 100vw);
        height: calc(25 / 750 * 100vw);
        background: url('../img/ad.png') 100% 100% no-repeat;
        background-size: 100% 100%;
    }
    .home_up {
        position: absolute;
        top: calc(21 / 750 * 100vw);
        left: 0;
        width: calc(750 / 750 * 100vw);
        height: calc(682 / 750 * 100vw);
        background: url('../img/home_up.png') 100% 100%
            no-repeat;
        background-size: 100% 100%;
    }
    .home_rule {
        position: absolute;
        top: calc(721 / 750 * 100vw);
        left: 0;
        width: calc(750 / 750 * 100vw);
        height: calc(1159 / 750 * 100vw);
        background: url('../img/home_rule.png') 100% 100%
            no-repeat;
        background-size: 100% 100%;
    }
    .button_sign {
        position: absolute;
        top: calc(1689 / 750 * 100vw);
        left: calc(189 / 750 * 100vw);
        width: calc(373 / 750 * 100vw);
        height: calc(116 / 750 * 100vw);
        background: url('../img/sign.png') 100% 100% no-repeat;
        background-size: 100% 100%;
    }
}