@charset "UTF-8";
/* CSS Document */
main {
  background: linear-gradient(90deg, #fff 15%, #fff 50%, #fff 85%);
}
a:hover {
  opacity: 1.0;
}


.section-news_dis {
  background-color: #1a1a1a;
  padding: 60px 0 120px;
}
.section-news_dis ul {
  width: 90%;
  max-width: 1340px;
  margin: 0 auto;
  padding: 40px 0 0;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: center;
}
.section-news_dis ul li {
  width: 25%;
  margin-bottom: 60px;
  text-align: left;
  display: inline-block;
  margin: 0 30px 40px;
}
.section-news_dis ul li img {
  max-width: 100%;
	vertical-align: top;
}
.section-news_dis h1 {
  color: #fff;
  font-size: 2.4rem;
}
.section-news_dis p {
  color: #fff;
  font-size: 2.0rem;
  text-align: left;
  margin: 40px auto 20px;
  max-width: 980px;
}
.section-news_dis p span {
  color: #ddd;
  font-size: 1.6rem;
}
.contact_btn {
  margin-top: 60px;
}
.contact_btn a {
  width: 250px;
}
.contact_btn a:hover {
  opacity: 0.4;
}
.contact_btn a img {
  width: 250px;
  height: 100%;
}


@media (max-width: 395px) {
}
@media (max-width: 595px) {
}
@media (max-width: 925px) {
}
@media (max-width: 520px){
}
@media (max-width: 980px) {
.section-news_dis {
  padding: 40px 0 120px;
}
.section-news_dis ul {
  width: 100%;
  flex-direction: column;
  padding: 40px 0 20px;
}
.section-news_dis ul li {
  width: 100%;
  margin: 0 0 20px;
  padding: 0 40px;
}
.section-news_dis p span {
  font-size: 1.4rem;
}
}
@media (max-width: 1060px) {
.section-news_dis h1 {
  font-size: 2.0rem;
  padding: 0 40px;
  text-align: left;
  display: inline-block;
}
.section-news_dis p {
  font-size: 1.6rem;
  padding: 0 40px;
}
}
@media (min-width: 1259px) {
}