.News {
  max-width: 700px;
  margin: 80px auto;
}

.News h1 {
  font-size: 25px;
  color: #ff8080;
  margin-bottom: 10px;
  font-weight: 700;
  font-family: "altivo", sans-serif;
  text-align: center;
}

.News H2 {
  font-size: 12px;
  color: #ff8080;
  padding-bottom: 10px;
  font-weight: 700;
  text-align: center;
}

.News__Box {
  padding: 50px 40px;
  margin: 20px 25px;
}

.News__Box img {
  width: 100%;
}

.News__Box dl {
  display: flex;
  flex-wrap: wrap;
}

.News__Box dt {
  width: 20%;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
}

.News__Box dd {
  width: 75%;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 0 5px 5px 0;
}

.News__Box dd ul {
  display: flex;
  flex-wrap: wrap;
}

.News__Box dd ul li {
  width: 75%;
  color: #ff8080;
}

.News__Box dd ul .text {
  color: #000;
  font-weight: 700;
  padding: 10px 0;
}

.News__Box dd ul .link {
  text-align: right;
  width: 25%;
  text-align: center;
}

.News__Box dd ul .link a {
  color: #fff;
  background-color: #ff8080;
  padding: 5px;
  border-radius: 20px;
}

.News__btn a {
  background-color: #ff8080;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  padding: 6px 15px;
  font-weight: 700;
  width: 200px;
  display: block;
  margin: 15px auto 0;
}