/* + news
*----------------------------------------------------------------------------*/
#news ul {display:flex;flex-wrap: wrap;}
#news ul li {margin: 15px;position: relative;width: calc(50% - 90px);-webkit-transition: all 0.8s linear;-o-transition: all 0.8s linear;transition: all 0.8s linear;background: #fff;padding: 30px;border-radius: 30px;}
#news ul li .newPhoto a.photo {transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);overflow: hidden;transition: all 0.4s ease;display: block;width: 100%;transition: 1.2s;border-radius: 15px;}
#news ul li:hover .newPhoto a.photo {transform: scale(1.05);}
#news ul li .info {position: relative;padding: 17px 0 0;transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);}
#news ul li .info p {font-size: 14px;color: #f15a30;font-weight: 500;}
#news ul li .info h4 a {overflow: hidden;margin: 10px 0;font-size: 18px;font-weight: bold;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: auto;}
#news ul li .info article {overflow: hidden;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#news ul li .info a.more {display: block;font-size: 12px;border-top: 1px solid #ddd;text-align: end;margin-top: 20px;padding-top: 10px;}
#news h3.h3title{padding:10px 0;border-bottom:1px rgb(0 0 0 / 24%) solid;margin-bottom:30px;line-height:35px;font-weight:400;font-size:26px;color: #474747;}

/* +width:1024 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	#news ul li .info h4 a {margin: 5px 0;font-size: 18px;}
}


/* +width:768 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#news ul li .newPhoto {width: 100%;}
	#news ul li .info {width: 92%;padding: 20px 4% 0 4%;}
	#news ul li .info a.more {bottom: 5px;}
}


/* +width:450 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 450px) {
	#news ul li .info a.more {}
	#news ul li{width: 99%;}
}