article{
    padding: 4rem 0;
}
article section{
    width: clamp(48rem, 90%, 68.75rem);
    margin: 0 auto;
}
@media (max-width: 767px){
    article section{
        width: 90%;
    }
}
article h2{
    margin: 0 auto 3rem;
    width: 11.5rem;
}
article h3{
    font-size: 1.5rem;
    text-align: center;
    font-weight: normal;
    border-bottom: 2px solid;
    border-image:var(--main-gradation) 1;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}

article ul{
    margin: 3rem auto 6rem;
    display: grid;
    gap: 4rem;
}
.voice--graduate{
    display: grid;
    grid-template-columns: repeat(2,7.5rem) auto;
    grid-template-rows: 5rem auto;
}
.voice--graduate::after{
    content: "";
    z-index: -1;
    width: 100%;
    grid-column: 2 / 4;
    grid-row: 2 / 3;
    background: var(--reverse-gradation-opacity);
}
.voice--graduate figure{
    width: 15rem;
    padding: 1rem;
    border: 2px solid;
    border-image:var(--main-gradation) 1;
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    align-self: flex-start;
    background: var(--clear-color);
}
.voice--graduate img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.voice--graduate div{
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    padding: 2rem;
}
.voice--graduate h4{
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 1rem;
}
.voice--graduate h4 span{
    font-size: 1rem;
    margin-left: 1rem;
}
.voice--graduate p{
    text-align: justify;
}
@media (max-width: 767px){
    .voice--graduate{
        display: block;
    }
    .voice--graduate::after{
        display: none;
    }
    .voice--graduate figure{
        margin: 0 auto;
    }
    .voice--graduate div{
        padding: 2rem 0;
    }
}

.voice--current h4{
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 1rem;
}

.voice--current dt{
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.voice--current dt::before{
    content: "";
    width: 1rem;
    height: 1rem;
    background: linear-gradient(45deg, rgba(255,182,193,1) 0%, rgba(255,182,193,1) 50%, rgba(173,216,230,1) 50%, rgba(173,216,230,1) 100%);
}
.voice--current dd{
    margin: .5rem auto 2rem;
    padding-left: 1.6rem;
}