@charset "UTF-8";
/* CSS Document */
#news .news-list{
 padding: 80px;
 max-width: 1240px;
 background-color: #fff;
 box-sizing: border-box;
 margin: -150px auto 0;
 position: relative;
 z-index: 1;
 border-radius: 30px;
}
#news .news-list .nl-title{
 position: relative;
 padding: 0 0 0 22px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0.05rem;
 color: #F55723;
 line-height: 1.25;
}
#news .news-list .nl-title::before{
 position: absolute;
 content: "";
 width: 12px;
 height: 12px;
 border-radius: 999px;
 background-color: #F55723;
 background-size: cover;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
#news .news-list ul{
 margin: 55px auto 0;
}
#news .news-list ul li{
 margin: 0 0 31.5px;
 border-bottom: solid 1px #707070;
}
#news .news-list ul li a,
#news .news-list ul + div p{
 display: block;
 padding: 0 8px 31.5px;
 color: #222;
 font-size: 16px;
 font-weight: 500;
 line-height: 2;
 pointer-events: none;
}
#news .news-list ul li a:hover{
 color: #F55723;
 opacity: 1;
}
#news .news-list ul li a div{
 display: flex;
 gap: 30px;
}
@media screen and (max-width: 1000px) {
 #news .news-list{
  width: 90%;
  padding: 30px 20px 20px;
  border-radius: 15px;
  margin: 20px auto 0;
 }
 #news .news-list .nl-title{
  font-size: 16px;
 }
 #news .news-list ul{
  margin: 30px auto 0;
 }
 #news .news-list ul li{
  margin: 0 0 20px;
 }
 #news .news-list ul li a div{
  display: block;
 }
}