@charset "UTF-8";

section {
  padding: 10vw 0;
  scroll-margin-top: 11.128vw
}
.title_section {
  margin: 0 auto 2.667vw;
}

/*
HERO
================================================ */
.hero img {
  width: 80vw;
}

/*
ABOUT
================================================ */
#about .title_section {
  width: 30.4vw;
}
#about .about__description {
  margin: 0 auto 6.4vw;
  line-height: 1.7;
}
#about .l-table {
  padding: 2.667vw;
}
#about .l-table th,
#about .l-table td {
  display: block;
}
#about .l-table th {
  padding: 2.667vw 2.667vw 1.067vw;
}
#about .l-table td {
  padding: 0 2.667vw 2.667vw;
  line-height: 1.3;
}
#about .l-table th span,
#about .l-table td span {
  font-size: 2.667vw;
}

/*
THEME
================================================ */
#thema .title_section {
  width: 29.333vw;
}
#thema .thema__description {
  margin: 0 auto 8vw;
  line-height: 1.7;
}
#thema dl {
  padding: 5vw;
}
#thema dl .category {
  flex-direction: column;
  gap: 1.5em;
  font-size: 3.3vw;
}
#thema dl .category dt {
  width: 100%;
}
#thema dl div + div {
  margin-top: 5vw;
  padding-top: 5vw;
}
.category-list .category-label {
  line-height: 1.4;
}
.category-list .category-label::before {
  width: 3.467vw;
  min-width: 3.467vw;
  height: 3.467vw;
}
.category-list .category-label.active::after {
  top: 0.8vw;
  left: 1.333vw;
  width: 0.8vw;
  height: 1.867vw;
  border-width: 0 0.533vw 0.533vw 0;
}
.thema__note {
  margin: 3.2vw auto 0;
  font-size: 3.2vw;
}
#thema .search-reset button {
  padding: 1.067vw 3.2vw;
  font-size: 3.2vw;
}

/*
RESULT
================================================ */
#result .list_result {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.667vw;
}
#result .list_result li a .thema-number {
  padding: 2.667vw;
  font-size: 3.2vw;
}
#result .list_result li a .thema-name {
  padding: 2.667vw;
  font-size: 3.75vw;
}

/* タグ */
#result .tag {
  gap: 1.333vw;
  margin: 0 2.667vw 2.667vw;
}
#result .tag span {
  padding: 0.533vw 1.6vw 1.067vw;
  font-size: 2.667vw;
}

/*
CONTACT
================================================ */
#contact .title_section {
  width: 40.533vw;
}
#contact .contact__person {
  margin-bottom: 8vw;
  font-size: 3.733vw;
}

/* モーダル */
.theme-modal {
  padding: 4vw;
}
.theme-modal__inner {
  border-radius: 10px;
}
.theme-modal__close {
  top: 3.2vw;
  right: 3.2vw;
  width: 11.2vw;
  height: 11.2vw;
  font-size: 6.4vw;
}

#contact .contact__text {
  margin-bottom: 5.333vw;
  line-height: 1.7;
}
#contact .contact__link-title {
  margin-bottom: 5.333vw;
}
#contact .contact__link {
  padding: 5.333vw 0;
}
#contact .target {
  margin-bottom: 4vw;
  padding: 2.667vw;
  font-size: 4.267vw;
}
#contact .event {
  width: 78.133vw;
}