@charset "utf-8";

.main_latest {width:100%; max-width:1700px; margin:0 auto; padding:45px 50px; background:#fff; border:1px solid #d90e2c;}
.main_latest_div {width:100%;}

.main_latest_div .li01 {width:100%; display:flex; justify-content:space-between; align-items:center;}
.main_latest_div .li01 h4.tit a {font-size:30px; color:#d90e2c; font-weight:700;}
.main_latest_div .li01 .li01_txt {width:70%; height:38px; overflow:hidden;}
.main_latest_div .li01 .li01_txt ul li {width:100%; display:flex; justify-content:space-between; align-items:center; line-height:38px;}
.main_latest_div .li01 .li01_txt ul li a {font-size:18px; color:#333; font-weight:400; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -o-transition:all 0.25s;}
.main_latest_div .li01 .li01_txt ul li a:hover {color:#000;}
.main_latest_div .li01 .li01_txt ul li span.datetime {font-size:17px; color:#777; font-weight:300;}

.main_latest .navi a {display:inline-block; font-size:20px; color:#aaa; cursor:pointer; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -o-transition:all 0.25s;}
.main_latest .navi a:hover {color:#333;}
.main_latest .navi a.prev {margin-right:15px;}



@media (max-width:1199px){
	
 }
 
@media (max-width:969px){
	.main_latest {padding:35px; }
    .main_latest_div .li01 h4.tit a {font-size:25px;}
	.main_latest_div .li01 .li01_txt ul li a {font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.main_latest_div .li01 .li01_txt ul li span.datetime {display:none;}
	.main_latest .navi a {font-size:18px;}
	.main_latest .navi a.prev {margin-right:10px;}
 }

@media (max-width:639px){
	.main_latest {padding:20px 20px 15px; }
	.main_latest_div .li01 {display:block; position:relative;}
    .main_latest_div .li01 h4.tit a {font-size:21px;}
	.main_latest_div .li01 .li01_txt {width:100%;}
	.main_latest_div .li01 .li01_txt ul li a {font-size:15px;}
	.main_latest .navi {position:absolute; right:0px; top:-5px;}
	.main_latest .navi a {font-size:15px;}
	.main_latest .navi a.prev {margin-right:5px;}
 }

@media (max-width:399px){
    .main_latest_div .li01 h4.tit a {font-size:20px;}
 }