/* トップページ「新着情報」のアコーディオン表示 */
.hidden-items {
  overflow: hidden;
  max-height: 0;
  transition: max-height 1.2s ease;
}

.view-more-btn {
  border: solid 1px #333;
  padding: 1em 2em;
  margin: 3em auto 0 auto;
  display: block;
}

.arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
  top: -4px;
}

.arrow.open {
  transform: rotate(-135deg);
  top: 0px;
}

/* トップページに認証ロゴを追加 */
.certificate-logos {
  display: flex;
  margin: 42px auto;
}


/* 新着記事についてトップページ用 */
.news-article>img {
  object-fit: contain;
  margin: auto;
  display: block;
  max-height: 106px;
}

/* パソコンのみ */
@media (min-width: 768px) {
  .for-sp {
    display: none;
  }

  /* 新着記事についてトップページ用 */
  .news-article>img {
    max-height: 140.73px;
  }

  /* トップページに認証ロゴを追加 */
  .certificate-logos {
    margin: 32px auto 42px auto;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
  }

  .certificate-logos>img {
    width: 110px;
  }

  html body main #mainVisual {
    height: 86vh;
  }


}

/* スマホのみの機能 */
@media (max-width: 767px) {

  /* トップページのロゴを自動でスクロールさせる */
  .marquee-wrapper {
    overflow: hidden;
    width: 100%;
  }

  .marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 25s linear infinite;
  }

  .marquee-content {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 12px;
  }

  .marquee-content img {
    height: 60px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
  }

  @keyframes marquee {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  /* アクセシビリティ：動きを減らす設定に対応 */
  @media (prefers-reduced-motion: reduce) {
    .marquee-track {
      animation-duration: 30s;
    }
  }

  /* メインビジュアルを正方形表示にする */
  html body main #mainVisual {
    aspect-ratio: 1;
    max-height: 60vh;
    margin-top: 54px;
  }


}