@charset "UTF-8";

#voice{
    width: 90%;
    height: auto;
    text-align: center;
    margin: 20px auto;
    background-color: #ffefd5;
    padding: 20px 0 10px 0;
}
#voice_inner {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.voice {
    flex: 1 1 calc(33.33% - 1rem);
    width: 50%;
    background-color: #dcdcdc;
    padding: 1rem;
    text-align: center;
    border-radius: 12px;
    box-shadow:  0 2px 5px #999;
    object-fit: cover;
}
#voice p {
    color: #000;
}
.name {
    font-size: 1.2em;
}
#level ul {
	max-width: 1920px;
	margin: 0 auto;
	padding: 10px 0px;
}

@media screen and (max-width: 959px) {
    #voice_inner {
        align-items: center;
    }
    .voice {
        width: 80%;
    }
    #voice_inner img {
        object-fit: cover;
        width: 80%;
        height: auto;
    }
    #voice p {
        width: auto;
        height: 80px;
        margin: 0 auto;
        overflow: auto;
        scrollbar-width: none;
     }
     #voice .name {
        font-size: 1.1em;
    }
}