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

.startImageAl1 {
    padding-left: 30px;
}

.replayAl1 {
    padding-top: 45px;
}

.frameAl1 {
    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;
}
.textAl1 {
    width: auto;
}
.text1Al1, .text2Al1 {
    display: none;
}
img.text1Al1 {
    width: 220px;
    height: 70px;
}
img.text2Al1 {
    width: 190px;
    height: 70px;
}

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

.targetAl1 {
	display: none;
    z-index: 2;
    position: absolute;
    top: 100px;
    left: 140px;
}
.arrowAl1 {
	display: none;
    z-index: 1;
    position: absolute;
    top: 83px;
    left: 123px;
}
img.targetAl1, img.arrowAl1 {
    width: 34px;
    height: 34px;
}

@media screen and (max-width: 785px) {
    .animation.Al1 {
        height: 330px;
    }
    .startImageAl1 {
        padding: 10px 0 50px;
    }
    .replayAl1 {
        padding-top: 0;
    }
    .frameAl1 {
        float: none;
        left: 0;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .textAl1 {
        width: 270px;
        margin: 0 auto;
        padding-left: 50px;
}