@charset "UTF-8";
/*--------------------------
Color
---------------------------*/
/*----------------------------------------------------
                     お知らせ一覧
-----------------------------------------------------*/
@media only screen and (max-width: 768px) {
  body {
    overflow-x: hidden; } }

/*Section newsList_contents*/
#newsList_contents {
  background-color: #e7f2f5;
  padding: 50px 0; }
  #newsList_contents .wrap {
    width: 1000px;
    padding: 30px 80px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px; }
    @media only screen and (max-width: 768px) {
      #newsList_contents .wrap {
        width: 90vw; } }
    #newsList_contents .wrap h2 {
      font-size: 2.4rem;
      padding: 5px 0;
      margin-bottom: 20px;
      border-bottom: 1px dotted #2d5784; }
  #newsList_contents ul.tab {
    display: flex;
    align-content: space-between;
    justify-content: space-around;
    padding: 0;
    border-bottom: 1px solid #2d5784;
    margin: 30px auto 10px; }
    @media only screen and (max-width: 768px) {
      #newsList_contents ul.tab {
        flex-wrap: wrap;
        justify-content: flex-start; } }
    #newsList_contents ul.tab li {
      list-style: none;
      text-align: center;
      align-self: center;
      margin: 0;
      background-color: #cde4f8;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
      @media only screen and (max-width: 768px) {
        #newsList_contents ul.tab li {
          width: calc(33.33% - 3px);
          margin: 1px; } }
      #newsList_contents ul.tab li span {
        display: block;
        padding: 10px 50px; }
        @media only screen and (max-width: 768px) {
          #newsList_contents ul.tab li span {
            padding: 10px 5px; } }
      #newsList_contents ul.tab li.active {
        background-color: #2d5784; }
        #newsList_contents ul.tab li.active a {
          color: #fff; }
      #newsList_contents ul.tab li:hover {
        cursor: pointer;
        background-color: #cdd7e0;
        color: #fff; }
  #newsList_contents .tab_area {
    display: none; }
  #newsList_contents dl {
    display: flex;
    flex-wrap: wrap;
    width: 870px;
    padding: 20px 0;
    font-size: 1.6rem; }
    @media only screen and (max-width: 768px) {
      #newsList_contents dl {
        display: block;
        width: 82vw;
        padding: 20px 0 0;
        font-size: 1.4rem; } }
    #newsList_contents dl dt {
      width: 205px;
      line-height: 1.3; }
      #newsList_contents dl dt.category-news {
        background: url("../img/cmn/news_cate01.png") top right no-repeat; }
      #newsList_contents dl dt.category-rec {
        background: url("../img/cmn/news_cate02.png") top right no-repeat; }
      #newsList_contents dl dt.category-cal {
        background: url("../img/cmn/news_cate03.png") top right no-repeat; }
      #newsList_contents dl dt.category-blog {
        background: url("../img/cmn/news_cate04.png") top right no-repeat; }
      @media only screen and (max-width: 768px) {
        #newsList_contents dl dt {
          width: 190px;
          margin-bottom: 5px; } }
    #newsList_contents dl dd {
      width: 619px;
      margin-bottom: 15px;
      padding-left: 10px;
      line-height: 1.3; }
      @media only screen and (max-width: 768px) {
        #newsList_contents dl dd {
          width: 100%;
          padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    #newsList_contents {
      width: 100vw;
      padding: 4vw; }
      #newsList_contents .wrap {
        width: 92vw;
        padding: 20px 5vw; }
        #newsList_contents .wrap h2 {
          font-size: 2rem; } }
  #newsList_contents .pageBack {
    width: 1000px;
    margin: 30px auto;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      #newsList_contents .pageBack {
        width: 92vw;
        margin: 20px auto 0; } }
    #newsList_contents .pageBack a {
      display: inline-block;
      padding: 5px 30px 5px 0;
      background: url("../img/cmn/link_arrow.png") center right no-repeat; }

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