@charset "UTF-8";
/* Scss Document */
@media (min-width: 769px) {
  .title02 {
    margin: 0 auto 20px;
  }
}

/******************      共通      **********************/
.news-title {
  background: #C4CE7D;
  padding: 10px 0;
  color: #fff;
}

.news-title h2 {
  margin-bottom: -10px;
}

.news-title h2 img {
  max-width: 280px;
}

.news-box {
  max-width: 600px;
}

.news-box .news-date, .news-box h3 {
  letter-spacing: .1em;
  color: #707070;
}

.news-box > li {
  width: 100%;
  margin-bottom: 3%;
  padding: 2% 2% 5%;
}

@media (min-width: 769px) {
  .news-box > li {
    margin-right: 1%;
  }
}

.news-box > li .news-box_inner li {
  width: 100%;
}

@media (min-width: 769px) {
  .news-box > li .news-box_inner li {
    width: 70%;
  }
}

@media (min-width: 769px) {
  .news-box > li .news-box_inner li p {
    padding-top: 20px;
  }
}

.news-box > li .news-box_inner li:first-child {
  display: block;
}

@media (min-width: 769px) {
  .news-box > li .news-box_inner li:first-child {
    width: 30%;
  }
}

.news-box > li .news-box_inner li:first-child .news_thumb {
  margin: 0 auto 20px;
}

.news-box > li .news-box_inner li:first-child .news_thumb span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding-top: 62%;
}

/******************     single-news     **********************/
@media (min-width: 769px) {
  #single-news .news-box {
    margin-right: 8%;
  }
}

#single-news .news-box_thumb span {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 100%;
}

#single-news .Btn02 a {
  background: #fff;
}

.news-monthly {
  max-width: 400px;
}

.news-monthly h3 {
  background: #DFEAE6;
  padding: 5px 0 5px 5px;
}

.news-monthly li {
  padding: 5px 0 5px 1em;
  margin: 0 5px;
  border-bottom: 1px dotted #6f6f6f;
}

.news-monthly li a {
  display: inline-block;
}

.news-monthly li:last-child {
  border-bottom: none;
}
/*# sourceMappingURL=page-news.css.map */