@charset "UTF-8";
/* flexbox */
/*自動隙間　横並び　行替え　中央寄せ*/
.c_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; /*折り返しても*/
	justify-content: center;
	align-items: center;
	align-items: flex-start;
}
 @media screen and (min-width: 1200px) {
#crosstalk .m_lr_s {
	margin-left: 10%;
	margin-right: 10%;
}
}
/*  第○弾  */
#crosstalk .second-title, #crosstalk .first-title {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	margin-bottom: 2rem;
}
#crosstalk .maru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column;
	vertical-align: top;
	width: 100px;
	height: 100px;
	color: #fff;
	text-align: center;
}
.crosstalk-part1 .maru {
	background: #004592;
}
.crosstalk-part2 .maru {
	background: #e3007e;
}
#crosstalk .letter {
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
}
#crosstalk .letter span {
	font-size: 130%;
	font-weight: bold;
}
#crosstalk .first-title p, #crosstalk .second-title p {
	margin-left: 1rem;
	font-size: 2rem;
	padding-top: 0.3rem;
	font-weight: 600;
	color: #004592;
}
#crosstalk .first-title p span, #crosstalk .second-title p span {
	display: block;
	font-size: 60%;
	line-height: 3rem;
	font-weight: 600;
}
/*    */
#crosstalk .content h3 {
	text-align: center;
	background: none;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: 0.1rem;
	color: #1a1a1a;
}
#crosstalk .content h5 {
	text-align: center;
	color: #638cc6;
	margin-top: 2rem;
}
.crosstalk-part1 ul {
	width: 190px;
	height: 300px;
	margin: 0 auto 4rem auto;
}
.crosstalk-part2 ul {
	width: 180px;
	height: 300px;
	margin: 0 5% 4rem 5%;
}
#crosstalk ul li {
	font-weight: bold;
}
/*第一弾メンバー*/
.crosstalk-part1 .first_san {
	background: url(../img/kubo_san.svg)no-repeat;
}
.crosstalk-part1 .second_san {
	background: url(../img/tesaki_san.svg)no-repeat;
}
.crosstalk-part1 .third_san {
	background: url(../img/seino_san.svg)no-repeat;
}
.crosstalk-part1 .fourth_san {
	background: url(../img/oka_san.svg)no-repeat;
}
.crosstalk-part1 .fifth_san {
	background: url(../img/kadowaki_san.svg)no-repeat;
}
/*第二弾メンバー*/
.crosstalk-part2 .first_san {
	background: url(../img/cy_san.svg)no-repeat;
}
.crosstalk-part2 .second_san {
	background: url(../img/mb_san.svg)no-repeat;
}
.crosstalk-part2 .third_san {
	background: url(../img/em_san.svg)no-repeat;
}
.crosstalk-part2 .fourth_san {
	background: url(../img/mk_san.svg)no-repeat;
}
.crosstalk-part2 .fifth_san {
	background: url(../img/dk_san.svg)no-repeat;
}
.crosstalk-part2 .sixth_san {
	background: url(../img/si_san.svg)no-repeat;
}
#crosstalk .first_san, #crosstalk .second_san, #crosstalk .third_san, #crosstalk .fourth_san, #crosstalk .fifth_san, #crosstalk .sixth_san {
	text-align: center;
}
#crosstalk ul li:nth-child(1) {
	font-size: 0.85rem;
	margin-top: 11.5rem;
}
#crosstalk ul li:nth-child(2) {
	line-height: 1.3;
}
#crosstalk ul li:nth-child(3) {
	font-size: 1.15rem;
	line-height: 3.25;
}
#crosstalk ul li:nth-child(4) {
	font-size: 0.7rem;
	margin-top: -1.25rem;
}
#crosstalk ul li:nth-child(1), #crosstalk ul li:nth-child(2), #crosstalk ul li:nth-child(3) {
	color: #004592;
}
/*第一弾質問一覧*/
#crosstalk .ct_qa_list a p {
	color: #fff;
	font-size: 1.2rem;
}
#crosstalk .ct_qa_list a span {
	display: block;
	color: #e5ecf4;
	text-shadow: 2px 2px 0 #17569c, -2px -2px 0 #17569c, -2px 2px 0 #17569c, 2px -2px 0 #17569c, 0px 2px 0 #17569c, 0 -2px 0 #17569c, -2px 0 0 #17569c, 2px 0 0 #17569c;
	margin-top: -2rem;
	font-weight: bold;
	font-size: 0.9rem;
}
#crosstalk .ct_qa_list a {
	position: relative;
	display: inline-block;
	margin: 1.5rem 1rem;
	padding: 1rem;
	min-width: 280px;
	max-width: 100%;
	font-size: 16px;
	background: -moz-linear-gradient(top, #17569c, #004592);
	background: -webkit-linear-gradient(top, #17569c, #004592);
	background: linear-gradient(to bottom, #17569c, #004592);
	border-radius: 7px;
	text-align: center;
}
#crosstalk .ct_qa_list a:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 15px solid #004592;
}
/*第二弾質問一覧*/
#crosstalk .ct_qa_list_part2 a {
	position: relative;
	display: inline-block;
	width: 45%;
	margin: 1.5rem 1rem 2.5rem 1rem;
	padding: 1rem;
	background: -moz-linear-gradient(top, #17569c, #004592);
	background: -webkit-linear-gradient(top, #17569c, #004592);
	background: linear-gradient(to bottom, #17569c, #004592);
	border-radius: 7px;
	text-align: center;
}
@media screen and (min-width: 1200px) {
#crosstalk .ct_qa_list_part2 a {
	width: 30%;
}
}
#crosstalk .ct_qa_list_part2 a p {
	display: block;
	color: #fff;
	background-color: #e3007e;
	border-radius: 1rem;
	margin: -2rem 30% 0.5rem 30%;
	font-weight: bold;
	font-size: 0.9rem;
}
#crosstalk .ct_qa_list_part2 a:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 15px solid #004592;
}
#crosstalk .ct_qa_list_part2 dl {
	color: #fff;
}
#crosstalk .ct_qa_list_part2 dt {
	font-size: 1.15rem;
	margin: 1rem auto;
	font-weight: 600;
	text-align: center;
}
#crosstalk .ct_qa_list_part2 dt span {
	display: block;
	font-size: 80%;
}
#crosstalk .ct_qa_list_part2 dd {
	text-align: left;
	text-align: justify;
}
/*質問見出し*/
.crosstalk-part1 h2, .crosstalk-part2 h2 {
	position: relative;
	display: inline-block;
	margin: 5rem 0 3rem 0;
	padding: 1rem;
	max-width: 100%;
	font-size: 1.8rem;
	background: #e5ecf4;
	border-radius: 7px;
	text-align: center;
	color: #1a1a1a;
}
.crosstalk-part1 h2 {
	background: #e5ecf4;
	color: #1a1a1a;
}
.crosstalk-part2 h2 {
	background: #eaeaea;
	color: #004592;
}
/*第一弾 質問見出し*/
.crosstalk-part1 .content h2:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 15px solid #e5ecf4;
}
.crosstalk-part1 .content h2 span {
	display: block;
	color: #004592;
	text-shadow: 2px 2px 0 #e5ecf4, -2px -2px 0 #e5ecf4, -2px 2px 0 #e5ecf4, 2px -2px 0 #e5ecf4, 0px 2px 0 #e5ecf4, 0 -2px 0 #e5ecf4, -2px 0 0 #e5ecf4, 2px 0 0 #e5ecf4;
	margin-top: -2rem;
	font-size: 1.2rem;
	font-weight: bold;
}
/*第二弾 質問見出し*/
.crosstalk-part2 h2:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 15px solid #eaeaea;
}
.crosstalk-part2 h2 span {
	display: block;
	color: #fff;
	background-color: #e3007e;
	border-radius: 1rem;
	margin: -2rem 40% 0.5rem 40%;
	font-size: 0.9rem;
	font-weight: bold;
}
 @media screen and (min-width: 1200px) {
.crosstalk-part2 h2 span {
	margin: -2rem 43% 0.5rem 43%;
}
}
/*イラスト*/
#crosstalk .r_illust {
	float: right;
	margin-left: 3rem;
	margin-top: 0.5rem;
}
#crosstalk .l_illust {
	float: left;
	margin-right: 3rem;
	margin-top: 0.5rem
}
/*回答*/
#ct_qa_talk dl {
	padding-bottom: 0.5rem;
}
#ct_qa_talk dt {
	width: 90px;
}
#ct_qa_talk dd {
	width: calc(100% - 90px);
	padding: 0.2rem 0 1.5rem 0;
	line-height: 1.6rem;
	letter-spacing: 0.06rem;
	text-align: justify;
}
/*第1弾人物アイコン*/
.crosstalk-part1 .kubo_san {
	background: url(../img/01san.svg)no-repeat;
}
.crosstalk-part1 .oka_san {
	background: url(../img/02san.svg)no-repeat;
}
.crosstalk-part1 .kiyono_san {
	background: url(../img/03san.svg)no-repeat;
}
.crosstalk-part1 .kadowaki_san {
	background: url(../img/04san.svg)no-repeat;
}
.crosstalk-part1 .tesaki_san {
	background: url(../img/05san.svg)no-repeat;
}
#ct_qa_talk .kubo_san, #ct_qa_talk .oka_san, #ct_qa_talk .kiyono_san, #ct_qa_talk .kadowaki_san, #ct_qa_talk .tesaki_san {
	width: 4.5rem;
	height: 4.5rem;
}
/*第2弾人物アイコン*/
.crosstalk-part2 .member01_san {
	background: url(../img/2_01san.svg)no-repeat;
}
.crosstalk-part2 .member02_san {
	background: url(../img/2_02san.svg)no-repeat;
}
.crosstalk-part2 .member03_san {
	background: url(../img/2_03san.svg)no-repeat;
}
.crosstalk-part2 .member04_san {
	background: url(../img/2_04san.svg)no-repeat;
}
.crosstalk-part2 .member05_san {
	background: url(../img/2_05san.svg)no-repeat;
}
.crosstalk-part2 .member06_san {
	background: url(../img/2_06san.svg)no-repeat;
}
.crosstalk-part2 .member01_san, .crosstalk-part2 .member02_san, .crosstalk-part2 .member03_san, .crosstalk-part2 .member04_san, .crosstalk-part2 .member05_san, .crosstalk-part2 .member06_san {
	width: 4.5rem;
	height: 4.5rem;
}
/*ボタン部分*/
.crosstalk_title_outer {
	position: relative;
}
.carousel-btn.prev {
	left: 10%;
}
.carousel-btn.next {
	right: 10%;
}
.carousel-btn {
	position: absolute;
	top: 38%;
	transform: translateY(-50%);
	z-index: 10;
	color: #004592;
	border: none;
	width: 100px;
	height: 50px;
	cursor: pointer;
	font-size: 60px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.external-link {
	position: absolute;
	top: 70%;
	color: #004592;
	width: 100px;
	font-size: 0.8em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.external-link.prev {
	left: 10%;
}
.external-link.next {
	right: 10%;
}