.flechaSiguiente {
    width: 60.22px;
    height: 60.22px;
    position: absolute;
    left: 92.7%;
    top: 569px;
}

.flechaAtras {
    background-image: url(../img/S_G07_U05_L02_04/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 52.22px;
    height: 52.22px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 657px;
}

.area1 {
    background-image: url(../img/S_G07_U05_L01_04/imgR-area1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}
.area2 {
    background-image: url(../img/S_G07_U05_L01_04/imgR-area2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}
.area3 {
    background-image: url(../img/S_G07_U05_L01_04/imgR-area3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}
.area4 {
    background-image: url(../img/S_G07_U05_L01_04/imgR-area4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}
.area5 {
    background-image: url(../img/S_G07_U05_L01_04/imgR-area5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}