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


/*================================================================== 
    キービジュアル
===================================================================*/
#lawyer #heroArea {
	height: 640px;
}
#lawyer .profHome {
	position: relative;
	margin: 0 auto;
	width: 980px;
}
#lawyer .profHome .presidentProf {
	color: #fff;
	position: absolute;
	top: 130px;
	left: 45px;
}
#lawyer .profHome .presidentProf dl dt {
	font-family: 'Poppins', sans-serif;
	font-size: 38px;
	font-weight: bold;
}
#lawyer .profHome .presidentProf dl dt span {
	font-size: 26px;
	display: inline-block;
	background-color: #be2a2a;
	width: 131px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-top: 21px;
}
#lawyer .profHome .presidentProf dl dd {
	font-size: 15px;
	padding-top: 36px;
	line-height: 1.8;
		
}
#lawyer .profHome .presidentProf {
	
}
#lawyer #heroArea.underPages {
  background-image: url(../img/lawyer/bg.png);
	background-size: cover;
}
#lawyer #heroArea .profPhoto {
	position: relative;
}
#lawyer #heroArea .profPhoto img {
	position: absolute;
	right: 0;
	top: 70px;
}

@media screen and (max-width: 768px){
	#lawyer #heroArea {
		height: 30%;
	}
	#lawyer .profHome {
		position: static;
		margin: 0 auto;
		width: 100%;
		padding: 20% 6% 10%;
	}
	#lawyer .profHome .presidentProf {
		color: #fff;
		position: static;
		top: 130px;
		left: 45px;
		float: left;
		width: 60%;
	}
	#lawyer .profHome .presidentProf dl dt {
		font-family: 'Poppins', sans-serif;
		font-size: 1.5rem;
	}
	#lawyer .profHome .presidentProf dl dt span {
		font-size: 1.7rem;
		display: inline-block;
		width: 152px;
		height: auto;
		padding: 1%;
		line-height: inherit;
		text-align: center;
		margin-top: 11px;
	}
	#lawyer .profHome .presidentProf dl dd {
		font-size: 1.2rem;
		padding-top: 12px;
		line-height: 1.8;
	}
	#lawyer #heroArea.underPages {
	  background-image: url(../img/lawyer/bg.png);
		background-size: cover;
	}
	#lawyer #heroArea .profPhoto {
		position: static;
		width: 37%;
		float: right;
	}
	#lawyer #heroArea .profPhoto img {
		position: static;
		right: 0;
		top: 70px;
		width: 100%;
	}
}

/*================================================================== 
    メッセージ
===================================================================*/
#message {
	width: 980px;
	margin: 0 auto;
}
#message .undb {
	font-size: 23px;
	font-family: 'Poppins', sans-serif;
	color: #1678bf;
	position: relative;
	width: 321px;
	text-align: left;
	padding-top: 150px;
	margin-left: 45px;
}
#message .undb:after {
	position: absolute;
    bottom: -5px;
    left: calc(-1000% + 110px);
    content: "";
    background-color: #1678bf;
    height: 2px;
    width: 1000%;
}
#message .messageMidashi {
	padding-top: 29px;
	font-size: 35px;
	font-weight: bold;
	text-align: left;
	line-height: 1.7;
	margin-left: 45px;
}
#message .messageBox {
	width: 980px;
	margin: 0 auto;
	padding-top: 94px;
}
#message .messageBox .logoBox {
	width: 191px;
	float: left;
	margin-left: 45px;
}
#message .messageBox .textBox {
	width: 573px;
	float: right;
}

@media screen and (max-width: 768px){
	#message {
		width: 90%;
		margin: 0 auto;
	}
	#message .undb {
		font-size: 1.5rem;
		font-family: 'Poppins', sans-serif;
		color: #1678bf;
		position: relative;
		width: 321px;
		text-align: left;
		padding-top: 50px;
		margin-left: 0;
	}
	#message .undb:after {
		position: absolute;
		bottom: -5px;
		left: 0px;
		content: "";
		background-color: #cccccc;
		height: 1px;
		width: 321px;
	}
	#message .messageMidashi {
		padding-top: 29px;
		font-size: 1.7rem;
		font-weight: bold;
		text-align: left;
		line-height: 2;
		margin-left: 0;
	}
	#message .messageBox {
		width: 100%;
		margin: 0 auto;
		padding-top: 24px;
	}
	#message .messageBox .logoBox {
		width: 30%;
		float: none;
		margin: 0 auto 40px auto;
	}
	#message .messageBox .textBox {
		width: 90%;
		margin: 0 auto;
		float: none;
		font-size: 1.5rem;
	}
}

/*================================================================== 
    コンタクトボックス
===================================================================*/
.lawyerWrapper {
	padding-top: 105px;
}