@charset "UTF-8";

/*---------------------
		main
---------------------*/
#main .bgColor{background-color: #F0ECE9; width: 100%; z-index: -2;}
.memberBox{
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	align-items: flex-end;
	position: relative;
}
.memberBox.member04{
	padding-top: 80px;
}
.memberBox .memberImg{
	text-align: center;
}
.memberBox img{
	height: 750px;
	margin-bottom: -47px;
}

.memberBox .memberLeft{width: 42%; padding-right: 10px;}
.memberBox .memberRight{width: 58%; padding-right: 5%;}
.member02 .memberLeft{width: 58%; padding-left: 5%;}
.member04 .memberLeft{width: 63%; padding-left: 5%;}
.member02 .memberRight,
.member04 .memberRight{width: 42%;}

.member01 .memberImg{}
.member01 img{height: 880px;}

.memberBox h2{
	font-size: 3rem;
	color: #E9470B;
	margin-bottom: -1px;
}
.member04 h2{margin-bottom: 3px;}
.memberBox .borderBox{
	border: solid 1px #000;
	align-items: center;
	margin: 20px auto;
}
.memberBox .borderBox p{
	padding: 10px 20px;
    border-bottom: 1px solid #000;
}
.memberBox .borderBox ul{
	align-items: center;
}
.memberBox .borderBox li{
	padding: 10px;
}
.memberBox .borderBox li:first-child{
	border-right: solid 1px #999;
	width: 55%;
}

.member01 .borderBox li:first-child{
	margin: 10px 0;
}
.member04 .borderBox li:first-child{
	width: 49%;
}
.member04 .borderBox li span{
	font-size: 120%;
}
.memberBox .borderBox p span,
.memberBox .borderBox li span{
	font-size: 2rem;
	font-weight: 600;
}

/*---------------------
		sp
---------------------*/
@media screen and (max-width:896px) {
	.memberBox {width: 90%;}
	.memberBox h2 {background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
	.memberBox .memberLeft,
	.memberBox .memberRight{width: 100%;}
	.memberBox .memberImg{
		position: absolute;
		z-index: -1;
	}
	.memberBox img{height: 420px; margin: 0 auto;}
	.memberBox .borderBox li:first-child{width: 100%;}
	.member01 .memberImg,
	.member02 .memberImg,
	.member03 .memberImg,
	.member04 .memberImg{top: 50px; right: -50px;} 
	.member01 .memberImg{top: 0;} 
	.member02 .memberTxt,
	.member04 .memberTxt{z-index: 1;}
	.member02 .memberImg,
	.member04 .memberImg{;z-index: 0;}
	
	.memberBox .memberTxt{margin-top: 150px; padding: 0;}
	.memberBox .memberTxt p{background: rgba(255, 255, 255, 1); padding: 10px; font-size: 1.2rem;}
	
	.member04 .borderBox{display: block;}
	.member04 .borderBox li:first-child{border-right: none;}
}