#News #Main .works {
  clear: both; }
  #News #Main .works h2 {
    color: #00480A;
    font-family: 'Anton', sans-serif;
    font-size: 30px;
    line-height: 30px;
    text-align: center; }
    #News #Main .works h2 span {
      font-size: 14px;
      font-weight: normal; }
  #News #Main .works .article {
    width: 100%;
    margin: 0 auto; }
    #News #Main .works .article .article-box:last-child {
      border-bottom: 1px dashed #ccc; }
    #News #Main .works .article .article-box {
      text-align: left;
      border-top: 1px dashed #ccc;
      padding: 20px 0; }
      #News #Main .works .article .article-box .meta {
        font-size: 13px; }
        #News #Main .works .article .article-box .meta p {
          display: inline; }
        #News #Main .works .article .article-box .meta p.date {
          padding-right: 10px; }
        #News #Main .works .article .article-box .meta p.cat {
          border-left: 1px dashed #ccc;
          color: #00480A;
          padding-left: 10px; }
        #News #Main .works .article .article-box .meta .text {
          font-size: 14px; }

#News h3{
  height: 60px;
color: #fff;
line-height: 60px;
padding-left: 30px;
margin-bottom: 20px;
font-weight: normal;
clear: both;
font-size: 15px;
}

#News .text h3{
  background: none !important;
  border-left: 5px solid #00480E;
  padding-left: 5px;
  height: 25px;
  color: #00480E;
  line-height: 25px;
  margin-top: 10px;
}

#News #Main .page-navi {
  border: 4px solid #ddd;
  height: 60px;
  line-height: 60px; }
  #News #Main .page-navi .page-inner {
    width: 70%;
    margin: 0 auto;
    text-align: center; }
  #News #Main .page-navi .first {
    background: url("../img/_common/link_icon_02.png") left no-repeat;
    padding-left: 30px; }
  #News #Main .page-navi .page {
    text-align: center; }
  #News #Main .page-navi .last {
    background: url("../img/_common/link_icon.png") left no-repeat;
    padding-left: 30px;
    float: right; }
  #News #Main .page-navi .prev {
    background: url("../img/_common/link_icon_02.png") left no-repeat;
    padding-left: 30px;
    float: left; }
  #News #Main .page-navi .page-numbers {
    text-align: center; }
  #News #Main .page-navi .next {
    background: url("../img/_common/link_icon.png") left no-repeat;
    padding-left: 30px;
    float: right; }

@media screen and (min-width: 641px) {
  #News .page-navi .first {
    margin-left: 140px;
    margin-right: 50px; }
  #News .page-navi .last {
    margin-right: 140px; } }

@media screen and (max-width: 640px) {
  #News .article-box {
    width: 96%;
    margin: 0 auto; }
    #News article h3{
      height: auto;
      line-height: 30px !important;
      padding-left: 12px;
      margin-top: 20px;
      padding-top: 5px;
      padding-bottom: 5px;
    }
  #News .page-navi {
    margin-top: 30px; } }