.guide {
    width:100vw;
    height: 100vh;
    background-image: url('../img/guide/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.guide .bubble img {
    position: absolute;
    left: -76px;
    top: 18px;
    z-index: 10;
}
.guide .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 1579px;
    max-height: 896px;
    background: #dfedff;
    -webkit-box-shadow: 0 0 21px 1px rgba(0,0,0,0.57);
    box-shadow: 0 0 21px 1px rgba(0,0,0,0.57);
}
.guide .subwrapper {
    position: absolute;
    top: 92px;
    left: 92px;
    right: 92px;
    bottom: 92px;
    margin: auto;
    background: #fff;
    overflow: hidden;
}
.guide .center-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 1380px;
    max-height: 700px;
}
.guide .image1 {
    bottom: auto;
    left: auto;
    top: 0;
}
.guide .screen1-image1 {
    position: absolute;
    right: 170px;
    top: 16px;
    display: none;
}
.guide .screen1-image3 {
    position: absolute;
    right: 511px;
    top: 566px;
    display: none;
}
.guide .screen1-image4 {
    position: absolute;
    right: 245px;
    top: 573px;
    display: none;
}
.guide .screen1-image2 {
    position: absolute;
    left: 534px;
    top: 100px;
    display: none;
}
.guide .screen1 h2 {
    font-family: BrandonBlack;
    font-size: 138px;
    line-height: 140px;
    color: #85c5de;
    margin-bottom: 0;
    position: absolute;
    top: 222px;
    left: 270px;
    display: none;
}
.guide .screen1 h2 span {
    position: relative;
    top: -47px;
    font-size: 79px;
}
.guide .screen1 h3 {
    font-family: BrandonBold;
    font-size: 58px;
    line-height: 52px;
    color: #85c5de;
    margin-top: 10px;
    position: absolute;
    top: 372px;
    left: 226px;
    display: none;
}
.guide .screen1 p {
    font-family: BrandonBold;
    font-size: 24px;
    line-height: 25px;
    color: #606060;
    margin-bottom: 8px;
    position: absolute;
    top: 510px;
    left: 226px;
    display: none;
}
.guide .screen1 p sup {
    font-size: 16px;
    font-family: BrandonMedium;
    position: relative;
    top: -6px;
    left: 4px;
}
.guide .screen1 p.small {
    display: block;
    top: 546px;
    font-size: 12px;
    color: #606060;
    font-family: BrandonRegular;
    letter-spacing: -0.3px;
    display: none;
}
.guide .image2 {
    right: 0;
    left: auto;
    top: auto;
}
.guide .screen2-image1 {
    position: absolute;
    right: 371px;
    top: 178px;
    z-index: 2;
    display: none;
}
.guide .screen2-image3 {
    position: absolute;
    right: 219px;
    top: 191px;
    display: none;
}
.guide .screen2-image4 {
    position: absolute;
    right: 561px;
    top: 108px;
    display: none;
}
.guide .screen2-image2 {
    position: absolute;
    left: 586px;
    top: 302px;
    display: none;
}
.guide .screen2-image5 {
    position: absolute;
    right: 323px;
    top: 475px;
    display: none;
}
.guide .screen2-image6 {
    position: absolute;
    right: 232px;
    top: 544px;
    max-width: 44px;
    display: none;
}
.guide .screen2 h2 {
    color: #85c5de;
    font-family: BrandonBlack;
    font-size: 48px;
    line-height: 47px;
    margin-bottom: 0;
    position: absolute;
    top: 205px;
    left: 194px;
    display: none;
}
.guide .screen2 p {
    font-family: BrandonBold;
    font-size: 24px;
    line-height: 28px;
    color: #606060;
    margin-bottom: 8px;
    position: absolute;
    top: 411px;
    left: 194px;
    display: none;
}
.guide .screen2 p sup {
    font-size: 14px;
    font-family: BrandonMedium;
    position: relative;
    top: -6px;
    left: 4px;
}
.guide .screen2 p.small {
    display: block;
    top: 546px;
    font-size: 12px;
    line-height: 17px;
    color: #606060;
    font-family: BrandonRegular;
    letter-spacing: -0.3px;
    display: none;
    max-width: 390px;
}
.guide .screen4-image1 {
    position: absolute;
    right: 101px;
    top: 229px;
    display: none;
}
.guide .screen4-image2 {
    position: absolute;
    right: 136px;
    top: 137px;
    display: none;
}
.guide .screen4-image3 {
    position: absolute;
    right: 116px;
    top: 265px;
    display: none;
}
.guide .screen4-image4 {
    position: absolute;
    right: 203px;
    top: 444px;
    max-width: 73px;
    display: none;
}
.guide .screen4-image5 {
    position: absolute;
    right: 166px;
    top: 482px;
    max-width: 35px;
    display: none;
}
.guide .image3 {
    display: none;
}

.guide .screen4 .image4 {
    position: absolute;
    right: -53px;
    top: 40px;
    display: none;
}
.guide .screen4 .text {
    position: absolute;
    left: 416px;
    top: 116px;
    z-index: 8;
}
.guide .screen4 .text h2 {
    font-family: BrandonBlack;
    font-size: 68px;
    line-height: 72px;
    color: #85c5de;
    margin-bottom: 0;
    display: none;
}
.guide .screen4 .text h3 {
    font-family: BrandonBold;
    font-size: 34px;
    line-height: 44px;
    color: #85c5de;
    margin-top: 10px;
    margin-bottom: 31px;
    display: none;
}
.guide .screen4 .text h5 {
    font-family: BrandonBlack;
    font-size: 18px;
    line-height: 22px;
    color: #85c5de;
    margin-top: 37px;
    margin-bottom: 0px;
    margin-left: 6px;
    display: none;
}
.guide .screen4 .text p {
    font-family: BrandonRegular;
    font-size: 15px;
    line-height: 18px;
    color: #4d4d4d;
    padding-left: 52px;
    margin-bottom: 8px;
    position: relative;
    display: none;
}
.guide .screen4 .text p .icon5 {
    position: absolute;
    left: 9px;
    top: -1px;
}
.guide .guide-replay {
    font-family: BrandonBlack;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    right: 38px;
    top: 110px;
    background: #cac9c6;
    display: block;
    width: 258px;
    height: 59px;
    text-align: center;
    z-index: 11;
    line-height: 59px;
    left: auto;
    right: 38px;
    display: none;
}
.guide .guide-replay.backbtn {
    width: 192px;
    right: 32px;
}
.guide .guide-replay img {
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.guide .screen4 .link1 {
    background: #ffd5b9;
    top: 106px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.guide .screen4 .link1.scale-max,
.guide .screen4 .link2.scale-max,
.guide .screen4 .link3.scale-max {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.guide .screen4 .link1.scale-normal,
.guide .screen4 .link2.scale-normal,
.guide .screen4 .link3.scale-normal {
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.guide .screen4 .link2 {
    background: #d9e7f4;
    top: 281px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}

.guide .screen4 .link3 {
    background: #ffe8a6;
    top: 459px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.guide .screen4 .guide-link {
    position: absolute;
    left: 187px;
    width: 175px;
    height: 165px;
}
.guide .screen4 .guide-link img {
    display: block;
    position: absolute;
    top: 53px;
    left: 61px;
}
.guide .screen4 .guide-link span {
    display: block;
    position: absolute;
    top: 102px;
    font-family: BrandonBlack;
    font-size: 18px;
    text-align: center;
    left: 0;
    right: 0;
    color: #fff;
}
.guide .screen-sms {
    position: absolute;
    z-index: 9;
    height: 712px;
    width: 100%;
    right: 0;
    left: auto;
}
.guide .screen-sms h3 {
    font-family: BrandonBlack;
    font-size: 50px;
    line-height: 57px;
    color: #85c5de;
    position: absolute;
    z-index: 8;
    top: 223px;
    left: 234px;
    display: none;
}

.guide .screen-sms h5 {
    font-family: BrandonBold;
    font-size: 22px;
    line-height: 25px;
    color: #606060;
    position: absolute;
    z-index: 8;
    top: 376px;
    left: 299px;
    display: none;
}
.guide .screen-sms p {
    font-family: BrandonRegular;
    font-size: 10px;
    font-style: italic;
    line-height: 14px;
    color: #606060;
    padding-left: 52px;
    margin-bottom: 8px;
    position: absolute;
    z-index: 8;
    top: 550px;
    left: 248px;
    letter-spacing: -0.18px;
    display: none;
}
.guide .screen-sms p a {
    color: #606060;
    text-decoration: underline;
}
.guide .screen-sms form {
    position: absolute;
    z-index: 8;
    top: 474px;
    left: 301px;
}
.guide .screen-sms input {
    display: inline-block;
    width: 528px;
    height: 59px;
    background: #ededed;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 0 25px;
    display: none;
    font-family: BrandonMedium;
    font-size: 12px;

}
.guide .screen-sms button img {
    margin-right: 14px;
    position: relative;
    top: -1px;
}
.guide .screen-sms button {
    padding: 0;
    display: inline-block;
    height: 59px;
    position: relative;
    top: 3px;
    margin-left: 11px;
    width: 269px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    background: #fc9c5c;
    color: #fff;
    font-family: BrandonBlack;
    font-size: 22px;
    line-height: 59px;
    text-align: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.guide .screen-sms button.scale-max {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.guide .screen-sms button.scale-normal {
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.guide .screenmail-image1 {
    position: absolute;
    z-index: 2;
    right: 430px;
    top: 51px;
    display: none;
}
.guide .screenmail-image2 {
    position: absolute;
    z-index: 12;
    right: 375px;
    top: 47px;
    display: none;
}
.guide .screenmail-image3 {
    position: absolute;
    z-index: 12;
    right: 647px;
    top: 299px;
    display: none;
}
.guide .screen-mail {
    position: absolute;
    z-index: 9;
    height: 712px;
    width: 100%;
    right: 0;
    left: auto;
}
.guide .screenmail2-image1 {
    position: absolute;
    z-index: 12;
    right: 424px;
    top: 46px;
    display: none;
}
.guide .screenmail2-image2 {
    position: absolute;
    z-index: 12;
    right: 298px;
    top: 1px;
    display: none;
}
.guide .screenmail2-image3 {
    position: absolute;
    z-index: 12;
    right: 390px;
    top: 305px;
    display: none;
}
.guide .screen-mail h3 {
    font-family: BrandonBlack;
    font-size: 50px;
    line-height: 57px;
    color: #85c5de;
    position: absolute;
    z-index: 8;
    top: 223px;
    left: 222px;
    display: none;
}
.guide .screen-mail .image5 {
    position: absolute;
    z-index: 7;
    right: 295px;
    top: 0px;
}
.guide .screen-mail h5 {
    font-family: BrandonBold;
    font-size: 22px;
    line-height: 25px;
    color: #606060;
    position: absolute;
    z-index: 8;
    top: 384px;
    left: 273px;
    display: none;
}
.guide .screen-mail p {
    font-family: BrandonRegular;
    font-size: 10px;
    font-style: italic;
    line-height: 14px;
    color: #606060;
    padding-left: 52px;
    margin-bottom: 8px;
    position: absolute;
    z-index: 8;
    top: 560px;
    left: 221px;
    letter-spacing: -0.03px;
    display: none;
}
.guide .screen-mail p a {
    color: #606060;
    text-decoration: underline;
}
.guide .screen-mail form {
    position: absolute;
    z-index: 8;
    top: 480px;
    left: 273px;
}
.guide .screen-mail input {
    display: inline-block;
    width: 571px;
    height: 59px;
    background: #ededed;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 0 25px;
    display: none;
    font-family: BrandonMedium;
    font-size: 12px;
}
.guide .screen-mail button img {
    margin-right: 14px;
    position: relative;
    top: -1px;
}
.guide .screen-mail button {
    padding: 0;
    display: inline-block;
    height: 59px;
    position: relative;
    top: 3px;
    margin-left: 11px;
    width: 269px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    background: #fc9c5c;
    color: #fff;
    font-family: BrandonBlack;
    font-size: 22px;
    line-height: 59px;
    text-align: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.guide .screen-mail button.scale-max {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.guide .screen-mail button.scale-normal {
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.guide .screen-danke {
    position: absolute;
    z-index: 9;
    height: 712px;
    width: 100%;
    right: 0;
    left: auto;
}
.guide .screen-danke h2 {
    font-family: BrandonBlack;
    font-size: 84px;
    line-height: 90px;
    color: #85c5de;
    position: absolute;
    z-index: 9;
    top: 215px;
    left: 599px;
    display: none;
}
.guide .screen-danke .image7{
    position: absolute;
    z-index: 8;
    top: 66px;
    left: 79px;
    display: none;
}
.guide .screen-danke .image8{
    position: absolute;
    z-index: 8;
    top: 123px;
    left: 907px;
    display: none;
}
.guide .danke-link1 {
    background: #fcd462;
    position: absolute;
    z-index: 9;
    top: 357px;
    left: 672px;
    display: block;
    height: 59px;
    width: 280px;
    color: #fff;
    font-family: BrandonBlack;
    font-size: 23px;
    line-height: 59px;
    text-align: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.guide .danke-link2 {
    background: #fdb07d;
    position: absolute;
    z-index: 9;
    top: 426px;
    left: 672px;
    display: block;
    height: 59px;
    width: 280px;
    font-family: BrandonBlack;
    font-size: 23px;
    line-height: 59px;
    text-align: center;
    color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.guide .danke-link3 {
    background: #d9e7f4;
    position: absolute;
    z-index: 9;
    display: block;
    top: 357px;
    left: 972px;
    display: block;
    height: 174px;
    width: 183px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: -webkit-transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.guide .danke-link1.scale-max,
.guide .danke-link2.scale-max,
.guide .danke-link3.scale-max {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.guide .danke-link1.scale-normal,
.guide .danke-link2.scale-normal,
.guide .danke-link3.scale-normal {
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.guide .danke-link3 span {
    font-family: BrandonBlack;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 103px;
}
.guide .danke-link3 img {
    position: absolute;
    top: 31px;
    left: 68px;

}
.guide .screendanke-image1 {
    position: absolute;
    z-index: 1;
    top: 64px;
    left: 68px;
    display: none;
}
.guide .screendanke-image3 {
    position: absolute;
    z-index: 12;
    right: 214px;
    top: 100px;
    display: none;
}
.guide .screendanke-image2 {
    position: absolute;
    z-index: 12;
    top: 515px;
    left: 526px;
    display: none;
}
.guide .screendanke-image4 {
    position: absolute;
    z-index: 12;
    top: 527px;
    left: 656px;
    display: none;
}
.w-mobile {
    display: none!important;
}
.w-full {
    display: block!important;
}
@media (max-width: 1700px) {
    .guide .wrapper {
        max-width: 1250px;
        max-height: 745px;
    }
    .guide .subwrapper {
        top: 70px;
        bottom: 70px;
        left: 70px;
        right: 70px;
    }
    .guide .bubble img {
        max-width: 267px;
        left: -53px;
    }
    .guide .screen1-image1 {
        max-width: 400px;
        right: 116px;
    }
    .guide .screen1-image2 {
        max-width: 235px;
        left: 450px;
        top: 61px;
    }
    .guide .screen1-image3 {
        top: 466px;
        right: 403px;
    }
    .guide .screen1-image4 {
        top: 468px;
        right: 183px;
    }
    .guide .screen1 h2 {
        left: 197px;
        top: 145px;
    }
    .guide .screen1 h3 {
        left: 164px;
        top: 297px;
    }
    .guide .screen1 p {
        top: 436px;
        left: 164px;
        max-width: 400px;
    }
    .guide .screen1 p.small {
        top: 500px;
        left: 164px;
        font-size: 11px;
        line-height: 15px;
    }

    .guide .screen2-image1 {
        z-index: 2;
        right: 239px;
        max-width: 339px;
        top: 116px;
    }
    .guide .screen2-image3 {
        max-width: 166px;
        right: 121px;
        top: 142px;
    }
    .guide .screen2-image4 {
        max-width: 127px;
        right: 424px;
        top: 55px;
    }
    .guide .screen2-image2 {
        left: 502px;
        max-width: 140px;
        top: 227px;
    }
    .guide .screen2 h2 {
        left: 121px;
        font-size: 38px;
        line-height: 40px;
        top: 175px;
    }
    .guide .screen2 p {
        left: 121px;
        top: 349px;
        font-size: 21px;
        line-height: 24px;
    }
    .guide .screen2 p.small {
        top: 465px;
        left: 121px;
        font-size: 11px;
        line-height: 15px;
    }
    .guide .screen2-image5 {
        right: 200px;
        top: 362px;
        max-width: 74px;
    }
    .guide .screen2-image6 {
        right: 120px;
        top: 444px;
        max-width: 44px;
    }

    .guide .screen4 .guide-link {
        width: 150px;
        height: 135px;
        left: 145px;
    }
    .guide .screen4 .link1 {
        top: 90px;
    }
    .guide .screen4 .link2 {
        top: 243px;
    }
    .guide .screen4 .link3 {
        top: 395px;
    }
    .guide .screen4 .guide-link span {
        font-size: 15px;
        top: 85px;
    }
    .guide .screen4 .guide-link img {
        top: 34px;
        left: 49px;
    }
    .guide .screen4 .text {
        top: 92px;
        left: 328px;
    }
    .guide .screen4 .text h2 {
        font-size: 49px;
        line-height: 55px;
    }
    .guide .screen4 .text h3 {
        font-size: 27px;
        margin-bottom: 17px;
    }
    .guide .screen4 .text h5 {
        font-size: 15px;
        margin-top: 25px;
    }
    .guide .screen4 .text p {
        font-size: 13px;
    }
    .guide .screen4-image1 {
        position: absolute;
        right: 39px;
        top: 178px;
        max-width: 374px;
    }
    .guide .screen4-image2 {
        max-width: 71px;
        top: 115px;
        right: 88px;
    }
    .guide .screen4-image3 {
        right: 74px;
        max-width: 40px;
        top: 219px;
    }
    .guide .screen4-image4 {
        max-width: 53px;
        top: 397px;
        right: 152px;
    }
    .guide .screen4-image5 {
        top: 416px;
        right: 109px;
    }


    .guide .screen-sms h3 {
        left: 163px;
        top: 149px;
    }
    .guide .screen-sms h5 {
        left: 236px;
        font-size: 18px;
        top: 308px;
    }
    .guide .screen-sms form {
        left: 236px;
        top: 397px;
    }
    .guide .screen-sms input {
        width: 443px;
    }
    .guide .screen-sms button {
        width: 210px;
    }
    .guide .screen-sms p br {
        display: none;
    }
    .guide .screen-sms p {
        padding-left: 0;
        left: 236px;
        top: 474px;
        max-width: 668px;
        text-align: justify;
    }
    .guide .screenmail-image1 {
        position: absolute;
        z-index: 7;
        right: 278px;
        top: 48px;
        max-width: 203px;
    }
    .guide .screenmail-image2 {
        right: 225px;
        max-width: 183px;
        top: 39px
    }
    .guide .screenmail-image3 {
        right: 444px;
        max-width: 45px;
        top: 257px;
    }

    .guide .screen-mail h3 {
        left: 163px;
        top: 149px;
    }
    .guide .screen-mail h5 {
        left: 236px;
        font-size: 18px;
        top: 308px;
    }
    .guide .screen-mail form {
        left: 236px;
        top: 397px;
    }
    .guide .screen-mail input {
        width: 443px;
    }
    .guide .screen-mail button {
        width: 210px;
    }
    .guide .screen-mail p br {
        display: none;
    }
    .guide .screen-mail p {
        padding-left: 0;
        left: 236px;
        top: 474px;
        max-width: 668px;
        text-align: justify;
    }
    .guide .screenmail2-image1 {
        right: 247px;
        top: 27px;
        max-width: 186px;
    }
    .guide .screenmail2-image2 {
        right: 126px;
        max-width: 148px;
        top: 0px;
    }
    .guide .screenmail2-image3 {
        right: 221px;
        max-width: 45px;
        top: 262px;
    }

    .guide .screen-danke h2 {
        left: 442px;
        top: 181px;
    }
    .guide .screendanke-image1 {
        max-width: 457px;
        top: 83px;
        left: 39px;
    }
    .guide .screendanke-image2 {
        left: 393px;
        top: 444px;
        max-width: 64px;
    }
    .guide .screendanke-image3 {
        max-width: 230px;
        top: 88px;
        right: 121px;
    }
    .guide .screendanke-image4 {
        max-width: 35px;
        top: 466px;
        left: 490px;
    }
    .guide .danke-link1 {
        left: 500px;
        top: 316px;
    }
    .guide .danke-link2 {
        left: 500px;
        top: 386px;
    }
    .guide .danke-link3 {
        left: 793px;
        top: 315px;
    }

}
@media (max-width: 1330px) {
    .guide .guide-replay {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        width: 215px;
    }
    .guide .guide-replay.backbtn {
        width: 155px;
    }
    .guide .wrapper {
        max-width: 1160px;
        max-height: 650px;
    }
    .guide .subwrapper {
        top: 70px;
        bottom: 70px;
        left: 70px;
        right: 70px;
    }
    .guide .bubble img {
        max-width: 239px;
        left: -45px;
        top: 15px;
    }
    .guide .screen1-image1 {
        max-width: 350px;
        right: 124px;
        top: 17px;
    }
    .guide .screen1-image2 {
        max-width: 190px;
        left: 404px;
        top: 61px;
    }
    .guide .screen1-image3 {
        top: 407px;
        right: 422px;
        max-width: 60px;
    }
    .guide .screen1-image4 {
        top: 422px;
        right: 182px;
        max-width: 40px;
    }
    .guide .screen1 h2 {
        left: 193px;
        top: 85px;
        font-size: 110px;
    }
    .guide .screen1 h2 span {
        font-size: 63px;
        top: -46px;
        left: 4px;
    }
    .guide .screen1 h3 {
        left: 157px;
        top: 228px;
        font-size: 48px;
        line-height: 45px;
    }
    .guide .screen1 p {
        top: 339px;
        left: 157px;
        max-width: 400px;
        font-size: 22px;
    }
    .guide .screen1 p.small {
        top: 402px;
        left: 158px;
        font-size: 10px;
        max-width: 341px;
    }

    .guide .screen2-image1 {
        right: 223px;
        max-width: 291px;
        top: 128px;
    }
    .guide .screen2-image3 {
        max-width: 116px;
        right: 152px;
        top: 152px;
    }
    .guide .screen2-image4 {
        max-width: 111px;
        right: 373px;
        top: 72px;
    }
    .guide .screen2-image2 {
        left: 477px;
        max-width: 114px;
        top: 216px;
    }
    .guide .screen2 h2 {
        top: 121px;
        left: 145px;
    }
    .guide .screen2 p {
        left: 145px;
        top: 288px;
    }
    .guide .screen2 p.small {
        top: 405px;
        left: 145px;
        font-size: 10px;
        max-width: 341px;
    }
    .guide .screen2-image5 {
        right: 195px;
        top: 362px;
        max-width: 47px;
    }
    .guide .screen2-image6 {
        right: 127px;
        top: 412px;
        max-width: 26px;
    }

    .guide .screen4 .guide-link {
        width: 125px;
        height: 113px;
        left: 150px;
    }
    .guide .screen4 .link1 {
        top: 68px;
    }
    .guide .screen4 .link2 {
        top: 201px;
    }
    .guide .screen4 .link3 {
        top: 335px;
    }
    .guide .screen4 .guide-link span {
        font-size: 13px;
        top: 71px;
    }
    .guide .screen4 .guide-link img {
        top: 30px;
        left: 43px;
        max-width: 41px;
    }
    .guide .screen4 .text {
        top: 70px;
        left: 300px;
    }
    .guide .screen4 .text h2 {
        font-size: 36px;
        line-height: 41px;
    }
    .guide .screen4 .text h3 {
        font-size: 21px;
        margin-bottom: 9px;
    }
    .guide .screen4 .text h5 {
        font-size: 10px;
        margin-top: 19px;
        line-height: 13px;
    }
    .guide .screen4 .text p {
        font-size: 10px;
        padding-left: 23px;
    }
    .guide .screen4 .text p .icon5 {
        position: absolute;
        left: 0;
        top: 2px;
        max-width: 16px;
    }
    .guide .screen4-image1 {
        right: 94px;
        top: 152px;
        max-width: 343px;
    }
    .guide .screen4-image2 {
        max-width: 50px;
        top: 128px;
        right: 150px;
    }
    .guide .screen4-image3 {
        right: 118px;
        max-width: 35px;
        top: 190px;
    }
    .guide .screen4-image4 {
        max-width: 42px;
        top: 367px;
        right: 198px;
    }
    .guide .screen4-image5 {
        top: 384px;
        right: 149px;
        max-width: 27px;
    }

    .guide .screen-sms h3 {
        left: 130px;
        top: 165px;
        font-size: 40px;
        line-height: 45px;
    }
    .guide .screen-sms h5 {
        left: 182px;
        font-size: 16px;
        line-height: 20px;
        top: 295px;
    }
    .guide .screen-sms form {
        left: 182px;
        top: 360px;
    }
    .guide .screen-sms input {
        width: 410px;
        height: 40px;
    }
    .guide .screen-sms button {
        width: 169px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        top: 0;
    }
    .guide .screen-sms button img {
        max-width: 20px;
        margin-right: 9px;
    }
    .guide .screen-sms p {
        left: 182px;
        top: 414px;
        max-width: 594px;
        font-size: 9px;
        line-height: 12px;
    }
    .guide .screenmail-image1 {
        z-index: 7;
        right: 222px;
        top: 33px;
        max-width: 187px;
    }
    .guide .screenmail-image2 {
        right: 189px;
        max-width: 153px;
        top: 26px;
    }
    .guide .screenmail-image3 {
        right: 375px;
        max-width: 45px;
        top: 227px;
    }

    .guide .screen-mail h3 {
        left: 130px;
        top: 165px;
        font-size: 40px;
        line-height: 45px;
    }
    .guide .screen-mail h5 {
        left: 182px;
        font-size: 16px;
        line-height: 20px;
        top: 295px;
    }
    .guide .screen-mail form {
        left: 182px;
        top: 360px;
    }
    .guide .screen-mail input {
        width: 410px;
        height: 40px;
    }
    .guide .screen-mail button {
        width: 169px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        top: 0;
    }
    .guide .screen-mail button img {
        max-width: 20px;
        margin-right: 9px;
    }
    .guide .screen-mail p {
        left: 182px;
        top: 414px;
        max-width: 594px;
        font-size: 9px;
        line-height: 12px;
    }
    .guide .screenmail2-image1 {
        z-index: 7;
        right: 228px;
        top: 29px;
        max-width: 165px;
    }
    .guide .screenmail2-image2 {
        right: 130px;
        max-width: 125px;
        top: 6px;
    }
    .guide .screenmail2-image3 {
        right: 212px;
        max-width: 42px;
        top: 238px;
    }

    .guide .screen-danke h2 {
        font-size: 65px;
        left: 378px;
        top: 149px;
    }
    .guide .screendanke-image1 {
        max-width: 374px;
        top: 94px;
        left: 39px;
    }
    .guide .screendanke-image2 {
        left: 328px;
        top: 396px;
        max-width: 51px;
    }
    .guide .screendanke-image3 {
        max-width: 207px;
        top: 88px;
        right: 84px;
    }
    .guide .screendanke-image4 {
        max-width: 26px;
        top: 407px;
        left: 408px;
    }
    .guide .danke-link1 {
        left: 418px;
        top: 272px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        width: 220px;
    }
    .guide .danke-link2 {
        left: 418px;
        top: 330px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        width: 220px;
    }
    .guide .danke-link3 {
        left: 647px;
        top: 271px;
        width: 140px;
        height: 138px;
    }
    .guide .danke-link3 span {
        font-size: 15px;
        top: 82px
    }
    .guide .danke-link3 img {
        position: absolute;
        top: 26px;
        left: 52px;
        max-width: 36px;
    }

}
@media (max-width: 1230px) {
    .guide .wrapper {
        max-width: 1000px;
        max-height: 650px;
    }
    .guide .subwrapper {
        top: 50px;
        bottom: 50px;
        left: 50px;
        right: 50px;
    }
    .guide .bubble img {
        max-width: 239px;
        left: -45px;
        top: 15px;
    }
    .guide .screen1-image1 {
        max-width: 350px;
        right: 86px;
        top: 14px;
    }
    .guide .screen1-image2 {
        max-width: 179px;
        left: 368px;
        top: 66px;
    }
    .guide .screen1-image3 {
        top: 417px;
        right: 371px;
        max-width: 60px;
    }
    .guide .screen1-image4 {
        top: 427px;
        right: 157px;
        max-width: 40px;
    }
    .guide .screen1 h2 {
        left: 163px;
        top: 115px;
        font-size: 110px;
    }
    .guide .screen1 h2 span {
        font-size: 63px;
        top: -36px;
        left: 4px;
    }
    .guide .screen1 h3 {
        left: 127px;
        top: 258px;
        font-size: 48px;
        line-height: 45px;
    }
    .guide .screen1 p {
        top: 379px;
        left: 127px;
        max-width: 400px;
        font-size: 22px;
    }
    .guide .screen1 p.small {
        top: 442px;
        left: 128px;
        font-size: 10px;
        max-width: 341px;
    }

    .guide .screen2-image1 {
        right: 145px;
        max-width: 291px;
        top: 134px;
    }
    .guide .screen2-image3 {
        max-width: 116px;
        right: 78px;
        top: 152px;
    }
    .guide .screen2-image4 {
        max-width: 111px;
        right: 290px;
        top: 72px;
    }
    .guide .screen2-image2 {
        left: 442px;
        max-width: 114px;
        top: 243px;
    }
    .guide .screen2 h2 {
        top: 155px;
        left: 100px;
    }
    .guide .screen2 p {
        left: 100px;
        top: 328px;
    }
    .guide .screen2 p.small {
        top: 445px;
    }
    .guide .screen2-image5 {
        right: 121px;
        top: 362px;
        max-width: 47px;
    }
    .guide .screen2-image6 {
        right: 69px;
        top: 412px;
        max-width: 26px;
    }

    .guide .screen4 .guide-link {
        width: 125px;
        height: 113px;
        left: 130px;
    }
    .guide .screen4 .link1 {
        top: 95px;
    }
    .guide .screen4 .link2 {
        top: 227px;
    }
    .guide .screen4 .link3 {
        top: 360px;
    }
    .guide .screen4 .guide-link span {
        font-size: 13px;
        top: 71px;
    }
    .guide .screen4 .guide-link img {
        top: 30px;
        left: 43px;
        max-width: 41px;
    }
    .guide .screen4 .text {
        top: 92px;
        left: 280px;
    }
    .guide .screen4 .text h2 {
        font-size: 36px;
        line-height: 41px;
    }
    .guide .screen4 .text h3 {
        font-size: 21px;
        margin-bottom: 9px;
    }
    .guide .screen4 .text h5 {
        font-size: 10px;
        margin-top: 19px;
        line-height: 13px;
    }
    .guide .screen4 .text p {
        font-size: 10px;
        padding-left: 23px;
    }
    .guide .screen4 .text p .icon5 {
        position: absolute;
        left: 0;
        top: 2px;
        max-width: 16px;
    }
    .guide .screen4-image1 {
        right: 24px;
        top: 170px;
        max-width: 343px;
    }
    .guide .screen4-image2 {
        max-width: 50px;
        top: 134px;
        right: 84px;
    }
    .guide .screen4-image3 {
        right: 67px;
        max-width: 35px;
        top: 203px;
    }
    .guide .screen4-image4 {
        max-width: 42px;
        top: 376px;
        right: 126px;
    }
    .guide .screen4-image5 {
        top: 393px;
        right: 93px;
        max-width: 27px;
    }

    .guide .screen-sms h3 {
        left: 97px;
        top: 145px;
        font-size: 40px;
        line-height: 45px;
    }
    .guide .screen-sms h5 {
        left: 152px;
        font-size: 16px;
        top: 285px;
    }
    .guide .screen-sms form {
        left: 152px;
        top: 367px;
    }
    .guide .screen-sms input {
        width: 410px;
        height: 40px;
    }
    .guide .screen-sms button {
        width: 169px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        top: 0;
    }
    .guide .screen-sms button img {
        max-width: 20px;
        margin-right: 9px;
    }
    .guide .screen-sms p {
        left: 152px;
        top: 421px;
        max-width: 594px;
        font-size: 9px;
        line-height: 12px;
    }
    .guide .screenmail-image1 {
        z-index: 7;
        right: 222px;
        top: 33px;
        max-width: 187px;
    }
    .guide .screenmail-image2 {
        right: 189px;
        max-width: 153px;
        top: 26px;
    }
    .guide .screenmail-image3 {
        right: 375px;
        max-width: 45px;
        top: 227px;
    }

    .guide .screen-mail h3 {
        left: 97px;
        top: 145px;
        font-size: 40px;
        line-height: 45px;
    }
    .guide .screen-mail h5 {
        left: 152px;
        font-size: 16px;
        top: 285px;
    }
    .guide .screen-mail form {
        left: 152px;
        top: 367px;
    }
    .guide .screen-mail input {
        width: 410px;
        height: 40px;
    }
    .guide .screen-mail button {
        width: 169px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        top: 0;
    }
    .guide .screen-mail button img {
        max-width: 20px;
        margin-right: 9px;
    }
    .guide .screen-mail p {
        left: 152px;
        top: 421px;
        max-width: 594px;
        font-size: 9px;
        line-height: 12px;
    }
    .guide .screenmail2-image1 {
        z-index: 7;
        right: 228px;
        top: 29px;
        max-width: 165px;
    }
    .guide .screenmail2-image2 {
        right: 130px;
        max-width: 125px;
        top: 6px;
    }
    .guide .screenmail2-image3 {
        right: 212px;
        max-width: 42px;
        top: 238px;
    }

    .guide .screen-danke h2 {
        font-size: 65px;
        left: 378px;
        top: 149px;
    }
    .guide .screendanke-image1 {
        max-width: 374px;
        top: 94px;
        left: 39px;
    }
    .guide .screendanke-image2 {
        left: 328px;
        top: 396px;
        max-width: 51px;
    }
    .guide .screendanke-image3 {
        max-width: 207px;
        top: 88px;
        right: 84px;
    }
    .guide .screendanke-image4 {
        max-width: 26px;
        top: 407px;
        left: 408px;
    }
    .guide .danke-link1 {
        left: 418px;
        top: 272px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        width: 220px;
    }
    .guide .danke-link2 {
        left: 418px;
        top: 330px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        width: 220px;
    }
    .guide .danke-link3 {
        left: 647px;
        top: 271px;
        width: 140px;
        height: 138px;
    }
    .guide .danke-link3 span {
        font-size: 15px;
        top: 82px
    }
    .guide .danke-link3 img {
        position: absolute;
        top: 26px;
        left: 52px;
        max-width: 36px;
    }

}
@media (max-width: 1060px) {
    .guide .wrapper {
        max-width: 703px;
        max-height: 500px;
    }
    .guide .subwrapper {
        top: 25px;
        bottom: 25px;
        left: 25px;
        right: 25px;
    }
    .guide .bubble img {
        max-width: 150px;
        left: -27px;
        top: 6px;
    }
    .guide .screen1-image1 {
        max-width: 260px;
        right: 43px;
        top: 39px;
    }
    .guide .screen1-image2 {
        max-width: 135px;
        left: 270px;
        top: 83px;
    }
    .guide .screen1-image3 {
        top: 347px;
        right: 243px;
        max-width: 47px;
    }
    .guide .screen1-image4 {
        top: 346px;
        right: 90px;
        max-width: 40px;
    }
    .guide .screen1 h2 {
        left: 103px;
        top: 100px;
        font-size: 85px;
    }
    .guide .screen1 h2 span {
        font-size: 54px;
        top: -25px;
        left: 7px;
    }
    .guide .screen1 h3 {
        left: 72px;
        top: 232px;
        font-size: 38px;
        line-height: 35px;
    }
    .guide .screen1 p {
        top: 330px;
        left: 72px;
        max-width: 346px;
        font-size: 18px;
        line-height: 21px;
    }
    .guide .screen1 p.small {
        top: 383px;
        left: 73px;
        max-width: 287px;
        line-height: 13px;
    }

    .guide .screen2-image1 {
        right: 83px;
        max-width: 243px;
        top: 100px;
    }
    .guide .screen2-image3 {
        max-width: 90px;
        right: 30px;
        top: 122px;
    }
    .guide .screen2-image4 {
        max-width: 90px;
        right: 202px;
        top: 55px;
    }
    .guide .screen2-image2 {
        left: 324px;
        max-width: 90px;
        top: 175px;
    }
    .guide .screen2 h2 {
        top: 103px;
        left: 55px;
        font-size: 27px;
        line-height: 29px;
    }
    .guide .screen2 p br{
        display: none;
    }
    .guide .screen2 p {
        left: 55px;
        font-size: 18px;
        line-height: 21px;
        top: 242px;
        max-width: 268px;
    }
    .guide .screen2 p.small {
        top: 373px;
        left: 55px;
        max-width: 287px;
        line-height: 13px;
        letter-spacing: -0.5px;
    }
    .guide .screen2-image5 {
        right: 63px;
        top: 277px;
        max-width: 47px;
    }
    .guide .screen2-image6 {
        right: 30px;
        top: 342px;
        max-width: 26px;
    }

    .guide .screen4 .guide-link {
        width: 105px;
        height: 97px;
        left: 93px;
    }
    .guide .screen4 .link1 {
        top: 69px;
    }
    .guide .screen4 .link2 {
        top: 181px;
    }
    .guide .screen4 .link3 {
        top: 293px;
    }
    .guide .screen4 .guide-link span {
        font-size: 11px;
        top: 60px;
    }
    .guide .screen4 .guide-link img {
        top: 26px;
        left: 37px;
        max-width: 32px;
    }
    .guide .screen4 .text {
        top: 55px;
        left: 217px;
    }
    .guide .screen4 .text h2 {
        font-size: 23px;
        line-height: 28px;
    }
    .guide .screen4 .text h3 {
        font-size: 15px;
        margin-bottom: 9px;
        line-height: 25px;
    }
    .guide .screen4 .text h5 br{
        display: none;
    }
    .guide .screen4 .text h5 {
        font-size: 9px;
        margin-top: 10px;
        line-height: 11px;
        margin-left: 0;
        max-width: 273px;
    }
    .guide .screen4 .text p {
        font-size: 10px;
        padding-left: 23px;
        max-width: 227px;
        line-height: 13px;
    }
    .guide .screen4 .text p .icon5 {
        position: absolute;
        left: 0;
        top: 2px;
        max-width: 13px;
    }
    .guide .screen4-image1 {
        right: 12px;
        top: 165px;
        max-width: 240px;
    }
    .guide .screen4-image2 {
        max-width: 41px;
        top: 134px;
        right: 50px;
    }
    .guide .screen4-image3 {
        right: 36px;
        max-width: 30px;
        top: 193px;
    }
    .guide .screen4-image4 {
        max-width: 32px;
        top: 306px;
        right: 85px;
    }
    .guide .screen4-image5 {
        top: 317px;
        right: 59px;
        max-width: 21px;
    }

    .guide .screen-sms h3 {
        left: 60px;
        top: 105px;
        font-size: 31px;
        line-height: 37px;
    }
    .guide .screen-sms h5 br {
        display: none;
    }
    .guide .screen-sms h5 {
        left: 90px;
        top: 225px;
        font-size: 14px;
        max-width: 466px;
        line-height: 17px;
    }
    .guide .screen-sms form {
        left: 90px;
        top: 296px;
    }
    .guide .screen-sms input {
        width: 300px;
    }
    .guide .screen-sms button {
        width: 130px;
    }
    .guide .screen-sms p {
        left: 28px;
        top: 383px;
    }
    .guide .screenmail-image1 {
        right: 129px;
        top: 21px;
        max-width: 155px;
    }
    .guide .screenmail-image2 {
        right: 97px;
        max-width: 131px;
        top: 17px;
    }
    .guide .screenmail-image3 {
        right: 258px;
        max-width: 37px;
        top: 176px;
    }

    .guide .screen-mail h3 {
        left: 60px;
        top: 105px;
        font-size: 31px;
        line-height: 37px;
    }
    .guide .screen-mail h5 br {
        display: none;
    }
    .guide .screen-mail h5 {
        left: 90px;
        top: 225px;
        font-size: 14px;
        max-width: 466px;
        line-height: 17px;
    }
    .guide .screen-mail form {
        left: 90px;
        top: 296px;
    }
    .guide .screen-mail input {
        width: 300px;
    }
    .guide .screen-mail button {
        width: 130px;
    }
    .guide .screen-mail p {
        left: 28px;
        top: 383px;
    }
    .guide .screenmail2-image1 {
        right: 148px;
        top: 21px;
        max-width: 133px;
    }
    .guide .screenmail2-image2 {
        right: 72px;
        max-width: 104px;
        top: -4px;
    }
    .guide .screenmail2-image3 {
        right: 140px;
        max-width: 33px;
        top: 192px;
    }

    .guide .screen-danke h2 {
        font-size: 47px;
        left: 254px;
        top: 138px;
    }
    .guide .screendanke-image1 {
        max-width: 259px;
        top: 102px;
        left: 16px;
    }
    .guide .screendanke-image2 {
        left: 216px;
        top: 316px;
        max-width: 38px;
    }
    .guide .screendanke-image3 {
        max-width: 167px;
        top: 97px;
        right: 69px;
    }
    .guide .screendanke-image4 {
        max-width: 26px;
        top: 340px;
        left: 270px;
    }
    .guide .danke-link1 {
        left: 286px;
        top: 248px;
        height: 37px;
        line-height: 37px;
        font-size: 16px;
        width: 177px;
    }
    .guide .danke-link2 {
        left: 286px;
        top: 292px;
        height: 37px;
        line-height: 37px;
        font-size: 16px;
        width: 177px;
    }
    .guide .danke-link3 {
        left: 469px;
        top: 248px;
        width: 110px;
        height: 100px;
    }
    .guide .danke-link3 span {
        font-size: 14px;
        top: 57px;
        line-height: 15px;
    }
    .guide .danke-link3 img {
        top: 15px;
        left: 43px;
        max-width: 27px;
    }

}
@media (max-width: 768px) {
    .w-mobile {
        display: block!important;
    }
    .w-full {
        display: none!important;
    }
    .guide .wrapper {
        max-width: 275px;
        max-height: 545px;
    }
    .guide .subwrapper {
        top: 18px;
        left: 18px;
        right: 18px;
        bottom: 18px;
    }
    .guide .bubble img {
        max-width: 150px;
        left: -30px;
    }
    .guide .screen4 {
        height: 500px;
    }
    .guide .screen-sms {
        /*display: none;*/
        height: 500px;
        top: 0;
    }
    .guide .screen-mail {
        /*display: none;*/
        height: 500px;
        top: 0;
    }
    .guide .screen-danke {
        /*display: none;*/
        height: 500px;
        top: 0;
    }
    .guide .screen4 .image4 {
        z-index: 10;
        top: 35px;
        right: 22px;
    }
    .guide .screen4 .text {
        left: 22px;
        top: 158px;
    }
    .guide .screen4 .text h2 {
        font-size: 15px;
        line-height: 18px;
        margin: 0;
    }
    .guide .screen4 .text h2 br {
        display: none;
    }
    .guide .screen4 .text h3 {
        font-size: 9px;
        line-height: 13px;
        margin-top: 0;
        margin-bottom: 16px;
    }
    .guide .screen4 .text p {
        font-size: 8px;
        padding-left: 24px;
        line-height: 9px;
        margin-bottom: 10px;
        max-width: 195px;
    }
    .guide .screen4 .text p .icon5 {
        max-width: 10px;
        left: 5px;
        top: 1px;
    }
    .guide .screen4 .text h5 {
        font-size: 8px;
        line-height: 10px;
        margin-top: 91px;
        margin-left: 2px;
    }
    .guide .screen4 .guide-link {
        width: 63px;
        height: 65px;
        top: 347px;
        z-index: 999;
    }
    .guide .screen4 .guide-link img {
        max-width: 17px;
        left: 21px;
        top: 22px;
    }
    .guide .screen4 .guide-link span {
        font-size: 7px;
        top: 42px;
    }
    .guide .screen4 .link1 {
        left: 89px;
    }
    .guide .screen4 .link2 {
        left: 156px;
    }
    .guide .screen4 .link3 {
        left: 22px;
    }
    .guide .screen-sms .image5 {
        right: 22px;
        top: 20px;
    }
    .guide .screen-sms h5 {
        font-size: 10px;
        line-height: 12px;
        margin-top: 91px;
        margin-left: 2px;
        left: 22px;
        top: 182px;
        letter-spacing: -0.3px;
        max-width: 194px;
    }
    .guide .screen-sms h5 br {
        display: none;
    }
    .guide .screen-sms h3 {
        font-size: 22px;
        line-height: 24px;
        margin: 0;
        left: 22px;
        top: 191px;
        max-width: 170px;
    }
    .guide .screen-sms h3 br {
        display: none;
    }
    .guide .screen-sms p br {
        display: none;
    }
    .guide .screen-sms p {
        left: 22px;
        top: 414px;
        padding-left: 0;
        font-size: 6px;
        line-height: 9px;
        text-align: justify;
        max-width: 195px;
    }
    .guide .screen-sms form {
        max-width: 195px;
        position: absolute;
        top: 334px;
        left: 22px;
    }
    .guide .screen-sms form input {
        width: 195px;
        height: 30px;
    }
    .guide .screen-sms form button {
        width: 195px;
        height: 30px;
        margin-top: 5px;
        margin-left: 0;
        line-height: 30px;
    }
    .guide .screen-sms form button img {
        max-width: 15px;
        margin-right: 4px;
        top: -2px;
    }
    .guide .screen-sms form button span {
        font-size: 10px;
        position: relative;
        top: -3px;
    }

    .guide .screen-mail .image5 {
        right: 22px;
        top: 20px;
    }
    .guide .screen-mail h5 {
        font-size: 10px;
        line-height: 12px;
        margin-top: 91px;
        margin-left: 2px;
        left: 22px;
        top: 182px;
        letter-spacing: -0.3px;
        max-width: 194px;
    }
    .guide .screen-mail h5 br {
        display: none;
    }
    .guide .screen-mail h3 {
        font-size: 22px;
        line-height: 24px;
        margin: 0;
        left: 22px;
        top: 191px;
        max-width: 170px;
    }
    .guide .screen-mail h3 br {
        display: none;
    }
    .guide .screen-mail p br {
        display: none;
    }
    .guide .screen-mail p {
        left: 22px;
        top: 414px;
        padding-left: 0;
        font-size: 6px;
        line-height: 9px;
        text-align: justify;
        max-width: 195px;
    }
    .guide .screen-mail form {
        max-width: 195px;
        position: absolute;
        top: 334px;
        left: 22px;
    }
    .guide .screen-mail form input {
        width: 195px;
        height: 30px;
    }
    .guide .screen-mail form button {
        width: 195px;
        height: 30px;
        margin-top: 5px;
        margin-left: 0;
        line-height: 30px;
    }
    .guide .screen-mail form button img {
        max-width: 15px;
        margin-right: 4px;
        top: -2px;
    }
    .guide .screen-mail form button span {
        font-size: 10px;
        position: relative;
        top: -3px;
    }
    .guide .screen-danke .image8 {
        display: none;
    }
    .guide .screen-danke .image7 {
        left: -41px;
        top: 72px;
    }
    .guide .screen-danke h2 {
        top: 286px;
        left: 23px;
        font-size: 36px;
        line-height: 40px;
    }
    .guide .danke-link1,
    .guide .danke-link2,
    .guide .danke-link3 {
        max-width: 194px;
        height: 30px;
        left: 22px;
        line-height: 30px;
        font-size: 12px;
    }
    .guide .danke-link1 {
        top: 360px;
    }
    .guide .danke-link2 {
        top: 393px;
    }
    .guide .danke-link3 {
        top: 426px;
        width: 194px;
        background: #9bc4ea;
    }
    .guide .danke-link3 img {
        display: none;
    }
    .guide .danke-link3 span {
        display: block;
        position: static;
        line-height: 30px;
        font-size: 12px;
    }
    .guide .danke-link3 span br {
        display: none;
    }
    .guide .guide-replay img {
        position: absolute;
        top: 9px;
        left: 11px;
    }
    .guide .guide-replay span {
        display: none;
    }
    .guide .guide-replay {
        top: 35px;
        height: 45px;
        width: 45px;
        right: 0;
    }
    .guide .guide-replay.backbtn {
        top: 30px;
        height: 45px;
        width: 45px;
        right: 0;
    }
    .guide .guide-replay.backbtn img {
        position: absolute;
        top: 11px;
        left: 13px;
        max-width: 19px;
    }
    .guide .guide-replay.backbtn span {
        display: block;
        font-size: 10px;
        line-height: 14px;
        position: absolute;
        top: 22px;
        width: 100%;
    }

    .guide .screen1-image1 {
        max-width: 182px;
        right: auto;
        left: 34px;
        top: 265px;
    }
    .guide .screen1-image2 {
        max-width: 92px;
        left: 116px;
        top: 83px;
    }
    .guide .screen1-image3 {
        top: 465px;
        right: auto;
        left: 49px;
        max-width: 38px;
    }
    .guide .screen1-image4 {
        top: 475px;
        right: 48px;
        max-width: 28px;
    }
    .guide .screen1 h2 span{
        font-size: 33px;
        top: -18px;
        left: 2px;
    }
    .guide .screen1 h2 {
        left: 20px;
        top: 67px;
        font-size: 55px;
    }
    .guide .screen1 h3 {
        left: 42px;
        top: 177px;
        font-size: 22px;
        line-height: 21px;
        font-family: BrandonBlack;
    }
    .guide .screen1 p.small {
        top: 267px;
        left: 42px;
        font-size: 7px;
        letter-spacing: -0.5px;
        max-width: 180px;
        line-height: 10px;
    }
    .guide .screen1 p {
        top: 237px;
        left: 42px;
        font-size: 11px;
        line-height: 11px;
    }
    .guide .screen1 p sup {
        font-size: 8px;
        top: -2px;
        left: 2px;
    }
    .guide .screen2-image1 {
        right: 73px;
        max-width: 125px;
        top: 320px;
    }
    .guide .screen2-image2 {
        left: 30px;
        max-width: 49px;
        top: 365px;
    }
    .guide .screen2-image3 {
        max-width: 63px;
        right: 30px;
        top: 325px;
    }
    .guide .screen2-image4 {
        max-width: 55px;
        right: 130px;
        top: 295px;
    }
    .guide .screen2 p span{
        display: none;
    }
    .guide .screen2 h2 {
        left: 28px;
        top: 111px;
        font-size: 22px;
        line-height: 23px;
    }
    .guide .screen2 p {
        top: 209px;
        left: 28px;
        font-size: 8px;
        line-height: 11px;
        max-width: 179px;
    }
    .guide .screen2 p sup {
        font-size: 7px;
        top: -1px;
        left: 0px;
    }
    .guide .screen2 p.small {
        top: 261px;
        left: 28px;
        font-size: 7px;
        letter-spacing: -0.5px;
        max-width: 180px;
        line-height: 10px;
    }
    .guide .screen2-image5 {
        right: 58px;
        top: 379px;
        max-width: 34px;
    }
    .guide .screen2-image6 {
        right: 30px;
        top: 420px;
        max-width: 19px;
    }

    .guide .screen4-image1 {
        right: 17px;
        top: 44px;
        max-width: 145px;
    }
    .guide .screen4-image2 {
        max-width: 25px;
        top: 36px;
        right: 37px;
        z-index: 2;
    }
    .guide .screen4-image3 {
        right: 28px;
        max-width: 20px;
        top: 71px;
        z-index: 2;
    }
    .guide .screen4-image4 {
        max-width: 26px;
        top: 119px;
        right: 57px;
        z-index: 2;
    }
    .guide .screen4-image5 {
        top: 131px;
        right: 42px;
        max-width: 15px;
        z-index: 2;
    }

    .guide .screenmail-image1 {
        right: 26px;
        top: 36px;
        max-width: 116px;
    }
    .guide .screenmail-image2 {
        right: 23px;
        max-width: 84px;
        top: 9px;
    }
    .guide .screenmail-image3 {
        right: 44px;
        max-width: 26px;
        top: 157px;
    }

    .guide .screenmail2-image1 {
        right: 47px;
        top: 38px;
        max-width: 100px;
    }
    .guide .screenmail2-image2 {
        right: 33px;
        max-width: 57px;
        top: -4px;
        -webkit-transform: rotateZ(-37deg);
        -ms-transform: rotate(-37deg);
        transform: rotateZ(-37deg);
    }
    .guide .screenmail2-image3 {
        right: 26px;
        max-width: 33px;
        top: 160px;
    }

    .guide .screen-danke h2 {
        left: 24px;
        font-size: 36px;
        top: 286px;
    }
    .guide .screendanke-image1 {
        max-width: 205px;
        top: 105px;
        left: 16px;
    }
    .guide .screendanke-image2 {
        left: 169px;
        top: 264px;
        max-width: 25px;
    }
    .guide .screendanke-image3 {
        max-width: 112px;
        top: 70px;
        right: 27px;
    }
    .guide .screendanke-image4 {
        max-width: 15px;
        top: 272px;
        left: 202px;
    }
    .guide .danke-link1 {
        left: 24px;
        top: 363px;
        height: 27px;
        line-height: 27px;
        font-size: 13px;
        width: 193px;
    }
    .guide .danke-link2 {
        left: 24px;
        top: 394px;
        height: 27px;
        line-height: 27px;
        font-size: 13px;
        width: 193px;
    }
    .guide .danke-link3 {
        left: 24px;
        top: 426px;
        height: 27px;
        line-height: 27px;
        font-size: 13px;
        width: 193px;
    }
    .guide .danke-link3 span {
        font-size: 14px;
        top: 57px;
        line-height: 15px;
        line-height: 27px;
        font-size: 13px;
    }
    .guide .danke-link3 span br{
        display: none;
    }
    .guide .danke-link3 img {
        display: none;
    }
}

@media (max-width: 430px) {
    .guide .guide-replay {
        position: fixed;
        top: 55px;
        height: 50px;
        width: 50px;
        right: 0;
    }
    .guide .guide-replay.backbtn {
        position: fixed;
        top: 55px;
        height: 50px;
        width: 50px;
        right: 0;
    }
    .guide .guide-replay img {
        top: 11px;
        left: 15px;
    }
    .guide .guide-replay.backbtn img {
        position: absolute;
        top: 12px;
        left: 13px;
        max-width: 22px;
    }
    .guide .guide-replay.backbtn span {
        top: 26px;
    }
    .guide .wrapper {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: 20px;
        right: 20px;
        margin: auto;
    }
    .guide .bubble img {
        max-width: 175px;
        left: -24px;
        top: 1px;
    }
    .guide .screen1,
    .guide .screen4,
    .guide .screen-sms,
    .guide .screen-danke,
    .guide .screen-mail,
    .guide .screen2 {
        width: 265px;
        height: 550px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
    }
    .guide .screen1-image1 {
        left: 14%;
        max-width: 80%;
        top: auto;
        bottom: -3%;
    }
    .guide .screen1-image3 {
        top: auto;
        bottom: 1%;
        left: 18%;
    }
    .guide .screen1-image4 {
        top: auto;
        bottom: 1%;
        right: 15%;
    }
    .guide .screen1-image2 {
        left: auto;
        right: 0;
        top: 7%;
        max-width: 53%;
    }
    .guide .screen1 h2 {
        font-size: 71px;
        left: 0;
        top: 10%;
    }
    .guide .screen1 h2 span {
        font-size: 38px;
        top: -26px;
        left: 2px;
    }
    .guide .screen1 h3 {
        left: 8%;
        top: 33%;
        font-size: 29px;
        line-height: 24px;
    }
    .guide .screen1 p {
        top: 44%;
        left: 8%;
        max-width: 80%;
        font-size: 14px;
        line-height: 16px;
        padding-top: 5px;
    }
    .guide .screen1 p.small {
        left: 8%;
        top: 51%;
        font-size: 9px;
        max-width: 86%;
    }
    .guide .screen2-image1 {
        left: 8%;
        max-width: 73%;
        top: auto;
        bottom: -1%;
    }
    .guide .screen2-image2 {
        left: 3%;
        max-width: 28%;
        top: auto;
        bottom: 21%;
    }
    .guide .screen2-image3 {
        max-width: 28%;
        right: 2%;
        top: auto;
        bottom: 25%;
    }
    .guide .screen2-image4 {
        max-width: 25%;
        right: auto;
        top: auto;
        left: 16%;
        bottom: 36%;
    }
    .guide .screen2-image5 {
        top: auto;
        bottom: 9%;
        right: 13%;
    }
    .guide .screen2-image6 {
        top: auto;
        bottom: 6%;
        right: 2%;
    }
    .guide .screen2 h2 {
        left: 0;
        top: 12%;
        font-size: 29px;
        line-height: 29px;
        margin-top: 23px;
    }
    .guide .screen2 p {
        top: 43%;
        left: 0%;
        max-width: 80%;
        font-size: 14px;
        line-height: 16px;
        padding-top: 5px;
    }
    .guide .screen2 p.small {
        left: 0%;
        top: 50%;
        font-size: 9px;
        max-width: 86%;
    }
    .guide .screen2 p {
        top: 33%;
        left: 0%;
        max-width: 100%;
        font-size: 13px;
        line-height: 15px;
        padding-top: 5px;
    }
    .guide .screen2 p.small {
        left: 0%;
        top: 46%;
        font-size: 9px;
        max-width: 100%;
    }
    .guide .screen4-image1 {
        right: 6%;
        top: 5%;
        max-width: 71%;
    }
    .guide .screen4-image2 {
        max-width: 12%;
        top: 5%;
        right: 14%;
        z-index: 2;
    }
    .guide .screen4-image3 {
        right: 10%;
        max-width: 8%;
        top: 13%;
        z-index: 2;
    }
    .guide .screen4-image4 {
        max-width: 10%;
        top: 26%;
        right: 24%;
        z-index: 2;
    }
    .guide .screen4-image5 {
        top: 27%;
        right: 15%;
        max-width: 15px;
        z-index: 2;
    }
    .guide .screen4 .text {
        left: 0;
        top: 32%;
    }
    .guide .screen4 .text h2 {
        font-size: 22px;
        line-height: 18px;
        margin: 0;
    }
    .guide .screen4 .text h3 {
        font-size: 14px;
        line-height: 13px;
        margin-top: 10px;
        margin-bottom: 16px;
    }
    .guide .screen4 .text p {
        font-size: 11px;
        padding-left: 30px;
        line-height: 12px;
        margin-bottom: 8px;
        max-width: 89%;
    }
    .guide .screen4 .text p .icon5 {
        max-width: 14px;
        left: 5px;
        top: 0px;
    }
    .guide .screen4 .link3 {
        top: 75%;
        left: 0;
        width: 30%;
        height: 80px;
    }
    .guide .screen4 .link2 {
        top: 75%;
        left: auto;
        right: 0;
        width: 30%;
        height: 80px;
    }
    .guide .screen4 .link1 {
        top: 75%;
        left: 35%;
        width: 30%;
        height: 80px;
    }
    .guide .screen4 .guide-link img {
        max-width: 26px;
        left: 27px;
        top: 25px;
    }
    .guide .screen4 .guide-link span {
        font-size: 9px;
        top: 49px;
    }
    .guide .screen4 .link2.guide-link img {
        top: 22px;
    }
    .guide .screen4 .text h5 {
        font-size: 10px;
        line-height: 10px;
        margin-top: 111px;
        margin-left: 2px;
        max-width: 100%;
    }
    .guide .screen4 .text h5 br{
        display: block;
    }
    .guide .screen4 .text h5 span{
        display: block;
        padding-top: 4px;
    }
    .guide .screen-sms h3 {
        left: 0;
        max-width: 66%;
        font-size: 28px;
        top: 35%;
        line-height: 29px;
    }
    .guide .screenmail-image1 {
        right: 7%;
        max-width: 53%;
        top: 1%;
    }
    .guide .screenmail-image2 {
        max-width: 35%;
        top: -13px;
        right: 3%;
    }
    .guide .screen-sms h5 {
        left: 0;
        max-width: 100%;
        font-size: 13px;
        line-height: 16px;
        margin-top: -3px;
        top: 55%;
    }
    .guide .screen-sms form {
        max-width: 100%;
        left: 0;
        top: 70%;
        width: 100%;
    }
    .guide .screen-sms form input {
        width: 100%;
    }
    .guide .screen-sms form button {
        width: 100%;
    }
    .guide .screen-sms p {
        left: 0;
        max-width: 100%;
        top: auto;
        bottom: 0;
        font-size: 8px;
        line-height: 9px;
    }
    .guide .screen-sms form button span {
        top: -2px;
    }
    .guide .screen-mail h3 {
        left: 0;
        max-width: 66%;
        font-size: 28px;
        top: 35%;
        line-height: 29px;
    }
    .guide .screen-mail h5 {
        left: 0;
        max-width: 100%;
        font-size: 13px;
        line-height: 16px;
        margin-top: -3px;
        top: 55%;
    }
    .guide .screen-mail form {
        max-width: 100%;
        left: 0;
        top: 70%;
        width: 100%;
    }
    .guide .screen-mail form input {
        width: 100%;
    }
    .guide .screen-mail form button {
        width: 100%;
    }
    .guide .screen-mail p {
        left: 0;
        max-width: 100%;
        top: auto;
        bottom: 0;
        font-size: 8px;
        line-height: 9px;
    }
    .guide .screen-mail form button span {
        top: -2px;
    }
    .guide .screenmail2-image2 {
        max-width: 27%;
        top: -8%;
        right: 5%;
    }
    .guide .screenmail2-image1 {
        right: 13%;
        max-width: 44%;
        top: 3%;
    }
    .guide .danke-link1 {
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%;
        height: 40px;
        top: 70%;
        line-height: 40px;
        font-size: 16px;
    }
    .guide .danke-link2 {
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%;
        height: 40px;
        top: 79%;
        line-height: 40px;
        font-size: 16px;
    }
    .guide .danke-link3 {
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%;
        height: 40px;
        top: 88%;
        line-height: 40px;
        font-size: 16px;
    }
    .guide .danke-link3 span {
        line-height: 40px;
        font-size: 16px;
    }
    .guide .screendanke-image1 {
        max-width: 90%;
        top: 10%;
        left: 2%;
    }
    .guide .screendanke-image3 {
        max-width: 55%;
        top: 2%;
        right: 0%;
    }
    .guide .screendanke-image4 {
        max-width: 7%;
        top: 49%;
        left: auto;
        right: 10%;
    }
    .guide .screendanke-image2 {
        left: auto;
        top: 47%;
        max-width: 12%;
        right: 24%;
    }
    .guide .screen-danke h2 {
        left: 0;
        font-size: 49px;
        top: 53%;
    }
}

@media (max-width: 430px) and (min-height: 800px) {
    .guide .screen2 h2 {
        top: 6%;
    }
    .guide .screen2 p {
        top: 27%;
    }
    .guide .screen2 p.small {
        top: 40%;
    }
    .guide .screen4 {
        bottom: 6%;
    }
    .guide .screenmail-image2 {
        top: -41px;
    }
}

@media (max-width: 380px) {
    .guide .screen1 {
        width: 250px;
        height: 525px;
    }
    .guide .screen2 {
        width: 250px;
        height: 525px;
    }
    .guide .screen4 {
        width: 250px;
        height: 525px;
    }
    .guide .screen-sms {
        width: 250px;
        height: 525px;
    }
    .guide .screen-mail {
        width: 250px;
        height: 525px;
    }
    .guide .screen-danke {
        width: 250px;
        height: 525px;
    }
    .guide .screen-danke h2 {
        left: 0;
        font-size: 47px;
        top: 54%;
    }
    .guide .screen1-image1 {
        max-width: 75%;
    }
    .guide .screen1-image2 {
        left: auto;
        right: 0;
        top: 8%;
        max-width: 49%;
    }
    .guide .screen1 h2 {
        font-size: 65px;
        left: 0;
        top: 8%;
    }
    .guide .screen1 h3 {
        left: 8%;
        top: 31%;
        font-size: 27px;
        line-height: 22px;
    }
    .guide .screen1 p {
        top: 42%;
        left: 8%;
        max-width: 80%;
        font-size: 13px;
        line-height: 14px;
        padding-top: 5px;
    }
    .guide .screen1 p.small {
        left: 8%;
        top: 49%;
        font-size: 9px;
        max-width: 91%;
    }
    .guide .bubble img {
        max-width: 147px;
        left: -24px;
        top: 1px;
    }
    .guide .screen2 h2 {
        font-size: 27px;
    }
    .guide .screen4-image1 {
        right: 6%;
        top: 0%;
        max-width: 70%;
    }
    .guide .screen4-image2 {
        top: -1%;
    }
    .guide .screen4-image3 {
        top: 7%;
    }
    .guide .screen4-image4 {
        top: 21%;
    }
    .guide .screen4-image5 {
        top: 23%;
        right: 13%;
    }
    .guide .screen4 .text {
        left: 0;
        top: 29%;
    }
    .guide .screen4 .text h2 {
        font-size: 20px;
    }
    .guide .screen4 .text h3 {
        font-size: 13px;
    }
    .guide .screen4 .text p {
        font-size: 10px;
    }
    .guide .screen4 .link1 {
        top: 73%;
        height: 75px;
    }
    .guide .screen4 .link2 {
        top: 73%;
        height: 75px;
    }
    .guide .screen4 .link3 {
        top: 73%;
        height: 75px;
    }
    .guide .screen4 .guide-link img {
        max-width: 21px;
        left: 26px;
        top: 25px;
    }
    .guide .screen4 .guide-link span {
        font-size: 8px;
        top: 47px;
    }
    .guide .screenmail-image1 {
        right: 7%;
        max-width: 48%;
        top: 0;
    }
    .guide .screenmail-image2 {
        max-width: 32%;
        top: -13px;
        right: 1%;
    }
    .guide .screenmail-image3 {
        top: 25%;
        right: 15%;
    }
    .guide .screen-sms h3 {
        top: 31%;
        font-size: 26px;
    }
    .guide .screen-sms h5 {
        top: 52%;
    }
    .guide .screen-sms form {
        top: 68%;
    }
    .guide .screen-mail h3 {
        top: 31%;
        font-size: 26px;
    }
    .guide .screen-mail h5 {
        top: 52%;
    }
    .guide .screen-mail form {
        top: 68%;
    }
    .guide .screenmail2-image1 {
        right: 13%;
        max-width: 41%;
        top: 3%;
    }
}

@media (max-width: 360px) {
    .guide .screen1 {
        width: 210px;
        height: 470px;
    }
    .guide .screen2 {
        width: 210px;
        height: 470px;
    }
    .guide .screen4 {
        width: 210px;
        height: 470px;
    }
    .guide .screen-sms {
        width: 210px;
        height: 470px;
    }
    .guide .screen-mail {
        width: 210px;
        height: 470px;
    }
    .guide .screen-danke {
        width: 210px;
        height: 470px;
    }
    .guide .screen1 h2 {
        font-size: 55px;
        left: 0;
        top: 8%;
    }
    .guide .screen1 h2 span {
        font-size: 35px;
        top: -17px;
        left: 2px;
    }
    .guide .screen1 h3 {
        left: 8%;
        top: 33%;
        font-size: 22px;
        line-height: 21px;
    }
    .guide .screen1 p {
        top: 45%;
        left: 8%;
        max-width: 80%;
        font-size: 11px;
        line-height: 11px;
        padding-top: 5px;
    }
    .guide .screen1 p.small {
        left: 8%;
        top: 52%;
        font-size: 7px;
        max-width: 91%;
        line-height: 10px;
    }
    .guide .screen2 h2 {
        font-size: 22px;
        line-height: 25px;
        top: 9%;
    }
    .guide .screen2 p {
        font-size: 8px;
        line-height: 11px;
        top: 31%;
        padding-top: 7px;
    }
    .guide .screen2 p.small {
        font-size: 7px;
        line-height: 10px;
        top: 41%;
    }
    .guide .bubble img {
        max-width: 122px;
        left: -24px;
        top: 1px;
    }
    .guide .screen4 .text h2 {
        font-size: 15px;
        line-height: 18px;
    }
    .guide .screen4 .text h3 {
        font-size: 9px;
        line-height: 13px;
        margin-top: 2px;
        margin-bottom: 14px;
    }
    .guide .screen4 .text p {
        font-size: 8px;
        padding-left: 24px;
        line-height: 9px;
        margin-bottom: 10px;
        max-width: 195px;
    }
    .guide .screen4 .link1,
    .guide .screen4 .link2,
    .guide .screen4 .link3 {
        width: 63px;
        height: 65px;
        top: 330px;
    }
    .guide .screen4 .guide-link img {
        max-width: 17px;
        left: 21px;
        top: 22px;
    }
    .guide .screen4 .guide-link span {
        font-size: 7px;
        top: 42px;
    }
    .guide .screen4 .text h5 {
        font-size: 8px;
        line-height: 10px;
        margin-top: 96px;
        margin-left: 2px;
    }
    .guide .screen-sms h3 {
        top: 30%;
        font-size: 23px;
        max-width: 79%;
        line-height: 27px;
    }
    .guide .screen-sms h5 {
        top: 50%;
        font-size: 11px;
        margin-top: 0px;
        line-height: 14px;
    }
    .guide .screen-sms form {
        top: 65%;
    }
    .guide .screen-sms p {
        font-size: 6px;
    }
    .guide .screen-mail h3 {
        top: 30%;
        font-size: 23px;
        max-width: 79%;
        line-height: 27px;
    }
    .guide .screen-mail h5 {
        top: 50%;
        font-size: 11px;
        margin-top: 0px;
        line-height: 14px;
    }
    .guide .screen-mail form {
        top: 65%;
    }
    .guide .screen-mail p {
        font-size: 6px;
    }
    .guide .screenmail2-image3 {
        right: 7%;
        max-width: 14%;
        top: 27%;
    }
    .guide .danke-link1 {
        height: 27px;
        line-height: 27px;
        font-size: 13px;
        top: 72%;
    }
    .guide .danke-link2 {
        height: 27px;
        line-height: 27px;
        font-size: 13px;
    }
    .guide .danke-link3 {
        height: 27px;
        line-height: 27px;
        font-size: 13px;
        top: 86%;
    }
    .guide .danke-link3 span {
        line-height: 27px;
        font-size: 13px;
    }
    .guide .screen-danke h2 {
        left: 0;
        font-size: 39px;
        top: 54%;
    }
}