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

*/
.privacy_contact {
	border:		2px solid #ddd;
	background: #fffeee;
	
	width:		95%;
	margin:		16px auto 0;
	padding:	16px;
	
	font-weight:	normal;
}
	.privacy_contact dl {
	}
		.privacy_contact dl dt {
			float:		left;
			width:		5.5em;
			font-weight:	bold;
			
			position:	relative;
		}
		.privacy_contact dl dt::after {
			content: ":";
			position: absolute;
			right: 0px;
			top: 0px;
		}
		.privacy_contact dl dd {
			margin:		0 0 0 6em;
		}
.reason {
}
	.reason .list {
		background:		#fff;
		margin:		0 0 80px;
	}
	.reason .list p {
		margin:		0 !important;
	}
	.reason .list ul {
		padding:	12px 0;
	}
	.reason .list li {
		float:		left;
		width:		33.3%;
		
		position:	relative;
	}
		.reason .list li:before {
			position:	absolute;
			top:		0;
			bottom:		0;
			left:		0;
			
			display:	block;
			width:		1px;
			height:		auto;
			content:	'';
			
			border-left:		1px dotted #999;
		}
		.reason .list li:first-child:before {
			display:	none !important;
		}
		.reason .list li .image {
			padding:	0 0 12px;
			margin:		0 auto;
			width:		290px;
		}
			.reason .list li .image img {
				display:	block;
				width:		100%;
				height:		auto;
			}
		.reason .list li .title {
			padding:	13px 10px 14px 22px;
			
			font-size:		15px;
			font-weight:	bold;
			line-height:	1.5em;
			color:			#2DB1AA;
		}
		.reason .list li .text {
			padding:		0 18px 0 22px;
			line-height:	1.5em;
		}
/*
.flow {
	color:		#777;
}
	.flow p {
		margin:		0 !important;
	}
	.flow h2 {
	}
	.flow > .text {
		margin:		0 auto 18px;
		width:		1000px;
	}
	.flow .list {
		margin:		0 auto;
		width:		1000px;
	}
		.flow .list li {
			border:			1px solid #ccc;
			margin:			0 0 42px;
			
			background:		#fff;
			position:	relative;
		}
			.flow .list li:before {
				content:		'';
				position: 		absolute;
				bottom: 		-42px;
				left: 			65px;
				
				border-width:		18px 9px;
				border-style:		solid;
				border-color:		#81D8D0 transparent transparent transparent;
			}
			.flow .list li:last-child:before {
				display:	none;
			}
		.flow .list li .in {
			display:	table;
			width:		100%;
			
			table-layout:	fixed;
		}
			.flow .list li .in .step {
				display:	table-cell;
				width:		150px;
				padding:		14px 0;
				background:		#81D8D0;
				
				font-size:		20px;
				font-weight:	bold;
				line-height:	1.3em;
				color:			#fff;
				
				font-family:		'Caveat', cursive;
				
				text-align:		center;
				vertical-align:	middle;
				
				position:		relative;
			}
				.flow .list li .in .step i {
					margin:		0 0 0 4px;
					
					font-size:		40px;
					font-weight:	bold;
					line-height:	1.3em;
				}
				.flow .list li .in .step:before {
					position:	absolute;
					right:		-10px;
					top:		0;
					bottom:		0;
					margin:		auto 0;
					
					background:			#81D8D0;
					
					font-family: 'Material Icons';
					font-weight:	normal;
					font-style:		normal;
					font-size:		24px;
					line-height:	28px;
					
					display:	block;
					width:		28px;
					height:		28px;
					border-radius:		48px;
					
					text-indent:		4px;
					text-align:			center;
					
					content:	'keyboard_arrow_right';
				}
			.flow .list li .in .detail {
				display:		table-cell;
				text-align:		left;
				vertical-align:	middle;
				
				padding:		20px 12px 20px 46px;
			}
				.flow .list li .in .detail .summary {
					padding:		0 0 6px;
					
					font-size:		18px;
					font-weight:	bold;
					line-height:	1.3em;
					color:			#9F723F;
				}
				.flow .list li .in .detail .text {
				}
		.flow .list li.colored {
		}
			.flow .list li.colored .in .step {
				background-color:		#F45653;
			}
			.flow .list li.colored:before {
				border-top-color:		#F45653 !important;
			}
			.flow .list li.colored .in .step:before {
				background-color:		#F45653 !important;
			}
*/

.flow {
	color:		#777;
}
	.flow p {
		margin:		0 !important;
	}
	.flow h2 {
	}
	.flow > .text {
		margin:		0 auto 18px;
		width:		1000px;
	}
	.flow .list {
		margin:		0 auto;
		width:		1000px;
		
		font-size:		16px;
		font-weight:	normal;
		line-height:	1.5em;
		color:			#444;
	}
		.flow .list ul {
			margin:		0 -20px 0 0;
		}
		.flow .list li {
			float:			left;
			display:		block;
			
			width:			50%;
			padding:		1px 0;
		}
			.flow .list li:nth-child(2n+1) {
				clear:		both;
			}
			.flow .list li:last-child:nth-child(2n+1) {
				float:		none;
				margin:		0 auto;
			}
		.flow .list li .in {
			padding:	14px 32px 12px 42px;
			margin:		27px 20px 20px 70px;
			
			background:		#fff;
			box-shadow:		0 2px 3px rgba(0,0,0,0.1);
			
			
			position:	relative;
		}
			.flow .list li .in .step {
				position:	absolute;
				left:		-72px;
				top:		-24px;
				
				width:		106px;
				height:		106px;
				background:		#fff;
				border-radius:		106px;
				
				box-sizing:		border-box;
				padding:		12px 0 0;
				
				font-size:		20px;
				font-weight:	bold;
				line-height:	1.3em;
				color:			#81D8D0;
				
				font-family:		'Caveat', cursive;
				
				text-align:		center;
				vertical-align:	middle;
			}
				.flow .list li .in .step i {
					display:		block;
					width:			65px;
					margin:			2px auto 0;
					padding:		0 13px 0 0;
					box-sizing:		border-box;
					
					border-top:		2px dotted #81D8D0 ;
					
					font-size:		58px;
					font-weight:	bold;
					line-height:	0.9em;
				}
				.flow .list li .in .step:before {
					position:	absolute;
					right:		2px;
					left:		2px;
					top:		2px;
					bottom:		2px;
					
					display:	block;
					width:		auto;
					height:		auto;
					content:	'';
					
					border-radius:		100%;
					border:			3px solid #81D8D0;
				}
			.flow .list li .in .detail {
			}
				.flow .list li .in .detail .summary {
					display:		inline-block;
					background:		linear-gradient(transparent 70%, #ffe000 30%);
					padding:		0 3px;
					margin:			0 0 5px;
					
					font-size:		23px;
					font-weight:	bold;
					line-height:	1em;
					color:			#666;
				}
				.flow .list li .in .detail .text {
					padding:		15px 0 0;
				}
		.flow .list li.colored {
		}


.faqlist {
}
	.faqlist dt {
		border:			1px solid #2DB1AA;
		border-radius:	4px;
		background:		#F2FFFF;
		
		padding:		16px 36px 16px 56px;
		margin:			0 0 16px;
		
		font-size:		15px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#2DB1AA;
		/*
		cursor:			pointer; */
		position:		relative;
	}
		.faqlist dt .material-icons {
			position:	absolute;
			right:		12px;
			top:		50%;
			margin:		-0.5em 0 0;
			
			border-radius:	100px;
			color:			#fff;
			background:		#81D8D0;
		}
		.faqlist dt:before {
			position:	absolute;
			left:		10px;
			top:		9px;
			
			content:	'Q.';
			
			font-size:		34px;
			font-weight:	bold;
			line-height:	1;
			color:			#2DB1AA;
		}
/*	.faqlist dt:hover, */
	.faqlist dt.active {
	}
		/* .faqlist dt:hover .material-icons, */
		.faqlist dt.active .material-icons {
		}
		.faqlist dt.active .material-icons {
			/*
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
  */
		}
	.faqlist dd {
/*		display:	none; */
		padding:	9px 36px 16px 57px;
		position:	relative;
	}
		.faqlist dd p:first-child {
			margin-top:		0 !important;
		}
		.faqlist dd:before {
			position:	absolute;
			left:		10px;
			top:		9px;
			
			content:	'A.';
			
			font-size:		34px;
			font-weight:	bold;
			line-height:	1;
			color:			#81D8D0;
		}
.outline_map {
	height:		300px;
	background:		#f0f0f0;
}
	
/* .page_nav {
}
	.page_nav p {
		margin:		0 !important;
	}
	.page_nav ul {
		margin:		0 -10px;
	}
	.page_nav li {
		float:		left;
		width:		300px;
		margin:		0 10px 45px;
		
		font-size:		13px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#444;
	}
		.page_nav li:nth-child(3n+1) {
			clear:		both;
		}
		.page_nav li .title {
			padding:		0 0 5px;
			
			font-size:		24px;
			font-weight:	bold;
			line-height:	1.3em;
		}
		.page_nav li .image {	
			float:		left;
		}
		.page_nav li .in {	
			margin:		0 0 0 118px;
		}
			.page_nav li .text {	
				padding:	0 0 18px;
			}
			.page_nav li .more {	
			}
				.page_nav li .more a  {	
					
				} */