:root {
  --bg-color: #F8F8F5;
  --bg-color2: #F0EEE6;
}

/*-----------------------------------------
	index
-----------------------------------------*/
.important {
  padding-bottom: 60px;
}
@media screen and (min-width: 1025px) {
  .important {
    padding-bottom: 80px;
  }
}

.important_post:not(:last-child) {
  margin-bottom: 60px;
}
@media screen and (min-width: 1025px) {
  .important_post:not(:last-child) {
    margin-bottom: 80px;
  }
}
.important_post .post_header {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 32px;
}
.important_post .post_header .data {
  color: rgba(0, 0, 0, 0.35);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  margin-bottom: 8px;
}
@media screen and (min-width: 1025px) {
  .important_post .post_header .data {
    font-size: 13px;
    margin-bottom: 12px;
  }
}
.important_post .post_header .post_ttl {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.22;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .important_post .post_header .post_ttl {
    font-size: 20px;
  }
}
.important_post > p {
  margin-bottom: 1.71em;
  letter-spacing: 0.05em;
  line-height: 1.71;
}
.important_post > img {
  display: block;
  max-width: calc(100% - 40px);
  margin: 0 auto 1.71em;
}
@media screen and (min-width: 1025px) {
  .important_post > img {
    max-width: 580px;
  }
}
.important_post a:not(.btn) {
  color: #176052;
  text-decoration: underline;
}