@charset "utf-8";
/*------------------------------------------------------------
	スタッフ一覧
------------------------------------------------------------*/
#pagePath {
	margin-bottom: 48px;
}

#main {
	margin-bottom: 140px;
}

#main h3 {
height: 120px;
background-image: url(../search/images/h3_bg.png);
background-repeat: no-repeat;
background-position: center;
font-size: 24px;
line-height: 120px;
text-align: center;
box-sizing: border-box;
margin-bottom: 20px;
}

#main .copy {
	margin-bottom: 60px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

#main h4 {
	margin-bottom: 18px;
	padding: 10px 5px;
	color: #106EB6;
	font-size: 18px;
	border: 2px dotted #106EB6;
	border-left: none;
	border-right: none;
	text-align: left;
}

#main .blueBox {
	margin-bottom: 70px;
	border: 30px solid #D0E8F4;
	background-color: #D0E8F4;
}

#main .blueBox .inner{
padding: 20px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
background-color: #FFF;
}

#main .blueBox .inner:nth-child(3){
margin-bottom: 0px;
}

#main .blueBox .inner h5{
font-size: 20px;
padding-bottom: 5px;
border-bottom: 2px dotted #106EB6;
margin-bottom: 20px;
}

#main .blueBox .inner h5 img{
vertical-align: middle;
margin-right: 10px;
}

#main .blueBox .inner .linkBtn{
position: absolute;
top:15px;
right: 20px;
}

#main .blueBox .inner li{
width: 286px;
margin-right: 21px;
float: left;
}

#main .blueBox .inner li:last-child{
margin-right: 0px;
}

#main .blueBox .inner li .title{
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: bold;
color: #106EB6;
}

#main .blueBox .inner li p{
font-size: 14px;
line-height: 24px;
}


#main .greenBox {
	margin-bottom: 70px;
	border: 30px solid #EBF5D2;
	background-color: #EBF5D2;
}

#main .greenBox .inner{
padding: 20px;
overflow: hidden;
background-color: #FFF;
}

#main .greenBox .inner h5{
font-size: 20px;
padding-bottom: 5px;
border-bottom: 2px dotted #A3CC4A;
margin-bottom: 20px;
}

#main .greenBox .inner li{
width: 286px;
margin-right: 21px;
float: left;
}

#main .greenBox .inner li:last-child{
margin-right: 0px;
}

#main .greenBox .inner li .title{
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: bold;
color: #5DA302;
}

#main .greenBox .inner p{
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
}



#main .purpleBox {
	margin-bottom: 70px;
	border: 30px solid #efd7f3;
	background-color: #efd7f3;
}

#main .purpleBox .inner{
padding: 20px;
overflow: hidden;
background-color: #FFF;
}

#main .purpleBox .inner h5{
font-size: 20px;
padding-bottom: 5px;
border-bottom: 2px dotted #cc4ab2;
margin-bottom: 20px;
}

#main .purpleBox .inner ul::after{
	content: "";
	clear: both;
	float: none;
	display: block;
}

#main .purpleBox .inner li{
width: 286px;
margin-right: 21px;
float: left;
}

#main .purpleBox .inner li:last-child{
margin-right: 0px;
}

#main .purpleBox .inner li .title{
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: bold;
color: #5DA302;
}

#main .purpleBox .inner p{
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
margin-top: 20px;
}


#main .purpleBox .inner .btn {}

#main .purpleBox .inner .btn a {
	display: block;
	box-sizing: border-box;
	height: 60px;
	line-height: 40px;
	font-size: 16px;
	padding: 10px;
	width: 500px;
	margin: 0 auto;
	background: #106EB6;
	color: #FFFFFF;
	text-align: center;
}