@charset "utf-8";
/*
Theme Name: 広島求人センター
Theme URI:
Description: 広島求人センター
Version: 1.0
Author: monokus.jp

*/
body.page-id-60 .btns2 .btn_l {
  display: none;
}
body.page-id-60 .btns2 .btn_r {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.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: #9f723f;
}
.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:		#f3f6f7 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:		#f3f6f7;

				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:			#f3f6f7;

					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: #f3f6f7;

  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 #f3f6f7;

  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 #f3f6f7;
}
.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: 20px;
  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 #0063f2;
  border-radius: 4px;
  background: #f9f9f9;

  padding: 16px 36px 16px 56px;
  margin: 0 0 16px;

  font-size: 15px;
  font-weight: bold;
  line-height: 1.3em;
  color: #0063f2;
  /*
		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: #f3f6f7;
}
.faqlist dt:before {
  position: absolute;
  left: 10px;
  top: 9px;

  content: 'Q.';

  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  color: #0063f2;
}
/*	.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: #0063f2;
}
.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  {

				} */
/*=== 新デザイン（すべて新しいクラス名で） ===================== */