@charset "utf-8";
/*------------------------------------------------------------
	crosstalk
------------------------------------------------------------*/
#main .sec01{
	background-image: url(../img/crosstalk01/bg01.png);
	background-repeat: no-repeat;
	background-position: top 150px left;
	background-size: 100%;

}

#main .sec01 .txt_wap01{

	width: 665px;
	max-width: 90%;
	margin: 0 auto;


}

#main .sec01 .txt_wap01 .txt{
line-height: 2;
}

#main .sec01 .txt_wap02{
	writing-mode: vertical-rl;
	top: 60px;
	left: 18vw;
}

@media all and (max-width: 1700px) {
	#main .sec01 .txt_wap02{

		left: 10vw;
	}
}

#main .sec02 .icon_wap::after{
	content: "";
	display: block;
	width: 100%;
	background-color: rgba(109,138,239,0.1);
	border-radius: 20px;
	height: 200px;
	position: absolute;
	bottom: 0;
	z-index: -1;
	left: 0;
}


#main .sec02{
	background-image: url(../img/common/bg01.png),url(../img/common/bg04.png);
    background-repeat: no-repeat;
    background-position: right calc(50% - 63.5rem) top , left bottom;
    background-size: 55.2rem , 40.2rem;
}


#main .sec02 .icon_wap .icon_box .txt01{
border-bottom: 1px solid #272830;
width: fit-content;
margin: 0 auto 10px;

}

#main .sec03.sec03_01 .ttl_wap .txt_box{
	background-image: url(../img/crosstalk01/bg02.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100%;
	padding-left: 8%;
}

#main .sec03 .ttl_wap .txt_box .txt01 .f_en{
border-right: 1px solid #272830;
padding-right: 15px;
margin-right: 10px;
}


#main .sec03.sec03_02 .ttl_wap{
	flex-direction: row-reverse;
}

#main .sec03.sec03_02 .ttl_wap .txt_box{
	background-image: url(../img/crosstalk01/bg02.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 100%;
	padding-left: 5%;
}


#main .sec03 .txt_wap .txt_box{
	width: 85%;
	position: relative;
}


#main .sec03.sec03_01 .txt_wap:nth-child(even) .txt_box{
	background-color: #B6C4F6;
}


#main .sec03.sec03_01 .txt_wap:nth-child(even) .txt_box::before{
	content: "";
	position: absolute;
	top: 20px;     
	left: -20px;     
	border-width: 10px;
	border-style: solid;
	border-color: transparent #B6C4F6 transparent transparent;
}


#main .sec03.sec03_01 .txt_wap:nth-child(odd) .txt_box{
	background-color: #D9E2FF;
}


#main .sec03.sec03_01 .txt_wap:nth-child(odd) .txt_box::before{
	content: "";
	position: absolute;
	top: 20px;     
	left: -20px;     
	border-width: 10px;
	border-style: solid;
	border-color: transparent #D9E2FF transparent transparent;
}


#main .sec03.sec03_02 .txt_wap:nth-child(even) .txt_box{
	background-color: #EBFFBE;
}


#main .sec03.sec03_02 .txt_wap:nth-child(even) .txt_box::before{
	content: "";
	position: absolute;
	top: 20px;     
	left: -20px;     
	border-width: 10px;
	border-style: solid;
	border-color: transparent #EBFFBE transparent transparent;
}


#main .sec03.sec03_02 .txt_wap:nth-child(odd) .txt_box{
	background-color: #F5FFDD;
}


#main .sec03.sec03_02 .txt_wap:nth-child(odd) .txt_box::before{
	content: "";
	position: absolute;
	top: 20px;     
	left: -20px;     
	border-width: 10px;
	border-style: solid;
	border-color: transparent #F5FFDD transparent transparent;
}

#main .sec03.sec03_02 .ttl_wap .txt_box .txt02{
background-color: #D8FF7E;
color: #272830;
}


#main .sec03 .ttl_wap .txt_box .txt02{
	font-weight: 600;
	}


#main .crosstalk_btn_wap .txt_wap .txt01{
	border-bottom: 1px solid #fff;
}


#main .crosstalk_btn_wap .txt_wap.bg_yellow .txt01{
	border-bottom: 1px solid #272830;
}


@media screen and (max-width: 896px) {
	#main .sec02 .icon_box{
		width: 48%;
		margin-bottom: 20px;
	}
	
	#main .sec02 .icon_wap::after{
		height: 400px;
	}

	#main .sec03.sec03_02 .ttl_wap .txt_box,
	#main .sec03.sec03_01 .ttl_wap .txt_box{
		padding: 0 5% 20px;
	}

	#main .crosstalk_btn_wap .txt_wap {

		padding: 20px 5%;

	}

	#main .crosstalk_btn_wap .txt_wap .txt01{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	#main .crosstalk_btn_wap .txt_wap .comLink01{
		margin-top: 20px !important;
	}

	#main .sec02 {
		background-image: url(../img/common/bg01.png), url(../img/common/bg04.png);
		background-repeat: no-repeat;
		background-position: right top, left bottom;
		background-size: 23.2rem, 14.2rem;
	}

	#main .sec03.sec03_02 .txt_wap:nth-child(odd) .txt_box::before,
	#main .sec03.sec03_01 .txt_wap:nth-child(even) .txt_box::before,
	#main .sec03.sec03_02 .txt_wap:nth-child(even) .txt_box::before,
	#main .sec03.sec03_01 .txt_wap:nth-child(odd) .txt_box::before{
		top: 7px;
	}

	#main .sec03 .icon_box{

		width: 18%;

	}

	#main .sec03 .txt_wap .txt_box{
		width: 76%;
	}
}