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

	quality CSS

-----------------------------------------*/
.quality .l-content {
  background-color: #354C5A;
}
.quality .l-inner:nth-of-type(1) {
  margin-block: min(14.409vw, 240px) min(12.68vw, 211.2px);
  max-width: min(88.473vw, 1473.6px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner:nth-of-type(1) {
    max-width: 100%;
    margin-block: min(23.2vw, 104.4px) min(21.333vw, 96px);
  }
}
.quality .l-inner:nth-of-type(2) {
  margin-block: 0 min(12.536vw, 208.8px);
  max-width: 100%;
  background-color: #4C6473;
}
@media screen and (max-width: 768px) {
  .quality .l-inner:nth-of-type(2) {
    margin-block: 0 min(21.333vw, 96px);
  }
}
.quality .l-inner .c-title--page {
  margin-block: 0;
}
.quality .l-inner .c-title--page span {
  display: block;
}
.quality .l-inner .c-title--page span:nth-of-type(1) {
  font-size: clamp(112px, 10.086vw, 168px);
  font-family: "Cormorant Garamond", serif;
  line-height: 1;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-title--page span:nth-of-type(1) {
    font-size: clamp(56px, 18.667vw, 84px);
  }
}
.quality .l-inner .c-title--page span:nth-of-type(2) {
  font-size: clamp(19.2px, 1.729vw, 28.8px);
  font-family: "Cormorant Garamond", serif;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #C7B370;
  -webkit-margin-before: min(2.45vw, 40.8px);
          margin-block-start: min(2.45vw, 40.8px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-title--page span:nth-of-type(2) {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    -webkit-margin-before: min(2.4vw, 10.8px);
            margin-block-start: min(2.4vw, 10.8px);
  }
}
.quality .l-inner .c-tab__item {
  padding-block: min(1.873vw, 31.2px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-tab__item {
    padding-block: min(2.667vw, 12px);
  }
}
.quality .l-inner .c-tab__wrap {
  background-color: #354C5A;
}
.quality .l-inner .c-tab__panel__item {
  max-width: min(76.945vw, 1281.6px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-tab__panel__item {
    max-width: 100%;
  }
}
.quality .l-inner .c-tab__panel__item:not(.is-active) {
  visibility: hidden;
  opacity: 0;
}
.quality .l-inner .c-tab__panel__item.is-active {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.quality .l-inner .t-equipment__anchor {
  -webkit-padding-before: min(6.484vw, 108px);
          padding-block-start: min(6.484vw, 108px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: min(1.441vw, 24px) min(3.963vw, 66px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .t-equipment__anchor {
    -webkit-padding-before: min(12.8vw, 57.6px);
            padding-block-start: min(12.8vw, 57.6px);
    gap: 0 min(10.667vw, 48px);
  }
}
.quality .l-inner .t-equipment__anchor__link {
  color: #C7B370;
  font-size: clamp(11.2px, 1.009vw, 16.8px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  padding: min(0.72vw, 12px) 0;
  border: none;
}
@media screen and (max-width: 768px) {
  .quality .l-inner .t-equipment__anchor__link {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    padding: min(2.667vw, 12px) 0;
    gap: min(2.133vw, 9.6px);
  }
}
.quality .l-inner .t-equipment__anchor .fas {
  font-weight: 300;
  font-size: clamp(16px, 1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .t-equipment__anchor .fas {
    font-size: clamp(11.2px, 3.733vw, 16.8px);
  }
}
.quality .l-inner #kitchen + .c-accordion--tra .c-accordion--tra__contents__inner > figure {
  width: 100%;
}
.quality .l-inner #kitchen + .c-accordion--tra .c-accordion--tra__contents__inner > figure img {
  width: 100%;
}
.quality .l-inner #kitchen + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto 0;
  font-weight: 400;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 769px) {
  .quality .l-inner #kitchen + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption {
    font-size: clamp(9.6px, 0.865vw, 14.4px);
    -webkit-margin-before: min(0.865vw, 14.4px);
            margin-block-start: min(0.865vw, 14.4px);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner #kitchen + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption {
    font-size: clamp(8px, 2.667vw, 12px);
    -webkit-margin-before: min(2.667vw, 12px);
            margin-block-start: min(2.667vw, 12px);
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #kitchen + .c-accordion--tra .c-accordion--tra__contents__inner > figure + .u-text--size--l {
    -webkit-margin-before: min(2.882vw, 48px);
            margin-block-start: min(2.882vw, 48px);
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner {
    -ms-grid-columns: 0.97fr 1fr;
    grid-template-columns: 0.97fr 1fr;
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner {
    -ms-grid-columns: 1fr 0.97fr;
    grid-template-columns: 1fr 0.97fr;
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}
.quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner,
.quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner,
.quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner {
    -webkit-column-gap: min(2.882vw, 48px);
       -moz-column-gap: min(2.882vw, 48px);
            column-gap: min(2.882vw, 48px);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > .u-text--size--l,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > .u-text--size--l,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > .u-text--size--l {
    -webkit-margin-before: min(5.187vw, 86.4px);
            margin-block-start: min(5.187vw, 86.4px);
  }
}
.quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure,
.quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure,
.quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
.quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure img,
.quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure img,
.quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure img {
  width: 100%;
}
.quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption,
.quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption,
.quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto 0;
  font-weight: 400;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption {
    font-size: clamp(9.6px, 0.865vw, 14.4px);
    -webkit-margin-before: min(0.865vw, 14.4px);
            margin-block-start: min(0.865vw, 14.4px);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure figcaption {
    font-size: clamp(8px, 2.667vw, 12px);
    -webkit-margin-before: min(2.667vw, 12px);
            margin-block-start: min(2.667vw, 12px);
  }
}
.quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure.sticky,
.quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure.sticky,
.quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure.sticky {
  position: sticky;
  top: 0;
}
@media screen and (max-width: 768px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner > figure.sticky,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner > figure.sticky,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner > figure.sticky {
    position: static;
  }
}
.quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner .c-row,
.quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner .c-row,
.quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner .c-row {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner .c-row,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner .c-row,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner .c-row {
    -ms-grid-columns: 1fr min(1.441vw, 24px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: min(2.738vw, 45.6px) min(1.441vw, 24px);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner .c-row,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner .c-row,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner .c-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: min(8vw, 36px);
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #powder + .c-accordion--tra .c-accordion--tra__contents__inner .c-row.u-mt-40,
  .quality .l-inner #bath + .c-accordion--tra .c-accordion--tra__contents__inner .c-row.u-mt-40,
  .quality .l-inner #wc + .c-accordion--tra .c-accordion--tra__contents__inner .c-row.u-mt-40 {
    -webkit-margin-before: min(3.89vw, 64.8px) !important;
            margin-block-start: min(3.89vw, 64.8px) !important;
  }
}
@media screen and (min-width: 769px) {
  .quality .l-inner #others + .c-accordion--tra .c-row.u-mt-40,
  .quality .l-inner #anchor1 + .c-accordion--tra .c-row.u-mt-40 {
    -webkit-margin-before: min(4.251vw, 70.8px) !important;
            margin-block-start: min(4.251vw, 70.8px) !important;
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-accordion--tra {
    padding-bottom: clamp(82.4px, 27.467vw, 123.6px);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-accordion--tra::before {
    height: clamp(68.8px, 22.933vw, 103.2px);
    bottom: clamp(81.6px, 27.2vw, 122.4px);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(76, 100, 115, 0)), to(rgb(76, 100, 115)));
    background: linear-gradient(180deg, rgba(76, 100, 115, 0) 0%, rgb(76, 100, 115) 100%);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-accordion--tra__contents {
    height: clamp(172px, 15.49vw, 258px);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-accordion--tra__btn {
    color: #FFF;
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1;
    background-color: #24333D;
    border: none;
    padding-inline: 0;
    height: clamp(44px, 14.667vw, 66px);
    width: clamp(146.4px, 48.8vw, 219.6px);
    bottom: clamp(24px, 8vw, 36px);
  }
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-accordion--tra__btn__text--close::after {
    background-color: #FFF;
  }
}
.quality .l-inner .c-title--contents {
  color: #FFF;
  font-size: clamp(14.4px, 1.297vw, 21.6px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  background-color: #24333D;
  padding: min(0.937vw, 15.6px) min(1.441vw, 24px);
  border: none;
  margin-block: min(6.844vw, 114px) 0;
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-title--contents {
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    padding: min(2.4vw, 10.8px) min(2.667vw, 12px);
    margin-block: min(8vw, 36px) 0;
  }
}
.quality .l-inner .t-equipment__anchor + .c-title--contents {
  margin-block: min(3.963vw, 66px) 0;
}
@media screen and (max-width: 768px) {
  .quality .l-inner .t-equipment__anchor + .c-title--contents {
    margin-block: min(4.8vw, 21.6px) 0;
  }
}
.quality .l-inner .u-text--size--l {
  -webkit-margin-before: min(3.098vw, 51.6px);
          margin-block-start: min(3.098vw, 51.6px);
  color: #FFF;
  font-size: clamp(16px, 1.441vw, 24px) !important;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 2.4;
}
@media screen and (max-width: 768px) {
  .quality .l-inner .u-text--size--l {
    -webkit-margin-before: min(6.933vw, 31.2px);
            margin-block-start: min(6.933vw, 31.2px);
    font-size: clamp(12.8px, 4.267vw, 19.2px) !important;
    letter-spacing: 0.1em;
    line-height: 2;
  }
}
.quality .l-inner .c-row p, .quality .l-inner .c-grid p {
  -webkit-margin-before: min(0.937vw, 15.6px);
          margin-block-start: min(0.937vw, 15.6px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-row p, .quality .l-inner .c-grid p {
    -webkit-margin-before: min(4.8vw, 21.6px);
            margin-block-start: min(4.8vw, 21.6px);
  }
}
.quality .l-inner .c-row p span, .quality .l-inner .c-grid p span {
  display: block;
  color: #FFF;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
.quality .l-inner .c-row p span > span, .quality .l-inner .c-grid p span > span {
  display: inline-block;
}
.quality .l-inner .c-row .u-text--size--m, .quality .l-inner .c-grid .u-text--size--m {
  font-size: clamp(12.8px, 1.153vw, 19.2px) !important;
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-row .u-text--size--m, .quality .l-inner .c-grid .u-text--size--m {
    font-size: clamp(11.2px, 3.733vw, 16.8px) !important;
  }
}
.quality .l-inner .c-row .u-text--size--s, .quality .l-inner .c-grid .u-text--size--s {
  font-size: clamp(11.2px, 1.009vw, 16.8px) !important;
  -webkit-margin-before: min(0.865vw, 14.4px);
          margin-block-start: min(0.865vw, 14.4px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-row .u-text--size--s, .quality .l-inner .c-grid .u-text--size--s {
    font-size: clamp(9.6px, 3.2vw, 14.4px) !important;
    -webkit-margin-before: min(2.133vw, 9.6px);
            margin-block-start: min(2.133vw, 9.6px);
  }
}
.quality .l-inner .c-row .u-text--size--ss, .quality .l-inner .c-grid .u-text--size--ss {
  font-size: clamp(9.6px, 0.865vw, 14.4px) !important;
  -webkit-margin-before: min(0.36vw, 6px);
          margin-block-start: min(0.36vw, 6px);
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-row .u-text--size--ss, .quality .l-inner .c-grid .u-text--size--ss {
    font-size: clamp(8px, 2.667vw, 12px) !important;
    -webkit-margin-before: min(2.667vw, 12px);
            margin-block-start: min(2.667vw, 12px);
  }
}
.quality .l-inner .c-row figure, .quality .l-inner .c-grid figure {
  width: 100%;
  position: relative;
}
.quality .l-inner .c-row img, .quality .l-inner .c-grid img {
  width: 100%;
}
.quality .l-inner .c-row figcaption, .quality .l-inner .c-grid figcaption {
  position: absolute;
  bottom: min(0.72vw, 12px);
  right: min(0.72vw, 12px);
  font-size: clamp(9.6px, 0.865vw, 14.4px);
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .quality .l-inner .c-row figcaption, .quality .l-inner .c-grid figcaption {
    bottom: min(1.6vw, 7.2px);
    right: min(1.6vw, 7.2px);
    font-size: clamp(8px, 2.667vw, 12px);
  }
}
.quality .l-inner .c-row figcaption.white, .quality .l-inner .c-grid figcaption.white {
  color: #FFF;
}
@media screen and (min-width: 769px) {
  .quality .l-inner .c-row.u-mt-36 {
    -webkit-margin-before: min(2.45vw, 40.8px) !important;
            margin-block-start: min(2.45vw, 40.8px) !important;
  }
}

@media screen and (min-width: 769px) {
  body,
  .c-accordion--tra__contents,
  .l-content {
    overflow: unset;
  }
}
/*# sourceMappingURL=quality.css.map */