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

h2{margin-bottom: 29px;}

#main{
	float: left;
	width: 673px;
	padding-left: 18px;
	padding-bottom: 118px;
}

#main .mainBox{
	margin-left: 9px;
	background-color: #fff;
	width: 664px;
	padding-bottom: 35px;
}

.mainBox .pageNavi{
	border: 1px solid #cccccc;
	border-right: none;
	margin-bottom: 33px;
}

.mainBox .pageNavi li{
	border-right: 1px solid #cccccc;
	width: 220px;
	float: left;
	line-height: 0;
	font-size: 0;
}


.mainBox .mainArea{
	padding: 0 24px 0 24px;
}

.mainArea h3{
	margin-bottom: 30px;
}

.mainArea .infoBox{
	width: 620px;
	padding-left: 12px;
	margin-bottom: 85px;
	line-height: 1.4;
}

.mainArea .last{
	margin-bottom: 50px; !important;
}

.mainArea .infoBox p{
	margin-bottom: 20px;
	line-height: 1.7;
}

.mainArea .infoBox p.last{
	margin-bottom: 0 !important;
}




.mainArea .customerImg{margin-bottom: 30px;}

.mainArea .customerImg div{
	float: left;
	margin-right: 10px;
}

/*-------スタッフ紹介--------*/

.staff {
	display: block;
	overflow: hidden

}

.staff dl{
	
	margin-top:29px;
	width:100%;
	clear:both;
}

.staff dd{
	display:inline;
}


.staff-left{
	float:left;
}


.staff-right{
	float:left;

}

.stafficon{
	border-radius:50%;
	margin:0;
	border:4px solid #f5f5f5;
}

.staffname{
	font-size: 1em;
    padding: 0.4em 40px;
}


.staffcomment {
	position: relative;
	background: #ffffff;
	border: 4px solid #92c43b;
	border-radius:10px;
	padding:10px;
	width:300px;
}
.staffcomment:after, .staffcomment:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.staffcomment:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width:30px;
	margin-top: -30px;
}
.staffcomment:before {
	border-color: rgba(146, 196, 59, 0);
	border-right-color: #92c43b;
	border-width: 36px;
	margin-top: -36px;
}