@charset "UTF-8";

/* top mv
------------------- */
.top-mv {
    margin-top: 25px;
}

.top-mv_item img {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .15);
}

/* 受講生の声
------------------- */

h3.voice-title{
margin-top:30px;
}

.voice-container{
display:flex;
justify-content: space-between;
margin-bottom: -20px;
margin-top: -15px;
padding: 0 10px;
box-sizing: border-box;
}
.voice-container>div{
width:49%;
}

.voice{
    position: relative;
    width:100%;
    min-height: 95px;
    padding: 28px 10px 7px;
    margin: 1em 0 2em;
    border-radius: 5px;
    background: #e8eef4a6;
    color: #333;
}
.voice .box-title {
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 0.9em;
    background: #829bb7;
    color: #fff;
    border-bottom-right-radius:5px;
}
.voice:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e8eef4;
    width: 0;
    height: 0;
}
.voice p {
    margin: 0; 
    padding: 0;
    font-size: 0.9em;
}

@media screen and (max-width: 800px){
.voice-container {
  flex-direction: column;
}
  .voice-container>div{
  width:100%;
}
}