@charset "utf-8";

#opi-page {
    width: 100%;
    margin: 0 auto;
}
#opi-bg {
    padding-bottom: 6%;
}
/******** フォーム ********/
#opi_box {
    width: 94%;
    padding: 2% 4%;
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.50);
}
.opi-txt {
    font-size: 12px;
    padding-bottom: 2%;
}
.opinions-li {
    width: 100%;
    margin-bottom: 8px;
}
.opinions-l, .opinions-r {
    box-sizing: border-box;
}
.opinions-l {
    background: #EEDDFF;
    vertical-align: top;
    padding: 1% 1% 1% 2%;
    margin-bottom: 1%;
}
.opinions-r {
    background: #b871ff;
    padding: 1% 1% 1% 0;
}
input.middle {
    width: 88%;
    margin-left: 2%;
}
textarea {
    width: 88%;
    margin-left: 2%;  
}
.opinions-send {
    padding: 2% 0;
    text-align: center;
}
.btn_send {
    border-radius: 40px;
    background: #b871ff;
    color: #FFF;
    padding: 1% 2%;
    text-align: center;
}