/* --------------- Crosstalk --------------- */

.col_pagettl_crosstalk {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto 72px;
	padding: 0;
	display: flex;
	position: relative;
	z-index: 0;
}
.col_pagettl_crosstalk::before {
	content: "";
	width: 122%;
	height: calc( 100% + 178px );
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: left top;
	transform: skewX(-45deg);
	position: absolute;
	top: 0;
	left: -5%;
	z-index: -1;
}
.col_pagettl_crosstalk .cont_title {
	width: 35%;
	margin: 0;
	padding: 0;
	text-align: center;
	align-self: center;
}
.col_pagettl_crosstalk .cont_title .title {
	margin: 0 0 0.8em;
	padding: 0;
	color: #fff;
	font-size: min(5.55vw, 60px );
	font-weight: bold;
}
.col_pagettl_crosstalk .cont_title .title span { color: #03572f; }
.col_pagettl_crosstalk .cont_title .num {
	width: 22.3%;
	max-width: 78px;
	margin: 0 auto 15px;
	padding: 0;
}
.col_pagettl_crosstalk .cont_title .num img { vertical-align: top; }
.col_pagettl_crosstalk .cont_title .label_dep {
	width: fit-content;
	margin: 0 auto;
	padding: 0 1.2em 0.15em;
	color: #fff;
	font-size: min( 2.44vw, 22px );
	font-weight: 500;
	line-height: 1.2;
	position: relative;
	z-index: 0;
}
.col_pagettl_crosstalk .cont_title .label_dep::before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #03572f;
	transform: skewX(-45deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.col_pagettl_crosstalk .img {
	width: 65%;
	margin: 0;
	padding: 0;
}
.col_pagettl_crosstalk .img img { vertical-align: top; }

@media only screen and (max-width: 720px) {
	
	.col_pagettl_crosstalk {
		margin: 0 0 8.38vw;
		display: block;
	}
	.col_pagettl_crosstalk::before {
		width: 191.6vw;
		height: calc( 100% + 10.2vw );
		left: 9.7vw;
	}
	.col_pagettl_crosstalk .cont_title {
		width: 100%;
		margin: 0 0 6.75vw;
	}
	.col_pagettl_crosstalk .cont_title .title {
		padding: 0.9em 0 0;
		font-size: 12vw;
	}
	.col_pagettl_crosstalk .cont_title .num {
		width: 16vw;
		margin: 0 auto 2.3vw;
	}
	.col_pagettl_crosstalk .cont_title .label_dep { font-size: 4.4vw; }
	.col_pagettl_crosstalk .img { width: 100%; }
	
}

ul.list_staff_crosstalk {
	width: 94%;
	max-width: 920px;
	margin: 0 auto 70px;
	padding: 0;
	display: flex;
	justify-content: center;
	position: relative;
}
ul.list_staff_crosstalk li {
	width: calc( 100% / 3 );
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.46;
	text-align: center;
}
ul.list_staff_crosstalk li .img {
	margin: 0 0 12px;
	padding: 0;
}
ul.list_staff_crosstalk li .img img { vertical-align: top; }
ul.list_staff_crosstalk li .txt {
	margin: 0;
	padding: 0;
}
ul.list_staff_crosstalk li .name {
	margin: 0 0 7px;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
}
ul.list_staff_crosstalk li .name .big { font-size: 23px; }
ul.list_staff_crosstalk li .name .marker {
	margin: 0;
	padding: 0 0.1em 2px;
}
ul.list_staff_crosstalk li .name.blue .marker { background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 10px ), #11e8e3 calc( 100% - 9px ) ); }
ul.list_staff_crosstalk li .name.purple .marker { background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 10px ), #e7b3ff calc( 100% - 9px ) ); }
ul.list_staff_crosstalk li .name.orange .marker { background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 10px ), #ffb16b calc( 100% - 9px ) ); }

ul.list_staff_crosstalk li .txt span.sp_none { display: inline; }

@media only screen and (max-width: 720px) {
	
	ul.list_staff_crosstalk {
		width: 90%;
		margin: 0 auto 16.8vw;
		display: block;
	}
	ul.list_staff_crosstalk li {
		width: 100%;
		margin: 0 0 3vw;
		padding: 0;
		font-size: 3.5vw;
		display: flex;
	}
	ul.list_staff_crosstalk li .img {
		width: 46.36%;
		margin: 0;
		padding: 0;
	}
	ul.list_staff_crosstalk li .txt {
		width: 53.64%;
		align-self: center;
	}
	ul.list_staff_crosstalk li .name { font-size: 4.05vw; }
	ul.list_staff_crosstalk li .name .big { font-size: 6.2vw; }
	ul.list_staff_crosstalk li .txt span.sp_none { display: none; }
}

dl.lead_crosstalk1 {
	margin: 0 0 58px;
	padding: 0;
	text-align: center;
}
dl.lead_crosstalk1 dt {
	margin: 0 0 0.8em;
	padding: 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.388;
}
dl.lead_crosstalk1 dd {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.66;
}
@media only screen and (max-width: 720px) {
	dl.lead_crosstalk1 { margin: 0 3vw 9.4vw; }
	dl.lead_crosstalk1 dt { font-size: 6.76vw; }
	dl.lead_crosstalk1 dd { font-size: 4.32vw; }
}

.txt_question {
	margin: 0 0 1.4em;
	padding: 0;
	color: #00d200;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.58;
}
dl.txt_crosstalk {
	width: 100%;
	margin: 0 0 1.6em;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
dl.txt_crosstalk dt {
	width: 85px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.66;
}
dl.txt_crosstalk dt span {
	width: 70px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}
dl.txt_crosstalk.blue dt span { background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 10px ), #11e8e3 calc( 100% - 9px ) ); }
dl.txt_crosstalk.purple dt span { background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 10px ), #e7b3ff calc( 100% - 9px ) ); }
dl.txt_crosstalk.orange dt span { background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 10px ), #ffb16b calc( 100% - 9px ) ); }
dl.txt_crosstalk dd {
	width: calc( 100% - 85px );
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.66;
}
@media only screen and (max-width: 720px) {
	.txt_question { font-size: 5.135vw; }
	dl.txt_crosstalk { margin: 0 0 2.4em; }
	dl.txt_crosstalk dt {
		width: 22.9vw;
		font-size: 4vw;
	}
	dl.txt_crosstalk dt span { width: 19vw; }
	dl.txt_crosstalk dd {
		width: calc( 100% - 22.9vw );
		font-size: 4vw;
	}
}


/* talk01 */

.col_crosstalk1_1 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 62px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.col_crosstalk1_1 .img {
	width: 47%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.col_crosstalk1_1 .img img {
	width: 120%;
	max-width: unset;
	vertical-align: top;
	position: relative;
	left: -20%;
}
.col_crosstalk1_1 .txt {
	width: 46.2%;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 1260px) {
	.col_crosstalk1_1 .img img {
		width: calc( 100% + ( ( 100vw - 100% * (100 / 47) )/2 ) ) ;
		left: calc( ( -100vw + 100% * (100 / 47) )/2 );
	}
}
@media only screen and (max-width: 720px) {
	.col_crosstalk1_1 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.col_crosstalk1_1 .img {
		width: 100%;
		margin: 0 0 6vw;
	}
	.col_crosstalk1_1 .img img {
		width: 100%;
		position: static;
		left: 0;
	}
	.col_crosstalk1_1 .txt {
		width: 100%;
		padding: 0;
	}
}
.col_crosstalk1_2 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 62px;
}
@media only screen and (max-width: 720px) {
	.col_crosstalk1_2 {
		width: 90%;
		margin: 0 auto;
	}
	.col_crosstalk1_2.mb_sp1 { padding: 0 0 12vw; }
}
.col_crosstalk1_3 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 62px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.col_crosstalk1_3 .txt {
	width: 46.2%;
	margin: 0;
	padding: 0;
}
.col_crosstalk1_3 .txt.pc_right { order: 1; }
.col_crosstalk1_3 .img {
	width: 47%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.deco_crosstalk1_1 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: left bottom;
	transform: skewX(-45deg);
	position: absolute;
	left: 16%;
	bottom: 68%;
	z-index: -1;
}
.deco_crosstalk1_3 { display: none; }
.deco_crosstalk1_4 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: left bottom;
	transform: skewX(-45deg);
	position: absolute;
	left: 16%;
	bottom: 0;
	z-index: -1;
}
@media only screen and (max-width: 720px) {
	.col_crosstalk1_3 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.col_crosstalk1_3.mb_sp1 { margin: 0 auto 14vw; }
	.col_crosstalk1_3 .img {
		width: 100%;
		margin: 0 0 6vw;
	}
	.deco_crosstalk1_1 {
		width: 100vw;
		height: 82vw;
		left: 5%;
		bottom: -9%;
	}
	.deco_crosstalk1_3 {
		width: 100vw;
		height: 82vw;
		background-color: #00d200;
		transform-origin: right top;
		transform: skewX(-45deg);
		display: block;
		position: absolute;
		top: -7vw;
		right: 55%;
		z-index: -1;
	}
	.deco_crosstalk1_4 {
		width: 100vw;
		height: 82vw;
		left: 5%;
		bottom: -9%;
	}
	.col_crosstalk1_3 .txt {
		width: 100%;
	}
	.col_crosstalk1_3 .txt.mb_sp1 { padding: 0 0 7vw; }
}
.col_crosstalk1_4 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 62px;
	position: relative;
	z-index: 0;
}
.deco_crosstalk1_2 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: right top;
	transform: skewX(-45deg);
	position: absolute;
	top: -10px;
	right: 900px;
	z-index: -1;
}
@media only screen and (max-width: 1060px) {
	.col_crosstalk1_4 {
		width: 90%;
		margin: 0 auto;
	}
	.col_crosstalk1_4.mb_sp1 { padding: 0 0 12vw; }
	.deco_crosstalk1_2 {
		top: -50px;
		right: 94%;
	}
}
@media only screen and (max-width: 720px) {
	.col_crosstalk1_4 {
		width: 90%;
		margin: 0 auto;
	}
	.deco_crosstalk1_2 { display: none; }
}

.col_crosstalk1_2 dl.txt_crosstalk { max-width: 850px; }
.col_crosstalk1_4 dl.txt_crosstalk {
	max-width: 850px;
	margin: 0 0 1.6em auto;
}


/* talk02 */
.col_crosstalk2_1 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 30px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.col_crosstalk2_1 .img {
	width: 47%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.col_crosstalk2_1 .img img {
	width: 120%;
	max-width: unset;
	vertical-align: top;
	position: relative;
	left: -20%;
}
.col_crosstalk2_1 .txt {
	width: 46.2%;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 1260px) {
	.col_crosstalk2_1 .img img {
		width: calc( 100% + ( ( 100vw - 100% * (100 / 47) )/2 ) ) ;
		left: calc( ( -100vw + 100% * (100 / 47) )/2 );
	}
}
@media only screen and (max-width: 720px) {
	.col_crosstalk2_1 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.col_crosstalk2_1 .img {
		width: 100%;
		margin: 0 0 6vw;
	}
	.col_crosstalk2_1 .img img {
		width: 100%;
		position: static;
		left: 0;
	}
	.col_crosstalk2_1 .txt {
		width: 100%;
		padding: 0;
	}
}
.deco_crosstalk2_1 { display: none; }
@media only screen and (max-width: 720px) {
	.deco_crosstalk2_1 {
		width: 100vw;
		height: 82vw;
		background-color: #00d200;
		transform-origin: left bottom;
		transform: skewX(-45deg);
		display: block;
		position: absolute;
		left: 55%;
		bottom: -9.1vw;
		z-index: -1;
	}
}

.col_crosstalk2_2 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 62px;
	position: relative;
	z-index: 0;
}
@media only screen and (max-width: 720px) {
	.col_crosstalk2_2 {
		width: 90%;
		margin: 0 auto;
	}
	.col_crosstalk2_2.mb_sp1 { padding: 0 0 7vw; }
}
.col_crosstalk2_2 dl.txt_crosstalk { max-width: 850px; }

.col_crosstalk2_3 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 20px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.col_crosstalk2_3.mb1 { margin-bottom: 130px; }
.col_crosstalk2_3.mb2 { margin-bottom: 110px; }
.col_crosstalk2_3 .txt {
	width: 46.2%;
	margin: 0;
	padding: 0;
}
.col_crosstalk2_3 .txt.pc_right { order: 1; }
.col_crosstalk2_3 .img {
	width: 47%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.col_crosstalk2_3 .img.pc_right { order: 1; }
@media only screen and (max-width: 720px) {
	.col_crosstalk2_3 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.col_crosstalk2_3.mb1 { margin-bottom: 18vw; }
	.col_crosstalk2_3.mb2 { margin-bottom: 11vw; }
	.col_crosstalk2_3 .img {
		width: 100%;
		margin: 0 0 6vw;
	}
	.col_crosstalk2_3 .img.mb_sp { margin-bottom: 15vw; }
	.col_crosstalk2_3 .txt {
		width: 100%;
	}
	.col_crosstalk2_3 .txt.mb_sp1 { padding-bottom: 7vw; }
	
}
.deco_crosstalk2_2 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: left bottom;
	transform: skewX(-45deg);
	position: absolute;
	left: 22%;
	bottom: 52%;
	z-index: -1;
}
@media only screen and (max-width: 720px) {
	.deco_crosstalk2_2 {
		width: 100vw;
		height: 82vw;
		transform-origin: right top;
		top: -6vw;
		left: auto;
		right: 50%;
		bottom: auto;
	}
}
.deco_crosstalk2_3 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: right top;
	transform: skewX(-45deg);
	position: absolute;
	top: 55%;
	right: 38%;
	z-index: -1;
}
@media only screen and (max-width: 720px) {
	.deco_crosstalk2_3 {
		width: 100vw;
		height: 82vw;
		transform-origin: left bottom;
		top: auto;
		left: 5%;
		right: auto;
		bottom: -7vw;
	}
}
.col_crosstalk2_4 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 140px;
	position: relative;
	z-index: 0;
}
@media only screen and (max-width: 720px) {
	.col_crosstalk2_4 {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 15vw;
	}
}
.col_crosstalk2_4 dl.txt_crosstalk {
	max-width: 850px;
	margin: 0 0 1.6em auto;
}
.deco_crosstalk2_4 { display: none; }
@media only screen and (max-width: 720px) {
	.deco_crosstalk2_4 {
		width: 100vw;
		height: 82vw;
		margin: 0;
		padding: 0;
		background-color: #00d200;
		display: block;
		transform-origin: right top;
		transform: skewX(-45deg);
		position: absolute;
		top: -7vw;
		right: 55%;
		z-index: -1;
	}
}
.col_crosstalk2_2.pb1 { padding: 0 0 26px; }
.deco_crosstalk2_5 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: left bottom;
	transform: skewX(-45deg);
	position: absolute;
	left: min( 88%, 710px );
	bottom: -15px;
	z-index: -1;
}
@media only screen and (max-width: 720px) {
	.deco_crosstalk2_5 { display: none; }
}


/* talk03 */
.col_crosstalk3_1 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 30px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.col_crosstalk3_1 .img {
	width: 47%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.col_crosstalk3_1 .img img {
	width: 120%;
	max-width: unset;
	vertical-align: top;
	position: relative;
	left: -20%;
}
.col_crosstalk3_1 .txt {
	width: 46.2%;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 1260px) {
	.col_crosstalk3_1 .img img {
		width: calc( 100% + ( ( 100vw - 100% * (100 / 47) )/2 ) ) ;
		left: calc( ( -100vw + 100% * (100 / 47) )/2 );
	}
}
@media only screen and (max-width: 720px) {
	.col_crosstalk3_1 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.col_crosstalk3_1 .img {
		width: 100%;
		margin: 0 0 16vw;
	}
	.col_crosstalk3_1 .img img {
		width: 100%;
		position: static;
		left: 0;
	}
	.col_crosstalk3_1 .txt {
		width: 100%;
		padding: 0;
	}
}
.deco_crosstalk3_1 { display: none; }
@media only screen and (max-width: 720px) {
	.deco_crosstalk3_1 {
		width: 100vw;
		height: 82vw;
		background-color: #00d200;
		transform-origin: left bottom;
		transform: skewX(-45deg);
		display: block;
		position: absolute;
		left: 62%;
		bottom: -7.5vw;
		z-index: -1;
	}
}
.col_crosstalk3_2 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 105px;
	position: relative;
	z-index: 0;
}
@media only screen and (max-width: 720px) {
	.col_crosstalk3_2 {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 7vw;
	}
}
.col_crosstalk3_2 dl.txt_crosstalk { max-width: 850px; }
.col_crosstalk3_3 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 50px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 0;
}
.col_crosstalk3_3 .img {
	width: 47%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.col_crosstalk3_3 .img.pc_right { order: 1; }
.col_crosstalk3_3 .img.pc_left {
	margin: 0 0 70px;
	order: -1;
}
.col_crosstalk3_3 .txt {
	width: 46.2%;
	margin: 0;
	padding: 0;
}
.col_crosstalk3_3 .txt_wide {
	width: 100%;
	max-width: 740px;
	margin: 0;
	padding: 10px 0 40px;
}
@media only screen and (max-width: 720px) {
	.col_crosstalk3_3 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.col_crosstalk3_3.pb_sp1 {
		margin: 0 auto 17.5vw;
		padding: 0 0 7vw;
	}
	.col_crosstalk3_3 .img {
		width: 100%;
		margin: 0 0 6vw;
	}
	.col_crosstalk3_3 .img.pc_left { margin: 0; }
	.col_crosstalk3_3 .txt {
		width: 100%;
	}
	.col_crosstalk3_3 .txt_wide { padding: 0 0 7vw; }
}
.deco_crosstalk3_2 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: left bottom;
	transform: skewX(-45deg);
	position: absolute;
	left: 18.5%;
	bottom: 74%;
	z-index: -1;
}
@media only screen and (max-width: 1060px) {
	.deco_crosstalk3_2 {
		left: 30%;
		bottom: 65%;
	}
}
@media only screen and (max-width: 720px) {
	.deco_crosstalk3_2 {
		width: 100vw;
		height: 82vw;
		transform-origin: right top;
		top: -6vw;
		left: auto;
		right: 50%;
		bottom: auto;
	}
}
.col_crosstalk3_4 {
	width: 94%;
	max-width: 1060px;
	margin: 0 auto 85px;
	position: relative;
	z-index: 0;
}
@media only screen and (max-width: 720px) {
	.col_crosstalk3_4 {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 7.5vw;
	}
}
.col_crosstalk3_4 dl.txt_crosstalk {
	max-width: 850px;
	margin: 0 0 1.6em auto;
}

.deco_crosstalk3_3 {
	width: 750px;
	height: 675px;
	margin: 0;
	padding: 0;
	background-color: #00d200;
	transform-origin: left bottom;
	transform: skewX(-45deg);
	position: absolute;
	left: 790px;
	bottom: 0;
	z-index: -1;
}
@media only screen and (max-width: 1060px) {
	.deco_crosstalk3_3 { left: min( 90%, 740px ); }
}
@media only screen and (max-width: 720px) {
	.deco_crosstalk3_3 {
		width: 100vw;
		height: 82vw;
		left: 5%;
	}
}