@charset "utf-8";
/* CSS Document */

/*---------------------------------------
	   採用特設サイト
-----------------------------------------*/
article {
	padding-top: 0;
}

#recruit-special {
}
/* スライドショー */
#slider {
	width: 100%;
	margin: 0 auto;
}
#slider .multiple-items {
}

#slider .multiple-items .video {
	width: 1000px;
	height: auto;
}
#slider .multiple-items .video video {
	width: 1000px;
	height: auto;
}
/****** ヘッダー ******/
#recruit-header {
	color: #fff;
	background: rgb(62, 70, 155);
	padding: 40px 0;
}
#recruit-header .wrapper {
}
#recruit-header .head-wrap {
}
#recruit-header .head-wrap .r-logo {
	width: 335px;
	float: left;
}
#recruit-header .head-wrap .r-logo img {
	width: 100%;
	height: auto;
}
#recruit-header .head-wrap .r-nav {
	width: 630px;
	float: right;
}
#recruit-header .head-wrap .r-nav p.desc {
	font-size: 21px;
	margin-bottom: 10px;
}
#recruit-header .head-wrap .r-nav ul {
	letter-spacing: -0.5em;
	width: 100%;
}
#recruit-header .head-wrap .r-nav li {
	font-size: 14px;
	letter-spacing: normal;
	display: inline-block;
	width: calc(100% /6);
	text-align: center;
	border-left: 1px solid #15ADEA;
}
#recruit-header .head-wrap .r-nav li:last-child {
	border-right: 1px solid #15ADEA;
}
#recruit-header .head-wrap .r-nav li a {
	display: block;
	padding: 5px;
}
#recruit-header .head-wrap .r-nav li:hover,
#recruit-header .head-wrap .r-nav li.active a {
	color: #fff;
	background: #15ADEA;
}
#recruit-header .line {
	width: 100%;
	height: 1px;
	background: #fff;
	margin: 30px 0;
}
/****** ヘッダー メッセージ部分 ******/
#recruit-header .message-wrap {
}
#recruit-header .message-wrap .serif {
	font-size: 25px;
	text-align: center;
	margin-bottom: 20px;
}
#recruit-header .message-wrap .message {
	line-height: 1.7;
}
#recruit-header .message-wrap .message .left {
	width: 48%;
	float: left;
	padding-left: 1em;
}
#recruit-header .message-wrap .message .right {
	width: 48%;
	float: right;
	padding-right: 1em;
}
/****** コンテンツ ******/
#recruit-content {
  margin-top: 0;
	position: relative;
}
.team-bnr {
	position: absolute;
	top: -70px;
	right: 0;
	width: 335px;
}
.team-bnr a {
	display: block;
	transition: 0.5s;
}
.team-bnr a:hover {
	opacity: 0.5;
}
.team-bnr img {
	max-width: 100%;
	height: auto;
}
#recruit-content h3 {
	color: #3C459A;
	font-size: 50px;
	margin-bottom: 15px;
}
.section-border {
	border-bottom: 1px dotted #3C459A;
	margin-bottom: 40px;
}
.section-border2 {
	border-bottom: 1px dotted #3C459A;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
/****** 業務内容紹介 ******/
#recruit-content .recruit-block01 {
}
#recruit-content .recruit-block01 .text-area-wrap {
	width: 50%;
	min-height: 300px;
	float: left;
}
#recruit-content .recruit-block01 .text-area-wrap .text-area {
	width: 450px;
	float: right;
	padding: 30px 30px 30px 0;
}
#recruit-content .recruit-block01 .text-area-wrap .text-area dt {
	color: #3C459A;
	font-size: 23px;
	margin-bottom: 15px;
}
#recruit-content .recruit-block01 .text-area-wrap .text-area dd {
	line-height: 1.7;
}
#recruit-content .recruit-block01 .photo-area {
	width: 50%;
	min-height: 500px;
	float: right;
}

/* delivery-engineer */
#recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img ul {
  font-weight: bold;
  margin: 10px 0 5px 0;
}
#recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li {
  width: 200px;
}
#recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li img {
  margin-bottom: 5px;
}
#recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li.left {
  text-align: center;
  float: left;
}
#recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li.right {
  text-align: center;
  float: right;
}
#recruit-content #delivery-engineer.recruit-block01 .photo-area {
	background: url(../img/recruit/special/1811_delivery_engineer_img.jpg) no-repeat 30% 0;
	background-size: cover;
  min-height: 730px;
}

/* challenge */
#recruit-content #challenge.recruit-block01 .text-area-wrap {
	float: right;
}
#recruit-content #challenge.recruit-block01 .text-area-wrap .text-area {
	float: left;
	padding-right: 0;
	padding-left: 30px;
}
#recruit-content #challenge.recruit-block01 .photo-area {
	float: left;
	background: url(../img/recruit/special/1811_challenge_img.jpg) no-repeat 100% 0;
	background-size: cover;
}

/* life */
#recruit-content #life.recruit-block01 .photo-area {
	background: url(../img/recruit/special/1811_life_img.jpg) no-repeat center bottom;
	background-size: cover;
}

/* Date Work Movie共通 */
#recruit-content .recruit-block02 {

}

#recruit-content .recruit-block02 .cont-head {
	display: table;
	margin-bottom: 20px;
}
#recruit-content .recruit-block02 .cont-head h3 {
	display: table-cell;
	padding-right: 20px;
}
#recruit-content .recruit-block02 .cont-head p {
	display: table-cell;
	vertical-align: baseline;
}

#recruit-content .recruit-block02 .cont-wrap {
}

/* Date */
#recruit-content #date.wrapper {
	width: 900px;
}
#recruit-content #date.recruit-block02 .cont-wrap ul {
	letter-spacing: -0.5em;
}

#recruit-content #date.recruit-block02 .cont-wrap ul li {
	letter-spacing: normal;
	width: 247px;
	display: inline-block;
}
#recruit-content #date.recruit-block02 .cont-wrap ul li:nth-child(2) {
	margin-right: 79.5px;
	margin-left: 79.5px;
}
#recruit-content #date.recruit-block02 .cont-wrap ul li img {
	width: 100%;
	height: auto;
}
/* Work */
#recruit-content #work {
}
#recruit-content #work .cont-head {
	padding-left: 50px;
}
#recruit-content #work .cont-wrap {
	/*display: table;*/
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-justify-content: space-between;
  justify-content: space-between;
	-webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
	width: 100%;
}
#recruit-content #work .cont-wrap dl {
	/*display: table-cell;*/
	width: 228px;
}
#recruit-content #work .cont-wrap dt {
	width: 100%;
	height: auto;
}
#recruit-content #work .cont-wrap dd {
	color: #fff;
	text-align: center;
	background-color: #3C459A;
	padding: 10px 0;
}
#recruit-content #work .cont-wrap p.arrow {
	/*display: table-cell;*/
	vertical-align: middle;
	width: 10px;
	padding: 0;
}
#recruit-content #work .cont-wrap p.arrow img {
	width: 100%;
	height: auto;	
}

/* Video */
#recruit-content #movie {
	margin-bottom: 40px;
}
/*#slider .video,
#recruit-content #movie .video {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#slider .video iframe,
#recruit-content #movie .video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}*/

/****** フッター ******/
#recruit-footer {
	margin-top: 30px;
}
#recruit-footer h3 {
	color: #3C459A;
	font-size: 50px;
	margin-bottom: 15px;
}
#recruit-footer .member-btn {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#recruit-footer .member-btn a {
	display: block;
}
#recruit-footer .member-btn a img {
	width: 100%;
	height: auto;
}

#recruit-footer .entry-btn {
  text-align: center;
	width: 482px;
	margin: 0 auto;
  background-color: #3e469b;
  border-radius: 5px;
}
#recruit-footer .entry-btn a {
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  width: 100%;
  padding: 20px 25px;
	display: block;
}

/****** 先輩社員の声 ******/
#main-img {
	text-align: center;
	background: url(../img/recruit/special/1811_voice_mainimg.jpg) no-repeat center 0;
	background-size: cover;
	padding: 30px 0;
}
/* ナビゲーション */
#recruit-header .message-wrap .voice-nav {
	
}

.voice-nav dl {
	text-align: center;
	width: calc(100% / 3);
	float: left;
	margin-bottom: -147px;
}
.voice-nav dl a {
	display: block;
}
.voice-nav dt {
	width: 111px;
	margin-right: auto;
	margin-left: auto;
}
.voice-nav dt:after {
	content: "";
	width: 1px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	display: block;
}
.voice-nav dt img {
	width: 100%;
	height: auto;
}
.voice-nav dd {
	color: #231815;
	font-size: 20px;
	margin-top: 10px;
}
.voice-nav dd span {
	font-size: 13px;
}
.voice-nav dd:after {
	content: " ";
	width: 27px;
	height: 27px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background: url(../img/recruit/special/voice_arrow.png);
	background-size: contain;
}
/* 先輩社員の声 コンテンツ */
#recruit-content.voice {
	margin-top: 147px;
	background: #fff;
	margin-bottom: 40px;
	padding: 50px 70px;
}
#recruit-content .voice-cont-block {
	margin-bottom: 40px;
}
#recruit-content .voice-cont-block:last-child {
	margin-bottom: 0;
}
#recruit-content .voice-cont-block .cont-left {
	width: 407px;
	float: left;
}
#recruit-content .voice-cont-block .cont-right {
	width: 407px;
	float: right;
}
#recruit-content #voice-cont02,
#recruit-content #voice-cont03 {
	clear: both;
}

#recruit-content .voice-cont-block .voice-head {
}
#recruit-content .voice-cont-block .voice-head p {
	margin-bottom: 5px;
}
#recruit-content .voice-cont-block .voice-head h3 {
	color: #231815;
	font-size: 17px;
	
}
#recruit-content .voice-cont-block .voice-head h3 span {
	font-size: 13px;
	vertical-align: middle;
}
#recruit-content .voice-cont-block .voice-head h3 span i {
	color: #3C459A;
	font-weight: bold;
	font-style: normal;
}
#recruit-content .voice-cont-block h4 {
	color: #3C459A;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}
#recruit-content .voice-cont-block .photo-area {
}
#recruit-content .voice-cont-block .text-area-wrap {
	
}
#recruit-content .voice-cont-block .text-area-wrap h5 {
	color: #3C459A;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#recruit-content .voice-cont-block .text-area-wrap .text-area {
	font-size: 12px;
	line-height: 1.8;
}


/****** エントリーフォーム ******/
#recruit-content .div_contact {
	margin-top: 0px;
	margin-bottom: 0px;
}
#recruit-content .div_contact .section_cont a {
	color: #0000ff;
	text-decoration: underline;
}
#recruit-content .div_contact #contact_form .tb_form .th {
	width: 25%;
}

#recruit-content .div_contact #contact_form .button input[type="submit"] {
	width: 200px;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	height: 30px;
	min-height: 30px;
}

/* 見出し用フォント */
.garamond {
  font-family: 'Cormorant Garamond', serif;
	line-height: 1.1;
}
.serif {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho ProN",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
}

/* 修正作業追加分 */
.recruit-ttl {
  font-size: 20px;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 3px solid #ccc;
  border-left: none 0;
  padding-left: 0;
	font-weight: bold;
	margin-bottom: 20px;
}
.recruit-ttl::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #3b459a;
}
#recruit-content .recruit-imgbox {
 text-align: center;
  margin-bottom: 20px;
}
#recruit-content .recruit-des {
  margin-bottom: 30px;
}
#recruit-content .recruit-des p.serif {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
#recruit-content .recruit-des p.txt {
  font-size: 14px;
  line-height: 1.8;
}
#thanks-page #recruit-content {
}
@media (max-width: 768px) {
  /* 修正作業追加分 */
  .recruit-ttl {
    font-size: inherit;
  }
  #recruit-content .recruit-des p.serif {
    font-size: inherit;
  }
  #recruit-content .recruit-des p.txt {
    font-size: inherit;
  }
}

@media (max-width: 767px) {
	.team-bnr {
		position: static;
		top: 0;
		right: 0;
		width: 100%;
	}
/*---------------------------------------
	   採用特設サイト
	-----------------------------------------*/
	/* スライドショー */
	#slider {
	}	
	#sliderInner {
		width: 100%;
		margin-left: -50%;
	}
	#sliderInner li {
		width: 100%;
	}
	#slideFilterL, #slideFilterR {
		width: 100%;
		height: 300px;
	}
	#slideFilterL {
		left:0;
	}
	#slideFilterR {
		right:0;
	}
	.bx-wrapper .bx-pager {
		width: 100%;
	}
	#slider img {
		width: 100%;
		height: auto;
	}
	#slider .multiple-items .video {
		width: 100%;
	}
	#slider .multiple-items .video video {
		width: 100%;
		height: 100%;
	}
	#recruit-special .wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}
	/****** ヘッダー ******/
	#recruit-header {
		padding-right: 20px;
		padding-left: 20px;
	}
	#recruit-header .wrapper {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	#recruit-header .head-wrap .r-logo {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	#recruit-header .head-wrap .r-logo img {
		width: 300px;
	}
	#recruit-header .head-wrap .r-nav {
		width: 100%;
		float: none;
	}	
	#recruit-header .head-wrap .r-nav p.desc {
		font-size: 16px;
		text-align: center;
	}
	#recruit-header .head-wrap .r-nav nav {
		display: block;
		position: static;
		background-color: transparent;
		border: none;
	}	
	#recruit-header .head-wrap .r-nav li {
		width: 50%;
		margin-bottom: 5px;
	}
	#recruit-header .head-wrap .r-nav li:nth-child(even) {
		border-right: 1px solid #15ADEA;
	}
	#recruit-header .head-wrap .r-nav li:last-child {
		margin-bottom: 0;
	}
	#recruit-header .line {
		margin: 20px 0;
	}
	/****** ヘッダー メッセージ部分 ******/
	#recruit-header .message-wrap {
	}
	#recruit-header .message-wrap .serif {
		font-size: 18px;
	}
	#recruit-header .message-wrap .message .left {
		width: 100%;
		float: none;
		padding-left: 0;
		margin-bottom: 10px;
	}
	#recruit-header .message-wrap .message .right {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	/****** コンテンツ ******/
	#recruit-content {
	}
	#recruit-content h3 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	#recruit-content .section-border {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	#recruit-content .section-border2 {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	#recruit-content .div_contact .section.section_info {
		margin-bottom: 30px;		
	}
	/****** 業務内容紹介 ******/
	#recruit-content .recruit-block01 .text-area-wrap {
		width: 100%;
		min-height: auto;
		float: none;
		margin-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
	}
	#recruit-content .recruit-block01 .text-area-wrap .text-area {
		width: 100%;
		float: none;
		padding: 0;
	}
	#recruit-content .recruit-block01 .text-area-wrap .text-area dt {
		font-size: 18px;
		margin-bottom: 15px;
	}
	#recruit-content .recruit-block01 .photo-area {
		width: 100%;
		min-height: auto;
		float: none;
		margin-bottom: 15px;
	}
	/* delivery-engineer */
  #recruit-content #delivery-engineer.recruit-block01 .photo-area {
    min-height: auto;
  }
  #recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img ul {
    width: 100%;
  }
  #recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li {
    width: 48%;
  }
  #recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li img {
    width: 100%;
  }
  #recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li.left {
  }
  #recruit-content #delivery-engineer.recruit-block01 .text-area-wrap .text-area dd.de-img li.right {
  }
	#recruit-content #delivery-engineer.recruit-block01 .photo-area,
	#recruit-content #challenge.recruit-block01 .photo-area,
	#recruit-content #life.recruit-block01 .photo-area {
		background-image: none;
	}

	/* challenge */
	#recruit-content #challenge.recruit-block01 .text-area-wrap {
		float: none;
	}
	#recruit-content #challenge.recruit-block01 .text-area-wrap .text-area {
		float: none;
		padding-left: 0;
	}
	#recruit-content #challenge.recruit-block01 .photo-area {
		float: none;
	}

	/* life */
	#recruit-content #life.recruit-block01 .text-area-wrap {
		margin-bottom: 0;
	}
	#recruit-content #life.recruit-block01 .photo-area {
	}	
	/* Date Work Movie共通 */
	#recruit-content .recruit-block02 .cont-head {
	}
	#recruit-content .recruit-block02 .cont-head h3 {
	}
	#recruit-content .recruit-block02 .cont-head p {
		vertical-align: top;
	}
	/* Date */
	#recruit-content #date.wrapper {
		width: 100%;
	}
	#recruit-content #date.recruit-block02 .cont-wrap ul li {
		width: 48%;
		float: left;
		margin-bottom: 10px;
		display: block;
	}
	#recruit-content #date.recruit-block02 .cont-wrap ul li:nth-child(2) {

		margin-right: auto;
		margin-left: auto;
		float: right;
	}	
	#recruit-content #date.recruit-block02 .cont-wrap ul li:last-child {
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		clear: both;
		float: none;
	}		
	/* Work */
	#recruit-content #work .cont-head {
		padding-left: 0;
	}
	#recruit-content #work .cont-wrap {
		display: inherit;
		width: 100%;
	}
	#recruit-content #work .cont-wrap dl {
		display: block;
		width: 100%;
	}	
	#recruit-content #work .cont-wrap p.arrow {
		display: block;
		width: 40px;
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
	}	
	/****** フッター ******/
	#recruit-footer {
	}
	#recruit-footer h3 {
		font-size: 35px;
	}
	#recruit-footer .member-btn {
		width: 100%;
	}
	#recruit-footer p.entry-btn {
		width: 100%;
		margin: 0 auto;
	}
	/****** 先輩社員の声 ******/
	#main-img {
    height: 150px;
    padding-top: 15px;
    padding-bottom: 15px;
	}
	#main-img p img {
		width: 20px;
		height: auto;
	}
	/* ナビゲーション */
	.voice-nav {
		margin-top: -40px;
		background: url(../img/recruit/special/bg_color.jpg) 0 0 repeat-x;
	}
	.voice-nav dl {
		margin-bottom: 0;
	}
	.voice-nav .slick-prev,
	.voice-nav .slick-next {
		top: 40%;
	}
 
	/* 先輩社員の声 コンテンツ */
	#recruit-content.voice {
		margin-top: 20px;
		margin-right: 20px;
		margin-left: 20px;
		padding: 20px;
	}
	#recruit-content .voice-cont-block {
		margin-bottom: 30px;
	}
	#recruit-content .voice-cont-block:last-child {
	}
	#recruit-content .voice-cont-block .cont-left {
		width: 100%;
		float: none;
	}
	#recruit-content .voice-cont-block .cont-right {
		width: 100%;
		float: none;
	}
	#recruit-content .voice-cont-block .photo-area {
		margin-bottom: 15px;
	}
	/* エントリーフォーム */
	#recruit-content .div_contact #contact_form .tb_form .th {
	  width: 100%;
  }
	#recruit-footer .entry-btn {
		width: 100%;
	}
	#recruit-footer .entry-btn a {
		font-size: 110%;
		padding: 15px 20px;
	}
  /* 修正作業追加分 */
  .recruit-ttl {
    font-size: 16px;
  }
  #recruit-content .recruit-des p.serif {
    font-size: 0.95rem;
  }
}