/*******
 * センチュリー21　西村不動産
 *RECRUITクラスCSS
 * Kaoru Design
 */
#message{
/*	background-image: url(../img/recruit/message-img01.png) ;
	background-repeat: no-repeat;
	background-position:center;
	background-attachment: fixed;
	padding-bottom:80px;*/
}
.message-img01{
	float: right;
}
.spimage{
	display:none
}
@media screen and (max-width: 991px) {
	#message{
		background:none;
	}
/*	.spimage{
		height:400px;
		display:block;
		background-image: url(../img/recruit/message-img01_sp.png) ;
		background-repeat: no-repeat;
		background-position:  right center;
	}
	.spimage p{
		width:100%;
		background:white;
		display:inline-block;
		position:absolute;
		bottom:0;
		margin-bottom: 0px !important;
		height:80px;
	}*/
	.spimage {
		display: block;
	}
	.spimage img{
		float: right;
	}
	.spimage p{
		clear: both;
	}
}




 #message h2{
 	text-align: center;
 	margin: 30px 0 30px 0;
 }
#message p{
	font-size: 17px;
	margin-bottom: 50px;
}
#message #equation span{
	background: #dcdddd;
	padding: 15px;
	display: block;
}




#message .name{
	font-size: 15px;
}
#message .name span{
	font-size: 17px;
}
/*system*/
#system{
	background: url(../img/recruit/system-bg.png) no-repeat right;
	padding-bottom: 20px;
}
#system h2{
	text-align: center;
}
@media screen and (max-width: 768px) {
	#system{
		background: url(../img/recruit/system-bg_sp.png) no-repeat right;
		padding-bottom: 20px;
	}
	#system img{
		width: 50%;
	}
}
@media screen and (max-width: 600px) {
	#system img{
		width: 100%;
	}
}

/*comment*/
.comment h2{
	margin: 60px auto;
	text-align: center;
}
.comment .comment-box{
	margin-bottom: 50px;
}
.comment .comment-box img{
	max-width: 400px;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.comment .comment-box h3 span{
	font-size: 22px;
	padding-top: 5px;
	padding-right: 15px;
	background: url(../img/recruit/comment-bg.png) no-repeat;
}
@media screen and (max-width: 768px) {
.comment .comment-box{
	margin-bottom: 30px;
}
}
.outline h2{
	text-align: center;
}
.outline table{
	width: 100%;
	margin-bottom:80px;
}
.outline table th,
.outline table td{
	border-bottom: solid 1px #dcdddd;
	padding:10px 15px;
}
.outline table th{
	font-weight: normal;
	width: 20%;
}
.outline a{
	background: #000;
	display: block;
	color: #FFF;
	font-size: 18px;
	padding: 5px 10px;
	max-width:350px;
	line-height: 45px;
	margin: 0 auto;
	text-align: center;
	border:solid 5px #FFF;
}
.outline a:hover{
	background: #FFF;
	color: #000;
	border:solid 5px #000;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.outline table th,
	.outline table td{
		width: 100%;
		display: block;
	}
	.outline a{
		line-height: 1.6;
		padding:10px 5px;
	}
}

.bnr-box img{
	width: 350px;
}