.lower__mv {
  background-image: url(../../img/archive-business/mv__bg.jpg);
}

/* --------------------------------------------------------------------------------------------------------- */
/* main__contents */
.main__contents {
  padding: 50px 0;
  background-color: #ffffff;
}

.main__contents .inner {
  max-width: 1180px;
  width: 90%;
  margin: auto;
}

.main__contents .container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.main__contents .container .post__wrap {
  width: 30%;
  max-width: 360px;
}
.main__contents .container .post__wrap:not(:nth-child(3n)) {
  margin-right: 5%;
}
.main__contents .container .post__wrap:nth-child(n + 3) {
  margin-top: 30px;
}

.main__contents .post__wrap .post__name {
  position: relative;
  font-size: calc(16px + 9 * (100vw - 320px) / 1080);
  line-height: 0.96;
  letter-spacing: 0.08em;
}
.main__contents .post__wrap .post__name::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 3px;
  background-color: #d5040a;
  bottom: -15px;
  left: 0;
}
@media screen and (min-width: 1440px) {
  .main__contents .post__wrap .post__name {
    font-size: 25px;
  }
}

.main__contents .post__wrap .post__img {
  width: 100%;
  position: relative;
  margin-top: 30px;
  margin-bottom: 25px;
}

.main__contents .post__wrap .post__img img {
  object-fit: cover;
  max-height: 250px;
  width: 100%;
  height: 100%;
}

.main__contents .post__wrap .post__img::after {
  position: absolute;
  content: "";
  right: -3px;
  top: 5px;
  clip-path: polygon(0% 100%, 75% 0%, 100% 0%, 100% 100%);
  background-color: #d5040a;
  height: 100%;
  width: 30px;
}

.main__contents .post__wrap .post__text {
  /* padding-left: 20px; */
  font-size: calc(12px + 2 * (100vw - 320px) / 1080);
  line-height: 2;
  letter-spacing: 0.04em;
  position: relative;
}
/* .main__contents .post__wrap .post__text::before {
  content: "・";
  position: absolute;
  font-size: calc(12px + 2 * (100vw - 320px) / 1080);
  line-height: 2;
  letter-spacing: 0.04em;
  color: #222222;
  left: 0;
  top: 1px;
  bottom: 0;
  margin: auto;
} */
@media screen and (min-width: 1440px) {
  .main__contents .post__wrap .post__text {
    font-size: 14px;
  }
  /* .main__contents .post__wrap .post__text::before {
    font-size: 14px;
  } */
}
/* --------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------- */
/* margin__area */
.margin__area {
  background-color: #f6f6f6;
  width: 100%;
  height: 150px;
}
/* --------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------- */
/* responsive */
@media screen and (max-width: 1024px) {
  .main__contents .container .post__wrap {
    width: 45%;
    max-width: unset;
  }

  .main__contents .container .post__wrap:not(:nth-child(3n)) {
    margin: unset;
  }

  .main__contents .container .post__wrap:nth-child(n + 3) {
    margin-top: unset;
  }

  .main__contents .container .post__wrap:nth-child(n + 2) {
    margin-top: 30px;
  }

  .main__contents .container .post__wrap:not(:nth-child(even)) {
    margin-right: 10%;
  }

  .main__contents .post__wrap .post__img {
    max-height: unset;
    height: 27vw;
  }
}

@media screen and (max-width: 768px) {
  .main__contents .container .post__wrap:not(:nth-child(even)) {
    margin: unset;
  }

  .main__contents .container .post__wrap {
    width: 80%;
  }

  .main__contents .container .post__wrap:not(:nth-child(n + 2)) {
    margin: auto;
  }

  .main__contents .container .post__wrap:nth-child(n + 2) {
    margin: auto;
    margin-top: 50px;
  }

  .margin__area {
    height: 80px;
  }
}

@media screen and (max-width: 375px) {
  .main__contents .container .post__wrap {
    width: 90%;
    margin: auto;
  }
}
/* --------------------------------------------------------------------------------------------------------- */