@font-face {
  font-family: "Book Antiqua";
  font-weight: 400;
  src: url(./fonts/BookAntiqua/BookAntiqua-Regular.woff2) format('woff2');
}
@font-face {
  font-family: "Book Antiqua";
  font-weight: 600;
  src: url(./fonts/BookAntiqua/BookAntiqua-Bold.woff2) format('woff2');
}

:root {
  --color-white: rgba(255, 255, 255, 1);
  --color-text: rgba(0, 0, 0, 1);
  --color-primary: rgba(0, 166, 60, 1);
  --color-link-button: rgba(235, 214, 37, 1);
  --color-secondary: rgba(233, 250, 239, 1);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Zen Kaku Gothic Antique";
}

html {
  margin: 0 !important;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  padding-top: 60px;
  scroll-behavior: smooth;
}

img {
  width: 100%;
  height: auto;
}

.content {
  position: relative;
  height: min-content;
  padding: 40px 20px 30px;
}

.main-padding-sm {
  padding: 40px 20px 30px;
}

.main-padding-md {
  padding: 12px 8% 0;
}

.main-wrapper {
  margin-top: -42px;
  position: relative;
  box-sizing: border-box;

  main {
    width: 100%;
    margin-inline: auto;
    display: grid;
    row-gap: 30px;
    box-sizing: border-box;
  }
}

.container-padding-sm {
  padding: 0 8vw;
}

.container-padding-md {
  padding: 0 15vw;
}

.container-margin-md {
  margin: 0 8vw;
}

.text {
  font-weight: 400;
  font-size: clamp(14px, 1.1vw, 18px);
  color: var(--color-text);
  letter-spacing: 0.8px;
  line-height: 1.8;
  text-align: justify;
  font-family: "Zen Kaku Gothic Antique";
}

.display-pc-only {
  display: block;
}

.display-sp-only {
  display: none;
}

@media (1024px >= width) {
  .main-padding-sm {
    padding-inline: 5%;
  }
  .main-padding-md {
    padding-inline: 0;
  }
}

@media (820px >= width) {
  body {
    padding-top: 54px;
    overflow-x: hidden;
  }
  main {
    row-gap: 30px;
  }

  .container-padding-sm {
    padding: 0;
  }
}

@media (819px >= width) {
  .display-pc-only {
    display: none;
  }

  .display-sp-only {
    display: block;
  }
}

@media (768px >= width) {
  .container-margin-md {
    margin: 0;
  }
}

/* カテゴリー別の色分け */
.news-tag[href*="category_name=event"],
.news-content-category-event {
  background-color: #00A73C !important;
}
.news-tag[href*="category_name=exam"],
.news-content-category-exam {
  background-color: #1387B2 !important;
}
.news-tag[href*="category_name=graduate"],
.news-content-category-graduate {
  background-color: #C67042 !important;
}
.news-tag[href*="category_name=student"],
.news-content-category-student {
  background-color: #AF9E1E !important;
}
.news-tag[href*="category_name=facluty"],
.news-content-category-facluty {
  background-color: #9D57AA !important;
}
.news-tag[href*="category_name=education"],
.news-content-category-education {
  background-color: #36ADC9 !important;
}
.news-tag[href*="category_name=update"],
.news-content-category-update {
  background-color: #DE6E88 !important;
}
.news-tag[href*="category_name=uncategorized"],
.news-content-category-uncategorized {
  background-color: #7E7E7E !important;
}
.news-tag[href*="category_name=research"],
.news-content-category-research {
  background-color: #A7BE48 !important;
}
.news-tag[href*="category_name=pr"],
.news-content-category-pr {
  background-color: #C35151 !important;
}