@charset "UTF-8";
/* CSS Document */


#stage_index{
position: relative;
max-width:825px;
margin: 0 auto;
background:#fff;
min-height:230px;
padding:10px 0 30px 0;
}

.pic {
position: absolute;
height:100%;/*追加*/
}
.pic img {
width: 100%;
height:100%;/*追加*/
<!--height: auto;-->
opacity:0;
    -moz-animation: imgTrans 30s infinite;
    -webkit-animation: imgTrans 30s infinite;
    animation: imgTrans 30s infinite;
object-fit: cover; /* 追加 */
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo3 img {
-moz-animation-delay: 18s;
-webkit-animation-delay: 18s;
animation-delay: 18s;
}

@-webkit-keyframes imgTrans {
0% { opacity:0; }
12% { opacity:1; }
36% { opacity:1; }
67% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
12% { opacity:1; }
36% { opacity:1; }
67% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
12% { opacity:1; }
36% { opacity:1; }
67% { opacity:0; }
100% { opacity:0; }
}


0% { opacity:0; }
17% { opacity:1; }
50% { opacity:1; }
67% { opacity:0; }
100% { opacity:0; }
}