/* p-glossary-detail
---------------------------------------------------------------------------- */
.p-glossary-detail {
  padding-block: 8rem;
}

.p-glossary-detail > :first-child {
  margin-bottom: 2.6rem;
}

.p-glossary-detail-ttl {
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #C90909;
  padding-left: 1rem;
  border-left: 0.8rem solid #C90909;
}

.p-glossary-detail-content {
  background-color: #F6F3EF;
  padding-block: 5rem;
  padding-inline: 7rem;
  border-radius: 1rem;
}

.p-glossary-detail-button {
  width: 32rem;
  margin-inline: auto;
  margin-top: 7.4rem;
}

@media screen and (max-width: 767px) {
  .p-glossary-detail {
    padding-block: 10.6666666667vw;
  }
  .p-glossary-detail > :first-child {
    margin-bottom: 5.3333333333vw;
  }
  .p-glossary-detail-ttl {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    padding-left: 2.6666666667vw;
    border-left-width: 1.3333333333vw;
  }
  .p-glossary-detail-content {
    padding-block: 5.3333333333vw;
    padding-inline: 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
  .p-glossary-detail-button {
    width: 100%;
    margin-top: 8vw;
  }
}