/* CSS Document */

.dpIB{display:inline-block;}
.clear{float:none!important; clear:both!important;}
.bg_cover,.bg_cover *{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

/* -------------------------------------------------- */

#Interview h2 > div{position:relative;}
#Interview h2 > div .vol{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
#Interview .catch{
	background-color:#FFF;
	text-align:center;
	padding-top:30px;
	padding-bottom:50px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:38px;
	font-weight:bold;
	line-height:150%;
}
@media screen and (max-width:768px) {
	#Interview .catch{
		font-size:5vw;
		padding-top:0;
	}
}

#Talk .inner h2,
#Talk .inner .icon_Q{
	border-radius: 0.66em;
	-webkit-border-radius: 0.66em;
	-moz-border-radius: 0.66em;
}
#Talk .inner h2{
	background-color:#F7F8F8;
	color:#FF0000;
	font-family:"ヒラギノ角ゴ Std","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:34px;
	line-height:125%;
	font-weight:bold;
	padding:0.5em 1em;
	margin-bottom:1em;
}
#Talk .inner .icon_Q{
	background-color:#FF0000;
	color:#FFF;
	font-size:20px;
	padding:0.66em 1em;
	float:left;
	max-width:100%;
}
#Talk .inner .icon_Q img,
#Talk .inner .icon_A .icon table td img{width:100%;}
#Talk .inner .icon_Q tr td{
	text-align:left;
	vertical-align:top;
}
#Talk .inner .icon_Q tr td:nth-child(1){width:1.65em;}
#Talk .inner .icon_Q tr td:nth-child(2){
	line-height:150%;
	padding-left:0.5em;
}

#Talk .inner .icon_A{
	margin-top:1em;
	font-size:20px;
	position:relative;
	padding-bottom: 5em;
}
#Talk .inner .icon_A .icon{
	position:absolute;
	top:0;
	left:0;
	margin:auto;
	padding:1em;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border:solid 1px #FF0000;
}
#Talk .inner .icon_A .icon table{
	width:1.75em;
	height:1.75em;
}
#Talk .inner .icon_A .icon table td{
	text-align:center;
	vertical-align:middle;
}
#Talk .inner .icon_A .text{
	padding-left:4.75em;
	padding-top:1.25em;
	min-height: 2.5em;
	line-height:150%;
}
#Talk .inner .icon_A .text span{
	font-size:19px;
}
#Talk .inner .icon_A .photobox{
	padding-left:4.75em;
	margin-right:-0.8em;
}
#Talk .inner .icon_A .photobox img{
	display:inline-block;
	margin-top:0.8em;
	margin-right:0.8em;
	border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
}
@media screen and (max-width:768px) {
	#Talk .inner h2{font-size:28px;}
	#Talk .inner .icon_Q,
	#Talk .inner .icon_A,
	#Talk .inner .icon_A .text span{
		font-size:inherit;
	}
	#Talk .inner .icon_A .icon{
		position:relative;
		float:left;
		margin-right:0.75em;
	}
	#Talk .inner .icon_A .text{
		padding-left:0;
	}
	#Talk .inner .icon_A .photobox{
		padding-left:0;
		margin-right:0;
	}
	#Talk .inner .icon_A .photobox img{
		display:block;
		margin:auto;
		margin-top:0.8em;
	}
}

/* -------------------------------------------------- */

.talk_index_list{
	margin:auto;
	margin-top:2em;
	padding-bottom:13em;
	width:1000px;
	max-width:90%;
}
.talk_index_list a,
.talk_index_list img{display:block; width:100%;}
.talk_index_list a{position:relative;}
.talk_index_list .date{
	position:absolute;
	top:0;
	left:0;
	margin:auto;
	width:7em;
	background-color:#231815;
	color:#FFF;
	line-height:175%;
	text-align:center;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}
.talk_index_list .text{margin-top:18px;}
.talk_index_list .text tr td:nth-child(1){width:5em;vertical-align:top;padding-top:0.1em;}
.talk_index_list .text tr td:nth-child(2){padding-left:1em;line-height:150%;}
.talk_index_list .text span{
	background-color:#FF0000;
	color:#FFF;
	display:block;
	font-weight:bold;
	font-size:80%;
	line-height:175%;
	text-align:center;
}
.talk_index_list > div.num1:nth-last-child(2) .text tr td:nth-child(1){
	display: none;
}
.talk_index_list > div.num1:nth-last-child(2) .text tr td:nth-child(2){
	padding-left: 0;
}
@media screen and (min-width:769px) {
	.talk_index_list > div{float:left; width:49.6%;}
	.talk_index_list > div:nth-child(2n+2){float:right;}
	.talk_index_list > div.num1:nth-last-child(2){
		/* clear を除く最後の時中央揃えになる */
		float: none;
		margin: auto;
	}
}
@media screen and (max-width:768px) {
	.talk_index_list{width:496px;padding-bottom:0;}
	.talk_index_list > div{padding-bottom:5em;}
	/* .talk_index_list > div.clear{padding-bottom:0;} */
}