@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');
/* 利用者の声 */

.voice_title {
    width: 50%;
    padding-top: 10%;
    margin: auto;
}

.voice-area {
    background-image: url(../img/lpc14/Users-voice01.png);
    background-size: cover;
    background-position: center;
}

.voice_slide {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.voice_slide_item01,
.voice_slide_item02 {
    width: 90%;
    padding-bottom: 20px;
    margin: auto;
    display: flex;
    gap: 10px;
    align-items: center;
}

.voice_slide_item03 {
    width: 90%;
    padding-bottom: 20px;
    margin: auto;
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.user_A p {
    text-align: center;
}

.talk {
    position: relative;
}

.text01,
.text02,
.text03,
.text04 {
    position: absolute;
    font-size: 17px;
    letter-spacing: 0.8px;
}

.text01 {
    top: 10%;
    left: 5%;
}

.text02 {
    top: 10%;
    left: 5%;
}

.text03 {
    top: 10%;
    left: 5%;
}

.text04 {
    top: 2.5%;
    left: 4%;
}

@media screen and (max-width: 420px) {
    .text01,
    .text02,
    .text03,
    .text04 {
        position: absolute;
        font-size: 15px;
        letter-spacing: 0.8px;
    }

    .text01 {
        top: 10%;
        left: 7%;
    }

    .text02 {
        top: 10%;
        left: 5%;
    }

    .text03 {
        top: 13%;
        left: 5%;
    }

    .text04 {
        top: 5.5%;
        left: 4%;
    }
}

@media screen and (max-width: 375px) {
    .text01,
    .text02,
    .text03,
    .text04 {
        position: absolute;
        font-size: 13px;
        letter-spacing: 0.8px;
    }

    .text04 {
        top: 5%;
        left: 4%;
    }
}