@charset "utf-8";
/* CSS Document */

/*配色*/
header, .topLink{
	/*background:rgba(140,103,169,0.6);*/
	background:#baa4cb;
}
.fixed header{
	background:#baa4cb;
}
h2{
	color:#0c9d7b;
}
h2::before,h2::after{
	background:#0c9d7b;
}

.article{
	overflow:hidden;
	margin-bottom:100px;
}
.pic{
	position:relative;
	float:left;
	width:40%;
	margin-bottom:40px;
	z-index:2;
	border-radius:50%;
}
.picA{
	position:relative;
	float:left;
	width:40%;
	margin-bottom:40px;
	z-index:2;
	border-radius:50%;
}

.triTitle{
	position:relative;
	padding-left:20px;
	overflow:hidden;
	z-index:2;
}
.contTxt{
	position:relative;
	background:#0c9d7b;
	padding:40px;
	margin:0 -40px 0 40%;
	left:-40px;
}
.contTxt p{
	margin:0 0 0 20px;
	overflow:hidden;
}

.txtL .pic{
	float:right;
}
.txtL .triTitle{
	padding-left:40px;
}
.txtL .contTxt{
	left:40px;
	margin:0 40% 0 -40px;
}
.txtL .contTxt p{
	margin:0 20px 0 0;
}

p::after{
	content:'';
	width:100px;
	height:2px;
	background:#6dc4b0;
	display:inline-block;
	margin-top:80px;
	float:right;
}



@media screen and (max-width:900px){
.triTitle .en2{
	color:#6dc4b0;
	
}
.triTitle .en2::after{
	background:#6dc4b0;
}
h3{
	color:#f4eb2b;
}
/*about*/
.pic{
	width:80%;
	float:none;
	margin-right:20%;
	margin-bottom:20px;
}
.triTitle{
	padding-left:60px;
}
.contTxt{
	margin:0 0 -140px 40px;
	padding:140px 20px 20px 20px;
	left:auto;
	top:-140px;
}
.contTxt p{
	margin:0;
}
.txtL .pic{
	float:none;
	margin-left:20%;
	text-align:right;
	display:inline-block;
}
.txtL .contTxt{
	left:auto;
	margin:0 40px -140px 0;
}
.txtL .triTitle{
	padding-left:20px;
}
.txtL .contTxt p{
	margin:0;
}

}
@media screen and (max-width:720px){
/*配色*/
.mainMenu{
	background:rgba(140,103,169,1);
}	
}
@media screen and (max-width:640px){
.article{
	margin-bottom:60px;
}	

.pic{
	width:96%;
	margin-right:4%;
}
.picA{
	width:96%;
	margin-right:4%;
}
.triTitle{
	padding-left:30px;
}
.contTxt{
	margin:0 0 -140px 10px;
}
.txtL .pic{
	width:96%;
	margin-left:4%;
}
.txtL .triTitle{
	padding-left:20px;
}
.txtL .contTxt{
	margin:0 10px -140px 0;
}
}

@media screen and (max-width:480px){
/*about*/	
.triTitle{
	padding-left:20px;
}
.txtL .triTitle{
	padding-left:10px;
}
.contTxt, .txtL .contTxt{
	padding:140px 10px 10px 10px;
}	

}