@charset "utf-8";

@media screen, print {
  #news-pagebg {
    background: url(../img/news/news-bg-sp.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }

  .contArea {
    background-color: #fff;
    padding: 5vw 4vw;
  }

  .tlist-head,
  .tlist-body {
    align-items: baseline;
    display: flex;
  }

  .tlist-head {
    background-color: var(--clr-blue);
    color: #fff;
    letter-spacing: 2px;
    line-height: 1;
    padding: 20px 2vw;
  }

  .tlist-body {
    border-bottom: var(--clr-blue) 1px solid;
    padding: 2rem 2vw;
  }

  dt[class^="tl"][class$="term"] {
    margin-right: 1.5rem;
    width: 10rem;
  }

  .tlbody-term {
    color: var(--clr-blue);
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 1;
  }

  dd[class^="tl"][class$="desc"] {
    flex: 1;
  }

  .desc-site,
  .desc-para {
    line-height: 1.5;
  }

  .desc-site {
    font-weight: 600;
    margin-bottom: 1rem;
  }

  .desc-para .material-icons {
    color: #666;
    font-size: 1.6rem;
    margin-right: 2px;
    vertical-align: text-bottom;
    vertical-align: middle;
  }
}


/*** md TB ***/
@media screen and (min-width: 640px) {
  #news-pagebg {
    background: url(../img/news/news-bg-tb.jpg) no-repeat;
    background-size: cover;
  }

  .contArea {
    padding: 3rem 1.5rem;
  }

  .tlist-head {
    padding: 1.5rem;
  }

  .tlist-body {
    padding: 2rem 1.5rem;
  }

  dt[class^="tl"][class$="term"] {
    margin-right: 3rem;
  }

  .tlbody-term {
    letter-spacing: 0; /* reset */
  }

  .desc-site {
    margin-bottom: .5rem;
  }
}


/*** Special BP ***/
@media screen and (min-width: 960px) {
  #news-pagebg {
    background: url(../img/news/news-bg.jpg) no-repeat;
    background-size: cover;
  }

  .contArea {
    padding: 4rem 6rem 6rem;
  }

  .tlist-head {
    padding: 1rem;
  }

  .tlist-body {
    padding: 2rem 1rem;
  }

  dt[class^="tl"][class$="term"] {
    margin-right: 5rem;
  }

  .desc-site {
    margin-bottom: .5rem;
  }
}


/*** lg PC ***/
@media screen and (min-width: 1280px) {

}


/*****************/
/***   Print   ***/
/*****************/
@media print {
  #news-pagebg {
    background: url(../img/news/news-bg.jpg) no-repeat;
    background-size: cover;
  }

  .tlist-head {
    padding: 10px 15px;
  }

  .tlist-body {
    padding: 15px 15px;
  }

  .desc-site {
    margin-bottom: 5px;
  }

  .desc-para .material-icons {
    font-size: 12px;
  }

}