@charset "utf-8";
/*
Theme Name: 京都・滋賀求人タイムス スマホ
Theme URI:  
Description: 京都・滋賀求人タイムス スマホ
Version: 1.0
Author: monokus.jp

*/
.reason {
}
	.reason .list {
	/*	margin:		0 0 0.8em; */
	}
	.reason .list p {
		margin:		0 !important;
	}
	.reason .list ul {
	}
	.reason .list li {
		margin:		0 0 0.8em;
	}
		.reason .list li .image {
			margin:		0 0 0.5em;
		}
			.reason .list li .image img {
				display:	block;
				width:		100%;
				height:		auto;
			}
		.reason .list li .title {
			padding:	0 0 0.1em;
			
			font-size:		100%;
			font-weight:	bold;
			line-height:	1.5em;
/*			color:			#88CC7F; */
			color:			#68AC5F; 
		}
		.reason .list li .text {
			line-height:	1.5em;
		}
.flow {
}
	.flow p {
		margin:		0 !important;
	}
	.flow h2 {
	}
	.flow > .text {
		padding:	0 0 0.8em;
	}
	.flow .list {
		margin:		0 auto;
	}
		.flow .list li {
			border:			1px solid #88CC7F;
			border-radius:	0.2em;
			margin:			0 0 1em;
			
			position:	relative;
		}
		.flow .list li .in {
		}
			.flow .list li .in .step {
				padding:		0.3em;
				background:		#88CC7F;
				
				font-size:		100%;
				font-weight:	bold;
				line-height:	1.3em;
				color:			#fff;
				
				text-align:		center;
			}
				/*.flow .list li .in .step i {
					display:		block;
					
					font-size:		120%;
					font-weight:	bold;
					line-height:	1.3em;
				} */
			.flow .list li .in .detail {
				text-align:		left;
				vertical-align:	middle;
				
				padding:		0.3em;
			}
				.flow .list li .in .detail .summary {
					padding:		0 0 0.2em;
					
					font-size:		105%;
					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:		#FFFFE1;
		
		padding:		0.8em 1.8em 0.7em 2em;
		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:		0.2em;
			top:		50%;
			margin:		-0.5em 0 0;
			
			border-radius:		5px;
			color:			#fff;
			background:		#88CC7F;
		}
		.faqlist dt:before {
			position:	absolute;
			left:		0.2em;
			top:		0.6em;
			
			content:	'Q.';
			
			font-size:		120%;
			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:		0.8em 1.8em 0.7em 2em;
		position:	relative;
	}
		.faqlist dd p:first-child {
			margin-top:		0 !important;
		}
		.faqlist dd:before {
			position:	absolute;
			left:		0.2em;
			top:		0.6em;
			
			content:	'A.';
			
			font-size:		120%;
			font-weight:	bold;
			line-height:	1;
			color:			#F45653;
		}
.outline_table {
	padding:		0 !important;
	margin:		0 !important;
}
	.outline_table ,
	.outline_table tbody,
	.outline_table tr,
	.outline_table th,
	.outline_table td {
		/* reset */
		display:	block !important;
		border:		none !important;
		width:		auto !important;
	}
	.outline_table tbody {
	}
	.outline_table tr {
		display:	block;
		
		border-top:			none !important;
		border-left:			none !important;
		border-right:			none !important;
		border-bottom:		1px solid #b9b9b9 !important;
		
		padding:		0.5em 2.5% !important;
	}
	.outline_table th ,
	.outline_table td {
		display:	block !important;
		border:		none !important;
		background:		none !important;
	}	
	.outline_table th {
		padding:	0 0 0.5em !important;
		
		font-size:		75% !important;
		font-weight:	normal !important;
		color:			#777 !important;
	}
	.outline_table td {
		padding:	0 !important;
	}

.outline_map {
	height:		300px;
	background:		#f0f0f0;
}
.guide_how {
}

	.guide_how .title {
		display:		block;
		border:			1px solid #78BA00;
		background:		#78BA00;
		
		padding:		0.25em 0 0.2em;
		margin:			0 0 0.8em;	
		
		font-size:		100%;
		font-weight:	bold;
		line-height:	1.1em;
		color:			#fff;
		
		text-align:		center;
		text-decoration:	none;
		
		position:		relative;
	}
	.guide_how .title:before {
		content: "";
		position: absolute;
		bottom: -14px;
		left: 50%;
		border: 6px solid transparent;
		border-top: 8px solid #78BA00;
		margin-left: -6px;
	}
	.guide_how .image {
		margin-left:		25%;	
		margin-right:		25%;	
	}