@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; }

.btn1 { margin: 100px auto; }
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/interview/fv_.jpg) no-repeat center center/cover; padding: 260px 0 20px; }
#fv h2 { padding: 0 0 0 110px; }
/* ------------------------------------------------------------ interview */
#interview_list { position: relative; padding: 160px 0 225px 110px; }
#interview_list::before { position: absolute; content: ""; width: 985px; height: calc(100% - 160px); background: url(../images/recruit/pattern_01.png) repeat left top; z-index: -1; top: 75px; left: 0; }
#interview_list::after { position: absolute; content: ""; width: calc(100% - 220px); height: 100%; background: #f3f7f9; top: 0; 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; }
}


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
.btn1 { margin: 40px auto 60px; }
/* ------------------------------------------------------------ fv */
#fv { padding: 100px 0 10px; }
#fv h2 { padding: 0; }
/* ------------------------------------------------------------ interview */
#interview_list { position: relative; padding: 100px 0 150px; }
#interview_list::before { width: 80%; height: calc(100% - 100px); top: 55px; }
#interview_list::after { width: 80%; }
#interview_list h3 { text-align: left; }
#interview_list h4 { font-size: 34px; font-weight: bold; padding: 25px 0 70px; }
#interview_list article { text-align: center; padding: 70px 0 0; }
#interview_list article:first-of-type { padding: 0; }
#interview_list article img { width: 90%; height: auto; max-width: 100%; }
#interview_list article span { font-size: 12px; padding: 5px; left: 5%; bottom: 18px; z-index: 1; }
#interview_list article p { background: url(../images/common/arrow_04.png) no-repeat 94% center #fff; background-size: 15px; width: 250px; left: 5%; bottom: -37px; z-index: 1; padding: 18px 0; }
#interview_list article p img { width: auto; height: 20px; }

/* 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; }
}
}