@charset "utf-8";

/**************************************************************************************

--------------------------------------------------------------------------------------
エキスパート紹介
***************************************************************************************/

#main #intro {
	margin-top:50px;
}
#main #intro ul.member {
	margin-top:60px;
	display:flex;
	justify-content:space-between;
	position:relative;
}
#main #intro ul.member::before,
#main #intro ul.member::after {
	content:"";
	display:block;
	width:6px;
	height:45px;
	background-color:#004294;
	position:absolute;
	top:50%;
	right:50%;
}
#main #intro ul.member::before {transform:translate(50%,-50%) rotate(45deg);}
#main #intro ul.member::after  {transform:translate(50%,-50%) rotate(-45deg);}

#main #intro ul.member > li {
	width:45.8%;
	padding:30px 20px 20px;
	position:relative;
}
#main #intro ul.member > li.expert {background-color:#d7ebf0;}
#main #intro ul.member > li.young  {background-color:#e9f5df;}

#main #intro ul.member > li h2 {
	position:absolute;
	top:-10px;
	right:50%;
	transform:translateX(50%);
}
#main #intro ul.member > li ul {
	display:flex;
	justify-content:space-between;
}
#main #intro ul.member > li ul li {
	width:48.5%;
}
#main #intro ul.member > li ul li figure {
}
#main #intro ul.member > li ul li figure figcaption {
	line-height:1.4;
	color:#fff;
	text-align:center;
	padding:6px;
	font-weight:bold;
	font-size:14px;
	background-color:#004294;
}
#main #intro ul.member > li ul li figure figcaption em {
	font-weight:bold;
	font-size:22px;
	display:inline-block;
}
#main #intro ul.member > li.expert ul li figure figcaption em  {
	margin-left:10px;
}
@media only screen and (max-width:1330px) {
	#main #intro p,
	#main #intro ul.member {
		padding:0 60px;
	}
}
@media only screen and (max-width:768px) {
	#main #intro {
		margin-top:30px;
	}
	#main #intro p,
	#main #intro ul.member {
		padding:0;
	}
	#main #intro ul.member {
		display:block;
	}
	#main #intro ul.member > li {
		width:100%;
		padding-top:40px;
	}
	#main #intro ul.member > li + li {
		margin-top:70px;
	}
	#main #intro ul.member > li ul li figure img {
		width:100%;
	}
	#main #intro ul.member > li ul li figure figcaption {
		padding:10px;
		font-size:12px;
	}
	#main #intro ul.member > li ul li figure figcaption em {
		font-size:18px;
	}
}
@media only screen and (max-width:500px) {
	#main #intro ul.member > li {
		padding:15px 10px 20px;
	}
}

/**************************************************************************************

--------------------------------------------------------------------------------------
自己紹介
***************************************************************************************/

#main #profile {
	background-color:#9fa0a0;
	padding-bottom:50px;
}
#main #profile ul {
}
#main #profile ul li {
	background-color:#fff;
	margin-top:30px;
	padding:30px 0;
	width:80%;
}
#main #profile ul li:nth-of-type(even) {
	margin-left:auto;
}
#main #profile ul li .inner {
	width:65%;
	margin-left:auto;
	margin-right:5%;
	display:flex;
}
#main #profile ul li:nth-of-type(even) .inner {
	margin-left:5%;
	margin-right:auto;
	flex-direction:row-reverse;
}
#main #profile ul li .inner .txtBox {
	width:64%;
	padding-right:40px;
}
#main #profile ul li:nth-of-type(even) .inner .txtBox {
	padding-right:0;
	padding-left:40px;
}
#main #profile ul li .inner .txtBox h4 {
}
#main #profile ul li .inner .txtBox p {
	margin-top:20px;
}
#main #profile ul li .inner .photo {
	width:36%;
}
@media only screen and (max-width:768px) {
	#main #profile ul {
		padding:0 20px;
	}
	#main #profile ul li {
		width:100%;
	}
	#main #profile ul li .inner {
		width:100%;
		margin:0!important;
		padding:0 20px;
	}
}
@media only screen and (max-width:500px) {
	#main #profile ul li .inner {
		display:block;
	}
	#main #profile ul li .inner .txtBox {
		width:100%;
		padding:0!important;
	}
	#main #profile ul li .inner .photo {
		width:350px;
		max-width:100%;
		margin:20px auto 0;
	}
}

/**************************************************************************************

--------------------------------------------------------------------------------------
座談会
***************************************************************************************/

#main #talk {
}
#main #talk ul {
}
#main #talk ul li {
	margin-top:30px;
	padding:30px 0;
	width:80%;
}
#main #talk ul li.note {
	padding: 0;
}
#main #talk ul li.ptW {padding-top:60px;}
#main #talk ul li.pbW {padding-bottom:60px;}

#main #talk ul:not(.reverse) li:nth-of-type(even) {
	margin-left:auto;
}
#main #talk ul.reverse li:nth-of-type(odd) {
	margin-left:auto;
}
#main #talk ul li.typeW100 {
	width:100%;
	margin:30px 0 0!important;
}
#main #talk ul li.young {background-color:#e9f5df;}
#main #talk ul li.expert {background-color:#dfeff3;}
#main #talk ul li.all {background-color:#fbdfd3;}

#main #talk ul li .inner {
	width:65%;
	margin-left:auto;
	margin-right:5%;
}
#main #talk ul:not(.reverse) li:nth-of-type(even) .inner,
#main #talk ul.reverse li:nth-of-type(odd) .inner{
	margin-left:5%;
	margin-right:auto;
}
#main #talk ul li.typeW100 .inner {
	margin-left:auto!important;
	margin-right:auto!important;
	width:52%;
}
#main #talk ul li .inner p {
	padding-top:15px;
}
#main #talk ul li .inner p::after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#main #talk ul li .inner p em {
	display:block;
	float:left;
	width:55px;
	margin-right:10px;
	margin-top:-15px;
}
#main #talk ul li .inner p em img {
	width:100%;
	height:auto;
}
#main #talk ul li .inner p em span {
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
@media only screen and (max-width:768px) {
	#main #talk ul {
		padding:0 20px;
	}
	#main #talk ul li {
		width:100%!important;
	}
	#main #talk ul li .inner {
		width:100%!important;
		margin:0!important;
		padding:0 20px!important;
	}
}

/* 画像 */

#main #talk .photoArea {
	margin-top:30px;
	text-align:center;
}
#main #talk .photoArea.overlapTop {
	margin-top:-30px;
}
#main #talk .photoArea.overlapBot {
	margin-bottom:-60px;
}
#main #talk .photoArea.typeSide {
	text-align:right;
}
#main #talk .photoArea img {
	max-width:100%;
}
@media only screen and (max-width:768px) {
	#main #talk .photoArea {
		padding:0 20px;
		text-align:center!important;
	}
	#main #talk .photoArea.imgW100 {
		padding:0;
	}
}