.brochure .main {
  padding: 20px 0 96px;
}
.brochure .c-icon.-pdf {
  width: 12px;
  height: 12px;
  fill: none;
}

.p-brochureCategory__cont {
  margin: 112px 0 0;
}
.p-brochureCategory__title {
  margin: 0 0 40px;
  letter-spacing: 0.05em;
}
.p-brochureCard {
  width: calc((100% - 120px) / 4);
  max-width: 261px;
}
.p-brochureCardList {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.p-brochureCard__img, .p-brochureCard__img--full {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 300ms ease;
}
.p-brochureCard__img--full {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-brochureCard__imgArea {
  text-align: center;
  width: 100%;
  height: calc((100vw - 120px - 80px) / 4);
  max-height: 261px;
  margin: 0 0 20px;
  padding: 30px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(56, 26, 3, 0.08);
}
.p-brochureCard__imgArea:has(.p-brochureCard__img--full) {
  padding: 0;
}
.p-brochureCard__text {
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding: 0 12px 0 0;
}
@media screen and (max-width:767px) {
  .brochure .main {
    padding: 20px 0 80px;
  }
  .p-brochureCategory__cont {
    margin: 70px 0 0;
  }
  .p-brochureCategory__title {
    margin: 0 0 25px;
  }
  .p-brochureCard {
    width: calc((100% - 20px) / 2);
    max-width: unset;
  }
  .p-brochureCardList {
    gap: 25px 20px;
  }
  .p-brochureCard__imgArea {
    height: calc((100vw - 20px - 20px) / 2);
    max-height: unset;
    margin: 0 0 10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-brochureCard__link:hover:hover .p-brochureCard__img, .p-brochureCard__link:hover:hover .p-brochureCard__img--full {
    opacity: 0.7;
  }
  .p-brochureCard__link:hover:hover .c-textLink {
    color: #E60012;
  }
  .p-brochureCard__link:hover:hover .-red-default .circle circle {
    stroke: #381A03;
    stroke-width: 1;
    -webkit-animation: circle 1s ease;
    animation: circle 1s ease;
  }
  .p-brochureCard__link:hover:hover .-red-default .-pdf {
    filter: grayscale(1) sepia(1) hue-rotate(-20deg) saturate(6) brightness(0.4);
  }
  .p-brochureCard__link:hover:hover .-red-default .-external {
    fill: #381A03;
  }
}