@charset "utf-8";

/* common */
.news_top{
	padding:25px 30px;
	margin:0 0 60px;
	background:rgba(247, 247, 247, 0.8);
}
.cat_area{
	display:flex;
	align-items:center;
	justify-content:center;
}
.news_parent .select_btn{
	position:relative;
	margin:0;
	background:#fff;
}
.news_parent .select_btn::after{
	position:absolute;
	content:'';
	width:8px;
	height:8px;
	border-right:1px solid #707070;
	border-bottom:1px solid #707070;
	transform:rotate(45deg);
	top:0;
	bottom:0;
	right:23px;
	margin:auto;
}
.news_parent .select_btn select{
	width:300px;
	color:#333 !important;
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:3.2rem;
	padding:6px 40px 6px 20px;
	background:transparent;
	border:1px solid #ccc;
	appearance:none;
	cursor:pointer;
}
.news_parent .submit_btn{
	width:106px;
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:3.2rem;
	color:var(--color-blue);
	text-align:center;
	padding:3px 0;
	border:1px solid var(--color-blue);
	border-radius:20px;
	background:#fff;
	appearance:none;
	cursor:pointer;
	transition:color 0.3s,background-color 0.3s;
}
.news_parent .submit_btn:hover{
	color:#fff;
	background-color:var(--color-blue);
}
/* C1 */
.year_list{display:none !important;}
.news_list{
	padding:0;
	margin:0;
	border-top:1px solid #ccc;
}
.news_item{
	margin:0 !important;
	list-style:none;
	border-bottom:1px solid #ccc;
}
.news_link{
	display:block;
	color:#333 !important;
	text-decoration:none;
	padding:21px 15px 32px;
}
.news_date{
	display:block;
	font-family:var(--font-Roboto-Condensed);
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.1rem;
}
.news_title{
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.7rem;
	font-weight:500;
	padding-left:20px;
	margin:6px 0 0;
	background:url(/img/common/arrow_r_blue.svg) no-repeat left top 9px;
	transition:color 0.3s;
}
a:hover .news_title{color:var(--color-blue);}
/* C2 */
.column_child .news_date{margin-bottom:7px;}

@media screen and (max-width:1024px){
.news_link{padding:19px 12px 31px;}
.news_date{
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.7rem;
}
.news_title{
	font-size:1.7rem;
	letter-spacing:1.7px;
	line-height:2.55rem;
}
}

@media screen and (max-width:767px){
.news_top{padding:30px 20px;}
.cat_area{flex-direction:column;}
.select_btn select{max-width:100%;}
.news_link{padding:17px 8px 29px;}
.news_date{
	font-size:1rem;
	letter-spacing:1px;
	line-height:1.4rem;
}
.news_title{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
}
.column_child .news_date{margin-bottom:3px;}

}