.InformationArchive {
  background-color: #e3ebf7;
  color: #003c8f;
  padding-bottom: 6.25rem /* 100px (基準16px) */;
  padding-top: clamp(
    2.5rem /* 40px (基準16px) */,
    -1.786rem + 8.929vw /* 768px-1440px間で2.500rem-6.250remの線形補間 */,
    6.25rem /* 100px (基準16px) */
  );
}

.s .InformationArchive {
  padding-bottom: 5rem /* 80px (基準16px) */;
}

.InformationArchive-title {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

.InformationArchive-title h1 {
  font-size: min(6.25rem /* 100px (基準16px) */, 6.944vw /* 100px (基準1440px) */);
  font-weight: 400;
}

.s .InformationArchive-title h1 {
  font-size: min(3rem /* 48px (基準16px) */, 12.8vw /* 48px (基準375px) */);
}

.InformationArchive-title p {
  font-size: min(1.5rem /* 24px (基準16px) */, 1.667vw /* 24px (基準1440px) */);
  font-weight: bold;
}

.s .InformationArchive-title p {
  font-size: min(1.125rem /* 18px (基準16px) */, 4.8vw /* 18px (基準375px) */);
}

.InformationArchive-inner {
  width: min(75rem /* 1200px (基準16px) */, 83.333vw /* 1200px (基準1440px) */);
  margin: 0 auto;
  margin-top: 6.25rem /* 100px (基準16px) */;
  display: flex;
  justify-content: space-between;
}

.s .InformationArchive-inner {
  width: max(20.938rem /* 335px (基準16px) */, 89.333vw /* 335px (基準375px) */);
  flex-direction: column;
  align-items: center;
  margin-top: 2rem /* 32px (基準16px) */;
}

.InformationArchive-form {
  width: min(11.688rem /* 187px (基準16px) */, 12.986vw /* 187px (基準1440px) */);
}

.s .InformationArchive-form {
  width: 100%;
  overflow-x: auto;
}

.InformationArchive-categoryList {
  display: flex;
  flex-direction: column;
  row-gap: min(2rem /* 32px (基準16px) */, 2.222vw /* 32px (基準1440px) */);
}

.s .InformationArchive-categoryList {
  flex-direction: row;
  align-items: center;
  column-gap: min(1rem /* 16px (基準16px) */, 4.267vw /* 16px (基準375px) */);
  padding-bottom: 1rem /* 16px (基準16px) */;
  padding-left: 0.5rem /* 8px (基準16px) */;
  padding-right: 0.5rem /* 8px (基準16px) */;
}

.s .InformationArchive-categoryList li {
  flex-shrink: 0;
}

.InformationArchive-categoryList li a {
  font-size: min(1rem /* 16px (基準16px) */, 1.111vw /* 16px (基準1440px) */);
}

.s .InformationArchive-categoryList li a {
  font-size: min(0.875rem /* 14px (基準16px) */, 3.733vw /* 14px (基準375px) */);
}

.InformationArchive-categoryList li._active {
  padding: min(0.938rem /* 15px (基準16px) */, 1.042vw /* 15px (基準1440px) */) 0;
  background-color: #003c8f;
  color: #ffffff;
  text-align: center;
  border-radius: 50px;
}

.s .InformationArchive-categoryList li._active {
  padding: min(0.25rem /* 4px (基準16px) */, 1.067vw /* 4px (基準375px) */)
    min(0.75rem /* 12px (基準16px) */, 3.2vw /* 12px (基準375px) */);
}

.InformationArchive-content {
  width: min(56.25rem /* 900px (基準16px) */, 62.5vw /* 900px (基準1440px) */);
}

.s .InformationArchive-content {
  margin-top: 2rem /* 32px (基準16px) */;
  width: 100%;
}

.InformationArchive-pagination {
  margin: 0 auto;
  margin-top: 3.75rem /* 60px (基準16px) */;
}

.s .InformationArchive-pagination {
  margin-top: 2rem /* 32px (基準16px) */;
}

/* ページ固有スタイルでコンポーネントの見た目調整 */
.InformationArchive-articleList .NewsCategoryItem {
  border-bottom: 1px solid #003c8f;
}

.s .InformationArchive-articleList .NewsCategoryItem {
  width: 100%;
}

.InformationArchive-articleList .NewsCategoryImage {
  aspect-ratio: 18 / 11;
}

.InformationArchive-articleList .NewsCategoryImage img {
  height: 100%;
  object-fit: cover;
}

.s .InformationArchive-articleList .NewsCategoryItem a::after {
  width: min(0.75rem /* 12px (基準16px) */, 3.2vw /* 12px (基準375px) */);
}