@charset "UTF-8";

.person_area article {
	margin-bottom: 50px;
}
.person_area article .ph_box {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}
.person_area article .ph_box figure img{
	width: 312px;
	height: auto;
}
.person_area article .txt_block {
	display: inline-block;
	vertical-align: top;
	width: 600px;
}

@media screen and (max-width: 798px) {
	.person_area article {
		margin-bottom: 70px;
	}
	.person_area article .ph_box {
		display: block;
		width: 92%;
		margin: 0 2% 10px 6%;
	}
	.person_area .ph_box figure {
		width: 90%;
		margin: 0 auto;
	}
	.person_area article .ph_box figure img{
		width: 100%;
	}
	.person_area article .txt_block {
		display: block;
		width: 100%;
	}
}

/* 営業部 */
.person_area.sales article {
	padding-top: 30px;
}
.person_area.sales .ph_box p {
	position: relative;
	z-index: 100;
	top: -30px;
}
.person_area.sales .ph_box figure {
	position: relative;
	top: -60px;
	left: 20px;
}

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

	.person_area.sales .icon_block {
		margin: -20px auto 70px;
	}
	.person_area.sales .ph_box p {
		width: 30%;
	}
	.person_area.sales .ph_box figure {
		left: 3.5%;
		width: 90%;
		margin: 0 0 -50px;
	}
}


.person_area h4 {
	color: #222222;
	font-size: 137.5%;
	font-weight: 700;
	padding-bottom: 15px;
	margin-bottom: 20px;
	background: url(../img/person/icon_name.gif) no-repeat left bottom;
}
.person_area h4 span{
	font-size: 72.7%;
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}

.person_area .txt_block p {
	margin-bottom: 25px;
}

.person_area .txt_block div {
	background: url(../img/common/bg02.gif);
	padding: 30px 30px 30px;
}
.person_area .txt_block div h5 {
	color: #004d92;
	font-size: 112.5%;
	margin-bottom: 10px;
}
.person_area .txt_block div p {
	color: #222222;
	font-size: 87.5%;
	margin-bottom: 30px;
}
.person_area .txt_block div p:last-child {
	margin-bottom: 0;
}

/* 説明文 */
.person_area dl{
	width: 760px;
	margin: 0 auto 70px;
	border: 1px solid #b3c4d4;
	box-sizing: border-box;
	padding: 20px 30px 10px;
	text-align: center;
}
.person_area dl dt {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.person_area dl dd {
	display: inline-block;
	vertical-align: middle;
	font-size: 87.5%;
}

@media screen and (max-width: 798px) {
	.person_area dl{
		width: 100%;
		margin: 0 auto 50px;
		padding: 20px 4%;
	}
	.person_area dl dt {
		width: 22%;
		margin-right: 3%;
		max-width: 110px;
	}
	.person_area dl dd {
		width: 70%;
	}
	.person_area dl dt:first-child,
	.person_area dl dd:first-child {
		margin-bottom: 10px;
	}


}