:root {
  --font-size-base: 1;
  --text-size-scale: 1.2;
}

@media not screen and (max-width: 768px), print {
  .c-main__title {
    padding-top: 6.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .c-main__title {
    padding-top: 6rem;
  }
}

.SH57-article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d9d9d6;
}
@media not screen and (max-width: 768px), print {
  .SH57-article {
    padding-top: 4.4rem;
    margin-bottom: 4.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article {
    padding-top: 6.6rem;
    margin: 0 4rem 6.6rem;
  }
}
.SH57-article:last-of-type {
  border-bottom: 1px solid #d9d9d6;
}
@media not screen and (max-width: 768px), print {
  .SH57-article:last-of-type {
    padding-bottom: 4.4rem;
    margin-bottom: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article:last-of-type {
    padding-bottom: 6.6rem;
    margin-bottom: 12rem;
  }
}
.SH57-article .c-link {
  text-decoration: underline;
}

@media not screen and (max-width: 768px), print {
  .SH57-article__inner {
    padding-left: 4rem;
  }
}

.SH57-article__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media not screen and (max-width: 768px), print {
  .SH57-article__header {
    margin-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__header {
    margin-bottom: 2.4rem;
  }
}
@media not screen and (max-width: 768px), print {
  .SH57-article__header .c-topics__tag {
    margin-right: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__header .c-topics__tag {
    margin-right: 2.4rem;
  }
}

.SH57-article__title {
  font-weight: 700;
  line-height: 2;
}
@media not screen and (max-width: 768px), print {
  .SH57-article__title {
    font-size: calc(18 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__title {
    font-size: calc(27 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__title {
    --font-size-base: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .SH57-article__title {
    --font-size-base: 1.2;
  }
}
@media screen and (min-width: 1201px) {
  .SH57-article__title {
    --font-size-base: 1;
  }
}

.SH57-article__summary {
  line-height: 1.75;
  font-weight: 500;
}
@media not screen and (max-width: 768px), print {
  .SH57-article__summary {
    margin-top: 0.5rem;
    font-size: calc(16 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__summary {
    margin-top: 0.75rem;
    font-size: calc(24 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__summary {
    --font-size-base: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .SH57-article__summary {
    --font-size-base: 1.2;
  }
}
@media screen and (min-width: 1201px) {
  .SH57-article__summary {
    --font-size-base: 1;
  }
}

.SH57-article__file-size {
  font-weight: 500;
}
@media not screen and (max-width: 768px), print {
  .SH57-article__file-size {
    font-size: calc(14 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__file-size {
    font-size: calc(21 * var(--font-size-base) * 0.1rem);
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__file-size {
    --font-size-base: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .SH57-article__file-size {
    --font-size-base: 1.2;
  }
}
@media screen and (min-width: 1201px) {
  .SH57-article__file-size {
    --font-size-base: 1;
  }
}

.SH57-article__icon {
  border-left: 1px solid #d9d9d6;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media not screen and (max-width: 768px), print {
  .SH57-article__icon {
    width: 12rem;
    flex-basis: 12rem;
    height: 4rem;
    margin-left: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__icon {
    display: none;
  }
}
@media not screen and (max-width: 768px), print {
  .SH57-article__icon img {
    width: 3.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .SH57-article__icon img {
    width: 4.8rem;
  }
}/*# sourceMappingURL=SH57.css.map */