@charset "utf-8";
/* ------------------------------------------------------------ common */
header ul li:nth-of-type(4) a { position: relative; padding: 0 12px; }
header ul li:nth-of-type(4) a::before { position: absolute; content: ""; background: #0177ce; background: linear-gradient(to right, #0177ce, #00c4c7); width: 5px; height: 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; left: 0; top: 0; bottom: 0; margin: auto 0; }
header ul li:nth-of-type(4) a::after { position: absolute; content: ""; background: #0177ce; background: linear-gradient(to right, #0177ce, #00c4c7); width: 5px; height: 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; right: 0; top: 0; bottom: 0; margin: auto 0; }

#bread { padding: 20px 0 20px 35px; }
#bread ol li a,
#bread ol li strong { color: #000; }
/* ------------------------------------------------------------ fv */
#fv {
	padding-bottom: 46.9%;
	height: 0;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
}
 
#fv h2 { padding: 3% 0 0 60px; display: none;  }
#fv h2 img { width: 14%; height: auto; }

#fv video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  z-index: -1;
}
 
#fv .bg_white {
  background: rgba(255, 255, 255, .5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 1100px;
}
/* ------------------------------------------------------------ message */
#message { background: url(../images/recruit/bg_01_.png) no-repeat left 50px; padding: 290px 0 110px 110px; position: relative; }
#message::before { position: absolute; content: ""; background: #f3f7f9; width: 1100px; height: 1500px; left: 0; top: 0; z-index: -1; }
#message h3 { text-align: left; }
#message h4 { font-size: 34px; font-weight: bold; margin: 30px auto 75px; }
#message p { font-size: 18px; line-height: 40px; margin: 55px auto; }
#message img { padding: 100px 0 0; }
/* ------------------------------------------------------------ interview */
#interview_list { position: relative; padding: 295px 0 200px 110px; }
#interview_list::before { position: absolute; content: ""; width: 985px; height: calc(100% - 380px); background: url(../images/recruit/pattern_01.png) repeat left top; z-index: -1; top: 275px; left: 0; }
#interview_list::after { position: absolute; content: ""; width: calc(100% - 220px); height: calc(100% - 180px); background: #f3f7f9; top: 165px; right: 0; z-index: -2; }
#interview_list h3 { text-align: left; }
#interview_list h4 { font-size: 34px; font-weight: bold; padding: 25px 0 70px; }
#interview_list article { position: relative; padding: 100px 0 0; }
#interview_list article:first-of-type { padding: 0; }
#interview_list article a { display: block; }
#interview_list article img { width: 100%; height: auto; max-width: 1100px; }
#interview_list article span { padding: 5px 15px; background: #0177ce; background: linear-gradient(to right, #0177ce, #00c4c7); color: #fff; position: absolute; left: 0; bottom: 55px; z-index: 1; }
#interview_list article p { background: url(../images/common/arrow_04.png) no-repeat 94% center #fff; width: 444px; text-align: center; position: absolute; left: 0; bottom: -41px; z-index: 1; padding: 34px 0; }
#interview_list article p img { width: auto; height: 29px; }
/* IE10-specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#interview_list article span { padding: 10px 15px 5px; }
}
#interview_list .btn1 { margin: 135px auto 0; }
/* ------------------------------------------------------------ welfare_faq */
#welfare_faq { padding: 0 0 205px; position: relative; margin: 180px auto 0; }
#welfare_faq::before { position: absolute; content: ""; width: 980px; height: 592px; top: -95px; left: 0; right: 0; margin: 0 auto; background: url(../images/recruit/pattern_01.png) repeat left top; z-index: -1; }
#welfare_faq article { width: calc(50% - 1px); position: relative; }
#welfare_faq article .ac { position: absolute; }
#welfare_faq article:nth-of-type(1) .ac { left: 35px; top: -60px; width: 38%; height: auto; max-width: 268px; }
#welfare_faq article:nth-of-type(2) .ac { left: 50px; bottom: 14px; }
#welfare_faq article a { display: block; }
#welfare_faq article h3 { padding: 30px 0 0; }

.video { text-align: center; padding: 100px 0 0; }
/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ fv */

#sp_nav { margin: -65px auto 0; }
main { margin: 65px auto 0; }

#fv {
	padding: 0;
	height: inherit;
	position: inherit;
	overflow: inherit;
}

#fv img { width: 100%; height: auto; }

#fv video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  z-index: -1;
}
 
#fv .bg_white {
/*   background: rgba(255, 255, 255, .75); */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 1100px;
}
/* ------------------------------------------------------------ common */
#bread { padding: 10px 0 0 10px; }
#bread ol li a,
#bread ol li strong { color: #000; }
/* ------------------------------------------------------------ message */
#message { background: url(../images/recruit/bg_01_.png) no-repeat left 50px; padding: 40px 0 0; position: relative; }
#message::before { display: none; }
#message div { padding: 0 5%; }
#message h3 { text-align: left; }
#message h4 { font-size: 20px; line-height: 27px; margin: 25px auto 12px; }
#message p { font-size: 14px; line-height: 22px; margin: 0 auto; }
#message img { width: 100%; height: auto; padding: 20px 0 0; }
/* ------------------------------------------------------------ interview */
#interview_list { position: relative; padding: 120px 5% 200px; }
#interview_list::before { width: calc(100% - 80px); height: calc(100% - 230px); top: 90px; left: 0; background: url(../images/recruit/pattern_01_sp.png) repeat left top;}
#interview_list::after { width: calc(100% - 60px); height: calc(100% - 130px); background: #f3f7f9; top: 50px; right: 0; }
#interview_list h3 { text-align: left; }
#interview_list h4 { font-size: 20px; line-height: 27px; padding: 20px 0 30px; }

#interview_list article { position: relative; padding: 70px 0 0; }
#interview_list article:first-of-type { padding: 0; }
#interview_list article img { width: 100%; height: auto; max-width: 100%; }
#interview_list article span { padding: 5px; font-size: 12px; bottom: 18px; }
#interview_list article p { background: url(../images/common/arrow_04.png) no-repeat 94% center #fff; background-size: 15px; width: 250px; bottom: -37px; padding: 18px 0; }
#interview_list article p img { width: auto; height: 20px; }

.video {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: 30px 0 0; }
.video iframe { position: absolute; top: 0;	left: 0; width: 100%;	height: 100%; }


/* IE10-specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#interview_list article span { padding: 10px 15px 5px; }
	#interview_list article p strong { background: none; }
}
#interview_list .btn1 { margin: 80px auto 0; }
/* ------------------------------------------------------------ welfare_faq */
#welfare_faq { background: url(../images/recruit/pattern_01_sp.png) repeat left top; padding: 80px 0 50px; margin: 50px auto 0; }
#welfare_faq::before { display: none; }
#welfare_faq article { width: 90%; margin: 0 auto 14%; float: none; }
#welfare_faq article:last-of-type { margin: 0 auto; }
#welfare_faq article:nth-of-type(1) .ac { left: 10px; top: -45px; width: 30%; height: auto; max-width: 268px; }
#welfare_faq article:nth-of-type(2) .ac { left: inherit; right: 15px; bottom: 30px; width: 30%; height: auto; }
#welfare_faq article a { display: block; }
#welfare_faq article h3 { padding: 15px 0 0; }
}