@charset "utf-8";

.job .title_area{background-image:url(/recruit/newgrads/img/common/h1_job.jpg);}
.job_box{
	position:relative;
	padding:8px 0 0;
	margin:75px 0 0;
}
.job_box::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw-50));
	width:var(--vw-100);
	height:100%;
	background:#F5F5F5;
}
.job_box h2{margin-bottom:25px;}
.job_item{
	padding:45px 60px 60px;
	margin-bottom:60px;
	background:#fff;
}
.job_name{
	padding-bottom:15px;
	margin:0;
	border-color:#333;
	color:#333;
	font-size:2.6rem;
	letter-spacing:0.26px;
	line-height:3.2rem;
}
.job_copy{
	padding:0;
	margin:18px 0;
	color:#fff;
	font-weight:normal;
	letter-spacing:0;
}
.job_copy::before{display:none;}
.job_copy_txt{
	display:inline-block;
	padding:4px 8px 7px 7px;
	background:#008940;
	border-bottom-right-radius:10px;
}
.column_job{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse;
	justify-content:space-between;
}
.column_job div:first-child{width:315px;}
.column_job div:last-child{
	width:calc(100% - 335px);
	margin-top:-4px;
}
.column_job img{width:100%;}
.job_interview_head{
	padding:0 0 18px 0;
	margin:10px 0 20px;
	border-bottom:2px solid #ccc;
	font-size:2.2rem;
	letter-spacing:0.22px;
	line-height:3.2rem;
}
.job_interview_head::before{display:none;}
.job_interview_list{
	display:grid;
	grid-template-columns:repeat(auto-fit,calc((100% - 20px)/2));
	grid-gap:20px;
	padding:0;
	margin:0;
}
.job_interview_item{
	margin:0 !important;
	list-style:none;
}
.job_interview_link{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#333 !important;
	text-decoration:none;
	height:100%;
	padding:20px;
	border:1px solid #ccc;
	border-radius:0 0 20px 0;
	overflow:hidden;
	transition:border-color .3s;
}
.job_interview_link:hover{border-color:var(--color-green);}
.job_interview_link::before{
	position:absolute;
	content:'';
	width:28px;
	height:28px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:50%;
	bottom:20px;
	right:20px;
	transition:background-color .3s,border-color .3s;
}
.job_interview_link:hover::before{background-color:var(--color-green);border-color:var(--color-green);}
.job_interview_link::after{
	position:absolute;
	content:'';
	width:7px;
	height:7px;
	border-top:1px solid var(--color-green);
	border-right:1px solid var(--color-green);
	transform:rotate(45deg);
	bottom:30px;
	right:32px;
	transition:border-color .3s;
}
.job_interview_link:hover::after{border-color:#fff;}
.job_interview_img{
	width:100px;
	border-bottom-right-radius:20px;
	overflow:hidden;
}
.job_interview_txt{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	margin-bottom:2px;
	width:calc(100% - 120px);
}
.job_interview_title{
	width:100%;
	font-size:1.8rem;
	letter-spacing:1.44px;
	line-height:2.9rem;
	font-weight:500;
	margin:0 0 12px;
	transition:color .3s;
}
a:hover .job_interview_title{color:var(--color-green);}
.job_interview_name{
	letter-spacing:.16px;
	line-height:2.4rem;
	font-weight:bold;
	margin:0;
	transition:color .3s;
}
a:hover .job_interview_name{color:var(--color-green);}
.job_interview_pos{
	font-size:1.3rem;
	letter-spacing:.13px;
	line-height:1.9rem;
	margin:0 0 0 22px;
	transition:color .3s;
}
a:hover .job_interview_pos{color:var(--color-green);}


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

.job_interview_name{margin:0 0 5px;}
.job_interview_pos{
	width:100%;
	margin:0;
}

}


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

.job_box{margin-top:70px;}
.job_item{
	padding:42px 30px 50px;
	margin-bottom:40px;
}
.job_name{
	font-size:2.5rem;
	letter-spacing:0.25px;
}
.job_copy{font-size:2.2rem;}
.column_job div:first-child{width:260px;}
.column_job div:last-child{width:calc(100% - 280px);}
.job_interview_head{margin-top:30px;}
.job_interview_link{padding:14px 14px 16px;}
.job_interview_link::before{
	width:17px;
	height:17px;
	right:15px;
}
.job_interview_link::after{
	width:5px;
	height:5px;
	bottom:26px;
	right:22px;
}
.job_interview_txt{width:calc(100% - 115px);}
.job_interview_title{
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:2.4rem;
}
.job_interview_name{
	font-size:1.5rem;
	letter-spacing:.15px;
	line-height:2rem;
}
.job_interview_pos{
	font-size:1.2rem;
	letter-spacing:.12px;
	line-height:1.7rem;
}

}


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

.job .content_area > h2 + p::after{
	content:'’ˆ´ó¤·¤Æ¤´ÓE¤¯¤À¤µ¤¤';
	display:block;
	max-width:185px;
	padding:9px 0 9px 40px;
	margin:20px auto;
	background:url(/recruit/newgrads/img/common/icon_pinchout.svg) no-repeat center left;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:2rem;
}

.job_box{margin-top:65px;}
.job_box h2{margin-bottom:20px;}
.job_item{
	padding:38px 18px 40px;
	margin-bottom:20px;
}
.job_name{
	font-size:2.4rem;
	letter-spacing:0.24px;
}
.job_copy{margin:15px 0;}
.job_copy_txt{padding:5px 8px 7px 10px;}
.column_job{display:block;}
.column_job div:first-child{width:auto;}
.column_job div:last-child{
	width:auto;
	margin-top:15px;
}
.job_interview_head{margin-top:35px;}
.job_interview_link{padding:14px 14px 16px;}
.job_interview_link::before{
	width:17px;
	height:17px;
	right:15px;
}
.job_interview_link::after{
	width:5px;
	height:5px;
	bottom:26px;
	right:22px;
}
.job_interview_img{
	width:90px;
	border-bottom-right-radius:10px;
}
.job_interview_txt{
	width:calc(100% - 100px);
	margin:0;
}
.job_interview_title{
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2rem;
	margin-bottom:14px;
}
.job_interview_name{
	font-size:1.4rem;
	letter-spacing:.14px;
	line-height:1.5rem;
}
.job_interview_pos{
	font-size:1.1rem;
	letter-spacing:.11px;
	line-height:1.5rem;
}

}


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

.job_interview_list{grid-template-columns:repeat(auto-fit,100%);}

}