.animation.Al4 {
    height: 250px;		/*180118 270→250 に変更*/
}

.startImageAl4 {
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
}

.frameAl4 {
    display: none;
    position: relative;
    width: 270px;
    height: 100px;
    margin: 40px auto 0;
}

.stageAl4 {
    position: absolute;
    top: 0;
    width: 270px;
    height: 95px;
}

.text1Al4 {
    z-index: 5;
    position: absolute;
    top: 60px;
    left: 27px;
}
img.text1Al4 {
    width: 215px;
    height: 14px;
}
.text2Al4 {
    display: none;
    position: absolute;
    top: -45px;
}
img.text2Al4 {
    width: 270px;
    height: 105px;
}

.rectangleAl4 {
    position: absolute;
    top: 33px;
    left: 43px;
    transform: rotate(7.2deg);
    transform-origin: top left;
}
img.rectangleAl4 {
    width: 194px;
    height: 57px;
    background: rgba(230, 130, 80, .5);
}

.targetAl4 {
	display: none;
    z-index: 2;
    position: absolute;
    top: 21px;
    left: 17px;
}
img.targetAl4 {
    width: 225px;
    height: 45px;
}

@media screen and (max-width: 785px) {
    .animation.Al4 {
        height: auto;	/*180118 240px→auto に変更*/
    }
    .animation.Al4 {
        text-align: left;
    }
    .startImageAl4 {
        padding: 10px 0;
    }
    .startImageAl4 img {
        width: 90%;
    }
    .frameAl4 {
        float: none;
        left: 0;
		margin-top: 60px;	/*180118追加*/
    }
	.replayAl4 {			/*180118追加*/
		margin-top:10px;
	}
}