@charset "utf-8";

/*=================================

voice

=================================*/
.title { background-color:#fff; }
.title:before { content:none; }
.title h2 { padding:45px 0 75px; }
.title h2:after,
.title h2:before { bottom:50px; }

#container #main { margin-top:-100px; }

#second_main_visual { position:relative; }
#second_main_visual:before { background-image:url(../img/common/t_beebus_white.png); background-size:210px 92px; background-position:top center;  content:" "; height:92px; position:absolute; top:42%; margin-top:-46px; right:15%; width:210px; z-index:10; }

/*------------------------------------------------------------
voice
------------------------------------------------------------*/
#voice { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; position:relative; }

#voice .title { flex:0 0 100%; padding:0; position:relative; }
#voice #voice_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:40px; position:relative; z-index:2; }
#voice #voice_cont h3 { flex:0 0 100%; }
 
#voice #voice_cont ol { border-top:1px solid #eee; display:flex; flex-wrap:wrap; justify-content:space-between; }
#voice #voice_cont ol li { border-bottom:1px solid #eee; display:flex; flex:0 0 100%; flex-wrap:wrap; padding:35px; }
#voice #voice_cont ol li dl { display:flex; flex:1;  justify-content:start; margin-top:20px; position:relative; }
#voice #voice_cont ol li dl dt { flex:0 0 80px; }
#voice #voice_cont ol li dl dt img { width:80px; height:80px; }
#voice #voice_cont ol li dl dd { align-items:center; align-content:center; display:flex; padding:0 0 0 20px; position:relative; }
#voice #voice_cont ol li dl dd:before { content:" "; margin-top:-7px; position:absolute; top:50%; }
#voice #voice_cont ol li dl dd span { border-radius:3px; display:block; font-size:116%; line-height:1.6; padding:20px; width:100%; }

#voice #voice_cont ol li dl.interviewer { flex:0 0 100%; margin-top:0; }
#voice #voice_cont ol li dl.interviewer dd { flex:1; }
#voice #voice_cont ol li dl.interviewer dd:before {
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 10px 7.5px 0;
border-color: transparent #fefbe3 transparent transparent;
left:10px;
}
#voice #voice_cont ol li dl.interviewer dd span { background-color:#fefbe3; }

#voice #voice_cont ol li dl.left { flex:4; margin-right:20px; }
#voice #voice_cont ol li dl.left dd:before {
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 10px 7.5px 0;
border-color: transparent #fdede4 transparent transparent;
left:10px;
}
#voice #voice_cont ol li dl.left dd span { background-color:#fdede4; }

#voice #voice_cont ol li dl.right { flex:3;  justify-content:flex-end; }
#voice #voice_cont ol li dl.right dd { padding:0 20px 0 0; }
#voice #voice_cont ol li dl.right dd:before {
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #f2f3f9;
right:10px;
left:auto;
}
#voice #voice_cont ol li dl.right dd span { background-color:#f2f3f9; }