@charset "utf-8";

section#sub_pagettl{ background-image: url(../img/subttl_voice.png);}

/**声リスト**/
#sect_voice{}
#sect_voice .lead_txt{ text-align: center; font-size: 1.6rem; padding-bottom: 1em}
#sect_voice #voice_list{ padding-top: 4em; padding-bottom: 5em;}
#sect_voice #voice_list>li{ margin-bottom: 6em; background-color: #f1f1f1;}
#sect_voice #voice_list>li:last-child{margin-bottom: 0;}

#sect_voice #voice_list .person_box{ display: flex; align-items: stretch;}
#sect_voice #voice_list .person_box .movie_box{width: 50%; background-color: #000; order: 1;}

#sect_voice #voice_list .person_box .person_sts{ width: 50%; padding: 4em 2em 2em 2em; position: relative;}
#sect_voice #voice_list .person_box .person_sts p{ line-height: 1.8em;}
#sect_voice #voice_list .person_box .person_sts strong{ font-size: 1.3rem; color: #2e7bbd; padding-bottom: 0.75em; display: block; font-weight: normal;}
#sect_voice #voice_list .person_box .person_sts .person_icon{position: absolute; /*right: 0;*/ left:2em; top: -4em; margin: auto; width: 5em;}
#sect_voice #voice_list .person_box .person_sts .person_icon img{width:100%;}
#sect_voice #voice_list .person_box .person_sts .person_icon .nameplate{ width: 100%; background-color: #2e7bbd; text-align: center; color: #fff;}

#sect_voice #voice_list .person_box .person_sts table tr{ font-size: 0.9rem;}
#sect_voice #voice_list .person_box .person_sts table th{ text-align: center; padding-right: 1.5em; padding-bottom: 0.25em; position: relative; color: #2d7bbd; font-weight: normal;}
#sect_voice #voice_list .person_box .person_sts table th:after{content:"：" ; display: inline-block; position: absolute; right: 0;}
#sect_voice #voice_list .person_box .person_sts table td{ padding-left: 0.5em; padding-bottom: 0.25em;}

#sect_voice #voice_list>li:nth-child(2n) .person_box .movie_box{ order: 0;}
#sect_voice .btn_box p.btn_upper{display: block; text-align: center; padding-bottom:2em; font-weight: bold; color: #DA2429; font-size: 1.4rem;}


/* ##### responsive ##### */
@media screen and (max-width: 760px) {
	#sect_voice .lead_txt {padding-bottom: 2em; font-size: 1.1rem; text-align: left;}
	#sect_voice #voice_list{ padding-top:0; padding-bottom: 3em;}
	#sect_voice #voice_list>li{margin-bottom: 3em;}
	#sect_voice #voice_list .person_box{ flex-direction: column;}
	#sect_voice #voice_list .person_box .movie_box{ width:100%; order: 0;}
	#sect_voice #voice_list .person_box .movie_box .ytube_box{margin-top: 0;}
	#sect_voice #voice_list .person_box .person_sts{ width:100%; padding: 4.5em 1em 2em 1em; }
	#sect_voice #voice_list .person_box .person_sts strong{font-size: 1.1rem;}
	#sect_voice #voice_list .person_box .person_sts .person_icon{top: -2em; right: 0; left:0em; width: 4em; }
	#sect_voice #voice_list .person_box .person_sts .person_icon .nameplate{ font-weight: normal; font-size: 0.9rem; line-height: 1em; padding: 0.25em 0;}

	#sect_voice #voice_list>li:nth-child(2n) .person_box .movie_box{ order: 0;}
	#sect_voice .btn_box p.btn_upper{ font-size: 1.3rem;}
}