@media screen and (min-width: 768px) {
  .p-card__block-image {
    width: 50%;
  }
}

.p-card__block-title {
  margin-bottom: 30px;
}

.p-card__block-bef {
  padding: 15px;
  background: #f3f3f3;
}

@media screen and (min-width: 768px) {
  .p-card__block-bef {
    padding: 30px;
  }
}

.p-card__block-bef .ttl {
  font-size: 4vw;
  color: #03358c;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .p-card__block-bef .ttl {
    font-size: clamp(16px, 1.25vw, 18px);
  }
}

@media screen and (min-width: 1024px) {
  .p-card__block-bef .ttl {
    font-size: 18px;
  }
}

.p-card__block-figure:nth-of-type(2) {
  padding-bottom: 31px;
  border-bottom: 2px solid #dcdcdc;
}

.p-card__block-bef .image-wrap {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

@media screen and (min-width: 768px) {
  .p-card__block-bef .image-wrap {
    flex-direction: row;
    gap: 24px;
  }
}

.p-card__block-bef .image-wrap .image:nth-of-type(2) {
  transform: rotate(90deg);
  width: 18px;
}

@media screen and (min-width: 768px) {
  .p-card__block-bef .image-wrap .image:nth-of-type(2) {
    transform: rotate(0deg);
    width: 25px;
  }
}

@media screen and (min-width: 768px) {
  .p-card__block-bef .image-wrap .image:nth-of-type(1),
  .p-card__block-bef .image-wrap .image:nth-of-type(3) {
    width: calc((100% - 73px) / 2);
  }
}