@charset "UTF-8";
/*
 * crosstalk.css
 *
 */
 
/* !crosstalk
---------------------------------------------------------- */
.crosstalk01 {
	width:auto;
	margin-bottom:120px;
}
	.crosstalk01 img.intro {
		display:block;
		width:100%;
		margin-bottom:80px;
	}
	.crosstalk01 div.intervieweeBox {
		width:auto;
		max-width:1000px;
		padding:30px 20px;
		border:1px solid #222;
		margin:0 auto;
	}
		.crosstalk01 div.intervieweeBox ul {
			width:100%;
		}
			.crosstalk01 div.intervieweeBox ul li {
				width:16.6%;
				float:left;
			}
				.crosstalk01 div.intervieweeBox ul li img {
					display:block;
					width:100px;
					border-radius:50%;
					margin:0 auto 10px auto;
				}
				.crosstalk01 div.intervieweeBox ul li {
					font-size:87%;
					line-height:1.6;
					text-align:center;
				}
					.crosstalk01 div.intervieweeBox ul li span {
						font-weight:700;
						font-size:117%;
					}
					
.crosstalk02 {
	width:auto;
	margin-bottom:100px;
}
	.crosstalk02 div.left {
		width:50%;
		float:left;
	}
		.crosstalk02 div.left img {
			display:block;
			width:100%;
		}
	.crosstalk02 div.right {
		width:44%;
		float:right;
	}
		.crosstalk02 div.right p {
			line-height:2;
		}
		
.crosstalk03 {
	width:auto;
	max-width:1000px;
	margin:0 auto 100px auto;
}

.crosstalk04 {
	width:auto;
	margin-bottom:100px;
}
	.crosstalk04 div.right {
		width:50%;
		float:right;
	}
		.crosstalk04 div.right img {
			display:block;
			width:100%;
		}
	.crosstalk04 div.left {
		width:44%;
		float:left;
	}
		.crosstalk04 div.left p {
			line-height:2;
		}
		
h2.cap {
	font-size:125%;
	font-weight:bold;
	margin-bottom:25px;
	position:relative;
	padding: 0 0 0 40px;
}
	h2.cap:before {
		content: '';
		position: absolute;
		top: 50%;
		left:0;
		display: inline-block;
		width: 30px;
		height: 2px;
		background-color: #E30000;
	}
	
p.talk-m {
	background:url(../img/icon_m.png) 0 0 no-repeat;
	background-size:50px 50px;
	padding-left:65px;
	min-height:50px;
}
p.talk-o {
	background:url(../img/icon_o.png) 0 0 no-repeat;
	background-size:50px 50px;
	padding-left:65px;
	min-height:50px;
}
p.talk-i {
	background:url(../img/icon_i.png) 0 0 no-repeat;
	background-size:50px 50px;
	padding-left:65px;
	min-height:50px;
}
p.talk-t {
	background:url(../img/icon_t.png) 0 0 no-repeat;
	background-size:50px 50px;
	padding-left:65px;
	min-height:50px;
}
p.talk-a {
	background:url(../img/icon_a.png) 0 0 no-repeat;
	background-size:50px 50px;
	padding-left:65px;
	min-height:50px;
}
p.talk-f {
	background:url(../img/icon_f.png) 0 0 no-repeat;
	background-size:50px 50px;
	padding-left:65px;
	min-height:50px;
}
p.talk-all span {
	display:inline-block;
	width:65px;
	font-weight:700;
}
	

@media screen and (max-width:1039px){
.crosstalk01 {
	margin-bottom:90px;
}
	.crosstalk01 img.intro {
		margin-bottom:60px;
	}
	.crosstalk01 div.intervieweeBox {
		padding:20px 10px;
	}
		.crosstalk01 div.intervieweeBox ul li img {
			width:80px;
		}
		.crosstalk01 div.intervieweeBox ul li {
			font-size:75%;
		}
		
.crosstalk02 {
	margin-bottom:80px;
}

.crosstalk03 {
	margin:0 auto 80px auto;
}

.crosstalk04 {
	margin-bottom:80px;
}
	
}

@media screen and (max-width:767px){
.crosstalk01 {
	margin-bottom:80px;
}
	.crosstalk01 img.intro {
		margin-bottom:40px;
	}
	.crosstalk01 div.intervieweeBox {
		padding:20px 10px;
	}
		.crosstalk01 div.intervieweeBox ul {
			width:100%;
		}
			.crosstalk01 div.intervieweeBox ul li {
				width:50%;
				margin-bottom:20px;
			}
				.crosstalk01 div.intervieweeBox ul li:nth-child(5) {
					margin-bottom:0;
				}
				.crosstalk01 div.intervieweeBox ul li:last-child {
					margin-bottom:0;
				}
				.crosstalk01 div.intervieweeBox ul li img {
					width:100px;
				}
				.crosstalk01 div.intervieweeBox ul li {
					font-size:87%;
				}
			
.crosstalk02 {
	margin-bottom:70px;
}
	.crosstalk02 div.left {
		width:100%;
		float:none;
	}
		.crosstalk02 div.left img {
			max-width:380px;
			margin:0 auto;
		}
	.crosstalk02 div.right {
		width:100%;
		float:none;
		margin-bottom:40px;
	}
	
.crosstalk03 {
	margin:0 auto 70px auto;
}

.crosstalk04 {
	margin-bottom:70px;
}
	.crosstalk04 div.right {
		width:100%;
		float:none;
	}
		.crosstalk04 div.right img {
			max-width:380px;
			margin:0 auto;
		}
	.crosstalk04 div.left {
		width:100%;
		float:none;
		margin-bottom:40px;
	}
			
h2.cap {
	font-size:117%;
	padding: 0 0 0 35px;
}
	h2.cap:before {
		width: 25px;
	}
	
}