@charset "UTF-8";
/* ==========================================================================
   公開シンポジウム 一覧（archive/archive-symposium.php）
   ========================================================================== */

/* ----- リード文 ----- */
main.symposium_archive section.symposium_list p.symposium_lead {
  margin-top: 0;
  margin-bottom: min(6rem, 60px);
}

/* ----- カード一覧 ----- */
main.symposium_archive div.symposium_wrap {
  display: flex;
  flex-direction: column;
  gap: min(4rem, 40px);
}

main.symposium_archive article.symposium_item {
  background-color: #fff;
  padding: min(3.2rem, 32px) min(2.4rem, 24px);
  box-shadow: 0 min(0.2rem, 2px) min(1rem, 10px) rgba(0, 0, 0, 0.06);
}

/* タイトル */
main.symposium_archive article.symposium_item h3.symposium_ttl {
  font-size: min(2rem, 20px);
  font-weight: 700;
  line-height: 1.6;
}

/* サブタイトル */
main.symposium_archive article.symposium_item p.symposium_sttl {
  margin-top: min(0.8rem, 8px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.6;
}

/* サムネイル */
main.symposium_archive article.symposium_item div.symposium_img {
  margin-top: min(3.2rem, 32px);
}

main.symposium_archive article.symposium_item div.symposium_img img {
  display: block;
  width: 100%;
  height: auto;
}

main.symposium_archive article.symposium_item div.symposium_img.no_image {
  border: min(0.1rem, 1px) solid #DDDDDD;
}

/* 詳細（項目名・テキスト） */
main.symposium_archive article.symposium_item table.symposium_detail {
  width: 100%;
  margin-top: min(2rem, 20px);
  border-collapse: collapse;
  border-top: min(0.1rem, 1px) solid #DDDDDD;
}

main.symposium_archive article.symposium_item table.symposium_detail tr {
  border-bottom: min(0.1rem, 1px) solid #DDDDDD;
}

main.symposium_archive article.symposium_item table.symposium_detail th,
main.symposium_archive article.symposium_item table.symposium_detail td {
  padding: min(1.2rem, 12px) min(1rem, 10px);
  font-size: min(1.5rem, 15px);
  line-height: 1.4;
  text-align: left;
  vertical-align: top;
}

main.symposium_archive article.symposium_item table.symposium_detail th {
  width: min(12rem, 120px);
  font-weight: 700;
  white-space: nowrap;
}

/* テキスト */
main.symposium_archive article.symposium_item p.symposium_txt {
  margin-top: min(1.2rem, 12px);
  font-size: min(1.5rem, 15px);
  line-height: 1.6;
}

/* リンクボタン */
main.symposium_archive article.symposium_item div.symposium_links {
  margin-top: min(2.4rem, 24px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.6rem, 16px);
}

main.symposium_archive article.symposium_item div.symposium_links a.common_link {
  margin: 0 auto;
  width: min(40rem, 400px);
  max-width: 100%;
  font-weight: 700;
}

/* ----- ページネーション（デザインに合わせて余白調整） ----- */
main.symposium_archive div.core_area div.pagination {
  margin-top: min(6rem, 60px);
}

/* ==========================================================================
   SP
   ========================================================================== */
@media (max-width: 799px) {
  main.symposium_archive section.symposium_list p.symposium_lead {
    margin-bottom: 4rem;
  }

  main.symposium_archive div.symposium_wrap {
    gap: 2.4rem;
  }

  main.symposium_archive article.symposium_item {
    padding: 2.4rem 1.6rem;
  }

  main.symposium_archive article.symposium_item h3.symposium_ttl {
    font-size: 1.7rem;
  }

  main.symposium_archive article.symposium_item p.symposium_sttl {
    font-size: 1.4rem;
  }

  main.symposium_archive article.symposium_item div.symposium_img {
    margin-top: 2rem;
  }

  main.symposium_archive article.symposium_item table.symposium_detail {
    margin-top: 1.6rem;
  }

  main.symposium_archive article.symposium_item table.symposium_detail th,
  main.symposium_archive article.symposium_item table.symposium_detail td {
    padding: 1rem 0.8rem;
    font-size: 1.3rem;
  }

  main.symposium_archive article.symposium_item table.symposium_detail th {
    width: 8rem;
  }

  main.symposium_archive article.symposium_item p.symposium_txt {
    font-size: 1.3rem;
  }

  main.symposium_archive article.symposium_item div.symposium_links {
    margin-top: 2rem;
    gap: 1.2rem;
  }

  main.symposium_archive article.symposium_item div.symposium_links a.common_link {
    width: 100%;
    margin: 0;
  }

  main.symposium_archive div.core_area div.pagination {
    margin-top: 4rem;
  }
}