/*----------------------------------------

	  quality CSS

-----------------------------------------*/
picture {
  display: block;
}

.l-content {
  background-image: url(../img/common/bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: min(7.205vw, 120px);
}
@media screen and (max-width: 768px) {
  .l-content {
    padding-bottom: min(16vw, 72px);
  }
}

.p-mv__heading {
  font-size: clamp(32px, 2.882vw, 48px);
  letter-spacing: 0.03em;
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 1, 0.4), 0px 0px 10px rgb(0, 0, 0);
}
@media screen and (max-width: 768px) {
  .p-mv__heading {
    font-size: clamp(21.6px, 7.2vw, 32.4px);
  }
}

.p-mv__img figcaption {
  position: absolute;
  bottom: min(0.865vw, 14.4px);
  right: min(1.081vw, 18px);
  color: #fff;
  font-size: clamp(9.6px, 0.865vw, 14.4px);
}

.p-mv {
  position: relative;
  margin-top: 0;
  margin-bottom: min(8.646vw, 144px);
}
@media screen and (max-width: 768px) {
  .p-mv {
    margin-top: 0;
    margin-bottom: min(16vw, 72px);
  }
}

.p-mv__heading {
  font-size: clamp(32px, 2.882vw, 48px);
  letter-spacing: 0.03em;
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-mv__heading {
    font-size: clamp(21.6px, 7.2vw, 32.4px);
  }
}

.p-mv__img figcaption {
  position: absolute;
  bottom: min(0.865vw, 14.4px);
  right: min(1.081vw, 18px);
  color: #fff;
  font-size: clamp(9.6px, 0.865vw, 14.4px);
}

.c-cap {
  font-size: clamp(8px, 0.72vw, 12px);
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #74694d;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .c-cap {
    font-size: clamp(8px, 2.667vw, 12px);
    margin-top: 5px;
  }
}
.c-cap.-tar {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .c-cap.-tar {
    text-align: left;
  }
}
.c-cap a {
  color: inherit;
}

.c-image {
  position: relative;
}
.c-image figcaption {
  line-height: 1.7;
  position: absolute;
  right: 5px;
  bottom: 3px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  .c-image figcaption {
    bottom: 3px;
    right: 3px;
  }
}
.c-image figcaption.-left {
  right: auto;
  left: 10px;
}
@media screen and (max-width: 768px) {
  .c-image figcaption.-left {
    left: 5px;
  }
}
.c-image figcaption.-black {
  color: #74694d;
}

.c-heading1 {
  font-size: clamp(32px, 2.882vw, 48px);
  letter-spacing: 0.06em;
  font-weight: 300;
  text-align: center;
  font-family: "Josefin Sans", sans-serif;
  line-height: 1;
  margin-bottom: min(2.81vw, 46.8px);
}
@media screen and (max-width: 768px) {
  .c-heading1 {
    font-size: clamp(21.6px, 7.2vw, 32.4px);
    margin-bottom: min(5.764vw, 96px);
  }
}

.p-tab__list {
  margin-top: min(2.81vw, 46.8px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(2.161vw, 36px) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: min(2.161vw, 36px);
  border-bottom: 1px solid #333333;
}
@media screen and (max-width: 768px) {
  .p-tab__list {
    margin-top: min(9.333vw, 42px);
    gap: min(0.267vw, 1.2px);
    border-bottom: 1px solid #707070;
  }
}

.p-tab__item {
  font-size: clamp(16px, 1.441vw, 24px);
  letter-spacing: 0.06em;
  height: min(4.611vw, 76.8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #d8d6d6;
}
@media screen and (max-width: 768px) {
  .p-tab__item {
    height: min(10.667vw, 48px);
    font-size: clamp(11.2px, 3.733vw, 16.8px);
  }
}
.p-tab__item.-active {
  background-color: #957658;
}
@media screen and (min-width: 769px) {
  .p-tab__item.-active {
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
  }
}

.p-tab__content {
  display: none;
}
.p-tab__content.-active {
  display: block;
}

.p-tab__copy {
  margin-top: min(4.899vw, 81.6px);
  letter-spacing: 0.06em;
  font-size: clamp(16px, 1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .p-tab__copy {
    font-size: clamp(14.4px, 4.8vw, 21.6px);
    line-height: 1.66;
    margin-top: min(9.867vw, 44.4px);
  }
}

.p-tab__link-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(2.017vw, 33.6px) 1fr min(2.017vw, 33.6px) 1fr min(2.017vw, 33.6px) 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: min(2.017vw, 33.6px);
  margin-top: min(4.323vw, 72px);
}
@media screen and (max-width: 768px) {
  .p-tab__link-list {
    margin-top: min(10.667vw, 48px);
    -ms-grid-columns: 1fr min(1.867vw, 8.4px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.867vw, 8.4px);
  }
}

.p-tab__link {
  font-size: clamp(11.2px, 1.009vw, 16.8px);
  display: block;
  border: 1px solid #999999;
  letter-spacing: 0.06em;
  height: min(3.458vw, 57.6px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: min(1.441vw, 24px);
  gap: min(0.72vw, 12px);
}
@media screen and (max-width: 768px) {
  .p-tab__link {
    height: min(9.6vw, 43.2px);
    gap: min(2.667vw, 12px);
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    padding-left: min(2.667vw, 12px);
  }
}
.p-tab__link::before {
  content: "";
  display: block;
  height: min(0.504vw, 8.4px);
  width: min(0.937vw, 15.6px);
  background-image: url(../img/quality/arrow.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.p-tab__link.-soon {
  pointer-events: none;
  background: #ccc;
  opacity: 0.4;
}

.p-tab__section {
  margin-top: min(3.89vw, 64.8px);
}
@media screen and (max-width: 768px) {
  .p-tab__section {
    margin-top: min(13.067vw, 58.8px);
  }
}
.p-tab__section + .p-tab__section {
  margin-top: min(4.899vw, 81.6px);
}
@media screen and (max-width: 768px) {
  .p-tab__section + .p-tab__section {
    margin-top: min(9.067vw, 40.8px);
  }
}
@media screen and (min-width: 769px) {
  .p-tab__section.-tab2 .p-eq__name {
    margin-top: min(1.513vw, 25.2px);
  }
}

.p-tab__section-title {
  font-size: clamp(24px, 2.161vw, 36px);
  letter-spacing: 0.06em;
  border-top: 1px solid currentColor;
  padding-top: min(2.81vw, 46.8px);
  font-family: "Josefin Sans", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .p-tab__section-title {
    font-size: clamp(14.4px, 4.8vw, 21.6px);
    padding-top: min(8.8vw, 39.6px);
  }
}

.p-tab__section-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(2.522vw, 42px) 1fr min(2.522vw, 42px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: min(2.522vw, 42px);
     -moz-column-gap: min(2.522vw, 42px);
          column-gap: min(2.522vw, 42px);
  row-gap: min(3.242vw, 54px);
  margin-top: min(3.242vw, 54px);
}
@media screen and (max-width: 768px) {
  .p-tab__section-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(9.333vw, 42px);
    margin-top: min(10.933vw, 49.2px);
  }
}

.p-eq__name {
  margin-top: min(1.009vw, 16.8px);
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .p-eq__name {
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    margin-top: min(3.467vw, 15.6px);
  }
}

.p-eq__text {
  margin-top: min(0.865vw, 14.4px);
  font-size: clamp(11.2px, 1.009vw, 16.8px);
  letter-spacing: 0.06em;
  line-height: 1.78;
}
@media screen and (max-width: 768px) {
  .p-eq__text {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    letter-spacing: 0;
    line-height: 1.66;
    margin-top: min(2.667vw, 12px);
  }
}
/*# sourceMappingURL=quality.css.map */