/*ベースレイアウト*/
body {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#333;
	overflow-x: hidden;

}

p {

	font-size: 18px;
	margin:0 0;
	padding:0 0;
	line-height:1.4;
	font-weight:bold;


}

img {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width:100%;
	height: auto;
	width /***/: auto;
}

a {

	color:#0033ff;
}
/* header */
header{
	width: 100%;
	min-width:1200px;
	background:#2378b9;

}

#header_area{
	width:1200px;
	margin:0 auto;
	padding:0 0;
	text-align:center;

}

#header_area h1{
	margin:0 0;
	padding:1% 0 1% 50px;
	font-size:10px;
	line-height:150%;
	text-align:left;
	color:#fff;
	font-weight:bold;


}

.tel_area{
	position:absolute;
	top: 0;
	right: 1%;
	z-index:2;
}



/* top */

section#Top{
	width: 100%;
	min-width:1200px;
	background:#fafbfd;


}

#topmain{
	width:1200px;
	height:520px;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:relative;

}




#button{
	text-align:left;
	position:absolute;
	bottom:7%;
	left:5%;
	margin:0 0;
	padding:0;

}


/*メインエリア*/
.main_area{
	width:1100px;
	margin:0 auto;
	padding:40px 0;
	text-align:center;

}

.main_area02{
	width:1100px;
	margin:0 auto;
	padding:80px 0 40px 0;
	text-align:center;

}

.main_area03{
	width:1100px;
	margin:0 auto;
	padding:40px 0 0 0;
	text-align:center;

}


/* 4つのポイント */
section#Content_01{
	text-align: center;
	width:100%;
	min-width:1100px;
	background:#f1f9fc;
}



ul.point_4 {
	width:100%;
	margin: 2% auto;
	padding: 0;
	list-style-type: none;
}

ul.point_4 li {
	float:left;
	width:45%;
	padding:2% 1%;
	margin: 1% 1%;
	border: 5px solid #76c0df;
	background:#fff;
	text-align: center;
}

.clearLeft {
	clear: left;
}

.f_box {
	float: left;
	padding:0 0;
	margin:0 0;
}

.f_box02 {

	float: left;
	margin:0 0;
	padding:0 0;
	text-align:left;

}

.f_box02 h2{
	text-align:left;
	font-size:30px;
	font-weight:bold;
	color:#76c0df;
	padding:0 0 0 1%;

	line-height:1.4;

}

.f_box02 p {
	font-size: 16px;
	margin:0 0;
	padding:0 0;
	line-height:1.4;
	font-weight:bold;


}

.box_f{

	overflow: hidden;
}

/* clearfix */
.box_f:before,
.box_f:after {
	content: "";
	display: table;
}

.box_f:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.box_f {
	zoom: 1;
}





/* 24サイトの独自求人メディアネットワークによる抜群の露出! */
section#Content_02{
	text-align: center;
	width:100%;
	min-width:1100px;
	background:#fff;
}


.txt_area{

	margin:0 auto;
	padding:2% 4%;
	text-align:left;

}

/* まずはお気軽に無料登録!! */
section.Inquiry_01{
	width:100%;
	min-width:1100px;
	background:#2177b9;

}


.inquiry_t{
	width:100%;
	min-width:1100px;
	height:274px;
	background:url(../img/inquiry_back.png);
	background-repeat:repeat-x;

}

.inquiry_area{
	width:100%;
	min-width:1100px;
	padding:0 0;
	text-align:center;
	background:#2177b9;

}


/*ボタンエリア*/
.bigbutton {
	width:1100px;
	text-align: center;
	margin:0 auto;
	background:#fff;

}

/*求人掲載に必要な作業はわずか2ステップ!*/

section#Content_03{
	text-align: center;
	width:100%;
	min-width:1100px;
	background:#f1f9fc;
}

.s_box01 {

	float: left;
	width:44%;

}


.s_box02 {



	float: left;
	padding:0 2% 0 0;
	width:10%;

}


.s_box03 {


	float:right;
	width:44%;

}

.s_box04 {

	float: left;
	width:49%;

}




.s_box05 {


	float:right;
	width:49%;

}


.s_box06 {

	float: left;
	width:31%;
	padding:0 0 0 1%;

}


.s_box07 {



	float: left;
	padding:0 2% 0 2%;
	width:31%

}


.s_box08 {


	float:right;
	width:31%;
	padding:0 2% 0 0;



}

.box_s{
	overflow: hidden;
	padding:2% 0;
}

/* clearfix */
.box_s:before,
.box_s:after {
	content: "";
	display: table;
}

.box_s:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.box_s {
	zoom: 1;
}


/*努力やノウハウで採用コストの削減も可能! */

section#Content_04{
	text-align: center;
	width:100%;
	min-width:1100px;
	background:#fff;
}

/*利用者の割合 */

section#Content_05{
	text-align: center;
	width:100%;
	min-width:1100px;
	background:#f1f9fc;
}




/*よくあるご質問 */

section#Content_06{
	text-align: center;
	width:100%;
	min-width:1100px;
	background:#fff;
}


.q_boxs{

	font-size: 24px;
	padding:10px 0 20px 65px;
	background:#f7f7f7;
	line-height:1.8;
	text-align:left;
	background-image:url(../img/faq_q.png);

	background-repeat:no-repeat;
	margin:20px 0;
	color:#ff0000;
	font-weight: bold;



}

.a_boxs{
	font-size: 18px;
	padding:0px 0 10px 50px;

	line-height:1.8;
	text-align:left;
	background-image:url(../img/faq_a.png);
	background-repeat:no-repeat;
	margin:20px 30px 20px 15px;
}




/* お問い合わせ */

section.Inquiry_02{
	width:100%;
	min-width:1100px;
	background:#2177b9;

}


.inquiry_t02{
	width:100%;
	min-width:1100px;
	height:271px;
	background:url(../img/inquiry02_back.png);
	background-repeat:repeat-x;

}



/*ボタンエリア*/
.bigsbutton {
	width:1100px;
	text-align: center;
	margin:0 auto;
	background:#fff;

}
/*タイトルエリア*/


.title{
	background:#2177b9;
	text-align: center;
	width:100%;
	padding:10px 0;
	position: relative;
	margin:0 0 12px 0;


}

.title:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 50%;
	border: 12px solid transparent;
	border-top: 12px solid #2177b9;
}

.title h2{
	width: 98%;
	padding:0 0;
	margin:0 auto;
	text-align:center;



}


footer{
	text-align:center;
	margin:0 auto;
	padding:20px 0 30px 0;
	width:100%;
	min-width:1100px;
	background:#fff;



}

#footer_area{
	text-align:center;
	font-size:10px;
	margin:0 auto;
	padding:0 0;
	width:1100px;
	line-height:220%;




}




.red{
	color:#ff0000;

}


table.type01 {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size:14px;
	width:100%;
	line-height:2;


}
table.type01 th {


	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #333333;
	color:#FFF;
	text-align: center;


}
table.type01 td {

	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}

.typ01{
	text-align:left;
	padding-left:10px;
	width:20%;

}

.typ02{
	text-align:left;
	padding-left:10px;
	width:60%;

}

.typ03{

	text-align:right;
	padding-right:10px;
	width:20%;

}


@media (min-width: 1080px) and (max-width: 1200px)
{


	p {
		font-size: 14px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}
	/* header */
	header{
		width: 100%;
		min-width:1080px;
		background:#2378b9;

	}

	#header_area{
		width:1080px;
		margin:0 auto;
		padding:0 0;
		text-align:center;

	}

	#header_area h1{
		margin:0 0;
		padding:1% 0 1% 10px;
		font-size:10px;
		line-height:150%;
		text-align:left;
		color:#fff;
		font-weight:bold;


	}

	.tel_area{
		position:absolute;
		top: 0;
		width:40%;
		right: 1%;
		z-index:2;
	}



	/* top */

	section#Top{
		width: 100%;
		min-width:1080px;
		background:#fafbfd;


	}

	#topmain{
		width:1080px;
		height:468px;
		margin:0 auto;
		padding:0;
		text-align:center;
		position:relative;

	}




	#button{
		text-align:left;
		position:absolute;
		width:60%;
		bottom:7%;
		left:5%;
		margin:0 0;
		padding:0;

	}


	/*メインエリア*/
	.main_area{
		width: 98%;
		margin:0 auto;
		padding:20px 0;
		text-align:center;

	}

	.main_area02{
		width: 98%;

		margin:0 auto;
		padding:40px 0 20px 0;
		text-align:center;

	}

	.main_area03{
		width: 98%;
		margin:0 auto;
		padding:20px 1% 0 1%;
		text-align:center;

	}


	/* 4つのポイント */
	section#Content_01{
		text-align: center;
		width:100%;
		min-width:1080px;
		background:#f1f9fc;
	}

	ul.point_4 {
		width:100%;
		margin: 2% auto;
		padding: 0;
		list-style-type: none;
	}

	ul.point_4 li {
		float:left;
		width:45%;
		padding:2% 1%;
		margin: 1% 1%;
		border: 5px solid #76c0df;
		background:#fff;
		text-align: center;
	}

	.clearLeft {
		clear: left;
	}

	.f_box {
		float: left;
		padding:0 0;
		margin:0 0;
	}

	.f_box02 {

		float: left;
		margin:0 0;
		padding:0 0;
		text-align:left;

	}

	.f_box02 h2{
		text-align:left;
		font-size:30px;
		font-weight:bold;
		color:#76c0df;
		padding:0 0 0 1%;

		line-height:1.4;

	}

	.f_box02 p {
		font-size: 15px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}

	.box_f{

		overflow: hidden;
	}

	/* clearfix */
	.box_f:before,
	.box_f:after {
		content: "";
		display: table;
	}

	.box_f:after {
		clear: both;
	}

	/* For IE 6/7 (trigger hasLayout) */
	.box_f {
		zoom: 1;
	}






	/* 24サイトの独自求人メディアネットワークによる抜群の露出! */
	section#Content_02{
		text-align: center;
		width:100%;
		min-width:1080px;
		background:#fff;
	}


	.s_box01 {

		float: left;
		width:44%;

	}


	.s_box02 {



		float: left;
		padding:0 2% 0 0;
		width:10%;

	}


	.s_box03 {


		float:right;
		width:44%;

	}

	.s_box04 {

		float: left;
		width:49%;

	}




	.s_box05 {


		float:right;
		width:49%;

	}


	.s_box06 {

		float: left;
		width:31%;
		padding:0 0 0 1%;

	}


	/*求人掲載に必要な作業はわずか2ステップ!*/

	section#Content_03{
		text-align: center;
		width:100%;
		min-width:1080px;
		background:#f1f9fc;
	}




	/*努力やノウハウで採用コストの削減も可能! */

	section#Content_04{
		text-align: center;
		width:100%;
		min-width:1080px;
		background:#fff;
	}

	/*利用者の割合 */

	section#Content_05{
		text-align: center;
		width:100%;
		min-width:1080px;
		background:#f1f9fc;
	}




	/*よくあるご質問 */

	section#Content_06{
		text-align: center;
		width:100%;
		min-width:1080px;
		background:#fff;
	}

	.q_boxs{

		font-size: 18px;
		padding:10px 0 15px 65px;
		background:#f7f7f7;
		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_q.png);

		background-repeat:no-repeat;
		margin:20px 0;
		color:#ff0000;
		font-weight: bold;



	}

	.a_boxs{
		font-size: 16px;
		padding:0px 0 10px 50px;

		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_a.png);
		background-repeat:no-repeat;
		margin:20px 30px 20px 15px;
	}




	footer{
		text-align:center;
		margin:0 auto;
		padding:10px 0;
		width:100%;
		min-width:1080px;
		background:#fff;



	}

	#footer_area{
		text-align:center;
		font-size:10px;
		margin:0 auto;
		padding:0 0;
		width:1080px;
		line-height:220%;

	}

	/* まずはお気軽に無料登録!! */
	section.Inquiry_01{
		width:100%;
		min-width:1080px;



	}


	.inquiry_t{
		width:100%;
		min-width:1080px;
		height:100%;
		min-height:269px;
		padding:0 0;
		margin:0 auto;
		background:#fff;
	}



	.inquiry_area{
		width:100%;
		min-width:1080px;
		padding:0 0;
		margin:0 auto;
		text-align:center;
		background:#fff;

	}


	/*ボタンエリア*/
	.bigbutton {
		width:1080px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

	/* お問い合わせ */

	section.Inquiry_02{
		width:100%;
		min-width:1080px;

	}


	.inquiry_t02{
		width:100%;
		min-width:1080px;
	}



	/*ボタンエリア*/
	.bigsbutton {
		width:1080px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

}


@media (min-width: 768px) and (max-width: 1080px)
{


	/* タブレット用の記述 */
	p {
		font-size: 14px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}
	/* header */
	header{
		width: 100%;
		min-width:748px;
		background:#2378b9;

	}

	#header_area{
		width: 100%;
		min-width:748px;
		margin:0 auto;
		padding:0 0;
		text-align:center;

	}

	#header_area h1{
		margin:0 0;
		padding:1% 0 1% 10px;
		font-size:10px;
		line-height:150%;
		text-align:left;
		color:#fff;
		font-weight:bold;


	}

	.tel_area{
		position:absolute;
		top: 0;
		width:40%;
		right: 1%;
		z-index:2;
	}



	/* top */

	section#Top{
		width: 100%;
		min-width:748px;
		background:#fafbfd;


	}

	#topmain{
		width: 100%;
		min-width:748px;
		height: 100%;
		min-height:324px;

		margin:0 auto;
		padding:0;
		text-align:center;
		position:relative;

	}




	#button{
		text-align:left;
		position:absolute;
		width:60%;
		bottom:7%;
		left:5%;
		margin:0 0;
		padding:0;

	}


	/*メインエリア*/
	.main_area{
		width: 98%;
		margin:0 auto;
		padding:20px 0;
		text-align:center;

	}

	.main_area02{
		width: 98%;

		margin:0 auto;
		padding:40px 0 20px 0;
		text-align:center;

	}

	.main_area03{
		width: 98%;
		margin:0 auto;
		padding:20px 1% 0 1%;
		text-align:center;

	}


	/* 4つのポイント */
	section#Content_01{
		text-align: center;
		width:100%;
		min-width:748px;
		background:#f1f9fc;
	}

	ul.point_4 li {
		float:left;
		width:44%;
		padding:2% 1%;
		margin:1% 1%;
		border: 5px solid #76c0df;
		background:#fff;
		text-align: center;
	}


	.f_box02 p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}


	.f_box {
		float:none;

		padding:0 0;
		margin:0 auto;
		text-align:center;
	}

	.f_box02 {

		float:none;
		margin:0 0;
		padding:0 0;
		text-align:left;

	}

	.f_box02 h2{
		text-align:center;
		font-size:24px;
		font-weight:bold;
		color:#76c0df;
		padding:0 0 ;

		line-height:1.4;

	}

	.f_box02 p {
		text-align:left;
		font-size: 14px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}






	/* 24サイトの独自求人メディアネットワークによる抜群の露出! */
	section#Content_02{
		text-align: center;
		width:100%;
		min-width:748px;
		background:#fff;
	}


	.s_box01 {

		float: left;
		width:44%;

	}


	.s_box02 {



		float: left;
		padding:0 2% 0 0;
		width:10%;

	}


	.s_box03 {


		float:right;
		width:44%;

	}

	.s_box04 {

		float: left;
		width:49%;

	}




	.s_box05 {


		float:right;
		width:49%;

	}


	.s_box06 {

		float: left;
		width:31%;
		padding:0 0 0 1%;

	}


	/*求人掲載に必要な作業はわずか2ステップ!*/

	section#Content_03{
		text-align: center;
		width:100%;
		min-width:748px;
		background:#f1f9fc;
	}




	/*努力やノウハウで採用コストの削減も可能! */

	section#Content_04{
		text-align: center;
		width:100%;
		min-width:748px;
		background:#fff;
	}

	/*利用者の割合 */

	section#Content_05{
		text-align: center;
		width:100%;
		min-width:748px;
		background:#f1f9fc;
	}




	/*よくあるご質問 */

	section#Content_06{
		text-align: center;
		width:100%;
		min-width:748px;
		background:#fff;
	}

	.q_boxs{

		font-size: 18px;
		padding:10px 0 15px 65px;
		background:#f7f7f7;
		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_q.png);

		background-repeat:no-repeat;
		margin:20px 0;
		color:#ff0000;
		font-weight: bold;



	}

	.a_boxs{
		font-size: 16px;
		padding:0px 0 10px 50px;

		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_a.png);
		background-repeat:no-repeat;
		margin:20px 30px 20px 15px;
	}




	footer{
		text-align:center;
		margin:0 auto;
		padding:10px 0;
		width:100%;
		min-width:748px;
		background:#fff;



	}

	#footer_area{
		text-align:center;
		font-size:10px;
		margin:0 auto;
		padding:0 0;
		width:748px;
		line-height:220%;

	}

	/* まずはお気軽に無料登録!! */
	section.Inquiry_01{
		width:100%;
		min-width:748px;



	}


	.inquiry_t{
		width:100%;
		min-width:748px;
		height:100%;
		min-height:186px;
		padding:0 0;
		margin:0 auto;

		background:#fff;
	}



	.inquiry_area{
		width:100%;
		min-width:748px;
		padding:0 0;
		margin:0 auto;
		text-align:center;
		background:#fff;

	}


	/*ボタンエリア*/
	.bigbutton {
		width:98%;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

	/* お問い合わせ */

	section.Inquiry_02{
		width:100%;
		min-width:748px;

	}


	.inquiry_t02{
		width:100%;
		min-width:748px;
		background:#fff;
	}



	/*ボタンエリア*/
	.bigsbutton {
		width:100%;
		text-align: center;
		margin:0 auto;


	}

}





@media (min-width: 640px) and (max-width: 768px)
{

	p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}
	/* header */
	header{
		width: 100%;
		min-width:620px;
		background:#2378b9;

	}

	#header_area{
		width: 100%;
		min-width:620px;
		margin:0 auto;
		padding:0 0;
		text-align:center;

	}

	#header_area h1{
		margin:0 0;
		padding:1% ;
		font-size:10px;
		line-height:150%;
		text-align:left;
		color:#fff;
		font-weight:bold;
		width: 46%;


	}

	.tel_area{
		position:absolute;
		top: 0;
		right: 1%;
		z-index:2;
		width: 50%;
	}



	/* top */

	section#Top{
		width: 100%;
		min-width:620px;



	}

	#topmain{
		width: 100%;
		min-width:620px;
		height: 100%;
		min-height:269px;
		margin:0 auto;
		padding:0;
		text-align:center;
		position:relative;

	}





	#button{
		text-align:left;
		position:absolute;
		width:60%;
		bottom:7%;
		left:5%;
		margin:0 0;
		padding:0;

	}

	/*メインエリア*/
	.main_area{
		width:98%;
		margin:0 auto;
		padding:1%;
		text-align:center;

	}

	.main_area02{
		width:98%;

		margin:0 auto;
		padding:2% 0 1% 0;
		text-align:center;

	}

	.main_area03{
		width:98%;
		margin:0 auto;
		padding:1% 0 0 0;
		text-align:center;

	}


	/* 4つのポイント */
	section#Content_01{
		text-align: center;
		width:100%;
		min-width:620px;
		background:#f1f9fc;
	}

	ul.point_4 li {
		float:left;
		width:45%;
		padding:2% 1%;
		margin: 1% 1% 1% 0;
		border: 5px solid #76c0df;
		background:#fff;
		text-align: center;
	}


	.f_box02 p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}


	.f_box {
		float:none;

		padding:0 0;
		margin:0 auto;
		text-align:center;
	}

	.f_box02 {

		float:none;
		margin:0 0;
		padding:0 0;
		text-align:left;

	}

	.f_box02 h2{
		text-align:center;
		font-size:24px;
		font-weight:bold;
		color:#76c0df;
		padding:0 0 ;

		line-height:1.4;

	}

	.f_box02 p {
		text-align:left;
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}




	/* 24サイトの独自求人メディアネットワークによる抜群の露出! */
	section#Content_02{
		text-align: center;
		width: 100%;
		min-width:620px;
		background:#fff;
	}


	.txt_area{

		margin:0 auto;
		padding:2% 1%;
		text-align:left;

	}








	.s_box01 {

		float: left;
		width:44%;

	}


	.s_box02 {



		float: left;
		padding:0 2% 0 0;
		width:10%;

	}


	.s_box03 {


		float:right;
		width:44%;

	}

	.s_box04 {

		float: left;
		width:49%;

	}




	.s_box05 {


		float:right;
		width:49%;

	}


	.s_box06 {

		float: left;
		width:31%;
		padding:0 0 0 1%;

	}


	/*求人掲載に必要な作業はわずか2ステップ!*/

	section#Content_03{
		text-align: center;
		width: 100%;
		min-width:620px;
		background:#f1f9fc;
	}






	/*努力やノウハウで採用コストの削減も可能! */

	section#Content_04{
		text-align: center;
		width: 100%;
		min-width:620px;
		background:#fff;
	}


	/*利用者の割合 */

	section#Content_05{
		text-align: center;
		width: 100%;
		min-width:620px;
		background:#f1f9fc;
	}




	/*よくあるご質問 */

	section#Content_06{
		text-align: center;
		width: 100%;
		min-width:620px;
		background:#fff;
	}


	.q_boxs{

		font-size: 14px;
		padding:10px 0 20px 65px;
		background:#f7f7f7;
		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_q.png);

		background-repeat:no-repeat;
		margin:20px 0;
		color:#ff0000;
		font-weight: bold;



	}

	.a_boxs{

		font-size: 12px;
		padding:0px 0 10px 50px;

		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_a.png);
		background-repeat:no-repeat;
		margin:20px 30px 20px 15px;
	}


	.banner_s{
		width: 98%;
	}


	footer{
		text-align:center;
		margin:0 auto;
		padding:20px 0 30px 0;
		width: 100%;
		min-width:620px;
		background:#fff;



	}

	#footer_area{
		text-align:center;
		font-size:10px;
		margin:0 auto;
		padding:0 0;
		width: 100%;
		min-width:620px;
		line-height:220%;

	}



	.section{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0.5em 0;
		padding: 0.5em;
		background:#eee;

	}

	/* まずはお気軽に無料登録!! */
	section.Inquiry_01{
		width:100%;
		min-width:620px;



	}


	.inquiry_t{
		width:100%;
		min-width:620px;
		height:100%;
		min-height:159px;
		padding:0 0;
		margin:0 auto;
		background:#fff;
	}



	.inquiry_area{
		width:100%;
		min-width:620px;
		padding:0 0;
		margin:0 auto;
		text-align:center;
		background:#fff;

	}


	/*ボタンエリア*/
	.bigbutton {
		width:98%;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

	/* お問い合わせ */

	section.Inquiry_02{
		width:100%;
		min-width:620px;

	}


	.inquiry_t02{
		width:100%;
		min-width:620px;
		background:#fff;
		padding:0 0;
		margin:0 auto;
	}



	/*ボタンエリア*/
	.bigsbutton {
		width:98%;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}
}






@media (min-width: 480px) and (max-width: 640px)
{

	p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}
	/* header */
	header{
		width: 100%;
		min-width:480px;
		background:#2378b9;

	}

	#header_area{
		width: 100%;
		min-width:480px;
		margin:0 auto;
		padding:0 0;
		text-align:center;

	}

	#header_area h1{
		margin:0 0;
		padding:1% ;
		font-size:10px;
		line-height:150%;
		text-align:left;
		color:#fff;
		font-weight:bold;
		width: 58%;


	}

	.tel_area{
		position:absolute;
		float:right;
		top: 0;
		right:0;
		z-index:2;
		width: 40%;
	}



	/* top */

	section#Top{
		width: 100%;
		min-width:480px;



	}

	#topmain{
		width: 100%;
		min-width:480px;
		height: 100%;
		min-height:393px;
		margin:0 auto;
		padding:0;
		text-align:center;
		position:relative;

	}




	#button{
		text-align:left;
		position:absolute;
		bottom:2%;
		left:0;
		margin:0 0;
		padding:0;
		width: 98%;

	}


	/*メインエリア*/
	.main_area{
		width:98%;
		margin:0 auto;
		padding:1%;
		text-align:center;

	}

	.main_area02{
		width:98%;

		margin:0 auto;
		padding:2% 0 1% 0;
		text-align:center;

	}

	.main_area03{
		width:98%;
		margin:0 auto;
		padding:1% 0 0 0;
		text-align:center;

	}


	/* 4つのポイント */
	section#Content_01{
		text-align: center;
		width: 100%;
		min-width:480px;
		background:#f1f9fc;
	}



	ul.point_4 {
		width:100%;
		margin: 2% auto;
		padding: 0;
		list-style-type: none;
	}

	ul.point_4 li {

		width:96%;
		padding:2% 1%;
		margin: 1% 0;
		border: 5px solid #76c0df;
		background:#fff;
		text-align: center;
	}

	.clearLeft {
		clear: left;
	}

	.f_box {
		float: left;
		padding:0 0;
		margin:0 0;
		width:10%;
	}

	.f_box02 {

		float: left;
		margin:0 0;
		padding:0 0 0 1%;
		text-align:left;

	}

	.f_box02 h2{
		text-align:left;
		font-size:18px;
		font-weight:bold;
		color:#76c0df;
		padding:0 0 0 1%;

		line-height:1.4;

	}

	.f_box02 p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}





	/* 24サイトの独自求人メディアネットワークによる抜群の露出! */
	section#Content_02{
		text-align: center;
		width: 100%;
		min-width:480px;
		background:#fff;
	}


	.txt_area{

		margin:0 auto;
		padding:2% 1%;
		text-align:left;

	}


	.s_box01 {
		float:none;
		width:100%;
	}


	.s_box02 {
		float:none;
		width:100%;

	}


	.s_box03 {


		float:none;
		width:100%;

	}

	.s_box04 {

		float:none;
		width:100%;
		padding:2% 0 2% 0;


	}




	.s_box05 {
		float:none;
		width:100%;
		padding:2% 0 2% 0;


	}


	/*求人掲載に必要な作業はわずか2ステップ!*/

	section#Content_03{
		text-align: center;
		width: 100%;
		min-width:480px;
		background:#f1f9fc;
	}





	/*努力やノウハウで採用コストの削減も可能! */

	section#Content_04{
		text-align: center;
		width: 100%;
		min-width:480px;
		background:#fff;
	}




	/*利用者の割合 */

	section#Content_05{
		text-align: center;
		width: 100%;
		min-width:480px;
		background:#f1f9fc;
	}




	/*よくあるご質問 */

	section#Content_06{
		text-align: center;
		width: 100%;
		min-width:480px;
		background:#fff;
	}


	.q_boxs{
		font-size: 14px;
		padding:10px 0 20px 65px;
		background:#f7f7f7;
		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_q.png);

		background-repeat:no-repeat;
		margin:20px 0;
		color:#ff0000;
		font-weight: bold;



	}

	.a_boxs{
		font-size: 12px;
		padding:0px 0 10px 50px;

		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_a.png);
		background-repeat:no-repeat;
		margin:20px 30px 20px 15px;
	}


	.banner_s{
		width: 98%;
	}


	footer{
		text-align:center;
		margin:0 auto;
		padding:20px 0 30px 0;
		width: 100%;
		min-width:480px;
		background:#fff;



	}

	#footer_area{
		text-align:center;
		font-size:10px;
		margin:0 auto;
		padding:0 0;
		width: 100%;
		min-width:480px;
		line-height:220%;

	}

	.section{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0.5em 0;
		padding: 0.5em;
		background:#eee;

	}
	.section .table_wrap{
		width:480px;
	}
	.section .table_wrap img{
		width:1430px;

	}

	/* まずはお気軽に無料登録!! */
	section.Inquiry_01{
		width:100%;
		min-width:480px;



	}


	.inquiry_t{
		width:100%;
		min-width:480px;
		height:100%;
		min-height:120px;
		padding:0 0;
		margin:0 auto;
		background:#fff;
	}



	.inquiry_area{
		width:100%;
		min-width:480px;
		padding:0 0;
		margin:0 auto;
		text-align:center;
		background:#fff;

	}


	/*ボタンエリア*/
	.bigbutton {
		width:480px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

	/* お問い合わせ */

	section.Inquiry_02{
		width:100%;
		min-width:480px;

	}


	.inquiry_t02{
		width:100%;
		min-width:480px;
	}



	/*ボタンエリア*/
	.bigsbutton {
		width:480px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

}
@media (min-width: 320px) and (max-width: 480px)
{

	p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}
	/* header */
	header{
		width: 100%;
		min-width:375px;
		background:#2378b9;

	}

	#header_area{
		width: 100%;
		min-width:375px;
		margin:0 auto;
		padding:0 0;
		text-align:center;

	}

	#header_area h1{
		margin:0 0;
		padding:1% ;
		font-size:10px;
		line-height:150%;
		text-align:left;
		color:#fff;
		font-weight:bold;
		width: 58%;


	}

	.tel_area{
		position:absolute;
		float:right;
		top: 0;
		right:0;
		z-index:2;
		width: 40%;
	}



	/* top */

	section#Top{
		width: 100%;
		min-width:375px;



	}

	#topmain{
		width: 100%;
		min-width:375px;
		height: 100%;
		min-height:307px;
		margin:0 auto;
		padding:0;
		text-align:center;
		position:relative;

	}




	#button{
		text-align:left;
		position:absolute;
		bottom:5%;
		left:0;
		margin:0 0;
		padding:0;
		width: 98%;

	}


	/*メインエリア*/
	.main_area{
		width:98%;
		margin:0 auto;
		padding:1%;
		text-align:center;

	}

	.main_area02{
		width:98%;

		margin:0 auto;
		padding:2% 0 1% 0;
		text-align:center;

	}

	.main_area03{
		width:98%;
		margin:0 auto;
		padding:1% 0 0 0;
		text-align:center;

	}


	/* 4つのポイント */
	section#Content_01{
		text-align: center;
		width: 100%;
		min-width:375px;
		background:#f1f9fc;
	}



	ul.point_4 {
		width:100%;
		margin: 2% auto;
		padding: 0;
		list-style-type: none;
	}

	ul.point_4 li {

		width:96%;
		padding:2% 1%;
		margin: 1% 0;
		border: 5px solid #76c0df;
		background:#fff;
		text-align: center;
	}

	.clearLeft {
		clear: left;
	}

	.f_box {
		float: left;
		padding:0 0;
		margin:0 0;
		width:10%;
	}

	.f_box02 {

		float: left;
		margin:0 0;
		padding:0 0 0 1%;
		text-align:left;

	}

	.f_box02 h2{
		text-align:left;
		font-size:18px;
		font-weight:bold;
		color:#76c0df;
		padding:0 0 0 1%;

		line-height:1.4;

	}

	.f_box02 p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}





	/* 24サイトの独自求人メディアネットワークによる抜群の露出! */
	section#Content_02{
		text-align: center;
		width: 100%;
		min-width:375px;
		background:#fff;
	}


	.txt_area{

		margin:0 auto;
		padding:2% 1%;
		text-align:left;

	}


	.s_box01 {
		float:none;
		width:100%;
	}


	.s_box02 {
		float:none;
		width:100%;

	}


	.s_box03 {


		float:none;
		width:100%;

	}

	.s_box04 {

		float:none;
		width:100%;
		padding:2% 0 2% 0;


	}




	.s_box05 {
		float:none;
		width:100%;
		padding:2% 0 2% 0;


	}


	/*求人掲載に必要な作業はわずか2ステップ!*/

	section#Content_03{
		text-align: center;
		width: 100%;
		min-width:375px;
		background:#f1f9fc;
	}




	/*努力やノウハウで採用コストの削減も可能! */

	section#Content_04{
		text-align: center;
		width: 100%;
		min-width:375px;
		background:#fff;
	}




	/*利用者の割合 */

	section#Content_05{
		text-align: center;
		width: 100%;
		min-width:375px;
		background:#f1f9fc;
	}




	/*よくあるご質問 */

	section#Content_06{
		text-align: center;
		width: 100%;
		min-width:375px;
		background:#fff;
	}


	.q_boxs{
		font-size: 14px;
		padding:10px 0 20px 65px;
		background:#f7f7f7;
		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_q.png);

		background-repeat:no-repeat;
		margin:20px 0;
		color:#ff0000;
		font-weight: bold;



	}

	.a_boxs{
		font-size: 12px;
		padding:0px 0 10px 50px;

		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_a.png);
		background-repeat:no-repeat;
		margin:20px 30px 20px 15px;
	}


	.banner_s{
		width: 98%;
	}


	footer{
		text-align:center;
		margin:0 auto;
		padding:20px 0 30px 0;
		width: 100%;
		min-width:375px;
		background:#fff;



	}

	#footer_area{
		text-align:center;
		font-size:10px;
		margin:0 auto;
		padding:0 0;
		width: 100%;
		min-width:375px;
		line-height:220%;

	}

	.section{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0.5em 0;
		padding: 0.5em;
		background:#eee;

	}
	.section .table_wrap{
		width:375px;
	}
	.section .table_wrap img{
		width:1430px;

	}

	/* まずはお気軽に無料登録!! */
	section.Inquiry_01{
		width:100%;
		min-width:375px;



	}


	.inquiry_t{
		width:100%;
		min-width:375px;
		height:100%;
		min-height:93px;
		padding:0 0;
		margin:0 auto;
		background:#fff;
	}



	.inquiry_area{
		width:100%;
		min-width:375px;
		padding:0 0;
		margin:0 auto;
		text-align:center;
		background:#fff;

	}


	/*ボタンエリア*/
	.bigbutton {
		width:375px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

	/* お問い合わせ */

	section.Inquiry_02{
		width:100%;
		min-width:375px;

	}


	.inquiry_t02{
		width:100%;
		min-width:375px;
	}



	/*ボタンエリア*/
	.bigsbutton {
		width:375px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}


}


@media (min-width: 20px) and (max-width: 320px)
{

	p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}
	/* header */
	header{
		width: 100%;
		min-width:320px;
		background:#2378b9;

	}

	#header_area{
		width: 100%;
		min-width:320px;
		margin:0 auto;
		padding:0 0;
		text-align:center;

	}

	#header_area h1{
		margin:0 0;
		padding:1% ;
		font-size:10px;
		line-height:150%;
		text-align:left;
		color:#fff;
		font-weight:bold;
		width: 58%;


	}

	.tel_area{
		position:absolute;
		float:right;
		top: 0;
		right:0;
		z-index:2;
		width: 40%;
	}



	/* top */

	section#Top{
		width: 100%;
		min-width:320px;



	}

	#topmain{
		width: 100%;
		min-width:320px;
		height: 100%;
		min-height:262px;
		margin:0 auto;
		padding:0;
		text-align:center;
		position:relative;

	}




	#button{
		text-align:left;
		position:absolute;
		bottom:5%;
		left:0;
		margin:0 0;
		padding:0;
		width: 98%;

	}


	/*メインエリア*/
	.main_area{
		width:98%;
		margin:0 auto;
		padding:1%;
		text-align:center;

	}

	.main_area02{
		width:98%;

		margin:0 auto;
		padding:2% 0 1% 0;
		text-align:center;

	}

	.main_area03{
		width:98%;
		margin:0 auto;
		padding:1% 0 0 0;
		text-align:center;

	}


	/* 4つのポイント */
	section#Content_01{
		text-align: center;
		width: 100%;
		min-width:320px;
		background:#f1f9fc;
	}



	ul.point_4 {
		width:100%;
		margin: 2% auto;
		padding: 0;
		list-style-type: none;
	}

	ul.point_4 li {

		width:96%;
		padding:2% 1%;
		margin: 1% 0;
		border: 5px solid #76c0df;
		background:#fff;
		text-align: center;
	}

	.clearLeft {
		clear: left;
	}

	.f_box {
		float: left;
		padding:0 0;
		margin:0 0;
		width:10%;
	}

	.f_box02 {

		float: left;
		margin:0 0;
		padding:0 0 0 1%;
		text-align:left;

	}

	.f_box02 h2{
		text-align:left;
		font-size:18px;
		font-weight:bold;
		color:#76c0df;
		padding:0 0 0 1%;

		line-height:1.4;

	}

	.f_box02 p {
		font-size: 12px;
		margin:0 0;
		padding:0 0;
		line-height:1.4;
		font-weight:bold;


	}





	/* 24サイトの独自求人メディアネットワークによる抜群の露出! */
	section#Content_02{
		text-align: center;
		width: 100%;
		min-width:320px;
		background:#fff;
	}


	.txt_area{

		margin:0 auto;
		padding:2% 1%;
		text-align:left;

	}

	.s_box01 {
		float:none;
		width:100%;
	}


	.s_box02 {
		float:none;
		width:100%;

	}


	.s_box03 {


		float:none;
		width:100%;

	}



	.s_box04 {

		float:none;
		width:100%;
		padding:2% 0 2% 0;


	}




	.s_box05 {
		float:none;
		width:100%;
		padding:2% 0 2% 0;


	}


	/*求人掲載に必要な作業はわずか2ステップ!*/

	section#Content_03{
		text-align: center;
		width: 100%;
		min-width:320px;
		background:#f1f9fc;
	}



	/*努力やノウハウで採用コストの削減も可能! */

	section#Content_04{
		text-align: center;
		width: 100%;
		min-width:320px;
		background:#fff;
	}




	/*利用者の割合 */

	section#Content_05{
		text-align: center;
		width: 100%;
		min-width:320px;
		background:#f1f9fc;
	}




	/*よくあるご質問 */

	section#Content_06{
		text-align: center;
		width: 100%;
		min-width:320px;
		background:#fff;
	}


	.q_boxs{
		font-size: 14px;
		padding:10px 0 20px 65px;
		background:#f7f7f7;
		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_q.png);

		background-repeat:no-repeat;
		margin:20px 0;
		color:#ff0000;
		font-weight: bold;



	}

	.a_boxs{
		font-size: 12px;
		padding:0px 0 10px 50px;

		line-height:1.8;
		text-align:left;
		background-image:url(../img/faq_a.png);
		background-repeat:no-repeat;
		margin:20px 30px 20px 15px;
	}


	.banner_s{
		width: 98%;
	}


	footer{
		text-align:center;
		margin:0 auto;
		padding:20px 0 30px 0;
		width: 100%;
		min-width:320px;
		background:#fff;



	}

	#footer_area{
		text-align:center;
		font-size:10px;
		margin:0 auto;
		padding:0 0;
		width: 100%;
		min-width:320px;
		line-height:220%;

	}

	.section{
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0.5em 0;
		padding: 0.5em;
		background:#eee;

	}
	.section .table_wrap{
		min-width:320px;
	}
	.section .table_wrap img{
		width:1430px;

	}

	/* まずはお気軽に無料登録!! */
	section.Inquiry_01{
		width:100%;
		min-width:320px;



	}


	.inquiry_t{
		width:100%;
		min-width:320px;
		height:100%;
		min-height:93px;
		padding:0 0;
		margin:0 auto;
		background:#fff;
	}



	.inquiry_area{
		width:100%;
		min-width:320px;
		padding:0 0;
		margin:0 auto;
		text-align:center;
		background:#fff;

	}


	/*ボタンエリア*/
	.bigbutton {
		width:320px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}

	/* お問い合わせ */

	section.Inquiry_02{
		width:100%;
		min-width:320px;
		background:#fff;

	}


	.inquiry_t02{
		width:100%;
		min-width:320px;
		background:#fff;
	}



	/*ボタンエリア*/
	.bigsbutton {
		width:320px;
		text-align: center;
		margin:0 auto;
		background:#fff;

	}


}
