.sp {
  display: block !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .sp {
    display: none !important;
  }
}

.tab {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tab {
    display: block !important;
  }
}
@media screen and (min-width: 1025px) {
  .tab {
    display: none !important;
  }
}

.pc {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .pc {
    display: block !important;
  }
}

html {
  font-size: 16px;
  overflow-x: hidden;
}

body {
  line-height: 1.8;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  font-feature-settings: "palt";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Meiryo", sans-serif;
}

#quolity-header {
  background: #FAFAFA;
  height: 80px;
}
@media screen and (max-width: 767px) {
  #quolity-header {
    height: 64px;
    padding: 0 32px;
  }
}

.quality-philosophy {
  background: url(../../lp/quolity/image.jpg) 0 0 no-repeat;
  height: calc(100svh - 64px);
  background-size: cover;
  position: relative;
}
.quality-philosophy:before {
  content: "";
  background: linear-gradient(90deg, rgba(5, 36, 30, 0.8784313725) 0%, rgba(5, 36, 30, 0.4509803922) 45%, rgba(5, 36, 30, 0.1019607843) 75%), linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(5, 30, 26, 0.2509803922));
  position: absolute;
  inset: 0;
}
.quality-philosophy .hero-content {
  position: absolute;
  top: 50%;
  left: 8vw;
  transform: translateY(-52%);
  color: rgba(244, 239, 234, 0.9);
}
.quality-philosophy .hero-content .lead {
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.125rem;
}
.quality-philosophy .hero-content .page-title {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "BIZ UDPMincho", "MS PMincho", serif;
  font-size: clamp(56px, 7.6vw, 120px);
  line-height: 1.12;
  color: #FFFFFF;
  margin: 32px 0 24px;
  font-weight: 400;
}

.qualitySection {
  background: #F4EFEA;
}
.qualitySection .quolity .quolity-container {
  padding: 8.125rem 9vw;
  box-sizing: border-box;
}
.qualitySection .quolity .quolity-container .num {
  border-bottom: 1px solid rgba(48, 73, 68, 0.5);
  padding-bottom: 24px;
  font-size: 10px;
  color: rgba(48, 73, 68, 0.5);
  margin-bottom: 6.125rem;
  font-weight: 700;
  letter-spacing: 0.125rem;
}
.qualitySection .quolity .quolity-container .answer-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9vw;
  color: #304944;
}
@media screen and (max-width: 767px) {
  .qualitySection .quolity .quolity-container .answer-container {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
.qualitySection .quolity .quolity-container .answer-container .section-header {
  letter-spacing: 0.125rem;
  font-size: clamp(32px, 4vw, 64px);
  font-weight: 400;
  line-height: 1.55;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "BIZ UDPMincho", "MS PMincho", serif;
}
.qualitySection .quolity .quolity-container .answer-container .article {
  font-size: 0.875rem;
  letter-spacing: 0.125rem;
}
.qualitySection .quolity .quolity-container .answer-container .article p {
  margin: 0 0 1.6em;
  line-height: 2.25;
}
.qualitySection .quolity .quolity-container .answer-container .article p.emphasis {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "BIZ UDPMincho", "MS PMincho", serif;
  font-size: 24px;
  line-height: 2;
}/*# sourceMappingURL=quolity.css.map */