@charset "UTF-8";
/*--------------------------
Color
---------------------------*/
/*----------------------------------------------------
                     お知らせ
-----------------------------------------------------*/
/*Section news_contents*/
#news_contents {
  background-color: #e7f2f5;
  padding: 50px 0; }
  #news_contents .wrap {
    width: 1000px;
    padding: 30px 80px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden; }
    #news_contents .wrap h2 {
      font-size: 2.4rem;
      padding: 5px 0;
      margin-bottom: 20px;
      border-bottom: 1px dotted #2d5784; }
    #news_contents .wrap .date span {
      display: inline-block; }
      #news_contents .wrap .date span.category-news {
        width: 78px;
        height: 18px;
        background: url("../img/cmn/news_cate01.png") top right no-repeat; }
      #news_contents .wrap .date span.category-rec {
        width: 78px;
        height: 18px;
        background: url("../img/cmn/news_cate02.png") top right no-repeat; }
      #news_contents .wrap .date span.category-cal {
        width: 78px;
        height: 18px;
        background: url("../img/cmn/news_cate03.png") top right no-repeat; }
      #news_contents .wrap .date span.category-blog {
        width: 78px;
        height: 18px;
        background: url("../img/cmn/news_cate04.png") top right no-repeat; }
  @media only screen and (max-width: 768px) {
    #news_contents {
      width: 100vw;
      padding: 4vw; }
      #news_contents .wrap {
        width: 92vw;
        padding: 20px 5vw; }
        #news_contents .wrap h2 {
          font-size: 2rem; } }
  #news_contents .alignright {
    margin-left: 20px; }
    @media only screen and (max-width: 768px) {
      #news_contents .alignright {
        margin-left: 0; } }
  #news_contents .alignleft {
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      #news_contents .alignleft {
        margin-right: 0; } }
  #news_contents .pageBack {
    width: 1000px;
    margin: 30px auto;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      #news_contents .pageBack {
        width: 92vw;
        margin: 20px auto 0; } }
    #news_contents .pageBack a {
      display: inline-block;
      padding: 5px 30px 5px 0;
      background: url("../img/cmn/link_arrow.png") center right no-repeat;
      background-size: 20px 20px; }

/*# sourceMappingURL=single.css.map */