.catchphrase{
    background-image: url("/images/customer_feedback_background.jpg");
    background-size: 100%;
    background-position: center;
    background-color:rgba(255,255,255,0.8);
    background-blend-mode:lighten;
    padding: 3vw 8vw;
}
.catchphrase .title{
    display: flex;
    height: 7.5vw;
    align-items: center;
}
.catchphrase p{
    font-size: 3vw;
    font-weight: bold;
}
.inquiry-wrap{
    padding: 2vw;
    background-color: #FFA52F;
}
.inquiry-wrap .triangle{
    border-top: 20px solid white;
}
.customer_feedbacks{
    padding: 0 6vw 10vw 6vw;
    background-image: url("/images/customer_feedbacks_background.png");
    background-size: contain;
}
.customer_feedbacks .customer_feedback{
    display: flex;
    justify-content: center;
    padding-top: 10vw;
}
.customer_feedbacks .customer_feedback .feedback_image{
    width: 30vw;
}
.customer_feedbacks .customer_feedback img{
    width: 100%;
}
.customer_feedbacks .customer_feedback .feedback_content{
    width: 50vw;
    background-image: url("/images/customer_balloon.png");
    /* background-size: cover; */
    background-size: 100% 100%;
    margin-left: 2vw;
}
.customer_feedbacks .customer_feedback .feedback_content .customer_info{
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
}
.customer_feedbacks .customer_feedback .feedback_content .customer_info img{
    position: absolute;
    top: -3vw;
    left: 3.5vw;
    width: 10vw;
}
.customer_feedbacks .customer_feedback .feedback_content .customer_info .title{
    padding: 2.5vw;
    margin-left: auto;
}
.customer_feedbacks .customer_feedback .feedback_content .customer_info p{
    font-size: 2vw;
    font-weight: bold;
}
.customer_feedbacks .customer_feedback .feedback_content .customer_info .customer_name{
    border-top: 5px solid #FFA52F;
}
.customer_feedbacks .customer_feedback .feedback_content .content{
    padding: 0 4vw 3vw 4vw;
    font-size: 1.6vw;
}
input {
    display: none;
}


@media screen and (max-width:468px) {
    /* スマホ用CSS -------------- */
    .catchphrase .title{
        height: 15vw;
    }
    .inquiry .title {
        font-size: 5.5vw;
        color: white;
    }
    /*  お客様の声  */
    .customer_feedbacks {
        padding: 0 0 10vw 0;
    }
    .customer_feedbacks .customer_feedback {
        flex-direction: column-reverse;
        align-items: center;
        padding-top: 12vw;
    }
    .customer_feedbacks .customer_feedback .feedback_content {
        width: 90vw;
        margin-left: 0;
        position: relative;
    }
    .customer_feedbacks .customer_feedback .feedback_content .customer_info {
        display: inline-block;
    }
    .customer_feedbacks .customer_feedback .feedback_content .customer_info .title {
        padding: 2.5vw;
        width: 68vw;
    }
    .customer_feedbacks .customer_feedback .feedback_content .customer_info img {
        width:17vw;
        position: absolute;
        left: 5vw;
        top: -5vw;
    }
    .customer_feedbacks .customer_feedback .feedback_content .customer_info p {
        font-size: 3.6vw;
        padding: 0 2.5vw;
    }
    .customer_feedbacks .customer_feedback .feedback_content .content {
        text-align: center;
        font-size: 3.5vw;
    }
    .customer_feedbacks .customer_feedback .feedback_content .content p{
        text-align: left;
        padding-left: 5vw;
    }
    .customer_feedbacks .customer_feedback .feedback_image {
        margin-top: 4vw;
        width: 60vw;
    }
    /* アコーディオンボタン */
    input {
        display: inherit;
    }
    label {
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 4vw;
        width: 82vw;
        height: 100px;
        cursor: pointer;
        text-align: center;
        background: linear-gradient(to bottom, rgba(255, 238, 200, 0) 0%, rgba(255, 238, 200, 0.95) 90%);
    }
    input:checked + label {
        background: inherit;
    }
    label:after {
        line-height: 2.2rem;
        position: absolute;
        z-index: 2;
        bottom: 7px;
        left: 50%;
        width: 180px;
        content: '続きをよむ';
        transform: translate(-50%, 0);
        color: #ffffff;
        border-radius: 20px;
        background-color: #FFA539;
    }
    input {
        display: none;
    }
    .accordion_text {
        overflow: hidden;
        height: 150px;
        transition: all 0.5s;
    }
    input:checked + label {
        display: none ;
    }
    input:checked ~ .accordion_text {
        height: auto;
        transition: all 0.5s;
    }
}
@media screen and (min-width:1000px){
    .customer_feedback {
        transform: scale(90%);
        transform-origin: top center;
        margin-bottom: -6vw;
    }
}