/* -----------------------------------------------
= crosstalk
----------------------------------------------- */
.crosstalk_contents {
	margin: 0 0 10vw;
}
.crosstalk_pagetitle {
	position: relative;
	margin: -8vw 4vw 8vw;
	padding: 8vw 0 0;
	background: #fff;
	text-align: center;
}
.crosstalk_pagetitle .title {
	font-family: 'Noto Serif JP', serif;
}
.crosstalk_pagetitle .title > span {
	display: block;
}
.crosstalk_pagetitle .title .text {
	margin: 0 0 1vw;
	font-size: 2rem;
	letter-spacing: 0.5em;
}
.crosstalk_pagetitle .title .label {
	margin: 0 0 4vw;
	color: #e83828;
	font-size: 2.6rem;
	line-height: 1.3;
	letter-spacing: 0.5em;
}
.crosstalk_pagetitle h1 {
	margin: 0 0 5vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 4rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1.66;
}
.crosstalk_pagetitle .lead {
	margin: 0 0 5vw;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 5.2rem;
}
.crosstalk_pagetitle .text {
	font-size: 2.6rem;
	line-height: 4.8rem;
}
.crosstalk_member {
	padding: 0 4vw 4vw;
}
.crosstalk_member h2 {
	margin: 0 0 4vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 4.4rem;
	text-align: center;
}
.crosstalk_member h2 span {
	display: inline-block;
	width: 4.4rem;
	height: 4.4rem;
	background: #f2f2f2;
	border-radius: 50%;
}
.crosstalk_member .note {
	margin: 0 0 8vw;
	font-size: 2.2rem;
	text-align: center;
}
.crosstalk_member .item {
	margin: 0 0 3vw;
}
.crosstalk_member .item + .item {
	padding: 4vw 0 0;
	border-top: 1px solid #ccc;
}
.crosstalk_member .item .inner {
	display: flex;
}
.crosstalk_member .item .img {
	width: 21.8rem;
	margin-right: 3vw;
	margin-bottom: 3vw;
}
.crosstalk_member .item .box {
	flex: 1;
}
.crosstalk_member .item .name_jp {
	display: block;
	margin-bottom: 1.5vw;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}
.crosstalk_member .item .name_en {
	display: block;
	margin-bottom: 2.5vw;
	font-size: 1.6rem;
	letter-spacing: 0.10em;
}
.crosstalk_member .item .department {
	font-size: 2.4rem;
	line-height: 1.6;
}
.crosstalk_member .item .department .pc_inline {
	display: none;
}
.crosstalk_member .item .text {
	font-size: 2.4rem;
	line-height: 1.8;
}
.crosstalk_block {
	padding: 8vw 4vw 1vw;
	background: #f2f2f2;
}
.crosstalk_title {
	display: flex;
	margin: 0 0 6vw;
	font-family: 'Noto Serif JP', serif;
}
.crosstalk_title .num {
	display: block;
	width: 10rem;
	height: 10rem;
	margin-right: 1rem;
	background: #fff;
	border-radius: 50%;
	font-size: 6.4rem;
	line-height: 9rem;
	text-align: center;
}
.crosstalk_title .text {
	flex: 1;
	display: block;
	font-size: 3.2rem;
	line-height: 1.5;
	letter-spacing: 0.2em;
}
.crosstalk_subtitle {
	position: relative;
	margin: 0 0 6vw;
	padding: 0 0 0 6rem;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.5;
}
.crosstalk_subtitle::before {
	content: "";
	display: block;
	position: absolute;
	top: .7em;
	left: 0;
	width: 5rem;
	height: 1px;
	background: #333;
}
.crosstalk_block .item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 7vw;
}
.crosstalk_block .item .name {
	width: 17.3vw;
	margin-right: 3.6vw;
	text-align: center;
}
.crosstalk_block .item .name img {
	border-radius: 50%;
}
.crosstalk_block .item .name span {
	display: block;
	margin: 1.5vw 0 0;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.15em;
}
.crosstalk_block .item .comment {
	flex: 1;
	position: relative;
	padding: 2.5vw;
	background: #fff;
	font-size: 2.6rem;
	text-align: justify;
	line-height: 1.63;
}
.crosstalk_block .item .comment::before {
	content: "";
	display: block;
	position: absolute;
	top: 1vw;
	left: -3vw;
	border: solid transparent;
	border-width: 2.4vw 3vw;
	border-bottom-color: #fff;
}
.crosstalk_block .item .comment .note {
	display: inline-block;
	font-size: 2.2rem;
	line-height: 1.5;
}
.crosstalk_block .item .comment .line {
	letter-spacing: -.2em;
}
.crosstalk_block .item.type02 .name {
	order: 2;
	margin: 0 0 0 3.6vw;
}
.crosstalk_block .item.type02 .comment {
	order: 1;
}
.crosstalk_block .item.type02 .comment::before {
	left: auto;
	right: -3vw;
}
.crosstalk_img {
	text-align: center;
	opacity: 0;
	transition: opacity 2s;
}
.crosstalk_img.visible {
	opacity: 1;
}
.crosstalk_img.type02 {
	max-width: 53.6rem;
	margin-top: -7vw;
}
.crosstalk_img.type03 {
	max-width: 53.6rem;
	margin-top: -7vw;
}
.crosstalk_keywords {
	padding: 8vw 4vw 1vw;
}
.crosstalk_keywords h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 4.4rem;
	text-align: center;
}
.crosstalk_keywords h2 span {
	display: inline-block;
	width: 4.4rem;
	height: 4.4rem;
	color: #fff;
	background: #313131;
	border-radius: 50%;
}
.crosstalk_keywords .item {
	padding: 7vw 0;
}
.crosstalk_keywords .item + .item {
	border-top: 1px solid #c8c8c8;
}
.crosstalk_keywords .item h3 {
	margin-bottom: 2vw;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
.crosstalk_keywords .item .inner {
	overflow: hidden;
	font-size: 2.4rem;
}
.crosstalk_keywords .item .inner .space {
	float: right;
	height: 5.2em;
}
.crosstalk_keywords .item.type01 .inner .space {
	height: 8.5em;
}
.crosstalk_keywords .item .inner .text {
	line-height: 1.66;
	text-align: justify;
	font-feature-settings: "palt";
	letter-spacing: .02em;
}
.crosstalk_keywords .item .inner .img {
	clear: right;
	float: right;
	width: 25.2rem;
	margin: 0 0 0 3vw;
}
.crosstalk_keywords .item.type01 .inner .img {
	width: 33.8rem;
}
.crosstalk_keywords .item .img span {
	display: block;
	margin-top: 1rem;
	font-size: 2rem;
}
.crosstalk_keywords .btn {
	margin-top: 3vw;
}
.crosstalk_keywords .btn a {
	display: block;
	padding: 3vw;
	color: #fff;
	background: #313131;
	font-size: 2.4rem;
	text-align: center;
	transition: opacity .3s;
}
.crosstalk_keywords .btn a:hover {
	opacity: .8;
}
.crosstalk_keywords .btn a::after {
	content: "";
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../../img/about/crosstalk_icn_external.svg) no-repeat 50% 50% / cover;
}
@media print, screen and (min-width: 767px){/* PC */
.main.crosstalk {
	height: 772px;
}
.crosstalk_contents {
	padding: 0 40px;
}
.crosstalk_pagetitle {
	max-width: 940px;
	margin: -60px auto 70px;
	padding: 50px 30px 0;
}
.crosstalk_pagetitle .title .text {
	margin: 0 0 5px;
	font-size: 1.8rem;
}
.crosstalk_pagetitle .title .label {
	margin: 0 0 35px;
	font-size: 2.4em;
}
.crosstalk_pagetitle h1 {
	margin: 0 0 60px;
	font-size: 3.4rem;
	line-height: 1.76;
}
.crosstalk_pagetitle .lead {
	margin: 0 -1em 30px;
	font-size: 2.7rem;
}
.crosstalk_pagetitle .text {
	font-size: 1.6rem;
	line-height: 2;
}
.crosstalk_member {
	padding: 0 0 30px;
}
.crosstalk_member h2 {
	margin: 0 0 30px;
	font-size: 2.1rem;
	line-height: 3.6rem;
}
.crosstalk_member h2 span {
	width: 3.6rem;
	height: 3.6rem;
}
.crosstalk_member .note {
	margin: 0 0 60px;
	font-size: 1.4rem;
}
.crosstalk_member .item_wrap {
	display: flex;
	justify-content: center;
}
.crosstalk_member .item {
	width: 260px;
	margin: 0 25px 50px;
}
.crosstalk_member .item + .item {
	padding: 0;
	border-top: none;
}
.crosstalk_member .item .inner {
	display: block;
}
.crosstalk_member .item .img {
	width: auto;
	margin: 0 auto 30px;
}
.crosstalk_member .item .name_jp {
	margin-bottom: 10px;
	font-size: 2rem;
}
.crosstalk_member .item .name_en {
	margin-bottom: 15px;
	font-size: 1.2rem;
}
.crosstalk_member .item .department {
	margin-bottom: 10px;
	font-size: 1.5rem;
	line-height: 1.69;
}
.crosstalk_member .item .department .pc_inline {
	display: inline;
}
.crosstalk_member .item .text {
	font-size: 1.5rem;
	line-height: 1.69;
	text-align: justify;
	letter-spacing: .015em;
	font-feature-settings: "palt";
}
.crosstalk_block {
	margin: 0 -40px;
	padding: 84px 0 30px;
}
.crosstalk_block .inner {
	max-width: 1046px;
	margin: 0 auto;
}
.crosstalk_block.type01 .inner {
	padding: 0 194px 0 40px;
}
.crosstalk_block.type02 .inner {
	padding: 0 40px 0 194px;
}
.crosstalk_title {
	display: block;
	margin: 0 0 75px;
}
.crosstalk_title .num {
	width: 14rem;
	height: 14rem;
	margin-bottom: 15px;
	font-size: 9rem;
	line-height: 12rem;
}
.crosstalk_title .text {
	font-size: 3.1rem;
}
.crosstalk_subtitle {
	margin: 0 0 50px;
	padding: 0 0 0 2.5em;
	font-size: 1.9rem;
}
.crosstalk_block .item + .crosstalk_subtitle {
	margin-top: 66px;
}
.crosstalk_subtitle::before {
	top: .7em;
	left: 0;
	width: 2em;
}
.crosstalk_block .item {
	margin: 0 0 55px;
}
.crosstalk_block .item .name {
	width: 114px;
	margin-right: 40px;
}
.crosstalk_block .item .name span {
	margin: 12px 0 0;
	font-size: 1.6rem;
}
.crosstalk_block .item .comment {
	margin-right: 154px;
	padding: 15px 20px;
	font-size: 1.6rem;
	line-height: 2;
}
.crosstalk_block .item .comment::before {
	top: 10px;
	left: -18px;
	border-width: 18px;
}
.crosstalk_block .item .comment .note {
	font-size: 1.4rem;
}
.crosstalk_block .item.type02 .name {
	margin: 0 0 0 40px;
}
.crosstalk_block .item.type02 .comment {
	margin-left: 154px;
	margin-right: 0;
}
.crosstalk_block .item.type02 .comment::before {
	right: -18px;
}
.crosstalk_img.type01 {
	margin: 0 -40px;
}
.crosstalk_img.type01 img {
	width: 100%;
}
.crosstalk_img.type02 {
	max-width: 1500px;
	margin: -85px auto -29px;
	text-align: left;
}
.crosstalk_img.type03 {
	max-width: 1500px;
	margin: -85px auto -29px;
	text-align: right;
}
.crosstalk_keywords {
	padding: 84px 194px 84px 40px;
}
.crosstalk_keywords h2 {
	margin: 0 0 40px;
	font-size: 2.1rem;
	line-height: 3.6rem;
}
.crosstalk_keywords h2 span {
	width: 3.6rem;
	height: 3.6rem;
}
.crosstalk_keywords .item {
	display: flex;
	align-items: center;
	max-width: 1046px;
	margin: 0 auto;
	padding: 40px 0;
	border-top: 2px dotted #333;
}
.crosstalk_keywords .item + .item {
	border-top: 2px dotted #333;
}
.crosstalk_keywords .item:last-child {
	border-bottom: 2px dotted #333;
}
.crosstalk_keywords .item .set {
	flex: 1;
	margin-right: 30px;
}
.crosstalk_keywords .item h3 {
	margin-bottom: 5px;
	font-size: 2rem;
	text-align: left;
}
.crosstalk_keywords .item .inner {
	font-size: 1.6rem;
}
.crosstalk_keywords .item .inner .space {
	display: none;
}
.crosstalk_keywords .item .inner .text {
	line-height: 2;
}
.crosstalk_keywords .item .img span {
	position: relative;
	margin: -1.5rem 0 0 -5rem;
	font-size: 1.2rem;
}
.crosstalk_keywords .btn {
	margin-top: 10px;
}
.crosstalk_keywords .btn a {
	display: inline-block;
	padding: 10px 15px;
	font-size: 1.4rem;
	line-height: 1.3;
	letter-spacing: .1em;
}
.crosstalk_keywords .btn a::after {
	width: 1.2rem;
	height: 1.2rem;
}
.crosstalk_keywords .item .img {
	width: calc(474 / 1046 * 100%);
}
}/* @media */
@media print, screen and (max-width: 1279px) and (min-width: 767px){/* TABLET */
.crosstalk_block.type01 .inner {
	padding: 0 40px;
}
.crosstalk_block.type02 .inner {
	padding: 0 40px;
}
.crosstalk_keywords {
	padding: 84px 0;
}
.crosstalk_keywords .item .img span {
	margin: 0;
}
}/* @media */
/* -----------------------------------------------
= project
----------------------------------------------- */
.crosstalk_member.project h2 {
	width: 22rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: .5em;
	color: #fff;
	background: #313131;
	letter-spacing: .5em;
}
.project_about {
	margin-bottom: 8vw;
	padding: 8vw 4vw;
	background: #edffff;
}
.project_about_title {
	margin-bottom: 2vw;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.5;
}
.project_about_text {
	margin-bottom: 4vw;
	font-size: 2.6rem;
	line-height: 1.7;
}
.project_about .img01 {
	width: 35rem;
	margin: 0 auto 5vw;
}
.project_block .inner {
	padding: 5vw 4vw;
}
.project_block .title {
	display: flex;
	align-items: center;
	margin-bottom: 5vw;
	font-family: 'Noto Serif JP', serif;
}
.project_block .title .num {
	display: block;
	margin-right: .2em;
	font-size: 11.2rem;
	font-weight: 600;
}
.project_block .title .text {
	flex: 1;
	display: block;
	font-size: 3.4rem;
	line-height: 4.8rem;
	letter-spacing: .18em;
}
.project_block .set_text .text {
	font-size: 2.6rem;
	line-height: 1.76;
}
.project_block .set_text .img {
	margin: 2vw 0;
}
@media print, screen and (min-width: 767px){/* PC */
.crosstalk_member.project h2 {
	width: 17.8rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	line-height: 1;
}
.crosstalk_member.project .item_wrap {
	max-width: 1112px;
	margin: 0 auto;
}
.crosstalk_member.project .item {
	width: 472px;
	margin: 0 28px 50px;
}
.crosstalk_member.project .item .name_jp {
	display: inline-block;
	margin: 0 1em 15px 0;
}
.crosstalk_member.project .item .name_en {
	display: inline-block;
}
.project_about {
	margin: 0 -40px 80px;
	padding: 90px 40px 80px;
}
.project_about .inner {
	display: flex;
	max-width: 1040px;
	margin: 0 auto;
}
.project_about .set {
	flex: 1;
	margin-right: 55px;
}
.project_about_title {
	margin-bottom: 9px;
	font-size: 2.3rem;
}
.project_about_text {
	margin-bottom: 18px;
	font-size: 1.6rem;
	line-height: 2;
}
.project_about .img01 {
	width: calc(450 / 1040 * 100%);
	margin: 0;
}
.project_block {
	margin: 0 -40px;
}
.project_block .inner {
	display: flex;
	max-width: 1500px;
	margin: 0 auto;
	padding: 76px 0;
}
.project_block .set_title {
	width: calc(544 / 1500 * 100%);
	margin: -15px 55px 0 0;
}
.project_block .title {
	display: block;
	float: right;
	margin-bottom: 50px;
}
.project_block .title.mb170 {
	margin-bottom: 170px;
}
.project_block .title .num {
	margin: 0 0 10px;
	font-size: 12.5rem;
}
.project_block .title .text {
	font-size: 2.7rem;
	line-height: 3.8rem;
	letter-spacing: .2em;
}
.project_block .title .text.type01 {
	margin-right: -.3em;
}
.project_block .title .text.type02 {
	margin-right: -.9em;
}
.project_block .set_title .img {
	clear: right;
}
.project_block .set_title .img.mt150 {
	margin-top: 150px;
}
.project_block .set_text {
	flex: 1;
	padding-right: 150px;
}
.project_block .set_text .text {
	font-size: 1.6rem;
	line-height: 2;
	text-align: justify;
}
.project_block .set_text .img.mt75 {
	margin-top: 75px;
	margin-bottom: 10px;
}
}/* @media */
@media print, screen and (max-width: 1050px) and (min-width: 767px){/* TABLET */
.project_block .set_title .num,
.project_block .set_title .text {
	padding-left: 40px;
}
.project_block .set_text {
	padding-right: 40px;
}
}/* @media */
