#backcolor_recruit { text-align: center;padding: 0 0 50px 0;margin: 70px auto 0 auto;width: 100%;background-image: url("../images/recruit/bg02.jpg");background-size:cover;background-color: #f6f6f6;background-position: center top;background-repeat: no-repeat;background-attachment: fixed; }
#backcolor_recruit02 { text-align: center;padding: 50px 0 70px 0;margin: 0 auto;width: 100%;background-image: url("../images/recruit/bg03.jpg");background-size:cover;background-color: #F4F1EE;background-position: center top;background-repeat: no-repeat;background-attachment: fixed; }
#backcolor_recruit03 { text-align: center;padding: 0;margin: 70px auto 100px auto;width: 100%;background-color: #fff; }
#container_recruit { margin: 0 auto;padding: 50px 0;width: 1200px; }
#container_recruit02 { margin: 0 auto;padding: 50px 0;width: 1000px; }
#container_recruit03 { margin: 0 auto;padding:0 0 100px 0;width: 500px; }
#layout_recruit { display: inline-block;width: 49.5%;margin-top:70px;margin-right: 1%;text-align: left;vertical-align: top; }
#layout_recruit02 { display: inline-block;width: 49.5%;margin-top:70px;text-align: left;vertical-align: top; }


/* 見出しトップ */
	h2.h201 { text-align: center;margin: 20px 0 10px 0;padding:0;letter-spacing: normal;color: #000;font-size: 3rem;font-weight: normal;
				position: relative;display: inline-block; }
	h2.h201:before { content: '';position: absolute;bottom: -15px;display: inline-block;width: 70px;height: 2px;left: 50%;
						-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #556B2F;border-radius: 2px; }
	h2.h202 { text-align: left;margin: 20px 0 30px 0;font-size: 2.4rem;padding-bottom: 10px;letter-spacing: normal;position: relative;font-weight: normal; }
	h2.h202:before { content:'';width: 50px;height: 3px;background-color: #556B2F;display: block;position: absolute;left: 0;bottom: -6px; }

/* 強調文字 */
	p.re_text01{ text-align: center;margin: 0;padding: 0 0 15px 0;color: #dc143c;font-size: 2.2rem;font-weight: normal;letter-spacing: normal; }

/* ボタン */
	.cp_btn { position: relative;display: block;letter-spacing: normal;width: 100%;padding: 0.8em;text-align: center;text-decoration: none;font-size: 2.5rem;color: #fff;background: #516657;overflow: hidden; }
	.cp_btn:before { content:"";position: absolute;top: 0px;left: -100%;height: 100%;width: 100%;background : #fff;opacity: 0.3;transition: .4s; }
	.cp_btn:hover:before { left:0; }

/* 従業員の声 */
	.cp_qa *, .cp_qa *:after, .cp_qa *:before { -webkit-box-sizing: border-box;box-sizing: border-box; }
	.cp_qa { margin-top: 20px;border-top: 1px solid #1b2538; }
	.cp_qa .cp_actab { position: relative;overflow: hidden;width: 100%;margin-bottom: 1px;color: #1b2538; }
	.cp_qa .cp_actab input { position: absolute;opacity: 0; }
		/* 質問 */
			.cp_qa .cp_actab label { font-size: 1.6rem;font-weight: normal;letter-spacing: normal;line-height: 1.6;position: relative;display: block;
										margin: 0 0 0 0;padding: 1em 2em 1em 0.5em;cursor: pointer;border-bottom: 1px solid #1b2538; }
			.cp_qa .cp_actab label:hover { color: #00838F; }
		/* 答え */
			.cp_qa .cp_actab .cp_actab-content { overflow: hidden;max-height: 0;letter-spacing: normal;-webkit-transition: max-height 0.5s ease;transition: max-height 0.5s ease;color: #444;background-color: #fff; }
			.cp_qa .cp_actab .cp_actab-content h3 { margin: 1em 2.5em 0.5em 2.5em;font-size: 1.6rem;font-weight: normal; }
			.cp_qa .cp_actab .cp_actab-content p {margin: 0 2.5em 3em 4.5em;font-size: 1.6rem; }
		/* 質問を開いた時の仕様 */
			/* --アイコン */
				.cp_qa .cp_actab input:checked ~ label { color: #00838F; }
			/* --答えの高さ */
				.cp_qa .cp_actab input:checked ~ .cp_actab-content { max-height: 100em; }
			/* 質問をクリックした時のアイコンの動き */
				.cp_qa .cp_actab label::after { line-height: 1.6;position: absolute;top: 50%;right: 0;display: block;width: 3em;margin-top: -12.5px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-align: center; }
				.cp_qa .cp_actab input[type=checkbox] + label::after { content: '▼'; }
				.cp_qa .cp_actab input[type=checkbox]:checked + label::after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }


table.company_table { width: 100%;margin: 30px auto 70px auto;border-collapse: collapse;color: #444;font-size: 1.5rem;letter-spacing: normal;text-align: left;f }
.company_table th { width: 20%;background: #f0f0f0;border-top: 1px solid #fff;font-weight: normal;padding: 20px 10px 20px 20px; }
.company_table td { background: #fbfbfb;border-top: 1px solid #fff;font-weight: normal;padding:  20px 10px 20px 20px; }
.company_table a { color: #4169e1; }
.company_table a:hover { text-decoration: none;color: #3cb371; }



@media screen and (max-width: 1100px) {
#backcolor_recruit { padding: 0 0 50px 0;margin: 70px auto 0 auto; }
#backcolor_recruit02 { padding: 0;}
#backcolor_recruit03 { margin: 0 auto 30px auto; }
#container_recruit { padding: 30px 0;width: 85%; }
#container_recruit02 { margin: 0 auto;padding: 30px 0;width: 85%; }
#container_recruit03 { margin: 0 auto;padding:0 0 50px 0;width: 40%; }
#layout_recruit { display: inline-block;width: 49.5%;margin-top:70px;margin-right: 1%;text-align: left;vertical-align: top; }
#layout_recruit02 { display: inline-block;width: 49.5%;margin-top:70px;text-align: left;vertical-align: top; }
table.company_table { width: 100%;margin-bottom: 30px; }
h2.h201 { font-size: 2.5rem; }
.cp_btn{ font-size: 2rem; }
}

@media screen and (max-width: 767px) {
h2.h201 { font-size: 2rem; }
#container_recruit { width: 80%; }
#container_recruit02 { width: 80%; }
#container_recruit03 { width: 60%; }
.company_table th { width: 30%;padding: 10px; }
.company_table td { padding: 10px; }
.cp_btn{ font-size: 1.8rem; }
}