@charset "utf-8";

/*=========================================*/
/* CROSSTALK */
/*=========================================*/


/*-- SUB TITLE --*/

.contents_crosstalk_title{
	position:relative;
	margin:45px 50px 35px 50px;
	padding:0px 0px 20px 0px;
	border-bottom:1px dotted rgba(25,25,25,1.0);
	box-sizing:border-box;
	font-size:250%;
	line-height:137.5%;
	letter-spacing:-0.025em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
	display:flex;
}

.contents_crosstalk_title .faq{
	position:relative;
	padding:0px 10px 0px 0px;
}

.contents_crosstalk_title .title{
	position:relative;
	flex:1;
}

.contents_crosstalk_title span{
	padding:0px 0px 0px 5px;
	font-size:75%;
}

@media screen and (max-width:1600px){

.contents_crosstalk_title{
	margin:41px 45px 32px 45px;
	padding:0px 0px 18px 0px;
	font-size:225%;
}

}

@media screen and (max-width:1440px){

.contents_crosstalk_title{
	margin:41px 45px 32px 45px;
	padding:0px 0px 18px 0px;
	font-size:200%;
}

.contents_crosstalk_title .faq{
	padding:0px 9px 0px 0px;
}

}

@media screen and (max-width:1280px){

.contents_crosstalk_title{
	margin:37px 40px 29px 40px;
	padding:0px 0px 16px 0px;
	font-size:187.5%;
}

}

@media all and (max-width:960px), print{

.contents_crosstalk_title{
	margin:33px 35px 26px 35px;
	padding:0px 0px 14px 0px;
	font-size:175%;
}

.contents_crosstalk_title .faq{
	padding:0px 8px 0px 0px;
}

}

@media screen and (max-width:640px){

.contents_crosstalk_title{
	margin:29px 25px 23px 25px;
	padding:0px 0px 12px 0px;
	font-size:162.5%;
}

.contents_crosstalk_title .faq{
	padding:0px 7px 0px 0px;
}

}

@media screen and (max-width:480px){

.contents_crosstalk_title{
	margin:25px 20px 20px 20px;
	padding:0px 0px 10px 0px;
	font-size:150%;
}

.contents_crosstalk_title span{
	padding:0px 0px 0px 3px;
	font-size:62.5%;
}

}


/*-- TEXT --*/

.contents_crosstalk_text{
	padding:0px 5px 55px 5px;
	font-size:175%;
	line-height:162.5%;
	letter-spacing:-0.025em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
	font-weight:400;
}

@media screen and (max-width:1440px){

.contents_crosstalk_text{
	padding:0px 5px 50px 5px;
	font-size:162.5%;
}

}

@media screen and (max-width:1280px){

.contents_crosstalk_text{
	padding:0px 5px 45px 5px;
	font-size:150%;
}

}

@media all and (max-width:960px), print{

.contents_crosstalk_text{
	padding:0px 4px 40px 4px;
	font-size:137.5%;
	line-height:150%;
}

}

@media screen and (max-width:640px){

.contents_crosstalk_text{
	padding:0px 3px 35px 3px;
	font-size:125%;
}

}

@media screen and (max-width:480px){

.contents_crosstalk_text{
	font-size:112.5%;
}

}


/*-- TALK ICON --*/

.talk_icon{
	float:left;
	position:relative;
	margin:8px 25px 8px 0px;
	width:80px;
	height:80px;
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.talk_icon.bg_green{
	background-color:rgba(150,180,15,1.0);
}

.talk_icon.bg_orange{
	background-color:rgba(250,165,35,1.0);
}

.talk_icon.bg_blue{
	background-color:rgba(115,190,225,1.0);
}

.talk_icon.bg_pink{
	background-color:rgba(245,150,180,1.0);
}

.talk_icon .name{
	font-size:162.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:700;
}

.talk_icon .san{
	padding:0px 0px 0px 2px;
	font-size:62.5%;
	font-weight:600;
}

@media screen and (max-width:1440px){

.talk_icon{
	margin:8px 22px 8px 0px;
	width:75px;
	height:75px;
}

.talk_icon .name{
	font-size:150%;
}

}

@media all and (max-width:960px), print{

.talk_icon{
	margin:8px 19px 8px 0px;
	width:70px;
	height:70px;
}

.talk_icon .name{
	font-size:137.5%;
}

}

@media screen and (max-width:640px){

.talk_icon{
	margin:8px 16px 8px 0px;
	width:65px;
	height:65px;
}

.talk_icon .name{
	font-size:125%;
}

}

@media screen and (max-width:480px){

.talk_icon{
	margin:8px 13px 8px 0px;
	width:60px;
	height:60px;
}

.talk_icon .name{
	font-size:112.5%;
}

}


/*-- MEMBER --*/

.crosstalk_member_area{
	position:relative;
	margin:0px 0px 90px 0px;
	width:100%;
	display:flex;
	justify-content:space-between;
}

.crosstalk_member{
	position:relative;
	margin:0px 10px 0px 0px;
	width:calc(32.5% - 10px);
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	display:flex;
	align-items:center;
	/* shadow */
	box-shadow:10px 10px rgba(25,25,25,0.15);
}

.member_icon{
	position:relative;
	width:100px;
	height:100px;
	border-right:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.member_icon.bg_green{
	background-color:rgba(150,180,15,1.0);
}

.member_icon.bg_orange{
	background-color:rgba(250,165,35,1.0);
}

.member_icon.bg_blue{
	background-color:rgba(115,190,225,1.0);
}

.member_icon.bg_pink{
	background-color:rgba(245,150,180,1.0);
}

.member_icon .name{
	font-size:162.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:700;
}

.member_icon .san{
	padding:0px 0px 0px 2px;
	font-size:62.5%;
	font-weight:600;
}

.member_text{
	padding:0px 20px 0px 20px;
	font-size:125%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:400;
	text-align:left;
	display:flex;
	align-items:center;
}

.member_text br{
	display:none;
}

@media screen and (max-width:1600px){

.member_text br{
	display:block;
}

}

@media screen and (max-width:1440px){

.crosstalk_member_area{
	margin:0px 0px 75px 0px;
}

.member_icon{
	width:90px;
	height:90px;
}

.member_icon .name{
	font-size:150%;
}

.member_text{
	padding:0px 18px 0px 18px;
	font-size:118.75%;
}

}

@media all and (max-width:960px), print{

.crosstalk_member_area{
	margin:0px 0px 60px 0px;
}

.crosstalk_member{
	margin:0px 8px 0px 0px;
	width:calc(32.5% - 8px);
	/* shadow */
	box-shadow:8px 8px rgba(25,25,25,0.15);
}

.member_icon{
	width:80px;
	height:80px;
}

.member_icon .name{
	font-size:137.5%;
}

.member_text{
	padding:0px 16px 0px 16px;
	font-size:112.5%;
}

}

@media screen and (max-width:800px){

.crosstalk_member_area{
	flex-wrap:wrap;
}

.crosstalk_member{
	margin:0px 8px 14px 0px;
	width:calc(100% - 8px);
}

.member_text br{
	display:none;
}

}

@media screen and (max-width:640px){

.crosstalk_member_area{
	margin:0px 0px 45px 0px;
}

.crosstalk_member{
	margin:0px 6px 12px 0px;
	width:calc(100% - 6px);
	/* shadow */
	box-shadow:6px 6px rgba(25,25,25,0.15);
}

.member_icon{
	width:70px;
	height:70px;
}

.member_icon .name{
	font-size:125%;
}

.member_text{
	padding:0px 14px 0px 14px;
	font-size:106.25%;
}

}

@media screen and (max-width:480px){

.member_text{
	padding:0px 12px 0px 12px;
	font-size:100%;
}

}


/*-- ANCHOR NAV --*/

.crosstalk_anchor_nav{
	position:relative;
	margin:0px 10px 90px 0px;
	width:calc(100% - 10px);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
}

.crosstalk_anchor_nav .anchor_nav{
	position:relative;
	background-color:rgba(255,255,255,1.0);
	border-bottom:1px dotted rgba(25,25,25,1.0);
	box-sizing:border-box;
	width:100%;
	transition:0.25s ease-out;
	display:flex;
	align-items:center;
}

.crosstalk_anchor_nav .anchor_nav:last-child{
	border-bottom:none;
}

.crosstalk_anchor_nav .anchor_nav:hover{
	background-color:rgba(245,245,245,1.0);
}

.crosstalk_anchor_nav .anchor_nav a{
	padding:15px 60px 15px 20px;
	width:100%;
	background-image:url(../images/svg/icon_anchor_nav_black.svg);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:20px auto;
	font-size:125%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:500;
	text-align:left;
	display:block;
	transition:0.25s ease-out;
}

.crosstalk_anchor_nav .anchor_nav span{
	padding:0px 0px 0px 3px;
	font-size:87.5%;
}

.crosstalk_anchor_nav .anchor_nav a:link{ color:rgba(25,25,25,1.0); text-decoration:none; }
.crosstalk_anchor_nav .anchor_nav a:visited{ color:rgba(25,25,25,1.0); text-decoration:none; }
.crosstalk_anchor_nav .anchor_nav a:hover{ color:rgba(25,25,25,1.0); text-decoration:none; }
.crosstalk_anchor_nav .anchor_nav a:active{ color:rgba(25,25,25,1.0); text-decoration:none; }

@media screen and (max-width:1440px){

.crosstalk_anchor_nav{
	margin:0px 0px 75px 0px;
}

.crosstalk_anchor_nav .anchor_nav a{
	padding:13px 56px 13px 18px;
	background-position:right 18px center;
	font-size:118.75%;
}

}

@media all and (max-width:960px), print{

.crosstalk_anchor_nav{
	margin:0px 8px 60px 0px;
	width:calc(100% - 8px);
}

.crosstalk_anchor_nav .anchor_nav{
	transition:0s ease-out;
}

.crosstalk_anchor_nav .anchor_nav:hover{
	background-color:rgba(255,255,255,1.0);
}

.crosstalk_anchor_nav .anchor_nav a{
	padding:11px 52px 11px 16px;
	background-position:right 16px center;
	font-size:112.5%;
	transition:0s ease-out;
}

}

@media screen and (max-width:800px){

.crosstalk_anchor_nav{
	flex-wrap:wrap;
}

.crosstalk_anchor_nav .anchor_nav{
	border-right:none;
	border-bottom:1px solid rgba(25,25,25,1.0);
	width:100%;
}

.crosstalk_anchor_nav .anchor_nav:last-child{
	border-bottom:none;
}

}

@media screen and (max-width:640px){

.crosstalk_anchor_nav{
	margin:0px 6px 45px 0px;
	width:calc(100% - 6px);
}

.crosstalk_anchor_nav .anchor_nav a{
	padding:9px 48px 9px 15px;
	background-position:right 15px center;
	background-size:18px auto;
	font-size:106.25%;
}

}

@media screen and (max-width:480px){

.crosstalk_anchor_nav .anchor_nav a{
	padding:7px 46px 7px 15px;
	background-size:16px auto;
	font-size:100%;
}

}