/*171227追加ここから*/
.animation.Al2 .ImagePotision {
	margin-left:50px;
}
/*171227追加ここまで*/

.startImageAl2 {
    padding-left: 30px;
}

.replayAl2 {
    padding-top: 45px;
}

.frameAl2 {
    display: none;
    position: relative;
    float: left;
    top: 10px;
    left: 10px;
    width: 240px;
    height: 160px;
    margin: 10px 50px 0 30px;
    background-image: url("../iv-s301m_311m/images/svg/alignment-frame.svg");
    background-repeat: no-repeat;
}
.textAl2 {
    width: auto;
}
.text1Al2, .text2Al2 {
    display: none;
}
img.text1Al2, img.text2Al2 {
    width: 220px;
    height: 70px;
}

.dottedLineAl2 {
    position: absolute;
    top: -10px;
    left: -10px;
}
img.dottedLineAl2 {
    max-width: none;
    width: 260px;
    height: 180px;
}

.targetAl2 {
	display: none;
    z-index: 3;
    position: absolute;
    top: 100px;
    left: 140px;
}
img.targetAl2 {
    width: 34px;
    height: 34px;
}

.arrowAl2 {
	display: none;
    z-index: 1;
    position: absolute;
    top: 52px;
    left: 92px;
}
img.arrowAl2 {
    width: 57px;
    height: 57px;
}

.goalAl2 {
	display: none;
    z-index: 2;
    position: absolute;
    top: -7px;
    left: -11px;
}
img.goalAl2 {
    width: 104px;
    height: 60px;
}

@media screen and (max-width: 785px) {
    .animation.Al2 {
        height: 330px;
    }
    .startImageAl2 {
        padding: 10px 0 50px 10px;
    }
    .replayAl2 {
        padding-top: 0;
    }
    .frameAl2 {
        float: none;
        left: 0;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .textAl2 {
        width: 270px;
        margin: 0 auto;
        padding-left: 50px;
    }
}