@media screen and (min-width: 768px) {
#wrapRealVoice{
    position: relative;
    padding: 100px 0 0;
    background: #fff;
    border-top: solid 1px #DBDBDB;
}

#wrapRealVoice .bgStar {
        position: relative;
        background: url(/content/dam/au-com/brand/tsunagu/starlink/img/bg-grad-palebule-lower_a9144633e2acacf8.png), url(/content/dam/au-com/brand/tsunagu/starlink/img/bg-star_244120e2e59a903d.jpg), #0060af;
        background-size: auto auto, 100% auto;
        background-repeat: repeat-x, repeat-y;
        background-position: center bottom , center top;
        padding:80px 0 200px 0;
}

#boxRealVoice{
        max-width: 780px;
        background: #fff;
        position: relative;
        padding: 50px;
        margin: 0 auto;
        border-radius: 12px;
}
#boxRealVoice .inner{
    position: relative;
    margin: 0 auto;   
    overflow-y: scroll;
    
    height: 360px;
}
#boxRealVoice .inner::-webkit-scrollbar {
  width: 6px;
}

#boxRealVoice .inner::-webkit-scrollbar-track {
  background-color: #EAEAEA;
}

#boxRealVoice .inner::-webkit-scrollbar-thumb {
  background-color: #0070D6;
  border-radius: 8px;
}

#boxRealVoice .ulRealVoice{
    width: 100%;
    padding: 0 30px 0 0;
            position: relative;
        left: 0;
        bottom: 0;

}
#boxRealVoice .ulRealVoice > li{
min-height: 60px;
        text-align: left;
        padding: 5px 0;
}
/*#boxRealVoice .ulRealVoice > li:last-child{border: none; padding: 0; margin: 0; height: 50px;}*/
#boxRealVoice .ulRealVoice > li .boxVoice{}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex{display: flex; justify-content: space-between; align-items: center;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .boxIcon{width: 50px;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .boxIcon img{width: 100%;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .boxTxt{width: calc(100% - 70px);}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .txtID{font-size: 10px; line-height: 1; color: #eee;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .txtCom{font-size: 14px; line-height: 1.2;}

}

/*WIDE SCREEM*/
@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

}

@media screen and (min-width: 768px) and (max-width: 980px) {

}

    

/*--SP--*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {
 #wrapRealVoice{
    position: relative;
    padding: 10% 0 0;
    background: #fff;
    border-top: solid 1px #DBDBDB;
}
#wrapRealVoice .bgStar {
        position: relative;
        background: url(/content/dam/au-com/brand/tsunagu/starlink/img/bg-grad-palebule-lower_a9144633e2acacf8.png), url(/content/dam/au-com/brand/tsunagu/starlink/img/bg-star-sp_351ab2016a6a9b9c.jpg), #0060af;
                background-size: auto 30vw, 100% auto;
        background-repeat: repeat-x, repeat-y;
        background-position: center bottom , center top;
                padding: 10% 0 15vw;
}
 #wrapRealVoice .h3Starlink{padding: 0 10% 5%;}
#boxRealVoice{
width: 90%;
        background: #fff;
        position: relative;
        padding: 8% 5%;
        margin: 0 auto;
        border-radius: 3vw;  
}
#boxRealVoice .inner{
    position: relative;
    margin: 0 auto;   
    overflow-y: scroll;
    
    height: 72vw;
}
#boxRealVoice .ulRealVoice{
    width: 100%;
    padding: 0 4vw 0 0;
    position: absolute;
    left: 0;
}
#boxRealVoice .ulRealVoice > li{/*height: 9vw;*/ text-align: left; padding: 2vw 0 ; margin: 0 auto;}
/*#boxRealVoice .ulRealVoice > li:last-child{border: none; padding: 0; margin: 0; height: 8vw;}*/
#boxRealVoice .ulRealVoice > li .boxVoice{}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex{display: flex; justify-content: space-between;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .boxIcon{width: 6vw;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .boxIcon img{width: 100%;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .boxTxt{width: calc(100% - 8vw);}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .txtID{font-size: 2.8vw; line-height: 1; color: #eee;}
#boxRealVoice .ulRealVoice > li .boxVoice .wrapFlex .txtCom{font-size: 2.8vw; line-height: 1.2;}

}

.showLi{display: none;}
.showLi.on{display: block;}