@charset "utf-8";
.NewsList_d1 li{border-bottom: 1px solid #e6f0f2;width: 49.5%;margin-right: 1%;padding-top: 2.4vw;padding-bottom: 12px;position: relative;
    padding-left:170px;box-sizing: border-box;float: left; transition: .3s all ease;-ms-transition: .3s all ease;-webkit-transition: .3s all ease;
}
.NewsList_d1 li:nth-child(2n){margin-right: 0;}
.NewsList_d1 li em{position: absolute;left: 27px;top: 2.6vw;font-weight: bold;color: #282828;font-size: 18px;}
.NewsList_d1 li h2,.NewsList_d1 li h3{margin: 0 0 0 auto;font-weight: normal;box-sizing: border-box;padding-right: 1em;}
.NewsList_d1 li h2{padding-top: 0; font-size: 20px;color: #282828;}
.NewsList_d1 li h2 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background: url(../images/more3.png) right center no-repeat;padding-right:1em;background-size: 1em auto;
}
.NewsList_d1 li h3{margin-top: 1.5vw;font-size: 14px;color: #637e88;line-height: 1.8;height: 3.6em; overflow: hidden;padding-right: 2em;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media screen and (min-width: 1024px){
    .NewsList_d1 li:hover{background-color: #e6f0f2;}
    .NewsList_d1 li:hover a,.NewsList_d1 li:hover em{color: #00b4e9;}
}
@media screen and (max-width: 1100px){
	.NewsList_d1 li{padding-left:0;}
	.NewsList_d1 li em{display:block;position: static;margin-top: 2vw;}
	.NewsList_d1 li em{font-size: 16px;}
}
@media screen and (max-width: 640px){
	.NewsList_d1 li{width: 100%;float: none;margin: 0 auto 5vw auto;background-color: #e9eff3;border-radius: 2vw;padding: 5vw 4vw 3vw 4vw;}
	.NewsList_d1 li em{font-size: 3.8vw;}
	.NewsList_d1 li h3{font-size: 3.8vw;padding: 0;}
	.NewsList_d1 li h2{font-size: 4.8vw;background:none;}
}