.modalarea{
}
.modalarea__text{
  margin-top: calc(16 / 18 * 1rem);
  margin-bottom: calc(42 / 18 * 1rem);
  font-size: clamp(1rem, 16px + (18 - 16) * (100vw - 414px) / (1920 - 414), 1.125rem);
  line-height: clamp(1.625, 1.625 + calc(0.1527777778 / 1px) * (100vw - 414px) / 501, 1.7777777778);
}
@media screen and (max-width: 480px) {
  .modalarea__text{
    margin-top: 4px;
    margin-bottom: 23px;
  }
}
.modalarea__thumbnail{
  display: flex;
  flex-wrap: wrap;
  gap:2px;
}
.modalarea__thumbnail > a{
  width: calc((100% - 4px) / 3);
}
@media screen and (max-width: 480px) {
  .modalarea__thumbnail > a{
    width: calc((100% - 2px) / 2);
  }
}