.wrapper{
    max-width: 960px;
    margin: 0 auto 130px auto;
    font-size: 20px;
    padding: 0 4%;
    margin-top: 130px;
}

section dl{
    margin-top: 35px;
    margin-bottom: 200px;
}

section dl dd p span{
    color: red;
}

.mv{
    width: 100%;
    height: 600px;
    position: relative;
}

.item{
    position: absolute;
    width: 100%;
    height: 100%;
    animation: img-change 15s infinite;
    opacity: 0;
}

.item:nth-child(1){
    animation-delay: 0s;
}

.item:nth-child(2){
    animation-delay: 3s;
}

.item:nth-child(3){
    animation-delay: 6s;
}

.item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

dl:nth-child(8) {
    text-align: center;
}


button{
    color: white;
    background-color: black;
    padding: 2%;
    font-size: 20px;
}

button:hover{
    color: black;
    background-color: white;
}

#link{
    text-align: right;
}

#cemetery_navi{
    margin-bottom: 2%;
}

#cemetery_navi a{
    text-decoration: none; 
}

#cemetery_navi img{
    margin-right: 2%;
    width: 35%;
    height: 20%;
    border: 3px solid #e3e3e3;
}

@keyframes img-change{
    0%{
        opacity: 0; 
    } 

    10%{
        opacity: 1;
    }

    20%{
        opacity: 1;
    }

    30%{
        opacity: 1;
    }

    40%{
        opacity: 0;
    }

    100%{
        opacity: 0;
    }
}

@media screen and (max-width: 750px){

    img{
        height: 300px;
        width: 100%;
    }

    .wrapper{
        margin-top: 20%;
    }

    h2{
        font-size: 20px;
    }

    h3{
        font-size: 15px;
    }

    h4{
        font-size: 12px;
    }

    p{
        font-size: 11px;
    }

    a{
        font-size: 11px;
    }

    #cemetery-link img{
        height: 70px!important;
    }
}