@charset "UTF-8";
/* ========================================
  広報誌
======================================== */
@layer page {
  .magazine-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(203px, 1fr));
    gap: 90px;
    width: min(100%, 830px);
    margin-inline: auto;
  }
  @media screen and (max-width: 767px) {
    .magazine-list {
      grid-template-columns: repeat(2, 1fr);
      gap: 10.6666666667vw 8vw;
    }
  }
  @media (any-hover: hover) {
    .magazine-list__item a {
      transition: 0.5s;
      transition-property: opacity;
    }
    .magazine-list__item a:hover {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
      opacity: 0.7;
    }
  }
}