@charset "utf-8";

/*- C1 -*/
.interview .title_area, .interview_post .title_area{background-image:url(/recruit/newgrads/img/common/h1_interview.jpg);}
.interview_list{
	display:grid;
	grid-template-columns:repeat(auto-fit,calc((100% - 60px)/4));
	grid-gap:40px 20px;
	padding:0;
	margin:0;
}
.interview_item{
	margin:0 !important;
	list-style:none;
}
.interview_link{
	display:flex;
	flex-wrap:wrap;
	color:#333 !important;
	text-decoration:none;
}
.interview_img{
	position:relative;
	display:block;
	width:100%;
	margin:0 0 9px;
	border-radius:0 0 20px 0;
	overflow:hidden;
}
.interview_img::before,
.interview_img::after{
	position:absolute;
	content:'';
	width:28px;
	height:28px;
	background:url(/recruit/newgrads/img/common/arrow_maru_r_white.svg) no-repeat center;
	bottom:20px;
	right:20px;
	z-index:10;
	transition:opacity .3s;
}
.interview_img::after{
	background-image:url(/recruit/newgrads/img/common/arrow_maru_r_green.svg);
	opacity:0;
}
a:hover .interview_img::before{opacity:0;}
a:hover .interview_img::after{opacity:1;}
.interview_img img{
	transition:transform .3s;
}
a:hover .interview_img img{transform:scale(1.03);}
.interview_department{
	display:inline-block;
	min-width:97px;
	font-size:1.3rem;
	letter-spacing:.13px;
	line-height:2.3rem;
	text-align:center;
	border:1px solid #707070;
	margin:0;
	transition:color .3s,border-color .3s;
}
a:hover .interview_department{color:var(--color-green);border-color:var(--color-green);}
.interview_name{
	position:relative;
	display:inline-block;
	font-size:1.8rem;
	letter-spacing:.18px;
	line-height:3.24rem;
	font-weight:bold;
	padding:0;
	margin:0 0 0 5px;
	top:2px;
	transition:color .3s;
}
a:hover .interview_name{color:var(--color-green);}
.interview_name::before{display:none;}
.interview_pos{
	font-size:1.3rem;
	letter-spacing:.13px;
	line-height:2rem;
	margin:4px 0 0;
	transition:color .3s;
}
a:hover .interview_pos{color:var(--color-green);}

.int_search_txt{letter-spacing:0.16px;}
.int_search_box{margin-bottom:40px;}
.int_search_box_in{
	display:flex;
	flex-wrap:wrap;
	border:1px solid #ddd;
}
.int_search_cate{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:12.5%;
	padding:0 10px 3px;
	background:#F5F5F5;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	color:#333;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0.16px;
	line-height:2.6rem;
	text-align:center;
}
.int_search_data{
	width:87.5%;
	padding:20px;
	background:#fff;
	border-top:1px solid #ddd;
}
.int_search_cate:first-of-type, .int_search_data:first-of-type{border-top:none;}
.int_search_list{
	display:grid;
	grid-template-columns:repeat(auto-fit, calc((100% - 60px) / 5));
	grid-gap:10px 15px;
	padding:0;
	margin:0;
}
.int_search_item{
	list-style:none;
	margin:0;
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2.4rem;
}
.int_search_check{
	position:absolute;
	opacity:0;
	visibility:hidden;
}
.int_search_btn{
	display:block;
	padding:4px 5px 5px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:20px;
	color:#555;
	text-decoration:none !important;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	transition:background 0.3s, border 0.3s, color 0.3s;
}
.int_search_btn:hover, .int_search_btn.valid{
	background:var(--color-green);
	border-color:var(--color-green);
	color:#fff;
}
.int_search_reset{
	margin:5px 0 0;
	line-height:2rem;
	text-align:right;
}
.int_reset_btn{
	display:inline-block;
	position:relative;
	-webkit-appearance:none;
	appearance:none;
	padding:0 0 0 20px;
	background:none;
	border:none;
	color:#000 !important;
	font-family:var(--font-NotoSans);
	font-size:1.3rem;
	letter-spacing:0.13px;
	text-decoration:none !important;
	cursor:pointer;
}
.int_reset_btn::before, .int_reset_btn::after{
	content:'';
	position:absolute;
	top:10px;
	left:2px;
	width:12px;
	height:1px;
	background:#707070;
}
.int_reset_btn::before{transform:rotate(45deg);}
.int_reset_btn::after{transform:rotate(-45deg);}
.int_search_result{
	margin-bottom:30px;
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2rem;
}
.interview_item.is_hidden{display:none;}


/*- C2 -*/
.iv_bg_wrap{
	position:relative;
}
.iv_bg{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	z-index:-1;
}
.iv_bg img{
	position:absolute;
	top:0;
	left:0;
}
.iv_head{
	position:relative;
	max-width:1500px;
	padding:0 40px;
	margin:40px auto 0;
}
.iv_head_catch{
	max-width:calc(908px + 250px);
	padding-left:250px;
	margin:0 0 0 auto;
}
.iv_head_catch img{pointer-events:none;}
.iv_head_txt{
	position:absolute;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	top:0;
	bottom:0;
}
.iv_head_cate{
	display:inline-block;
	font-size:1.8rem;
	letter-spacing:.18px;
	line-height:3rem;
	text-align:center;
	padding:0 15px;
	margin:0;
	background:#fff;
	border:1px solid #333;
}
.iv_head_copy{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin:15px 0 0;
}
.iv_head_copy span{
	display:inline-block;
	font-size:3.6rem;
	letter-spacing:0;
	line-height:4.1rem;
	color:#fff;
	padding:3px 8px 7px;
	margin-bottom:10px;
	background:var(--color-darkgreen);
	border-radius:0 0 10px 0;
}
.iv_head_name{
	font-size:2.2rem;
	letter-spacing:.22px;
	line-height:3.24rem;
	font-weight:500;
	margin:23px 0 0;
}
.iv_head_name::after{
	position:relative;
	display:block;
	content:attr(data-name);
	font-family:var(--font-Syncopate);
	font-size:1.3rem;
	letter-spacing:0;
	line-height:1.7rem;
	font-weight:bold;
	margin:5px 0 0;	
	top:2px;
}
.iv_head_pos{
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.52rem;
	margin:17px 0 0;
}
.iv_note{
	font-size:1.2rem;
	letter-spacing:.12px;
	line-height:2.4rem;
	text-align:center;
	padding:0 20px;
	margin:53px auto;
}
.career_path{
	max-width:800px;
	padding:60px 20px 50px;
	margin:0 auto 120px;
	background:#fff;
}
.career_path_in{
	max-width:600px;
	margin:0 auto;
}
.career_path_h2{
	font-family:var(--font-Syncopate);
	font-size:2.4rem;
	letter-spacing:0;
	line-height:3rem;
	font-weight:bold;
	color:var(--color-green);
	padding:0;
	margin:0 0 31px;
}
.career_path_h2::before{display:none;}
.career_path_box{
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.career_path_box::before{
	position:absolute;
	content:'';
	width:2px;
	height:calc(100% - 10px);
	background:#ccc;
	top:10px;
	left:80px;
}
.career_path_head{
	position:relative;
	width:60px;
	font-size:1.6rem;
	letter-spacing:.16px;
	line-height:2.4rem;
	font-weight:bold;
	text-align:right;
}
.career_path_head::after{
	position:absolute;
	content:'';
	width:18px;
	height:18px;
	border:6px solid var(--color-green);
	border-radius:50%;
	background:#fff;
	top:4px;
	right:-30px;
}
.career_path_txt{
	width:calc(100% - 60px);
	font-size:1.4rem;
	letter-spacing:0.14px;
	line-height:2.4rem;
	padding-left:60px;
	margin-bottom:30px;
}
.career_path_txt:last-child{margin-bottom:0;}
.career_path_txt > *:first-child{margin-top:0 !important;}
.career_path_txt > *:last-child{margin-bottom:0 !important;}
.iv_bg_white{
	padding:80px 60px;
	background:#fff;
}
.iv_content + .iv_content{
	margin:95px 0 0;
}
.iv_content.col_2{
	display:flex;
	justify-content:space-between;
}
.iv_content.col_2 > div{width:calc((100% - 20px)/2);}
.iv_content.col_2 > div img{width:100%;}
.iv_content.col_2 > div > *:last-child{margin-bottom:0;}
.iv_content.col_2.right > div:nth-child(1){order:2;}
.iv_content.col_2.right > div:nth-child(2){order:1;}
.iv_h2{
	display:inline-block;
	font-size:1.8rem;
	letter-spacing:.18px;
	line-height:2rem;
	font-weight:normal;
	color:#fff;
	text-align:center;
	padding:3px 11px 5px 7px;
	margin:0 0 8px;
	background:var(--color-green);
	border-radius:0 0 5px 0;
}
.iv_h3{
	font-size:2.8rem;
	letter-spacing:.28px;
	line-height:4.48rem;
	font-weight:500;
	padding:0;
	margin:10px 0 15px;
	border:none;
}
.iv_content p{
	font-size:1.8rem;
	letter-spacing:.18px;
	line-height:3.6rem;
}
.iv_message{
	padding:40px 60px 34px;
	margin:20px 0 0;
	border:2px solid var(--color-darkgreen);
	background:#fff;
}
.iv_message > *:last-child{margin-bottom:0;}
.iv_message p{
	font-size:1.8rem;
	letter-spacing:.18px;
	line-height:3.6rem;
}
.iv_col2{
	position:relative;
	display:grid;
	grid-template-columns:repeat(auto-fit, calc((100% - 20px)/2));
	grid-gap:20px;
	max-width:1220px;
	padding:100px 20px;
	margin:100px auto 0;
}
.iv_col2::before{
	position:absolute;
	content:'';
	width:var(--vw-100);
	height:100%;
	background:#F5F5F5;
	top:0;
	left:calc(50% - var(--vw-50));
	z-index:-1;
}
.iv_col2_item{
	padding:56px 20px 52px;
	background:#fff;
}
.iv_col2_h2{
	font-family:var(--font-Syncopate);
	font-size:2.4rem;
	letter-spacing:0;
	line-height:3rem;
	font-weight:bold;
	color:var(--color-green);
	padding:0;
	margin:0 0 21px;
}
.iv_col2_h2::before{display:none;}
.iv_schedule{
	max-width:460px;
	margin:0 auto;
}
.iv_schedule_box{
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.iv_schedule_box::before{
	position:absolute;
	content:'';
	width:2px;
	height:calc(100% - 30px);
	background:#ccc;
	top:18px;
	left:85px;
}
.iv_schedule_head{
	position:relative;
	width:55px;
	font-size:1.6rem;
	letter-spacing:0.16px;
	line-height:2.4rem;
	font-weight:bold;
	text-align:right;
}
.iv_schedule_head::after{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background:#E60039;
	border-radius:50%;
	top:8px;
	right:-36px;
}
.iv_schedule_txt{
	width:calc(100% - 55px);
	font-size:1.6rem;
	letter-spacing:0.16px;
	line-height:2.4rem;
	padding-left:65px;
	margin-bottom:22px;
}
.iv_schedule_txt:last-child{margin-bottom:0;}
.off_time{
	max-width:460px;
	margin:0 auto;
}
.off_time_h3{
	font-size:2rem;
	letter-spacing:0.2px;
	line-height:2.9rem;
	font-weight:500;
	padding:0;
	margin:0 0 21px;
	border:none;
}
.off_time p{
	font-size:1.6rem;
	letter-spacing:0.16px;
	line-height:3rem;
}
.off_time_img{margin-top:27px;}
.off_time_img img{width:100%;}
.iv_bottom{
	padding:62px 0 0;
	background:#fff;
}
.iv_ln{
	width:1180px;
	max-width:calc(100% - 40px);
	margin:0 auto;
}
.iv_ln h2{
	font-size:2.2rem;
	letter-spacing:.22px;
	line-height:3.24rem;
	font-weight:500;
	text-align:center;
	padding:0;
	margin:0 0 60px;
}
.iv_ln h2::before{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	content:attr(data-en);
	font-family:var(--font-Syncopate);
	font-size:4.4rem;
	letter-spacing:0;
	line-height:4rem;
	font-weight:bold;
	margin:0 0 8px;
	background:none;
}
.ln_iv_list{
	position:relative;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}
.iv_ln .interview_item{
	margin:0 !important;
	margin:0 10px !important;
}
.iv_ln .slick-list{
	margin:0 -10px;
}
.iv_ln .slick-prev + .slick-list{margin-bottom:70px;}
.iv_ln .slick-prev,.iv_ln .slick-next{
	width:30px;
	height:30px;
	transform:translate(0);
	top:auto;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.iv_ln .slick-prev{
	background:url(/recruit/newgrads/img/common/arrow_l_green.svg) no-repeat center/12px;
	left:-74px;
}
.iv_ln .slick-next{
	background:url(/recruit/newgrads/img/common/arrow_r_green.svg) no-repeat center/12px;
	right:-74px;
}
.iv_ln .slick-prev::before,.iv_ln .slick-next::before{display:none;}
.iv_ln .slick-prev::after{
	position:absolute;
	content:'';
	width:2px;
	height:30px;
	background:#ccc;
	bottom:0;
	left:0;
	right:-80px;
	margin:auto;
}
.iv_return{
	margin:47px auto 0;
}
.iv_bottom #pankuzu{
	width:1180px;
	max-width:calc(100% - 40px);
	margin-right:auto;
	margin-left:auto;
}


@media screen and (min-width:1025px) and (max-width:1220px){

/*- C1 -*/
.int_search_list{grid-template-columns:repeat(auto-fit, calc((100% - 45px) / 4));}

}


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

/*- C1 -*/
.int_search_reset{margin-top:8px;}

}


@media screen and (min-width:768px) and (max-width:1024px){

/*- C1 -*/
.interview_img::before,
.interview_img::after{
	bottom:15px;
	right:15px;
}
.interview_name{
	display:block;
	font-size:1.7rem;
	letter-spacing:.17px;
	margin:0 0 5px !important;
}
.interview_pos{
	font-size:1.2rem;
	line-height:1.8rem;
}

.int_search_cate{width:120px;}
.int_search_data{width:calc(100% - 120px);}
.int_search_list{grid-template-columns:repeat(auto-fit, calc((100% - 30px) / 3));}
.int_search_item{letter-spacing:0.15px;}
.int_search_btn{padding:7px 5px;}


/*- C2 -*/
.iv_head{
	padding:0 20px;
	margin:20px auto 0;
}
.iv_head_cate{
	font-size:1.5rem;
	letter-spacing:.15px;
	line-height:2.5rem;
}
.iv_head_copy span{
	font-size:2.9rem;
	line-height:3.8rem;
	padding:1px 8px 5px;
}
.iv_head_name{
	font-size:2.1rem;
	letter-spacing:.21px;
	margin:15px 0 0;
}
.iv_head_name::after{
	font-size:1.2rem;
	top:0;
}
.iv_head_pos{
	font-size:1.3rem;
	letter-spacing:.13px;
	line-height:2rem;
}
.career_path{margin:0 auto 60px;}
.career_path_h2{
	font-size:2.1rem;
	line-height:2.65rem;
	margin:0 0 26px;
}
.career_path_head{
	font-size:1.5rem;
	letter-spacing:0.15px;
	padding-top:1px;
}
.iv_bg_white{padding:50px 40px;}
.iv_content + .iv_content{margin:70px 0 0;}
.iv_h2{
	font-size:1.7rem;
	letter-spacing:.17px;
}
.iv_h3{
	font-size:2.4rem;
	letter-spacing:.24px;
	line-height:4.04rem;
	margin:5px 0 10px;
}
.iv_content p{
	font-size:1.6rem;
	letter-spacing:.16px;
	line-height:3.2rem;
}
.iv_message{
	padding:40px;
	margin:100px 0 0;
}
.iv_message p{
	font-size:1.6rem;
	letter-spacing:.16px;
	line-height:3.2rem;
}
.iv_col2{padding:80px 20px;}
.iv_col2_h2{
	font-size:2.1rem;
	line-height:2.65rem;
}
.iv_ln h2{
	font-size:2rem;
	letter-spacing:.2px;
}
.iv_ln h2::before{
	font-size:3.8rem;
	line-height:4rem;
}

}


@media screen and (min-width:768px) and (max-width:850px){

.interview_list{grid-template-columns:repeat(auto-fit, calc((100% - 40px) / 3));}
.iv_bg img.dot{top:30%;}
.iv_head{
	padding:0;
	margin:0 auto;
}
.iv_head_catch{
	max-width:100%;
	padding-left:0;
}
.iv_head_txt{
	position:relative;
	padding:0 20px;
	margin:-65px 0 0;
}
.iv_content.col_2{display:block;}
.iv_content.col_2 > div{width:100%;}
.iv_content.col_2 > div:nth-child(2){margin-top:35px;}
.iv_col2{grid-template-columns:repeat(auto-fit, 100%);}
.iv_schedule{max-width:600px;}
.off_time{max-width:600px;}

}


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

/*- C1 -*/
.interview_list{
	grid-template-columns:repeat(auto-fit,calc((100% - 30px)/3));
	grid-gap:40px 15px;
}
.interview_img{
	margin:0 0 8px;
}
.interview_img::before,
.interview_img::after{
	bottom:10px;
	right:10px;
}
.interview_name{
	display:block;
	top:0;
	font-size:1.6rem;
	letter-spacing:.16px;
	line-height:2.44rem;
	margin:7px 0 5px;
}
.interview_pos{
	font-size:1.2rem;
	line-height:1.8rem;
}

.int_search_box_in{
	display:block;
	border-top:none;
}
.int_search_cate{
	display:block;
	width:auto;
	padding:13px 10px;
	border-right:none;
	line-height:2.4rem;
}
.int_search_cate:first-of-type, .int_search_data:first-of-type{border-top:1px solid #ddd;}
.int_search_data{
	width:auto;
	padding:15px 10px 25px;
}
.int_search_list{
	grid-template-columns:repeat(auto-fit, calc((100% - 20px) / 3));
	grid-gap:10px;
}
.int_search_item{
	font-size:1.3rem;
	letter-spacing:0.13px;
	line-height:1.9rem;
}
.int_search_btn{padding:9px 5px 10px;}


/*- C2 -*/
.iv_bg img.dot{top:30%;}
.iv_head{
	padding:0;
	margin:0;
}
.iv_head_catch{
	max-width:100%;
	padding-left:0;
}
.iv_head_txt{
	position:relative;
	padding:0 20px;
	margin:-63px 0 0;
}
.iv_head_cate{
	font-size:1.6rem;
	letter-spacing:.16px;
	line-height:2.6rem;
}
.iv_head_copy span{
	font-size:2.6rem;
	line-height:3.1rem;
}
.iv_head_name{
	font-size:2rem;
	letter-spacing:.2px;
	margin:13px 0 0;
}
.iv_head_name::after{
	font-size:1.1rem;
	line-height:1.3rem;
	top:0;
}
.iv_note{
	margin:50px auto 58px;
}
.career_path{
	padding:38px 20px 40px;
	margin:0 auto 20px;
}
.career_path_h2{
	font-size:1.8rem;
	line-height:2.3rem;
	margin:0 0 24px;
}
.career_path_box::before{left:75px;}
.career_path_head{
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.3rem;
	padding-top:0;
}
.career_path_head::after{
	top:2px;
	right:-25px;
}
.career_path_txt{
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.1rem;
	padding-left:48px;
}
.iv_bg_white{
	padding:40px 20px;
}
.iv_content + .iv_content{
	margin:40px 0 0;
}
.iv_content.col_2{
	display:block;
}
.iv_content.col_2 > div{
	width:100%;
}
.iv_content.col_2 > div:nth-child(2){margin-top:35px;}
.iv_h2{
	font-size:1.6rem;
	letter-spacing:.16px;
	padding:2px 11px 4px 7px;
	margin:0 0 11px;
}
.iv_h3{
	font-size:2rem;
	letter-spacing:.2px;
	line-height:3rem;
	margin:0 0 15px;
}
.iv_content p{
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.8rem;
}
.iv_message{
	padding:40px 30px 34px;
	margin:30px 0 0;
}
.iv_message p{
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.8rem;
}
.iv_col2{
	grid-template-columns:repeat(auto-fit, 100%);
	padding:60px 20px;
	margin:60px auto 0;
}
.iv_col2_item{
	padding:37px 20px 30px;
}
.iv_col2_h2{
	font-size:1.8rem;
	line-height:2.3rem;
	margin:0 0 14px;
}
.iv_schedule_box{
	margin-top:24px;
}
.iv_schedule_box::before{
	height:calc(100% - 25px);
	top:13px;
	left:70px;
}
.iv_schedule_head{
	width:45px;
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.8rem;
}
.iv_schedule_head::after{
	top:9px;
	right:-31px;
}
.iv_schedule_txt{
	width:calc(100% - 45px);
	padding-left:55px;
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.6rem;
}
.off_time_h3{
	margin-bottom:14px;
}
.off_time p{
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:2.8rem;
}
.off_time_img{
	margin-top:25px;
}
.iv_bottom{
	padding:47px 0 0;
}
.iv_ln h2{
	font-size:1.8rem;
	letter-spacing:.18px;
}
.iv_ln h2::before{
	font-size:3.3rem;
	line-height:3.5rem;
	margin:0;
}
.iv_ln .slick-list{
	margin:0 -7px;
}
.iv_ln .interview_item{
	margin:0 7px !important;
}
}


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

.interview_list{grid-template-columns:repeat(auto-fit,calc((100% - 15px)/2));}
.int_search_list{grid-template-columns:repeat(auto-fit, calc((100% - 10px) / 2));}

}