@charset "utf-8";

/* ------------------------------------------
- COMMON SETTING
	-- HEADER
	-- REQUIREMENTS
	-- ENTRY
	-- CONFIRM & THANKS
	-- NOT RECRUITING

- NEW GRADUATES
	--
	--

- CARRER
	--
	--

- INTERVIEW
	-- TAB AREA
	-- INTERVIEW CONTENTS
------------------------------------------ */
/* ==============================================================
	COMMON SETTING
============================================================== */

/* HEADER
------------------------------------------------ */
header{
	background: url(../img/recruit/header_img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
header p.header_title{
	text-align: left;
	position: absolute;
	top:35%;
	left:12%;
}



@media screen and (max-width: 750px) {
	header{
		background: url(../img/recruit/header_img_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.header_title img{
		width:90%;
		margin:30px auto 0;
	}
}

/*　セレクト　*/
.sub_nav_list ul li.select{ position: relative;}
.sub_nav_list ul li.select::after{
  content: '';
  position: absolute;
  left: 5%;
  bottom: -25px;
  width: 90%;
  height: 7px;
	background: #00479d;
	z-index: 10;
}

@media screen and (max-width:750px){
	.sub_nav_list ul li.select{  background: #00479d;}
	.sub_nav_list ul li.select::after{
		background: none;
	}
	.sub_nav ul li:last-child a{
		font-size: 15px;
	}
}


/* REQUIREMENTS
------------------------------------------------ */
.requirements{
	padding-top: 80px;
}
.requirements .contentArea{
	margin:80px auto 0;
	display: flex;
	color: #4b4b4b;
}
.requirements .contentArea h2{
	padding:15px 30px;
	border-left:solid 6px #7d7d7d ;
	width:250px;
	text-align: left;
	font-size: 24px;
}

@media screen and (max-width: 750px) {
	.requirements{
		padding-top: 0;
	}
	.requirements .contentArea{
		margin:50px auto 0;
		display: block;
	}
	.requirements .contentArea h2{
		padding:10px 30px;
		font-size: 22px;
		margin-bottom:30px;
	}

}

/* ENTRY
------------------------------------------------ */
.entry{
	margin:80px auto;
}
.entry h2{
	font-size: 24px;
	font-weight: 600;
	margin-bottom:15px;
	letter-spacing: 0.138em;
}


@media screen and (max-width: 750px) {
}


/* CONFIRM & THANKS
------------------------------------------------ */
.confirm .section .contentArea,.thanks .section .contentArea{
	padding:100px 0;
}
.confirm h2,.thanks h2{
	font-size: 24px;
	font-weight: 600;
	margin-bottom:15px;
	letter-spacing: 0.138em;
}

@media screen and (max-width: 750px) {
	.confirm .section .contentArea,.thanks .section .contentArea{
		padding:50px 0;
	}
}


/* NOT RECRUITING
------------------------------------------------ */
.notrecruiting p{
	padding:30vh 0;
	text-align: center;
	display: block;
}

@media screen and (max-width: 750px) {
	.notrecruiting p{
		padding:100px 0;
		text-align: center;
		display: block;
	}
}


/* ==============================================================
	NEW GRADUATES
============================================================== */

/*
------------------------------------------------ */



@media screen and (max-width: 750px) {
}




/* ==============================================================
	CARRER
============================================================== */





/*
------------------------------------------------ */




@media screen and (max-width: 750px) {
}




/* ==============================================================
	INTERVIEW
============================================================== */
.interview .section{
	color: #4b4b4b;
	padding:80px 0;
}
.interview .tabContents{
	margin-top: 80px;
}

@media screen and (max-width: 750px) {
	.interview .section{
		padding:50px 0;
	}
	.interview .tabContents{
		margin-top: 0;
	}
	.interview .header_title img{
		margin:0 auto 50px;
	}

}

/* TAB AREA
------------------------------------------------ */

.interview .tabArea{
	display: flex;
	justify-content: center;
}
.interview .tabArea .tab_item{
	width:40%;
	margin: 0 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.interview .tabArea .tab_item img.number_icon{
	position: relative;
	margin-top:-50px;
	z-index: 1;
}
.interview .tabArea .tab_item p{
	font-size: 14px;
}
.interview .tabArea .tab_item p.name{
	font-weight: 600;
	font-size: 16px;
	margin-top: 10px;
}
.interview .tabArea .tab_item p.name span{
	font-size: 18px;
	margin-left:5px;
}
.interview .tabArea .tab_item p.name span.eng{
	font-size: 12px;
	font-weight: normal;
}

@media screen and (max-width: 750px) {
	.interview .tabArea .tab_item{
		margin: 0 15px;
	}
	.interview .tabArea .tab_item img.number_icon{
		width:50%;
		margin-top:-30px;
	}
}


/*------ SELECT ------*/

.interview .tabArea .interview01.select img.tab_img,
.interview .tabArea .interview01:hover img.tab_img{
	outline:6px solid #00a0e9;
}
.interview .tabArea .interview02.select img.tab_img,
.interview .tabArea .interview02:hover img.tab_img{
	outline:6px solid #f3c800;
}

@media screen and (max-width: 750px) {
}


/* INTERVIEW CONTENTS
------------------------------------------------ */

.interview .interview_wrap{
	background: url(../img/dot_bg.jpg) repeat;
	padding:80px 0;
}

@media screen and (max-width: 750px) {
}

.interview .interview_wrap .titleArea{
	position: relative;
}
.interview .interview_wrap .titleArea .title_text{
	position: absolute;
	right:100px;
	top:120px;
}
.interview .interview_wrap .titleArea .title_text.white{
	color: #fff;
}
.interview .interview_wrap .titleArea .title_text h2{
	font-size: 24px;
	margin:10px auto;
}
.interview .interview_wrap .titleArea .title_text p{
	font-size: 14px;
	margin-top: 10px;
}
.interview .interview_wrap .titleArea .title_text p.name{
	font-weight: 600;
	font-size: 16px;
	margin-top: 10px;
}
.interview .interview_wrap .titleArea .title_text p.name span{
	font-size: 18px;
	margin-left:5px;
}
.interview .interview_wrap .titleArea .title_text p.name span.eng{
	font-size: 12px;
	font-weight: normal;
}

@media screen and (max-width: 750px) {
	.interview .interview_wrap .titleArea .title_text{
		position: relative;
		right:0;
		top:-50px;
	}
	.interview .interview_wrap .titleArea .title_text.white{
		color: #4b4b4b;
	}
	.interview .interview_wrap .titleArea .title_text img{
		width:50%;
	}
	.interview .interview_wrap .titleArea .title_text h2{
		font-size: 18px;
	}
	.interview .interview_wrap .titleArea .title_text p{
		font-size: 12px;
	}
	.interview .interview_wrap .titleArea .title_text p.name{
		font-size: 14px;
	}
	.interview .interview_wrap .titleArea .title_text p.name span{
		font-size: 16px;
	}

}

.interview .intarview_header{
	margin:30px auto;
}
.interview .intarviewArea h3{
	color: #424242;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:20px;
	font-weight: 500;
}
.interview .intarviewArea h3 img{
	margin-right:10px;
}
.interview .intarviewArea p{
	text-align: left;
	width:80%;
	margin:0 auto;
}

@media screen and (max-width: 750px) {
	.interview .intarviewArea h3{
		width:100%;
		color: #424242;
		font-size: 18px;
	}
	.interview .intarviewArea h3 img{
		width: 15%;
	}
	.interview .intarviewArea p{
		width:100%;
	}

}

.interview_contents{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top:50px;
}
.interview_contents .left_column,.interview_contents .right_column{
	width:100%;
}
.interview_contents .left_column img{
	width:100%;
	height:auto;
}
.interview .interview_contents .right_column{
	padding-left:60px;
}
.interview .interview_contents .right_column h3{
	justify-content: flex-start;
}
.interview .interview_contents .right_column p{
	width:460px;
	margin-left:0;
	margin-bottom: 30px;
}
.intarview_footer{
	margin-top: 30px;
}

@media screen and (max-width: 750px) {
	.interview_contents{
		display: block;
		margin-top:30px;
	}
	.interview_contents .left_column img{
		margin-bottom: 30px;
	}
	.interview .interview_contents .right_column{
		padding-left:0;
	}
	.interview .interview_contents .right_column h3{
		justify-content: center;
	}
	.interview .interview_contents .right_column p{
		width:100%;
		margin-bottom: 30px;
	}

}