@charset "UTF-8";

/* =======================================
voice
======================================= */

.voice {
    position: relative;
}

.voice::before {
    content: '';
    background-image: url(../img/mark.png);
    width: 171px;
    height: 171px;
    display: block;
    /* position: absolute; */
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.logo {
    height: 86px;
}

.flex {
    display: flex;
    justify-content: space-between;
}
/* 
.section__topic {
    margin-top: 228px;
} */

.img_voice1 {
    margin-top: 50px;
    width: 74%;
}

.img_voice2 {
    margin-top: 80px;
    width: 74%;
}

.btn {
    margin-top: 90px;
}

.name {
    font-size: 1.5rem;
}

.section__topic__voice::before {
    content: '';
    background-image: url(../img/voice.png);
    width: 216px;
    height: 77px;
    display: block;
    /* position: absolute; */
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
}

/* 演奏家のことば */
.list {
    margin-top: 100px;
}

.list_txt {
    margin-top: 100px;
}

.list_txt2 {
    margin-top: 20px;
}

.subtext {
    display: block;
    line-height: 1;
}

.voice_item:hover {
  opacity: 0.7; 
}

.voice_item:hover {
    transition-property: opacity;
  transition-duration: 0.5s;
}


@media screen and (min-width: 769px) { 
    .voice_box {
        display: flex;
        justify-content: space-between;
        padding: 0 12%;
    }

    .img_voice1 {
        margin-top: 80px;
    }

    .img_voice2 {
        margin-top: 80px;
    }

    .section__topic__voice::before {
        width: 370px;
        height: 133px;
    }

}