@charset "utf-8";
/*
Theme Name: 熊本医療福祉求人センター
Theme URI:  
Description: 熊本医療福祉求人センター
Version: 1.0
Author: monokus.jp

*/
.job_sidebar {
}
	.job_sidebar .btn03.order_btn a {
		font-size:	14px !important;
	}
	.job_sidebar .btn03.order_btn a i {
		margin-right:		.1em;
	}
.job_side_search {
}
.job_side_search .list {
	margin:			12px 0;
	background:		#fff;
	overflow:		auto;
	
	font-size:		12px;
	font-weight:	normal;
	line-height:	1.8;
	color:			#444;
}
	.job_side_search .list > ul > li {
		border-top:		1px dashed #ccc;
		padding:		10px 8px 8px 8px;
	}
	.job_side_search .list > ul > li:first-child {
		border-top:		none;
	}
	.job_side_search .list > ul > li .tag {
		display:	inline;
		padding:	3px 5px;
		margin:		0 3px 0 0;
		border-radius:	50px;
		background: #F2FFFF;
		
		font-size: 		11px;
		font-weight:	normal;
		line-height:	1;
		color: #333;
	}
	.job_side_search .list > ul > li ul {
		display:	inline;
	}
	.job_side_search .list > ul > li li {
		display:	inline;
	}
		.job_side_search .list > ul > li li:before {
			content:	'/';
		}
		.job_side_search .list > ul > li li:first-child:before {
			display:	none;
		}
	/*
	.job_side_search .list li a ,
	.job_side_search .list li span {
		display:		block;
		padding:		10px 8px 8px 22px;
		
		font-size:		14px;
		font-weight:	bold;
		line-height:	1.4em;
		
		text-decoration:	none;
		position:		relative;
	}
	.job_side_search .list li a:before ,
	.job_side_search .list li span:before {
		position: 	absolute;
		top: 		15px;
		left: 		8px;
		
		content: 		"";
		border: 		4px solid transparent;
		border-left: 	7px solid;
		margin-top:		0;
	}
	.job_side_search .list li span {
		color:			#fff;
		background:		#9F7342;
	}
	.job_side_search .list li a {
		color:			#9F7342;
	}
	.job_side_search .list li span:before {  border-left-color: #fff; }
	.job_side_search .list li a:before {  border-left-color: #9F7342; }
	
	
	.section_lr .sidebar .section.catlist .list li a:hover {
		text-decoration:	underline;
	}
	*/
.job_archive {
	margin:		0 !important;
}
	.job_archive > ul {
	}
	.job_archive > ul > li {
		border:		2px solid #2DB1AA;
		margin:		0 0 18px;
		padding:	12px;
		
		position:	relative;
	}
		.job_archive > ul > li .type {
			display:		inline-block;
			padding:		4px 8px;
			margin:			0 3px 0 0;
			min-width:		50px;
			
			border:			1px solid #2DB1AA;
			background:		#fff;
			
			font-size:		11px;
			font-weight:	normal;
			line-height:	1.1em;
			color:			#2DB1AA;
			
			text-align:		center;
			text-decoration:	none !important;
		}
		.job_archive > ul > li .hellowork_tag {
			display:		inline-block;
			padding:		4px 8px;
			margin:			0 3px 0 0;
			min-width:		50px;
			
			border:			1px solid #fe5757;
			background:		#fff;
			
			font-size:		11px;
			font-weight:	normal;
			line-height:	1.1em;
			color:			#fe5757;
			
			text-align:		center;
			text-decoration:	none !important;
		}
		.job_archive > ul > li .recommend {
			display:		inline-block;
			padding:		4px 8px;
			margin:			0 3px 0 0;
			min-width:		50px;
			
			border:			1px solid #D80000;
			background:		#fff; 
			
			font-size:		11px;
			font-weight:	normal;
			line-height:	1.1em;
			color:			#D80000;
			
			text-align:		center;
			text-decoration:	none !important;
		}
		.job_archive > ul > li .title {
			padding:		8px 0 5px;
		}
			.job_archive > ul > li .title a {
				font-size:		16px;
				font-weight:	bold;
				line-height:	1.3em;
				color:			#666;
				
				text-decoration:	none;
			}
				.job_archive > ul > li .title a:hover {
					text-decoration:	underline;
				}
		.job_archive > ul > li .table {
			margin:		0 230px 0 0;
		}
			.job_archive > ul > li .table table {
				table-layout:		fixed;
				margin:			0 !important;
/*				width:			500px; */
				width:			100%; 
					
				font-size:		14px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#444;
				
				border-left:	none !important;
				border-right:	none !important;
				border-bottom:	none !important;
				border-top:		1px solid #ddd !important;
			}
/*			.job_archive > ul > li .table th {
				width:			100px;
			}
			.job_archive > ul > li .table i {
				font-size:		20px;
				margin:			0 2px 0 0;
				position:	relative;
				top:		-1px;
			} */
			.job_archive > ul > li .table th,
			.job_archive > ul > li .table td {
				border-left:	none !important;
				border-right:	none !important;
				border-top:	none !important;
				border-bottom:		1px solid #ddd !important;
			}
			.job_archive > ul > li .table th {
				width:			120px;
				
				padding:		12px 10px 10px 50px;
			}
				.job_archive > ul > li .table i {
					/* 
					font-size:		20px;
					margin:			0 2px 0 0;
					position:	relative;
					top:		-1px;
					*/
					float:		left;
					margin:		0 0 0 -40px;
					
					display:	block;
					width:		18px;
					height:		18px;
					padding:	5px;
					border-radius:		36px;
					
					background:		#2DB1AA; /* EB8791 */
					color:			#fff;
					
					font-size:		18px;
					/*
					font-size:		20px;
					margin:			0 2px 0 0;
					position:	relative;
					top:		-1px;
					*/
				}
				.job_archive > ul > li .table .s {
					display:	block;
					padding:	5px 0 0;
				}
			.job_archive > ul > li .table .salary {
				font-weight:	bold;
				color:			#DD6B16;
			}
		.job_archive > ul > li .recommend_icons {
			position:	absolute;
			right:		12px;
			top:		-5px;
			padding:	5px 5px ;
			
			width:		42px;
			text-align:		left;
			
			/* border-top:		2px solid #67af11;
			background:		#ebf9db;*/
			background:		#2DB1AA;
			color:			#ffffcc;
		}
			.job_archive > ul > li .recommend_icons:before {
				position: 	absolute;
				bottom: 	-1px;
				left: 		-1px;
				right:		-1px;
				
				width:	0;
				height:	0;
				content: "";

				border: 		26px solid transparent;
				border-bottom: 	7px solid #fff;
			}
		.job_archive > ul > li .cr_image_wrap {
			float:		right;
			display:	block;
			width:		220px;
			height:		165px;
		}
		/*	.job_archive > ul > li .image a {
				display:	block;
				width:		220px;
				height:		165px;
				overflow:	hidden;
				position:	relative;
				
				background-color:			#fff;
				background-position:		center center;
				background-repeat:			no-repeat;
				background-size:	cover !important;
			}
				.job_archive > ul > li .image a img {
					display:	none;
				} */
		.job_archive > ul > li .tags  {
			clear:		both;
			padding:	10px 0 0;
		}
			.job_archive > ul > li .tags span {	
				display:	inline-block;
				
				margin:			0 6px 0 0;
				padding:		2px 5px;
				border-radius:		5px;
				
				font-size:		14px;
				font-weight:	normal;
				line-height:	1.1em;
				
				border:		1px solid #2DB1AA;
				background:		#f2ffff;
				color:			#2DB1AA;
			}
		.job_archive > ul > li .text  {
			padding:		12px 0;
		}
		.job_archive > ul > li .btn  {
			margin:			0 auto;
		}
		
.job_archive > ul > li.hellowork {
}
			.job_archive > ul > li.hellowork .table table {
				width:		100%;
			}
body.single-job {
}
	body.single-job .page_title {	
	}
		body.single-job .page_title .recommend {	
			float:		left;
			display:		block;
			padding:		4px 8px;
			margin:			2px 3px 0 0;
			min-width:		50px;
			
			border:			1px solid #D80000;
			background:		#fff; 
			
			font-size:		11px;
			font-weight:	normal;
			line-height:	1.1em;
			color:			#D80000;
			
			text-align:		center;
			text-decoration:	none !important;
		}
.job_single {
}
	.job_single h2 {
		clear:		none;
		padding:	0 !important;
		margin:		0 0 4px !important;
	}
		.job_single h2:before ,
		.job_single h2:after {
			display:	none !important;
		}
	.job_single .type {
		display:		inline-block;
		padding:		4px 8px;
		margin:			0 3px 0 0;
		min-width:		50px;
		
		border:			1px solid #9F7342;
		background:		#fff;
		
		font-size:		11px;
		font-weight:	normal;
		line-height:	1.1em;
		color:			#9F7342;
		
		text-align:		center;
		text-decoration:	none !important;
	}
	.job_single .catchcopy {
		clear:			both;
		padding:		18px 0;
		
		font-size:		16px;
		font-weight:	bold;
		line-height:	1.6em;
		color:			#2DB1AA;
	}
	.job_single .job_image {
		float:		right;
		width:		340px; /* 220px */
		margin:		0 0 12px 12px;
		
		position:	relative;
		z-index:	2;
	}
	.job_single .images {
		margin:		0 30px 30px;
		position:	relative;
	}
		.job_single .images .prev ,
		.job_single .images .next {
			position:	absolute;
			top:		50%;
			bottom:		0;
			
			margin:		-18px 0;
			
			display:	none;
		}
			.job_single .images .prev { left: -30px; }
			.job_single .images .next { right: -30px; }
			.job_single .images .prev a ,
			.job_single .images .next a {
				text-decoration:	none !important;
			}
			.job_single .images .prev a i ,
			.job_single .images .next a i {
				display:	block;
				
				font-size:	32px;
			}
		.job_single .images .list {
		}
		.job_single .images ul {
			margin:		0 -10px;
		}
		.job_single .images ul li {
			float:		left;
			width:		25%;
			
			box-sizing:	border-box;
			padding:	0 10px 10px;
		}
	.job_single .movie {
		margin:		0 40px 30px;
		position:	relative;
	}
		.job_single .movie .youtube {
			width: 			100%;
			padding-top: 	56.25%;
		}
		.job_single .movie .youtube iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;
		}
	.job_single .body {
		margin:		8px 0 4px;
		
		font-size:		14px;
		line-height:	1.8em;
	}
		.job_single .body p {
			margin:		0 0 4px;
		}
	
	.job_single .tags  {
		clear:		both;
		margin:		12px 0;
		
		border:		2px solid #2DB1AA;
		padding:	20px 10px 10px;
		
		position:	relative;
	}
		.job_single .tags span {	
			display:	inline-block;
			
			margin:			0 6px 0 0;
			padding:		2px 5px;
			border-radius:		5px;
			
			font-size:		11px;
			font-weight:	normal;
			line-height:	1.1em;
			
			border:		1px solid #2DB1AA;
			background:		#f2ffff;
			color:			#2DB1AA;
		}
	.job_single .tags .tags_label {
		position:	absolute;
		left:		12px;
		top:		-12px;
		width:		11em;
		
		padding:		4px 12px;
		border-radius:	5px;
		background:		#2DB1AA;
		
		font-size:		12px;
		font-weight:	normal;
		line-height:	1;
		color:			#fff;
		
		text-align:		center;
	}
		.job_single .tags .tags_label:before {
			position: 		absolute;
			bottom: 		-14px;
			left: 			50%;
			margin-left: 	-6px; 

			content:	'';

			border: 		6px solid transparent;
			border-top: 	8px solid #2DB1AA;
		
		}
		/**/
	.job_single .table {
		padding:		12px 0 30px;
	}
		.job_single .table .gmap {
			border: 	3px solid #e0e0e0;
			height:		300px;
			margin:		8px 0;
		}
		.job_single .table h2 {
			margin:		0 0 12px;
			padding-bottom:		0 !important;
		}
		.job_single .table .title {
			padding:	10px 0 8px 10px;
			background:		#81D8D0; /* EB8791 */
			border-radius:	5px 5px 0 0;
			
			font-size:		15px;
			font-weight:	bold;
			line-height:	1.1em;
			color:			#fff;
		}
		.job_single .table table {
			table-layout:		fixed;
			margin:			0 !important;
			width:			100%;
			
			font-size:		14px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#444;
			
			border-left:	none !important;
			border-right:	none !important;
			border-bottom:	none !important;
			border-top:	none !important;
			/* border-top:		1px solid #ddd !important; */
		}
		.job_single .table th,
		.job_single .table td {
			border-left:	none !important;
			border-right:	none !important;
			border-top:	none !important;
			border-bottom:		1px solid #ddd !important;
		}
		.job_single .table th {
			width:			120px;
			
			padding:		12px 10px 10px 50px;
		}
			.job_single .table i {
				/* 
				font-size:		20px;
				margin:			0 2px 0 0;
				position:	relative;
				top:		-1px;
				*/
				float:		left;
				margin:		0 0 0 -40px;
				
				display:	block;
				width:		18px;
				height:		18px;
				padding:	5px;
				border-radius:		36px;
				
				background:		#2DB1AA; /* EB8791 */
				color:			#fff;
				
				font-size:		18px;
				/*
				font-size:		20px;
				margin:			0 2px 0 0;
				position:	relative;
				top:		-1px;
				*/
			}
			.job_single .table .s {
				display:	block;
				padding:	5px 0 0;
			}
		.job_single .table .salary {
			font-weight:	bold;
			color:			#DD6B16;
		}
		.job_single .table .sub {
			margin:		16px 0 0 ;
		}
			.job_single .table .sub .sub_title {
				display:			inline-block;
				margin:				0 0 6px;
				padding:			3px 15px 2px;
				border-radius:		3px;
				
				background:		#9F7342;
				color:			#fff;
			}
		.job_single .table .ul {
			margin:		0;
			padding:	0 0 0 12px;
		}
			.job_single .table .ul li {
				padding-left: 1em;
				text-indent: -1em;
				list-style-position: inside;
			}
		.job_single .table .note {
			margin:		16px 0 0;
			padding:	12px;
			background:		#f5f5f5;
			
			font-size:		12px;
			font-weight:	normal;
			line-height:	1.6em;
			color:			#444;
		}
		
	.job_single .job_id {
		text-align:		right;
	}
	.job_single .btn {
		margin:		0 auto;
	}
/*=== 検索 */
.job_search_modal_tab {
	position:	relative;
	margin:		15px 0 25px;
	
	font-size:		15px;
	font-weight:	normal;
	line-height:	1.2em;
	color:			#444;
}
	.job_search_modal_tab .tabs {
		float:		left;
		border:		2px solid #2DB1AA;
		background:		#fff;
		
		width:		200px;
	}
		.job_search_modal_tab .tabs li {
			border-top:		1px solid #2DB1AA;
		}
		.job_search_modal_tab .tabs li a {
			display:		block;
			
			padding:	12px 2em 11px 10px;
			
			font-size:		15px;
			font-weight:	normal;
			line-height:	1.2em;
			color:			#2DB1AA;
			
			text-decoration:	none;
			position:		relative;
		}
		.job_search_modal_tab .tabs li a:hover {
			background:		#F2FFFF;
		}
		.job_search_modal_tab .tabs li a.active {
			background:		#2DB1AA;
			color:			#fff;
		}
		.job_search_modal_tab .tabs li a .num {
			position: 	absolute;
			top: 		50%;
			right: 		1em;
			
			border-radius: 80px;
			margin-top: -1em;
			padding: 0.3em .6em;
			
			background-color: #f2ffff;
			color: #333;
		}
	.job_search_modal_tab .tab_contents {
		position:		absolute;
		right:			0;
		top:			0;
		bottom:		0;
		left:		250px;
		
		border:		2px solid #2DB1AA;
		padding:	15px 12px;
		
		overflow:	auto;
	}
	.job_search_modal_tab .tab_content {
		display:	none;
	}
	.job_search_modal_tab .tab_content.active {
		display:	block;
	}
/***/
		.job_search_modal_tab .tab_content .parent {
			clear:		both;
			padding:	0 0 10px 0;
			/* border-left:		8px solid #3EB36F; */
			/*
			line-height:	1.2em; */
			font-weight:	bold;
			
		}
		.job_search_modal_tab .tab_content .children {
			padding:	0 0 12px;
		}
	.job_search_modal_tab .salary_table {
		width:		100%;
			
		font-size:		15px;
		font-weight:	normal;
		line-height:	1.2em;
		color:			#444;
	}
		.job_search_modal_tab .salary_table th {
			vertical-align:		middle;
			text-align:			left;
			width:			6em;
			
			font-size:		15px;
			font-weight:	normal;
			line-height:	1.2em;
			color:			#444;
		}
		.job_search_modal_tab .salary_table td {
			vertical-align:		middle;
			text-align:			left;
		}
	.job_search_modal_tab .tab_content .salary_form {
	}
		.job_search_modal_tab .tab_content .salary_form .text {
			font-weight:	bold;
			padding:		0 0 12px;
		}
		.job_search_modal_tab .tab_content .salary_form .select {
			float:		left;
			border:		1px solid #ccc;
			margin:		0 10px 0 0;
		}
			.job_search_modal_tab .tab_content .salary_form .select select {
				width:		170px;
				height:		38px;
				box-sizing:	border-box;
				
				padding:	0 12px 0 5px;
				vertical-align:		top;
				border:		none !important;
			}
		.job_search_modal_tab .tab_content .salary_form .textform {
			float:		left;
			border:		1px solid #ccc;
			margin:		0 10px 0 0;
		}
			.job_search_modal_tab .tab_content .salary_form .textform input[type="text"] {
				width:		140px;
				height:		38px;
				box-sizing:	border-box;
				
				padding:	12px 12px 12px 12px;
				vertical-align:		top;
				border:		none !important;

			}
		.job_search_modal_tab .tab_content .salary_form .sep {
			float:		left;
			height:		48px;
			line-height:	50px;
			padding:	0 10px 0 0;
		}
	.job_search_modal_tab .tab_content .keyword_form {
		float:		left;
		border:		1px solid #ccc;
	}
		.job_search_modal_tab .tab_content .keyword_form input[type="text"] {
			width:		250px;
			height:		38px;
			box-sizing:	border-box;
			
			padding:	12px 12px 12px 12px;
			vertical-align:		top;
			border:		none !important;

		}

.job_search_modal_btn {
	
}
	.job_search_modal_btn .search_cnts {
		float:		left;
		padding:		19px 0 0;
		
		font-size:		17px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#666;
	}
		.job_search_modal_btn .search_cnts .cnts {
			font-size:		27px;
			font-weight:	bold;
			line-height:	1.3em;
			/*
			font-style: 	italic; */
			color:			#f00;
		}
	.job_search_modal_btn .clear_btn {
		float:		right;
		width:		157px;
		padding:	8px 0 0;
	}
	.job_search_modal_btn .clear_btn a {
		border:		1px solid #bcbdbb;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(241,241,241)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff1f1f1,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff1f1f1,GradientType=0);

		display:	block;
		width:		157px;
		padding:	12px 0 10px;
		
		border-radius:	3px;
		border-width:	1px;
		border-style:	solid;
		
		font-size:		14px;
		font-weight:	normal;
		line-height:	1;
		color:			#2DB1AA;
		
		text-align:			center;
		text-decoration:	none;
		
		cursor:			pointer;
	}
		.job_search_modal_btn .clear_btn a .material-icons {
			font-size:		21px;
			position:		relative;
			top:			-2px;
			
			margin-right:		.3em;
		}