@charset "utf-8";

/*===============================================

 *	consultant

===============================================*/
.consultantNav {
	margin-bottom: 70px;
}
.consultantNav ul{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.consultantNav a{
	background: url("../img/common/arrow_triangle_btm.png") right 20px center no-repeat;
	background-size: 16px 6px;
	background-color: #18313f;
	border-radius: 4px;
	color: #fff;
	display: block;
	padding: 20px 46px 20px 30px;
	width: 280px;
}
.consultantNav a:hover{
	background-color: #1e3f51;
}
@media screen and ( max-width:767px ){
	.consultantNav {
		margin-bottom: 40px;
	}
	.consultantNav ul{
		justify-content: center;
		gap: 8px;
	}
	.consultantNav a{
		background-position: right 15px center;
		background-size: 16px 6px;
		line-height: 1.5;
		padding: 15px 46px 15px 20px;
		width: auto;
		min-width: 150px;
	}
}

/*-----------------------------------------------

 *	cnslBody

-----------------------------------------------*/
.cnslWrap{
	margin-bottom: 110px;
}

.cnslPost{
	color: #ccc5a8;
	margin-bottom: 20px;
}
.cnslBody h2{
	color: #fff;
	font-size: 3.6rem;
	font-weight: 500;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.cnslBody h2 small{
	font-size: 1.6rem;
	margin-left: 2em;
}
.cnslWrap h3,
.cnslWrap .hx3{
	color: #ccc5a8;
	font-size: 2.4rem;
	font-weight: 500;
	margin-bottom: 12px;
	margin-top: 40px;
}
.cnslWrap {
	color: #d7dfe3;
}
.cnslItemNav ul{
	background-color: #18313f;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
	padding: 0 30px;
}
.cnslItemNav a{
	background: url("../img/common/arrow_triangle_btm_circle.png") left top 20px no-repeat;
	background-size: 18px 18px;
	color: #fff;
	display: inline-block;
	line-height: 1.0;
	padding: 20px 0 20px 28px;
}
.cnslItemNav a:hover{
	color: #ccc5a8;
}

.cnslFooter p{
	line-height: 1.5;
	margin-bottom: 6px;
	position: relative;
	padding-left: 90px;
}
.cnslFooter span{
	position: absolute;
	left: 0;
	top: 0;
}
.cnslFooter li{
	list-style: inside disc;
}
.cnslFooter div p{
	line-height: 1.6;
	margin-bottom: 15px;
	padding-left: 0;
}

.cnslBody .normalBtn{
	margin-top: 25px;
	width: 330px;
}


@media screen and ( min-width: 768px ){
	.cnslBody{
		margin-bottom: 50px;
		min-height: 528px;
		padding-left: 460px;
		position: relative;
	}
	.cnslPhoto{
		position: absolute;
		top: 0;
		left: 0;
	}
	.cnslFooter ul,
	.cnslFooter div{
		padding-left: 15px;
	}
	.cnslFooter span{
		left: 15px;
	}
}


@media screen and ( max-width:767px ){
	.cnslWrap{
		margin-bottom: 60px;
	}
	.cnslPost{
		margin-bottom: 5px;
	}
	.cnslBody h2{
		font-size: 2.8rem;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.cnslBody h2 small{
		font-size: 1.3rem;
	}
	.cnslWrap h3,
.cnslWrap .hx3{
		font-size: 2.0rem;
		margin-bottom: 5px;
		margin-top: 25px;
	}
	.cnslFooter p{
		padding-left: 60px;
	}
	.cnslItemNav ul{
		background-color: inherit;
		gap: 8px;
		margin-top: 30px;
		padding: 0;
	}
	.cnslItemNav a{
		background-position: center top 12px;
		background-size: 15px 15px;
		background-color: #18313f;
		color: #fff;
		display: inline-block;
		font-size: 1.3rem;
		line-height: 1.0;
		letter-spacing: -0.02em;
		padding: 32px 10px 12px 10px;
	}
	.cnslBody .normalBtn{
		margin-top: 15px;
		width: 270px;
	}
}



/*-----------------------------------------------

 *	Biography

-----------------------------------------------*/
.biographyWrap{
	padding-bottom: 40px;
}
.biographyHead{
}
.biographyHead:after{
	width: 100px;
}
.biographyHead h1{
	color: #fff;
	font-size: 3.2rem;
	font-weight: 500;
	margin-top: 20px;
	padding-bottom: 35px;
}

.biographyHead p{
	color: #ccc5a8;
	font-size: 1.8rem;
	font-weight: 500;
}

.biographyBody{
	color: #d7dfe3;
	font-size: 1.5rem;
	margin-bottom: 70px;
	margin-top: 40px;
}
.biographyBody h2{
	border-bottom: 1px solid #6d777c;
	border-top: 1px solid #6d777c;
	color: #ccc5a8;
	font-size: 2.4rem;
	margin-bottom: 30px;
	padding: 15px;
}
.biographyBody p:not(:last-child){
	margin-bottom: 2em;
}
.biographyBody em{
	color: #fff;
}
.biographyBody span{
	text-decoration: underline;
}

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

}

@media screen and ( max-width:1000px ){

}
@media screen and ( max-width:767px ){
	.biographyWrap{
		padding-bottom: 30px;
	}
	.biographyHead h1{
		font-size: 2.0rem;
		margin-top: 10px;
		padding-bottom: 20px;
	}
	.biographyHead p{
		font-size: 1.5rem;
	}
	.biographyWrap .cnslItemNav ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
		margin-top: 30px;
		padding: 0;
	}
	.biographyWrap .cnslItemNav a{
		display: block;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.biographyBody{
		font-size: 1.4rem;
		margin-bottom: 50px;
		margin-top: 30px;
	}
	.biographyBody h2{
		font-size: 1.8rem;
		margin-bottom: 20px;
		padding: 10px 0;
		text-align: center;
	}
}

/**/