@charset "utf-8";

.main_ul02 { font-size:0; margin:60px -10px -10px -10px;}
.main_ul02 li { display:inline-block; vertical-align:top; width:50%;}

.latest_box { text-align:left; padding:40px; background:rgba(255,255,255,0.2); border-radius:20px; margin:10px;  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.latest_box .latest {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: linear-gradient(to right, #fff 70%, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.latest_box .latest a { font-size:20px; color:#fff;}
.latest_box .latest_date { font-size:15px; color:#fff; margin-top:20px;}

.nodata { font-size:17px; padding:80px 0; color:#fff; text-align:center;}

.latest_box:hover { background:rgba(255,255,255,1);}
.latest_box:hover .latest { background: linear-gradient(to right, #7ba02c 70%, #7ba02c); -webkit-background-clip: text;	-webkit-text-fill-color: transparent;}
.latest_box:hover .latest a { color:#7ba02c;}
.latest_box:hover .latest_date { color:#999;}

@media screen and (max-width:767px){
	.main_ul02 { font-size:0; margin:60px 0 -10px 0;}
	.main_ul02 li { width:100%;}
	.latest_box { padding:20px; margin:10px 0;}
	
	.latest_box .latest a { font-size:17px;}
}