@charset "utf-8";

.latest_head, .related_head{
	position:relative;
	padding:70px 0 0;
	text-align:center;
}
.latest_head{margin:90px 0 20px;}
.related_head{margin:0 0 40px;}
.latest_head::before, .related_head::before{
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:375px;
	margin:auto;
	background:url(/inclusive-x/img/common/bg_other_l.png) no-repeat top left/310px, url(/inclusive-x/img/common/bg_other_r.png) no-repeat top right/310px;
	border-top:1px solid #ddd;
}
.latest_txt{
	margin-bottom:35px;
	text-align:center;
}
.latest_list .column_item:nth-child(4), .related_list .column_item:nth-child(4){display:none;}
.column_btn{
	display:flex;
	align-items:center;
}
.column_btn::before{
	content:'';
	width:100%;
	height:1px;
	margin:3px 20px 0 0;
	background:#ddd;
}
.column_btn .link_btn{
	flex-shrink:0;
	text-align:right;
}

.column_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:70px 40px;
	padding:0;
	margin-bottom:40px;
}
.column_item{
	list-style:none;
	margin:0;
}
.column_link{
	display:block;
	color:#333 !important;
	text-decoration:none !important;
}
.column_thumb{
	margin-bottom:15px;
	border-radius:10px;
	overflow:hidden;
}
.column_img{
	width:100%;
	border-radius:0 !important;
	transition:transform 0.3s;
}
a:hover .column_img{transform:scale(1.05);}
.column_date{
	display:block;
	margin-bottom:8px;
	color:#888;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0.6px;
	line-height:1.7rem;
}
.column_title{
	margin-bottom:12px;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:0.9px;
	line-height:2.9rem;
	transition:color 0.3s;
}
a:hover .column_title{color:#00873D;}
.column_title::after{
	content:url(/inclusive-x/img/common/arrow_r_green.svg);
	position:relative;
	top:-1px;
	margin-left:10px;
}
.column_interviewee{
	margin:-4px 0 15px;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.7px;
	line-height:2rem;
}
.column_cat{
	display:inline-block;
	padding:3px 10px 5px;
	background:#E2F7DF;
	border-radius:13px;
	font-size:1.1rem;
	font-weight:500;
	letter-spacing:0.55px;
	line-height:1.6rem;
	text-align:center;
}


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

.latest_head, .related_head{padding-top:60px;}
.latest_head{margin-top:50px;}
.related_head{margin-bottom:35px;}

.column_date{margin-bottom:5px;}

}


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

.latest_head::before, .related_head::before{background-size:175px, 175px;}

.column_list{gap:40px 15px;}
.column_thumb{margin-bottom:12px;}
.column_date{
	font-size:1.1rem;
	letter-spacing:0.55px;
	line-height:1.6rem;
}
.column_title{
	margin-bottom:8px;
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2.2rem;
}
.column_title::after{
	top:1px;
	margin-left:5px;
}
.column_interviewee{
	margin:0 0 12px;
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.7rem;
}
.column_cat{
	padding:3px 8px 4px;
	font-size:1rem;
	letter-spacing:0.5px;
	line-height:1.5rem;
}

}


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

.latest_head::before, .related_head::before{background-size:130px, 130px;}
.latest_list .column_item:nth-child(4), .related_list .column_item:nth-child(4){display:block;}

.column_list{
	grid-template-columns:1fr 1fr;
	gap:30px 15px;
}
.column_title{
	margin-bottom:10px;
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.5rem;
}
.column_title::after{
	top:0;
	margin-left:8px;
}
.column_interviewee{
	margin-top:0;
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}

}


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

.latest_list .column_item:nth-child(4), .related_list .column_item:nth-child(4){display:none;}

.column_list{display:block;}
.column_item{margin-bottom:30px;}

}


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

.column_btn{justify-content:flex-end;}
.column_btn .link_btn{flex-shrink:1;}
.column_btn::before{display:none;}

}