@charset "UTF-8";
@media print, screen and (min-width: 751px) {
  .mainImage { background: url("../img/course/main-image_pc.jpg") 50% 0 no-repeat; background-size: cover; }
  #news-page { overflow: hidden; margin-top: 80px;}
  #news-page .content { width: 800px; margin:0 auto; }
  #news-page .content .date { width:15%; height:60px; padding:10px; font-size: 13px; margin-bottom: 10px; float:left; border-bottom: 1px solid #cecece;}
  #news-page .content .title { width:85%; height:60px; padding:3px; font-size: 17px; line-height: 1.5; border-bottom: 1px solid #cecece; margin-bottom: 25px; float:left;}
  #news-page .content .title a:hover { color:#008a1b}
  #news-page .content .news-date { font-size: 13px; margin-bottom: 10px;  }
  #news-page .content .news-title { font-size: 24px; line-height: 1.5; border-bottom: 1px solid #cecece; padding-bottom: 20px; margin-bottom: 25px; }
  #news-page .content .news-text p { font-size: 16px; line-height: 2; margin-bottom:15px; }
  #news-page .btn_orange         { width: 450px; height:72px; margin:50px auto; }
  #news-page .btn_orange a       { padding: 25px 0; display: block; text-align: center; font-size: 1rem; font-weight: 600; color: #fff; background: #c8632b url('../img/common/arrow.svg') 92% 50% no-repeat; background-size: 6px;}
}

@media screen and (max-width: 750px) {
  .mainImage { background: url("../img/course/main-image_sp.jpg") 50% 0 no-repeat; background-size: cover; }
  #news-page { overflow: hidden; margin-top: 30px;}
  #news-page .content { margin-bottom: 20%; }
  #news-page .content .date { width:100%; padding:3px; font-size: 13px; margin: 0 ; }
  #news-page .content .title { width:100%; padding: 0 3px 15px; font-size: 17px; line-height: 1.5; border-bottom: 1px solid #cecece; margin-bottom:15px; }
  #news-page .content .title a:hover { color:#008a1b}
  #news-page .content .news-date { font-size: 13px; margin-bottom: 10px;}
  #news-page .content .news-title { font-size: 18px; line-height: 1.5; border-bottom: 1px solid #cecece; padding-bottom: 20px; margin-bottom: 25px; }
  #news-page .content .news-text p { font-size: 16px; line-height: 2; margin-bottom:15px; }
  #news-page .btn_orange         { width: 100%; height:72px; margin:5% auto; }
  #news-page .btn_orange a       { padding: 25px 0; display: block; text-align: center; font-size: 1rem; font-weight: 600; color: #fff; background: #c8632b url('../img/common/arrow.svg') 92% 50% no-repeat; background-size: 6px;}
}