@charset "UTF-8";

/* ナビゲーションメニュー
---------------------------------- */
.g-nav__item--recruit {
  margin-left: 5%;
  background: #fff;
  color: #EF5A57;
  border-radius: 60px 0 0 60px;
}

@media screen and (max-width: 767px) {
  .g-nav__item--recruit {
    margin-left: 0;
    background: #fff;
    color: #EF5A57;
    border-radius: 60px;
  }
}

/* 記事
---------------------------------- */
.section + .section {
  margin-top: 12rem;
}

@media screen and (max-width: 767px) {
  .section + .section {
    margin-top: 6rem;
  }
}

.article__subtitle {
  color: #FF5588;
  font-size: 3rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
  .article__subtitle {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
}

.article__subtitle span {
  display: block;
}

.article__text {
  font-size: 2.5rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
  .article__text {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .article__text {
    font-size: 1.5rem;
  }
}

.article__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 4rem;
}

.article__table caption {
  font-size: 4rem;
}

@media screen and (max-width: 767px) {
  .article__table caption {
    font-size: 2rem;
  }
}

.article__table-header,
.article__table-data {
  border: 1px solid #b7b7b7;
  padding: 1rem 1rem;
}

.article__table-header {
  width: 20%;
  font-size: 3rem;
}

@media screen and (max-width: 767px) {
  .article__table-header {
    width: 24%;
    font-size: 1.4rem;
  }
}

.article__table-data {
  width: 80%;
  font-size: 2.5rem;
}

@media screen and (max-width: 767px) {
  .article__table-data {
    width: 76%;
    font-size: 1.3rem;
  }
}

.article__table-data-item::before {
  content: '・';
}

.article__table-description + p {
  margin-top: 1.5rem;
}

.article__table-term {
  display: list-item;
  list-style: square inside;
}

.article__table-definition {
  margin-bottom: 1.5rem;
  text-indent: 2.3em;
}

.article__table-definition:last-of-type {
  margin-bottom: 0;
}

.article__table-definition dd {
  margin-bottom: 1rem;
}

.article__table-definition dd:last-of-type {
  margin-bottom: 0;
}

.article__table-definition dd > span {
  font-size: 4rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .article__table-definition dd > span {
    font-size: 2rem;
  }
}