@charset "utf-8";

@media (max-width: 640px) {
	#header,
	#copyright {
		min-width: 0;
	}
	#header .wrapper,
	#header_nav,
	.other #main,
	.search_section_top,
	.recruit_new h3 strong,
	.banner_area,
	.privacymark
	{
		width: auto;
	}
	table.blue {
		display: block;
		width: 98%;
	}
		table.blue thead,
		table.blue tbody,
		table.blue tr {
			display: block;
		}
		table.blue th,
		table.blue td {
			display: block;
			padding: 10px 10px;
		}
		table.blue td {
			padding-bottom: 20px;
		}
			table.blue td iframe {
				width: 80%;
			}
	#header .wrapper {
		padding-bottom: 35px;
	}
		#sitename {
			float: none;
			width: auto;
		}
			#sitename a {
				width: 170px;
				height: 82px;
				margin: 0 auto;
				background-size: 100% auto;
			}
			#sitename span {
				position: static;
				width: auto;
				margin-top: 10px;
				text-align: center;
			}
		#header .address {
			position: absolute;
			left: 0; bottom: 6px;
			height: 20px;
			background-position: left bottom;
		}
		#header_nav {
			float: none;
			margin-top: 10px;
			padding: 0;
			border-top: 1px #727171 solid;
		}
			#header #header_nav li {
				width: 49%;
				padding: 10px 0;
			}
				#header #header_nav li a {
					height: 20px;
					border: none;
					background-position: center center;
				}
			#header_nav li.facebook,
			#header_nav li.staff,
			#header_nav li.aboutus {
				border-right: 1px #9B9B9B solid;
				border-bottom: 1px #727171 solid;
			}
			#header_nav li.home,
			#header_nav li.biz,
			#header_nav li.contact {
				border-bottom: 1px #727171 solid;
			}
		#header .wrapper a.entry {
			right: 0;
		}
	#loopslider,
	#loopslider ul {
		width: 100%;
		height: 200px;
	}
		#loopslider ul li {
			width: 100%;
			height: 200px;;
			background-size: auto 200px;
		}

		#loopslider h2 {
			width: 100%;
			height: 200px;
		}
			#loopslider h2 strong {
				width: 300px;
				height: 60px;
				right: 10px; bottom: 10px;
				background-size: 100% auto;
			}

	.btn_area {
		width: 95%;
	}
	
	.entry_page #header h2 {
		padding: 0;
	}
	.entry_page form dl.form_area {
		width: 320px;
	}
		.entry_page form dl.form_area dt,
		.entry_page form dl.form_area dd {
			float: none;
		}
		.entry_page form dl.form_area dt {
			padding: 5px 0 5px 10px;
			text-align: left;
		}
		.entry_page form dl.form_area dd {
			margin-left: 20px;
		}
		.entry_page form dl.form_area dd.example {
			margin-left: 0;
			text-align: right;
		}

	#topic_pass {
		width: auto;
		margin: 10px;
	}

	.other .search {
		width: auto;
	}
		.other .search h2 {
			height: auto;
			padding: 10px 10px 10px 25px;
			background: #009CFF url('../img/icon_down_white.png') 5px center no-repeat;
			color: #FFF;
			font-weight: bold;
			font-size: 1.2em;
			text-indent: 0;
		} .other .search h2.on {
			background-image: url('../img/icon_up_white.png');
		}
		
		.other .search form {
			display: none;
		}
			.other .search form li {
				float: none;
				width: auto;
				padding: 12px 0;
			}
				.other .search form select {
					box-sizing: border-box;
					display: block;
					padding: 8px 5px;
					width: 90%;
				}

	.search_section_top .search_section {
		float: none;
		width: auto;
		margin: 0;
	}
		.search_section_top .search_section h2 {
			height: auto;
			padding: 10px;
			background: #009CFF;
			color: #FFF;
			font-weight: bold;
			font-size: 1.2em;
			text-indent: 0;
			text-align: center;
		}
		.search_section.area ul {
			background-size: 100% auto;
		}
			.search_section.area ul li.west {
				left: 5%; top: 7%;
				width: 37%;
				height: 45%;
				
			}
				.search_section.area ul li.east a,
				.search_section.area ul li.west a,
				.search_section.area ul li.near a {
					height: 100%;
				}
			.search_section.area ul li.east {
				top: 7%; left: 45%;
				width: 30%;
				height: 60%;
			}
			.search_section.area ul li.near {
				left: 80%; top: 30%;
				width: 17%;
				height: 40%;
			}

	.catch.staff {
		min-height: 0;
		padding: 0 0 260px;
	}
		.catch h3 {
			font-size: 1.2em;
		}
	.catch.biz p {
		min-height: 0;
		padding: 0 0 181px;
	}

	.flow_haken, .flow_yotei_haken {
		width: auto;
		height: auto;
		line-height: 0;
		padding-top: 29%;
		background-size: 100% auto;
	}
		.flow_haken {
			margin-bottom: 20px;
		}

	.biz_job_type.system, .biz_job_type.driver {
		margin-left: 0;
	}
	.clearfix .biz_job_type {
		margin: 0 10px 20px;
	}

	dl.contact {
		box-sizing: border-box;
		float: none;
		width: 95%;
		margin: 0 auto;
	}
	dl.contact.tel {
		margin-bottom: 20px;
	}
		dl.contact dt {
			margin-bottom: 10px;
		}
			dl.contact dd.free strong {
				display: block;
			}

	.flow {
		width: 98%;
	}
		#main .flow li {
			padding: 5px 0 20px 140px;
			background-size: 132px auto;
		}

	.search_section_top {
		padding-top: 1px;
	}
		.search_section_top .search_section.job_type {
			margin-top: 1px;
		}
	.recruit_new dl {
		width: auto;
		padding-bottom: 50px;
	}
		.recruit_new dl dt.more a {
			height: 42px;
			background-image: url('../img/top/btn_more_recruit_mq.png');
		}

	.detail_list h3 {
		font-size: 1.2em;
	}
	.btn_entry,
	.btn_descript {
		float: left;
		margin: 10px;
	}
	.detail_list h4 {
		clear: left;
	}

	.detail_info,
	.detail_info caption,
	.detail_info thead,
	.detail_info tbody,
	.detail_info tr,
	.detail_info th,
	.detail_info td {
		display: block;
		width: auto;
	}
	.detail_info {
		border: 1px #CCC solid;
	}
	.detail_info th {
		border: 1px #CCC solid;
		border-top: 3px #5C96E5 solid;
	}
	.detail_info td {
		border: none;
	}

	.banner_area {
		margin-bottom: 20px;
	}
		#main .banner_area li {
			float: none;
			width: auto;
			max-width: 456px;
			margin: 0 auto;
			padding: 0;
		}
			#main .banner_area li a {
				height: 0;
				line-height: 0;
				background-size: 100% auto;
			}
		#main .banner_area li.temporary_staff {
			margin-bottom: 20px;
		}
			#main .banner_area li.temporary_staff a {
				padding-top: 32%;
			}
			#main .banner_area li.banner_entry a {
				padding-top: 36%;
			}

	.privacymark img {
		float: right;
	}

	.pagetop {
		right: auto; left: 10px;
	}

	#footer_nav {
		width: auto;
		padding: 0 0 152px;
		border-top: 1px #999 solid;
	}
		#footer_nav ul {
			display: block;
			margin-right: 0;
		}
			#footer_nav ul li {
				padding: 0;
				border-bottom: 1px #D8D7D7 solid;
			}
				#footer_nav ul li a {
					display: block;
					padding: 20px;
					background: url('../img/arrow_right.gif') right center no-repeat;
				}
	#copyright small {
		width: auto;
	}


	/*高さ可変背景
	.mq_bg {
		width: auto!important;
		height: auto!important;
		background-size: 100%!important;
	}
	個別 {
		max-width: 個別;
		padding-top: 高さ / 幅 %;
	}
	*/
}
@media (min-width: 641px) {
	.other .search form {
		display: block!important;
	}
}