@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css");
@import url("/css/parts.css");
@import url("/css/margin.css");

ul.index-list li img {
	margin-bottom: 30px;
}
ul.index-list li:nth-child(odd) {
	margin-left: 0px;
}



.blue-time-title {
	font-size: 158.71%;
	text-align: center;
	color: #0f489c;
	padding: 15px 25px;
	background-color: #0f489c;
	color: #fff;
	display: table;
	margin: 0px auto 20px;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
}
.arrow { width: 35px; }

/* --------------------------------
	faq
-------------------------------- */
.question,
.answer {
	background-color: #407dbc;
	color: #fff;
	padding: 8px 12px;
    font-size: 148.71%;
}
.answer {
	background-color: #e60012;
    margin: 20px 40px 20px 10px;
}
#main .question-title {
	margin-top: 15px;
    font-size: 122.71%;
    font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
}
#main .question-detail {
    font-size: 108.71%;
}
ul.faq_ul li {
	/*text-align: center;*/
}
ul.faq_ul .desc {
	display: table-cell;
	padding: 6px 8px;
}
ul.faq_ul h4 {
    padding: 20px 40px 20px 10px;
    font-size: 108%;
    text-align: center;
    cursor: pointer;
    position: relative;
}
ul.faq_ul h4:hover {
	background-color: #fafafa;
}
ul.faq_ul h4:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 50%;
  right: 15px;
  width: 15px;
  height: 2px;
  margin-top: -8px;
  background: #407dbc;
}
ul.faq_ul h4:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 50%;
  right: 15px;
  width: 15px;
  height: 2px;
  margin-top: -8px;
  background: #407dbc;
}
ul.faq_ul > li {
	border-bottom: 1px dotted #ccc;
}
ul.faq_ul h4.active:before {
  margin-top: -8px;
}

ul.faq_ul h4.active:after {
  margin-top: -3px;
  background: none;
}
ul.faq_ul li {
    padding: 20px 0px 10px 0px;
}
ul.faq_ul li a {
    position: relative;
    display: block;
}
ul.faq_ul li.on-link a {
    display: inline;
}
.d-seibetsu-title {
	font-size: 132%;
	color: #fff;
	text-align: center;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #ff9900;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
}
.men {
	background-color: #a7c54a;
}
ul.faq_ul li .d-case-s-title {
	font-size: 132%;
	text-align: center;
	margin-bottom: 8px;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
}
#main ul.faq_ul li .answer-box {
	padding: 15px;
	text-align: center;
	margin-top: 20px;
	font-size: 108.71%;
	background-color: #fef1f1;
}

/* --------------------------------
	table
-------------------------------- */
table {
	width: 100%;
	font-size: 118.71%;
	margin-bottom: 20px;
	border-collapse: separate;
}
table th {
	width: 30%;
	padding: 20px 0;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px dotted #ddd;
	color: #333;
	vertical-align: middle;
	text-align: left;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
}
table td {
	width: 70%;
	padding: 20px 0 20px 20px;
	border-bottom: 1px dotted #ddd;
	vertical-align: middle;
	line-height: 1.5;
}

.recruit-name-title {
	font-size: 158.71%;
	text-align: center;
	color: #0f489c;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
	padding: 20px 0 40px;
	border-bottom: 1px dotted #ddd;
}
ul.index-list .recruit-name-title {
	padding: 0px 0 15px;
	border-bottom: 0;
}

.employee,
.part-time {
	color: #fff;
	padding: 3px 10px 5px;
	font-size: 72.71%;
	margin-left: 10px;
}
.employee {
	background-color: #22ac38;
}
.part-time {
	background-color: #eb6100;
}

.index-title .employee,
.index-title .part-time {
	font-size: 108.71%;
	margin-left: 10px;
}


/* --------------------------------
	links-btn 枠ボタン
-------------------------------- */
.b-links-btn a {
	display:block; /*ブロック化*/
	padding: 28px 40px 28px 15px; /*a要素の領域を拡大*/
	text-decoration:none;
	font-size: 176.71%;
	background-color: #184ea0;
	border: 0;
	color: #fff;
	text-align: center;
	position:relative;
}
.b-links-btn a:hover {
	background: #03337b;
	color: #fff;
}
.b-links-btn a:hover:after {
	border-top: #fff 4px solid;
	border-right: #fff 4px solid;
}
.b-links-btn a:after {
	content:"";
	display:block;

	width: 15px;
	height: 15px;
	border-top: #fff 4px solid;
	border-right: #fff 4px solid;

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	position:absolute;
	right: 25px;

	top:0;
	bottom:0;
	margin:auto;
}
.tantou {
	padding: 15px;
	background-color: #fdefe5;
	text-align: center;
}
.googlemaps {
	margin-top: 20px;
}


/* PC SIZE */
@media screen and (min-width: 980px){
	.img-right-box img {
		float: right;
		margin-left: 20px;
	}
	.img-left-box img {
		float: left;
		margin-right: 20px;
	}
	ul.index-list li {
		float: left;
		width: 475px;
		margin-left: 30px;
	}
}
/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
	ul.faq_ul img {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 480px){
	#main .question-title {
	    font-size: 112.71%;
	}
	/* --------------------------------
		links-btn 枠ボタン
	-------------------------------- */
	.b-links-btn a {
		padding: 18px 50px 18px 15px; /*a要素の領域を拡大*/
		font-size: 128.71%;
	}
	.b-links-btn a:after {
		width: 10px;
		height: 10px;
		border-top: #fff 2px solid;
		border-right: #fff 2px solid;
	}
	.b-links-btn a:hover:after {
		border-top: #fff 2px solid;
		border-right: #fff 2px solid;
	}
}