@charset "utf-8";

/*------------  news  ------------*/

#news { box-sizing: border-box; margin: 0 auto; padding: 50px 3% 35px; max-width: 1120px; }
#news .title { margin: 0 auto; padding: 0 0 30px; width: 234px; }
#news .block { padding: 0 4%; background: #fff; border-radius: 18px; }

#news .news-list { line-height: 1.5; }
#news .news-list li { padding: 24px 2%; border-bottom: 1px solid #0b9ece; }
#news .news-list li:last-child { border-bottom: none; }
#news .news-list a { text-decoration: underline; }
#news .news-list .date { padding: 0 0 3px; font-size: 14px; }
#news .news-list .item { font-weight: normal; font-size: 16px; }

#news .detail { padding: 40px 1% 60px; line-height: 1.5; }
#news .detail .date { padding: 0 0 5px; font-size: 16px; }
#news .detail .item { padding: 0 0 18px; font-size: 24px; font-weight: bold; color: #008ac2; border-bottom: 1px solid #0b9ece; }
#news .detail .txt { padding: 40px 0 0; font-size: 16px; line-height: 1.8; }
#news .detail .txt2 { padding: 30px 0 0; font-size: 16px; line-height: 1.8; }

.btn-set { display: flex; justify-content: center; padding: 0 0 70px; }
.btn-list { padding: 0 10px; width: 340px; }
.btn-list a { display: block; height: 60px; background: url('/images/news/btn_list.png') no-repeat center #057eb0; background-size: 140px 18px; border-radius: 30px; text-indent: -9999px; overflow: hidden; }
.btn-home { padding: 0 10px; width: 340px; }
.btn-home a { display: block; height: 60px; background: url('/images/news/btn_home.png') no-repeat center #057eb0; background-size: 140px 18px; border-radius: 30px; text-indent: -9999px; overflow: hidden; }






@media screen and (max-width: 920px) {

  #news .title { width: 210px; }

}






@media screen and (max-width: 740px) {

  #news { padding: 20px 3% 20px; }
  #news .title { padding: 0 0 16px; width: 150px; }
  #news .block { padding: 0 3%; background: #fff; border-radius: 12px; }

  #news .news-list { }
  #news .news-list li { padding: 16px 2%; }
  #news .news-list .date { padding: 0 0 2px; font-size: 13px; }
  #news .news-list .item { font-size: 14px; }

  #news .detail { padding: 25px 2% 35px; }
  #news .detail .date { padding: 0 0 2px; font-size: 14px; }
  #news .detail .item { padding: 0 0 10px; font-size: 18px; }
  #news .detail .txt { padding: 25px 0 0; font-size: 14px; }
  #news .detail .txt2 { padding: 20px 0 0; font-size: 14px; }

  .btn-set { flex-direction: column; padding: 0 0 30px; }
  .btn-list { margin: 0 auto; padding: 0 0 10px; width: 260px; }
  .btn-list a { height: 48px; background-size: 108px 14px; border-radius: 24px; }
  .btn-home { margin: 0 auto; padding: 0; width: 260px; }
  .btn-home a { height: 48px; background-size: 108px 14px; border-radius: 24px; }

}