/**********************************/
/* タイトル部分 */
/**********************************/
/* 文字の部分は各ページごとにサイズが異なるので */
.ttl_bg{
	background-image: url("../images/member/main_bg.jpg");
	background-position: 40%;
}
.ttl_mojipos{
	width:75.22%;
	margin: 0 0 0 12.7%;
	
}

@media only screen and (min-width: 769px) {

	.ttl_mojipos{
		width: 75.22%;
		margin: 0 0 0 12.69%;
	}
	.ttl_bg {
		background-position: center;
	}

}

/**********************************/
/**********************************/

/* オーバーライド */

.contents_area{
	margin-top: 35px;
	margin-bottom: 0px;
}

@media only screen and (min-width: 769px) {
	.contents_area{
		margin-bottom: 50px;
	}
}

.contents_area article{
	width: 100%;
	border-top: 6px solid #F1C096;
	background-color: #fff;
	padding: 1em 1.2em 3em;
	color: #2E3B51;
}

.article_topm{
	margin: 50px 0 0;
}

.con_ttl{
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
}

.con_dl{
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin: 10px 0 0;
}

.con_dl dt,.con_dl dd{
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
}
.con_dl dt{
	width: 100%;
	line-height: 2em;
	padding: 0.5em 1em 0 1em;
}
.con_dl dd{
	padding: 5px 1em 10px 1em;
	font-size: 12px;
	line-height: 15px;
	width: 100%;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
}
.cell{
	width: 50%;
	min-width: 200px;
	margin: 0 0 0.3em;
}


.cell span{
	display: inline-block;
}

.cell2{
	width: 100%;
	margin: 0 0 0.3em;
}


.staff_pos{
	padding: 0 0 0 1.2em;
	position: relative;
	border-bottom: 1px dotted #2E3B51;
}

.staff_pos:before{
	content: '';
	width: 0.8em;
	height: 0.8em;
	display: inline-block;
	background: #2E3B51;
	position: absolute;
	top: calc( 50% - 0.45em );
	left: 0.1em;
}



.con_dl dt:nth-of-type(odd),.con_dl dd:nth-of-type(odd){
	background-color: #F6F6F6;
}

.con_dl a{
	text-decoration: underline;
	color: #2E3B51;
}

.contents_area article.part{
	border-top: 6px solid #93ABAB;
}


@media only screen and (min-width: 769px) {
	.contents_area article{
		padding: 1em 1.2em 3em;
	}

	.article_topm{
		margin: 30px 0 0;
	}

	.con_ttl{
		font-size: 18px;
		font-weight: bold;
		line-height: 25px;
	}

	.con_dl{
		margin: 10px 0 0;
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
	}

	.con_dl dt,.con_dl dd{
		font-size: 16px;
		font-weight: bold;
		line-height: 25px;
		background-color: transparent;
	}
	.con_dl dt{
		width: 100%;
		line-height: 2em;
	}
	.con_dl dd{
		width: 100%;
	}
	
	.cell{
		width: 50%;
	}


}