@media screen and (min-width: 768px) {
  .qualityGroup {
    padding: 8rem 0 12rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityGroup {
    padding: 6rem 0 8rem;
  }
}
.qualitySect {
  display: none;
}
.qualitySect.is-active {
  display: block;
}
@media screen and (min-width: 768px) {
  .qualitySect {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect {
    padding: 3rem 0;
  }
}
.qualitySect__head {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .qualitySect__head {
    gap: 4.8rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__head {
    gap: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .qualitySect__head + .qualitySect__cont {
    margin-top: 5.6rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__head + .qualitySect__cont {
    margin-top: 4rem;
  }
}
.qualitySect__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.qualitySect__heading .en {
  color: #9A8857;
  font-family: "Cormorant Infant", serif;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .qualitySect__heading .en {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__heading .en {
    font-size: 2.4rem;
  }
}
.qualitySect__heading .jp {
  letter-spacing: 0.1em;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .qualitySect__heading .jp {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__heading .jp {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .qualitySect__cont {
    margin: 0 auto;
    width: 120rem;
  }
}
@media screen and (min-width: 768px) {
  .qualitySect__group + .qualitySect__group {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__group + .qualitySect__group {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .qualitySect__body {
    display: flex;
    flex-wrap: wrap;
    gap: 5.2rem 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__body {
    display: grid;
    grid-gap: 3.2rem 2rem;
    gap: 3.2rem 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.qualitySect__body:not(:has(.qualityCard:nth-child(n+2))) .qualityCard--large {
  margin: 0;
}
.qualitySect__label {
  border-bottom: 0.1rem solid #C9C2B2;
  color: #9A8857;
  font-family: "Cormorant Infant", serif;
  letter-spacing: 0.08em;
  margin: 0;
  padding-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .qualitySect__label {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__label {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 768px) {
  .qualitySect__label + .qualitySect__body {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .qualitySect__label + .qualitySect__body {
    margin-top: 1.6rem;
  }
}
.qualityCard {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .qualityCard {
    width: 37.2rem;
  }
}
@media screen and (min-width: 768px) {
  .qualityCard--large {
    margin: 0 auto;
    width: 78.6rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--large {
    grid-column: 1/-1;
  }
  .qualityCard--large .qualityCard__img {
    margin: 0 -3.2rem;
  }
  .qualityCard--large .qualityCard__img .swipeFigure__inner {
    height: 26rem;
  }
}
.qualityCard__ttl {
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin: 1.6rem 0 0;
}
@media screen and (min-width: 768px) {
  .qualityCard__ttl {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard__ttl {
    font-size: 1.4rem;
  }
}
.qualityCard__txt {
  color: #6E6A60;
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.85;
  margin: 1rem 0 0;
}
@media screen and (min-width: 768px) {
  .qualityCard__txt {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard__txt {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .qualityBody {
    padding: 8rem 0 12rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityBody {
    padding: 6rem 0 8rem;
  }
}
.qualityNote {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .qualityNote {
    margin-top: 4rem;
  }
}
/*# sourceMappingURL=style.css.map */