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

.top-ad{
	position: relative;
	clear: both !important;
	width: 1025px;
	top: -20px;
}


.urgent-ttl{
	position: relative;
	background: #dd0000;
	color: #fff;
	padding: 10px;
	font-size: 120%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
}
.urgent-txt dl{
	width: 600px;
}
.urgent-txt dt{
	display: block;
	width: 30%;
	clear: left;
	float: left;
	margin-bottom: 10px;
}
.urgent-txt dd{
	display: block;
	width: 65%;
	float: left;
}

h2.top{
	background: url("../images/h2_bg.png") center no-repeat;
	text-align: center;
	height: 50px;
	color: #FFFFFF;
	font-size: 120%;
	padding-top: 15px;
	margin-bottom: 20px;
}

.business_box{
	width: 480px;
	text-align: center;
	margin: 0 auto;
}
.business_box h3{
	font-size: 140%;
	padding: 20px 20px 10px;
}
.business_box p{
	padding:0 10px 10px;
	text-align: left;
}

.recruit_pic{
	width:400px;
	text-align: center;
	margin-bottom: 20px;
}
.recruit_txt{
	width:550px;
}

dl.news dt{
	margin-bottom: 10px;
	font-weight: normal;
}
dl.news dd{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #BCBCBC;
}

@media ( max-width:1025px) {
	
	.top-ad{
		top: 0px;
		width: 100%;
	}
	.top-ad img{
		width: 100%;
	}	
}

.mainb-sp{
	display: none;
}

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:1024px) {
	
	.business_box{
		width: 100%;
		float: none !important;
	}
	.business_box p{
		text-align: center;
	}
	
	.recruit_pic, .recruit_txt{
		width: 100%;
		float: none !important;
	}
	
}

/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) { 
	
	.urgent-txt dl{
		width: 90%;
		margin: 0 auto 20px;
	}	
	
	.business_box{
		width: 90%;
		float: none !important;
	}
	.business_box p{
		text-align: center;
	}
	
	.recruit_pic, .recruit_txt{
		width: 100%;
		float: none !important;
	}
	
}

/* 〜479px：SP縦
------------------------------ */
@media (max-width:479px) { 
	
	.urgent-ttl{
		font-size: 100%;
	}
	.urgent-txt dl{
		width: 95% !important;
		margin: 0 auto 20px;
		font-size: 90%;
	}	
	
	.business_box{
		width: 90%;
		float: none !important;
	}
	.business_box img{
		width: 90%;
	}
	.business_box p{
		text-align: center;
	}
	.business_box h3{
		font-size: 110%;
	}
	
	.recruit_pic{
		width: 90%;
		float: none !important;
	}
	.recruit_txt{
		width: 90%;
		float: none !important;
	}
	
	.recruit_pic img{
		width: 90%;
	}
	
	h2.top{
		font-size: 100%;
	}
	
}


@media (max-width:599px){
	
	.mainb-pc{
		display: none;
	}
	.mainb-sp{
		display: block;
	}
}