/* newsList */
#newsList .titleWrap:after {
  background: url(/img/lower/bg_news.jpg) center center no-repeat;
  background-size: cover;
  margin-left: -10%; }
#newsList .newsWrap {
  padding: calc(9 / 768 * 100%) 0 calc(100 / 768 * 100%) 0; }
#newsList .news {
  padding: calc(80 / 768 * 100%) 0 calc(74 / 768 * 100%) 0;
  border-bottom: 1px solid #cccccc; }
  #newsList .news .newsArticle {
    color: #333333; }
  #newsList .news .date {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 2rem;
    line-height: 1;
    font-weight: 300;
    margin: 0 0 calc(10 / 768 * 100%) 0; }
  #newsList .news .headline {
    font-size: 3rem;
    line-height: 1.4;
    font-weight: 500;
    margin: 0 0 calc(43 / 768 * 100%) 0; }
  #newsList .news .newsBody img {
    height: auto !important;
    margin: 0 0 calc(54 / 768 * 100%) 0; }
  #newsList .news .newsBody p {
    font-size: 2.2rem;
    line-height: 1.82;
    font-weight: 500; }
  #newsList .news .newsBody a {
    color: #08859b; }
#newsList .buttonArea {
  padding: calc(80 / 768 * 100%) 0 0 0; }
  #newsList .buttonArea .button a {
    border: 1px solid #7f7f7f; }

@media screen and (min-width: 769px) {
  #newsList .contentInner {
    max-width: 1020px; }
  #newsList .titleWrap:after {
    background: url(/img/lower/bg_news.jpg) center center no-repeat;
    background-size: cover;
    margin-left: 0; }
  #newsList .newsWrap {
    padding: calc(9 / 1000 * 100%) 0 calc(100 / 1000 * 100%) 0; }
  #newsList .news {
    padding: calc(80 / 1000 * 100%) 0 calc(74 / 1000 * 100%) 0;
    border-bottom: 1px solid #cccccc; }
    #newsList .news .newsArticle {
      width: calc(680 / 1000 * 100%);
      margin: 0 auto; }
    #newsList .news .date {
      font-size: 1.4rem;
      line-height: 1;
      margin: 0 0 calc(6 / 680 * 100%) 0; }
    #newsList .news .headline {
      font-size: 2rem;
      line-height: 1.4;
      margin: 0 0 calc(43 / 680 * 100%) 0; }
    #newsList .news .newsBody img {
      margin: 0 0 calc(54 / 680 * 100%) 0; }
    #newsList .news .newsBody p {
      font-size: 1.5rem;
      line-height: 1.87; }
    #newsList .news .newsBody a {
      transition: opacity 0.2s ease-out;
      backface-visibility: hidden;
      zoom: 1; }
      #newsList .news .newsBody a:hover {
        opacity: 0.8; }
  #newsList .buttonArea {
    padding: calc(80 / 1000 * 100%) 0 0 0; } }