.l-main__inner {
  padding-top: 5.3333333333vw;
  width: 100%;
  overflow-x: hidden;
  background: #f9f8f4;
}
@media (min-width: 768px) {
  .l-main__inner {
    padding-top: min(3.7037037037vw, 40px);
  }
}

.l-main__inner {
  padding-top: 20px;
}

@media (min-width: 768px) {
  .l-main__inner {
    padding-top: 40px;
  }
}
.p-blog {
  padding: 8vw 5.3333333333vw 10.6666666667vw;
}
@media (min-width: 768px) {
  .p-blog {
    padding: min(9.2592592593vw, 100px) min(1.8518518519vw, 20px) min(7.4074074074vw, 80px);
  }
}
.p-blog__inner {
  position: relative;
}
@media (min-width: 768px) {
  .p-blog__inner {
    max-width: 1080px;
    margin: 0 auto;
  }
}
.p-blog__cards {
  display: flex;
  flex-direction: column;
  row-gap: 5.3333333333vw;
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .p-blog__cards {
    row-gap: min(3.7037037037vw, 40px);
    margin-top: min(7.4074074074vw, 80px);
  }
}
.p-blog__card {
  display: flex;
  column-gap: 5.6vw;
  padding: 2.1333333333vw 3.2vw 1.8666666667vw 2.9333333333vw;
  border-bottom: #eee 0.2666666667vw solid;
}
@media (min-width: 768px) {
  .p-blog__card {
    column-gap: min(2.7777777778vw, 30px);
    padding: min(2.4074074074vw, 26px);
    border-bottom: #eee 3px solid;
  }
}
.p-blog__card:nth-child(1) {
  border-top: #eee 0.2666666667vw solid;
}
@media (min-width: 768px) {
  .p-blog__card:nth-child(1) {
    border-top: #eee 3px solid;
  }
}
.p-blog__image {
  display: block;
  width: 32vw;
  height: 27.7333333333vw;
}
@media (min-width: 768px) {
  .p-blog__image {
    width: min(33.3333333333vw, 360px);
    height: min(27.7777777778vw, 300px);
  }
}
.p-blog__image > img {
  width: 32vw;
  height: 27.7333333333vw;
}
@media (min-width: 768px) {
  .p-blog__image > img {
    width: min(33.3333333333vw, 360px);
    height: min(27.7777777778vw, 300px);
  }
}
.p-blog__content {
  width: 45.3333333333vw;
}
@media (min-width: 768px) {
  .p-blog__content {
    width: 70%;
  }
}
.p-blog__content-inner {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.p-blog__content-tag {
  padding: 1.0666666667vw 1.0666666667vw 0.8vw 2.1333333333vw;
  background: #eee;
  min-width: 19.7333333333vw;
  height: 6.4vw;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .p-blog__content-tag {
    padding: min(0.7407407407vw, 8px) min(1.4814814815vw, 16px);
    min-width: min(5.5555555556vw, 60px);
    height: min(3.7037037037vw, 40px);
    font-size: min(1.8518518519vw, 20px);
  }
}
.p-blog__content-date {
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .p-blog__content-date {
    font-size: min(1.4814814815vw, 16px);
  }
}
.p-blog__content-title {
  font-size: 3.7666666667vw;
  font-weight: normal;
  line-height: 1.29;
  text-align: left;
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .p-blog__content-title {
    font-size: min(2.7777777778vw, 30px);
    margin-top: min(2.7777777778vw, 30px);
  }
}
.p-blog__content-text {
  font-size: 2.7333333333vw;
  font-weight: normal;
  line-height: 1.29;
  text-align: left;
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .p-blog__content-text {
    font-size: min(2.2222222222vw, 24px);
    margin-top: min(1.8518518519vw, 20px);
  }
}
.p-blog__content-link {
  font-size: 3.7333333333vw;
  font-weight: normal;
  line-height: 1.29;
  text-align: left;
  margin-top: 3.2vw;
  text-decoration: underline;
}
.p-blog__content-link:hover {
  opacity: 0.7;
  cursor: pointer;
}

.p-pagination > ul {
  display: flex;
  justify-content: center;
  margin: 16vw auto 0;
  column-gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .p-pagination > ul {
    margin-top: min(9.2592592593vw, 100px);
    column-gap: min(2.7777777778vw, 30px);
  }
}

.page-numbers {
  display: block;
  min-width: 8vw;
  height: 8vw;
  padding: 1.3333333333vw 2.9333333333vw 1.6vw;
  border: solid 0.2666666667vw #010101;
  background-color: #fff;
  color: #010101;
  font-size: 3.7333333333vw;
}
@media (min-width: 768px) {
  .page-numbers {
    min-width: min(5.5555555556vw, 60px);
    height: min(5.5555555556vw, 60px);
    border: solid 1px #010101;
    padding: min(1.4814814815vw, 16px) min(2.037037037vw, 22px);
    font-size: min(1.8518518519vw, 20px);
  }
}
.page-numbers.current {
  background-color: #010101;
  color: #fff;
}