@charset "utf-8";

/*体験談*/

section{padding: 50px 0;}

.page_voice #sub_visual{
	background: url(../images/common/sub_h1.jpg) center no-repeat;
    background-size: cover;
}

.page_voice .voice_list li{
    width: 48.5%;
    border: 10px solid #d8e8ef;
    padding: 1.5em;
}
.page_voice .voice_list li.women{border: 10px solid #f8e3e4;}
.page_voice .voice_list li:not(:last-child){margin-bottom: 30px;}
.page_voice .voice_list li dt{
    color: #fff;
    background: #75bbdd;
    text-align: center;
    padding: .5em;
    font-weight: bold;
    margin-bottom: 1.5em;
    position: relative;
}
.page_voice .voice_list li.women dt{background: #df787e;}
.page_voice .voice_list li dt::before{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 10px;
}
.page_voice .voice_list li.men dt::before{
    background: url(../images/voice/men_icon.png);
    background-size: cover;
    width: 10vw;
    height: 10vw;
    max-width: 40px;
    max-height: 40px;
}
.page_voice .voice_list li.women dt::before{
    background: url(../images/voice/women_icon.png);
    background-size: cover;
    width: 10vw;
    height: 10vw;
    max-width: 40px;
    max-height: 40px;
}
.page_voice .voice_list li dt::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #75bbdd transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: auto;
}
.page_voice .voice_list li.women dt::after{border-color: #df787e transparent transparent transparent;}


@media (max-width: 599px){

.page_voice .voice_list li{width: 100%;}

}