@charset "UTF-8";

/****************************************.page-ninchi__index01***********************************/

.page-ninchi__index01-text {
  font-size: 2rem;
  text-align: center;
  margin-top: 4rem;
}

.page-ninchi__index01-slide {
  width: 60%;
  margin: auto;
  margin-top: 8rem;
}

.page-ninchi__index01-text02 {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 8rem;
  text-align: left;
}

.page-ninchi__index01-subttl {
  font-size: 2.8rem;
  font-weight: bold;
  margin-top: 8rem;
  text-align: center;
}

.page-ninchi__index01-subttl span {
  display: inline-block;
  color: #955b00;
  font-size: 3.4rem;
}

.page-ninchi__index01-container {
  margin-top: 4rem;
  text-align: center;
}

.page-ninchi__index01-container-ttl {
  font-size: 2.4rem;
  font-weight: bold;
}

.page-ninchi__index01-container-text {
  font-size: 1.6rem;
  margin-top: 4rem;
  text-align: left;
}

.page-ninchi__index01-container-btn {
  max-width: 50%;
  margin: auto;
  margin-top: 4rem;
}

.page-ninchi__index01-container-list {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem
}

.page-ninchi__index01-container-list-item {
  width: 48%;
  font-size: 2rem;
  padding: 2rem 0;
  background-color: #fff;
  border: 2px solid #955b00;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
  color: #955b00;
  font-weight: bold;
}

@media (max-width: 768px) {
  .page-ninchi__index01-text {
    text-align: left;
    font-size: 1.6rem;
  }

  .page-ninchi__index01-slide {
    margin-top: 4rem;
    width: 100%;
  }

  .page-ninchi__index01-text02 {
    margin-top: 4rem;
    text-align: left;
  }

  .page-ninchi__index01-subttl {
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 4rem;
    text-align: center;
  }

  .page-ninchi__index01-subttl span {
    font-size: 2.8rem;
  }

  .page-ninchi__index01-container-ttl {
    font-size: 2rem;
  }

  .page-ninchi__index01-container-list-item {
    width: 100%;
    font-size: 1.4rem;
  }

  .page-ninchi__index01-container-btn {
    max-width: 100%;
  }
}