@charset "utf-8";

.keyword .title_area{background-image:url(/recruit/newgrads/img/common/h1_keyword.jpg);}
.keyword_box{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:65px 30px;
	max-width:980px;
	margin:75px auto 0;
}
.keyword_item:nth-child(-3n+4){grid-column:1 / 3;}
.keyword_title{
	padding:0;
	margin:0 0 5px;
	color:var(--color-darkgreen);
	font-family:var(--font-NotoSerif);
	font-size:3.2rem;
	letter-spacing:0;
	line-height:4.6rem;
	text-align:center;
}
.keyword_title::before{display:none;}
.keyword_title_in{
	display:block;
	margin-bottom:5px;
	color:#000;
	font-family:var(--font-Syncopate);
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.3rem;
}
.keyword_count{color:#018C33;}
.keyword_head{
	margin:0;
	font-size:2rem;
	letter-spacing:0;
	text-align:center;
}
.keyword_head strong{font-weight:500;}
.keyword_item_in{margin-top:20px;}
.keyword_item_in p{margin-bottom:12px;}


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

.keyword_title{margin-bottom:8px;}
.keyword_head{font-size:1.8rem;}

}


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

.keyword_box{
	display:block;
	margin-top:70px;
}
.keyword_item{margin-bottom:75px;}
.keyword_title{
	margin-bottom:10px;
	font-size:3rem;
	line-height:4.6rem;
}
.keyword_title_in{margin-bottom:8px;}
.keyword_head{
	font-size:1.6rem;
	line-height:2.4rem;
}
.keyword_item_in{margin-top:15px;}

}