@charset "UTF-8";

.content {
  margin-bottom: 40px;
}

/* ttl */
.newsBox {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 15px;
  padding: 20px 10px;
}

.newsBox .sttl {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  position: relative;
  margin: 0 auto 10px;
}

.newsBox .sttl:before {
  background: #369f67;
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.data {
  color: #369f67;
  font-weight: bold;
  margin-bottom: 20px;
}

.newsBox p {
  margin-bottom: 10px;
}

.imgBox {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

.imgBox img {
  max-width: 100%;
}

.link {
  color: #369f67;
  text-decoration: underline;
}

.link:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
#mainNews {
  padding-bottom: 0;
  margin-top: 80px;
}

#mainNews._sec:before {
  width: 87.14vw;
}

.ttlArea._sec:before {
  content: none;
}

.ttlArea._sec {
  position: absolute;
  top: 0;
  left: calc(50% - 9.75%);
  margin: 0 auto;
}

.ttlArea._sec .ttl {
  top: -33px;
  left: calc(50% - 27px);
}

.newsBox {
  margin-top: -120px;
}

}

@media only screen and (min-width: 768px) {
#mainNews {
  padding: 40px 0 46px;
}

.ttlArea._sec {
  margin: 0 auto 32px;
  padding: 0;
}

.newsBox {
  padding: 20px;
}

.newsBox .sttl {
  font-size: 20px;
  margin-bottom: 20px;
}

.data {
  margin-bottom: 28px;
}

.imgBox {
  text-align: left;
}


}