@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 {
		margin:		0 0 80px;
	}
	.reason .list p {
		margin:		0 !important;
	}
	.reason .list ul {
		margin:		0 -32px;
	}
	.reason .list li {
		float:		left;
		width:		312px;
		margin:		0 0 0 32px;
	}
		.reason .list li .image {
			padding:	0 0 12px;
		}
		.reason .list li .title {
			padding:	0 0 4px;
			
			font-size:		15px;
			font-weight:	bold;
			line-height:	1.5em;
			/*
			color:			#88CC7F; */
			color:			#68AC5F; 
		}
		.reason .list li .text {
			line-height:	1.5em;
		}
.flow {
	color:		#777;
}
	.flow p {
		margin:		0 !important;
	}
	.flow h2 {
		padding-bottom:	4px !important;
		margin-bottom:	3px !important;
	}
	.flow > .text {
		margin:		0 auto 10px;
		width:		950px;
	}
	.flow .list {
		margin:		0 auto;
		width:		950px;
	}
		.flow .list li {
			border:			1px solid #88CC7F;
			border-radius:	5px;
			margin:			0 0 28px;
			
			position:	relative;
		}
			.flow .list li:before {
				content:		'';
				position: 		absolute;
				bottom: 		-29px;
				left: 			50%;
				border: 		14px solid transparent;
				border-top: 	14px solid #88CC7F;
				margin-left:	-14px;
			}
			.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:		132px;
				padding:		14px 0;
				background:		#88CC7F;
				
				font-size:		14px;
				font-weight:	bold;
				line-height:	1.3em;
				color:			#fff;
				
				text-align:		center;
				vertical-align:	middle;
			}
				.flow .list li .in .step i {
					display:		block;
					
					font-size:		30px;
					font-weight:	bold;
					line-height:	1.3em;
				}
			.flow .list li .in .detail {
				display:	table-cell;
				text-align:		left;
				vertical-align:	middle;
				
				padding:		14px 12px;
			}
				.flow .list li .in .detail .summary {
					padding:		0 0 6px;
					
					font-size:		16px;
					font-weight:	bold;
					line-height:	1.3em;
					color:			#000;
				}
				.flow .list li .in .detail .text {
				}
		.flow .list li.colored {
			border-color:		#F45653 !important;
		}
			.flow .list li.colored .in .step {
				background-color:		#F45653;
			}
			.flow .list li.colored:before {
				border-top-color:		#F45653 !important;
			}
.faqlist {
}
	.faqlist dt {
		border:			1px solid #88CC7F;
		border-radius:	4px;
		background:		#FBFEDF;
		
		padding:		16px 36px 16px 56px;
		margin:			0 0 16px;
		
		font-size:		15px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#88CC7F;
		
		cursor:			pointer;
		position:		relative;
	}
		.faqlist dt .material-icons {
			position:	absolute;
			right:		12px;
			top:		50%;
			margin:		-0.5em 0 0;
			
			border-radius:		5px;
			color:			#fff;
			background:		#88CC7F;
		}
		.faqlist dt:before {
			position:	absolute;
			left:		10px;
			top:		9px;
			
			content:	'Q.';
			
			font-size:		34px;
			font-weight:	bold;
			line-height:	1;
			color:			#88CC7F;
		}
	.faqlist dt:hover,
	.faqlist dt.active {
		color:		#F45653;
	}
		.faqlist dt:hover .material-icons,
		.faqlist dt.active .material-icons {
			background-color:		#F45653;
		}
		.faqlist dt.active .material-icons {
			background-color:		#F45653;
  -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:			#F45653;
		}
.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  {	
					
				} */