@charset "UTF-8";
/*----------------------------------------
	quality
-----------------------------------------*/
.l-content {
  background: url(/asset/img/common/content-bg03.jpg) repeat-y center top;
  background-size: 100% auto;
}

/*----------------------------------------
	c-tab
-----------------------------------------*/
.c-tab {
  margin-block: 0;
}
.c-tab .c-title--page {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: min(1.198vw, 27.6px);
  margin-block: 0;
  padding-block: min(12.708vw, 292.8px) 0;
}
@media screen and (max-width: 768px) {
  .c-tab .c-title--page {
    -webkit-padding-before: min(25.641vw, 120px);
            padding-block-start: min(25.641vw, 120px);
    gap: min(2.564vw, 12px);
  }
}
.c-tab .c-title--page img {
  width: clamp(226.4px, 14.74vw, 339.6px);
}
@media screen and (max-width: 768px) {
  .c-tab .c-title--page img {
    width: clamp(144px, 46.154vw, 216px);
  }
}
.c-tab .c-title--page span {
  color: #fff;
  font-weight: 400;
  font-size: clamp(24px, 1.563vw, 36px);
  letter-spacing: 0.08em;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .c-tab .c-title--page span {
    font-size: clamp(14.4px, 4.615vw, 21.6px);
  }
}
.c-tab [data-tabpos=top] {
  -webkit-margin-before: min(8.177vw, 188.4px);
          margin-block-start: min(8.177vw, 188.4px);
}
@media screen and (max-width: 768px) {
  .c-tab [data-tabpos=top] {
    -webkit-margin-before: min(10.256vw, 48px);
            margin-block-start: min(10.256vw, 48px);
  }
}
.c-tab [data-tabpos=top] .c-tab__list::before {
  width: 100%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .c-tab [data-tabpos=top] .c-tab__list::before {
    display: none;
  }
}
.c-tab [data-tabpos=bottom] {
  -webkit-margin-after: min(8.177vw, 188.4px);
          margin-block-end: min(8.177vw, 188.4px);
}
@media screen and (max-width: 768px) {
  .c-tab [data-tabpos=bottom] {
    -webkit-margin-after: min(10.256vw, 48px);
            margin-block-end: min(10.256vw, 48px);
  }
}
.c-tab [data-tabpos=bottom] .c-tab__list::before {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-tab__wrap {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__wrap {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (28%)[4];
    grid-template-columns: repeat(4, 28%);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-inline: 0;
  }
}
.c-tab__item {
  background: rgba(110, 111, 108, 0.35);
}
@media screen and (max-width: 768px) {
  .c-tab__item {
    min-width: 100%;
    min-height: auto;
    padding: min(1.538vw, 7.2px);
  }
}
.c-tab__item.is-current {
  border-color: #fff;
}
.c-tab__item > span {
  color: #575656;
  font-weight: 400;
  font-size: clamp(19.2px, 1.25vw, 28.8px);
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .c-tab__item > span {
    font-size: clamp(11.2px, 3.59vw, 16.8px);
  }
}
.c-tab__item > span span {
  font-size: clamp(16px, 1.042vw, 24px);
}
@media screen and (max-width: 768px) {
  .c-tab__item > span span {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(9.6px, 3.077vw, 14.4px);
    letter-spacing: 0.02em;
  }
}
.c-tab__panel__item {
  padding-block: min(7.813vw, 180px);
  -webkit-margin-before: min(7.813vw, 180px);
          margin-block-start: min(7.813vw, 180px);
}
@media screen and (max-width: 768px) {
  .c-tab__panel__item {
    padding-block: min(12.821vw, 60px) min(20.513vw, 96px);
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .c-tab .t-equipment__anchor {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.c-tab .t-equipment__anchor__link {
  background: rgba(29, 66, 70, 0.7);
  border-radius: 0 min(1.042vw, 24px) 0 0;
  border: unset;
  color: #fff;
  font-weight: 400;
  font-size: clamp(13.6px, 0.885vw, 20.4px);
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .c-tab .t-equipment__anchor__link {
    border-radius: 0 min(5.128vw, 24px) 0 0;
    font-size: clamp(10.4px, 3.333vw, 15.6px);
    letter-spacing: 0;
  }
}
.c-tab .c-title--contents {
  color: #575656;
  font-weight: 400;
  font-size: clamp(24px, 1.563vw, 36px);
  letter-spacing: 0.08em;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .c-tab .c-title--contents {
    -webkit-padding-before: min(6.154vw, 28.8px);
            padding-block-start: min(6.154vw, 28.8px);
    margin-block: min(7.692vw, 36px) min(5.128vw, 24px);
  }
}
.c-tab .c-title--contents:not(:nth-of-type(1)) {
  margin-block: min(20.513vw, 96px) min(5.128vw, 24px);
}
.c-tab .u-text--size--l {
  color: #575656;
  font-weight: 400;
  font-size: clamp(19.2px, 1.25vw, 28.8px);
  letter-spacing: 0.06em;
  line-height: 1.75;
}
.c-tab p:has(> .u-text--size--m) {
  -webkit-margin-before: min(0.833vw, 19.2px);
          margin-block-start: min(0.833vw, 19.2px);
  display: -ms-grid;
  display: grid;
  gap: min(0.365vw, 8.4px);
}
@media screen and (max-width: 768px) {
  .c-tab p:has(> .u-text--size--m) {
    -webkit-margin-before: min(3.077vw, 14.4px);
            margin-block-start: min(3.077vw, 14.4px);
    gap: min(1.795vw, 8.4px);
  }
}
.c-tab .u-text--size--m {
  color: #575656;
  font-weight: 400;
  font-size: clamp(16px, 1.042vw, 24px) !important;
  letter-spacing: 0.08em;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .c-tab .u-text--size--m {
    font-size: clamp(12.8px, 4.103vw, 19.2px) !important;
  }
}
.c-tab .u-text--size--n {
  color: #575656;
  font-weight: 400;
  font-size: clamp(11.2px, 0.729vw, 16.8px) !important;
  letter-spacing: 0.08em;
  line-height: 1.92;
  -webkit-margin-before: clamp(4.8px, 0.313vw, 7.2px);
          margin-block-start: clamp(4.8px, 0.313vw, 7.2px);
}
@media screen and (max-width: 768px) {
  .c-tab .u-text--size--n {
    font-size: clamp(9.6px, 3.077vw, 14.4px) !important;
  }
}
.c-tab .u-text--size--s {
  color: #575656;
  font-weight: 400;
  font-size: clamp(10.4px, 0.677vw, 15.6px) !important;
  letter-spacing: 0.06em;
  line-height: 1.23;
}
@media screen and (max-width: 768px) {
  .c-tab .u-text--size--s {
    font-size: clamp(8.8px, 2.821vw, 13.2px) !important;
  }
}
.c-tab figure {
  position: relative;
}
.c-tab figcaption {
  margin: 0;
  position: absolute;
  bottom: min(0.313vw, 7.2px);
  right: min(0.521vw, 12px);
  font-size: clamp(10.4px, 0.677vw, 15.6px);
  letter-spacing: 0.08em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-tab figcaption {
    bottom: min(1.538vw, 7.2px);
    right: min(2.564vw, 12px);
    font-size: clamp(8px, 2.564vw, 12px);
  }
}
.c-tab figcaption.left {
  left: min(0.521vw, 12px);
  right: auto;
}
@media screen and (max-width: 768px) {
  .c-tab figcaption.left {
    left: min(2.564vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .c-tab .c-accordion--tra {
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
  .c-tab .c-accordion--tra::before {
    display: none;
  }
  .c-tab .c-accordion--tra__btn {
    z-index: 1;
    bottom: auto;
    top: calc(100% + min(3.846vw, 18px));
    background-color: #7495A0;
  }
}
.c-tab .c-accordion--tra__contents__inner > .c-list--notice .white {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .c-tab .c-accordion--tra__contents__inner > .c-list--notice {
    -webkit-margin-before: min(3.125vw, 72px);
            margin-block-start: min(3.125vw, 72px);
  }
}
@media screen and (max-width: 768px) {
  .c-tab .c-accordion--tra__contents__inner > .c-list--notice {
    -webkit-margin-before: min(7.692vw, 36px);
            margin-block-start: min(7.692vw, 36px);
  }
}
.c-tab .c-accordion--tra__contents__inner > .c-list--notice li {
  font-weight: 400;
  line-height: 1.33;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-tab .c-accordion--tra__contents__inner > .c-list--notice li {
    font-size: clamp(10.4px, 0.677vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  .c-tab .c-accordion--tra__contents__inner > .c-list--notice li {
    font-size: clamp(8.8px, 2.821vw, 13.2px);
  }
}
.c-tab .uniqueBox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(2.24vw, 51.6px) 1.1fr;
  grid-template-columns: 1fr 1.1fr;
  gap: 0 min(2.24vw, 51.6px);
  padding: min(2.083vw, 48px);
  background: rgba(119, 151, 160, 0.5);
  border-radius: min(3.125vw, 72px) 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-tab .uniqueBox {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: min(5.128vw, 24px);
    padding: min(5.128vw, 24px);
    border-radius: 0 min(7.692vw, 36px) 0 0;
  }
}
.c-tab .uniqueBox .wrap01 .u-text--size--m {
  color: #fff;
  line-height: 1.5;
}
.c-tab .uniqueBox .wrap01 .u-text--size--s {
  color: #fff;
  -webkit-margin-before: min(1.198vw, 27.6px);
          margin-block-start: min(1.198vw, 27.6px);
  font-size: clamp(11.2px, 0.729vw, 16.8px) !important;
  line-height: 1.78;
}
@media screen and (max-width: 768px) {
  .c-tab .uniqueBox .wrap01 .u-text--size--s {
    -webkit-margin-before: min(3.846vw, 18px);
            margin-block-start: min(3.846vw, 18px);
    font-size: clamp(8.8px, 2.821vw, 13.2px) !important;
  }
}
.c-tab .uniqueBox figure {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.c-tab .uniqueBox figure img {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
@media screen and (min-width: 769px) {
  .c-tab .uniqueBox .c-list--notice {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -webkit-margin-before: min(0.521vw, 12px);
            margin-block-start: min(0.521vw, 12px);
  }
}
.c-tab .uniqueBox .c-list--notice li {
  color: #fff;
  font-weight: 400;
  line-height: 1.33;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-tab .uniqueBox .c-list--notice li {
    font-size: clamp(10.4px, 0.677vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  .c-tab .uniqueBox .c-list--notice li {
    font-size: clamp(8.8px, 2.821vw, 13.2px);
  }
}

/*----------------------------------------
  lineup
-----------------------------------------*/
.c-tab:has(.c-tab__item:nth-of-type(2).is-current) .lineup.lineup01 {
  display: block;
}
.c-tab:has(.c-tab__item:nth-of-type(3).is-current) .lineup.lineup03 {
  display: block;
}
.c-tab .lineup {
  display: none;
}
.c-tab .lineup .txt--main {
  color: #fff;
  font-weight: 400;
  font-size: clamp(24px, 1.563vw, 36px);
  letter-spacing: 0.08em;
  line-height: 1.67;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .txt--main {
    font-size: clamp(16px, 5.128vw, 24px);
  }
}
.c-tab .lineup .txt--sub {
  color: #fff;
  font-weight: 400;
  font-size: clamp(13.6px, 0.885vw, 20.4px);
  line-height: 2.06;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .txt--sub {
    font-size: clamp(11.2px, 3.59vw, 16.8px);
  }
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 {
    -webkit-margin-before: min(10.256vw, 48px);
            margin-block-start: min(10.256vw, 48px);
  }
}
.c-tab .lineup .item01 .item-list {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 .item-list {
    gap: min(7.692vw, 36px);
  }
}
.c-tab .lineup .item01 li {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li {
    grid-column: auto;
    grid-row: auto;
  }
}
.c-tab .lineup .item01 li figure {
  position: relative;
}
.c-tab .lineup .item01 li figure figcaption {
  font-weight: 400;
  font-size: min(0.677vw, 15.6px);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li figure figcaption {
    font-size: clamp(9.6px, 3.077vw, 14.4px);
  }
}
.c-tab .lineup .item01 li:nth-of-type(1) {
  width: min(47.917vw, 1104px);
  margin-inline: auto;
  margin-block: auto;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(1) {
    display: none;
  }
}
.c-tab .lineup .item01 li:nth-of-type(1) figure figcaption {
  width: min(30.208vw, 696px);
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.c-tab .lineup .item01 li:nth-of-type(n+2) {
  width: min(22.031vw, 507.6px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(0.99vw, 22.8px) min(11.823vw, 272.4px);
  grid-template-columns: 1fr min(11.823vw, 272.4px);
  gap: 0 min(0.99vw, 22.8px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(n+2) {
    width: 100%;
    -ms-grid-columns: 1fr min(2.564vw, 12px) 1.25fr;
    grid-template-columns: 1fr 1.25fr;
    gap: min(2.564vw, 12px);
  }
}
.c-tab .lineup .item01 li:nth-of-type(n+2) .ttl {
  grid-column: 1/-1;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: min(1.302vw, 30px);
  letter-spacing: 0.1em;
  line-height: 1.32;
  -webkit-margin-after: min(1.042vw, 24px);
          margin-block-end: min(1.042vw, 24px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(n+2) .ttl {
    -webkit-border-after: 0;
            border-block-end: 0;
    font-size: clamp(16px, 5.128vw, 24px);
    margin: 0;
  }
}
.c-tab .lineup .item01 li:nth-of-type(n+2) .ttl span {
  display: block;
  width: min(15.625vw, 360px);
  background: rgba(29, 66, 70, 0.68);
  border-radius: 0 min(1.563vw, 36px) 0 0;
  padding: min(0.365vw, 8.4px) min(0.521vw, 12px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(n+2) .ttl span {
    width: 100%;
    border-radius: 0 min(5.128vw, 24px) 0 0;
    padding: min(1.282vw, 6px) min(2.564vw, 12px);
  }
}
.c-tab .lineup .item01 li:nth-of-type(n+2) .main {
  color: #fff;
  font-weight: 400;
  font-size: min(1.042vw, 24px);
  letter-spacing: 0.08em;
  line-height: 1.35;
  background: rgba(119, 151, 160, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: min(0.521vw, 12px);
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(n+2) .main {
    padding: min(2.564vw, 12px);
    font-size: clamp(12.8px, 4.103vw, 19.2px);
  }
}
.c-tab .lineup .item01 li:nth-of-type(n+2) .main span {
  font-size: min(0.677vw, 15.6px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(n+2) .main span {
    font-size: clamp(10.4px, 3.333vw, 15.6px);
  }
}
.c-tab .lineup .item01 li:nth-of-type(n+2) .sub {
  grid-column: 1/-1;
  color: #fff;
  font-weight: 400;
  font-size: min(0.885vw, 20.4px);
  line-height: 2.06;
  -webkit-margin-before: min(1.25vw, 28.8px);
          margin-block-start: min(1.25vw, 28.8px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(n+2) .sub {
    font-size: clamp(11.2px, 3.59vw, 16.8px);
    margin: 0;
  }
}
.c-tab .lineup .item01 li:nth-of-type(n+2) figure {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.c-tab .lineup .item01 li:nth-of-type(2) {
  margin-block: min(6.042vw, 139.2px) auto;
  margin-inline: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(2) {
    margin: 0;
  }
}
.c-tab .lineup .item01 li:nth-of-type(2) .ttl::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: min(3.542vw, 81.6px);
  width: min(37.813vw, 871.2px);
  background: url(/asset/img/quality/quality_lineup_line01.webp) no-repeat center center;
  background-size: 100% 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(2) .ttl::before {
    display: none;
  }
}
.c-tab .lineup .item01 li:nth-of-type(3) {
  margin-block: min(8.906vw, 205.2px) auto;
  margin-inline: auto 0;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(3) {
    margin: 0;
  }
}
.c-tab .lineup .item01 li:nth-of-type(3) .ttl span {
  border-radius: min(1.563vw, 36px) 0 0 0;
  margin-inline: auto 0;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(3) .ttl span {
    border-radius: 0 min(5.128vw, 24px) 0 0;
    text-align: left;
  }
}
.c-tab .lineup .item01 li:nth-of-type(3) .ttl::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  height: min(12.552vw, 289.2px);
  width: min(45.26vw, 1042.8px);
  background: url(/asset/img/quality/quality_lineup_line02.webp) no-repeat center center;
  background-size: 100% 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(3) .ttl::before {
    display: none;
  }
}
.c-tab .lineup .item01 li:nth-of-type(4) {
  margin-block: auto min(2.813vw, 64.8px);
  margin-inline: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(4) {
    margin: 0;
  }
}
.c-tab .lineup .item01 li:nth-of-type(4) .ttl::before {
  content: "";
  position: absolute;
  top: calc(100% - min(0.469vw, 10.8px));
  left: 0;
  height: min(0.938vw, 21.6px);
  width: min(34.479vw, 794.4px);
  background: url(/asset/img/quality/quality_lineup_line03.webp) no-repeat center center;
  background-size: 100% 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(4) .ttl::before {
    display: none;
  }
}
.c-tab .lineup .item01 li:nth-of-type(5) {
  margin-block: auto min(0.99vw, 22.8px);
  margin-inline: auto 0;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item01 li:nth-of-type(5) {
    margin: 0;
  }
}
.c-tab .lineup .item01 li:nth-of-type(5) figure, .c-tab .lineup .item01 li:nth-of-type(5) .main {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.c-tab .lineup .item02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: min(25.052vw, 577.2px) min(2.604vw, 60px) 1fr;
  grid-template-columns: min(25.052vw, 577.2px) 1fr;
  gap: min(2.604vw, 60px);
  padding: min(3.854vw, 88.8px) min(5.573vw, 128.4px) min(4.167vw, 96px) min(6.146vw, 141.6px);
  background: rgba(21, 44, 47, 0.31);
  -webkit-margin-before: min(5.729vw, 132px);
          margin-block-start: min(5.729vw, 132px);
  border-radius: 0 min(6.25vw, 144px) 0 0;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 {
    -webkit-margin-before: min(15.385vw, 72px);
            margin-block-start: min(15.385vw, 72px);
    padding: min(7.692vw, 36px);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: min(5.128vw, 24px);
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    border-radius: 0 min(10.256vw, 48px) 0 0;
  }
}
.c-tab .lineup .item02 .img01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  .c-tab .lineup .item02 .img01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .img01 {
    grid-column: unset;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
}
.c-tab .lineup .item02 .img02 {
  grid-column: 1/-1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .img02 {
    grid-column: unset;
    grid-row: unset;
  }
}
.c-tab .lineup .item02 .wrap01 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media screen and (max-width: 1024px) {
  .c-tab .lineup .item02 .wrap01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .wrap01 {
    grid-column: unset;
    grid-row: unset;
  }
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .wrap01 .txt--main {
    text-align: center;
  }
}
.c-tab .lineup .item02 .wrap01 .txt--sub {
  -webkit-margin-before: min(1.302vw, 30px);
          margin-block-start: min(1.302vw, 30px);
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .wrap01 .txt--sub {
    -webkit-margin-before: min(3.846vw, 18px);
            margin-block-start: min(3.846vw, 18px);
    padding-inline: 0;
  }
}
.c-tab .lineup .item02 .wrap01 .txt--sub span {
  font-size: clamp(10.4px, 0.677vw, 15.6px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .wrap01 .txt--sub span {
    font-size: clamp(8px, 2.564vw, 12px);
  }
}
.c-tab .lineup .item02 .wrap02 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  padding-block: min(1.302vw, 30px);
  border-block: 1px solid #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  .c-tab .lineup .item02 .wrap02 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .wrap02 {
    padding-block: min(3.846vw, 18px);
    grid-column: unset;
    grid-row: unset;
  }
}
.c-tab .lineup .item02 .wrap02 p:nth-of-type(1) {
  color: #fff;
  font-weight: 400;
  font-size: clamp(16px, 1.042vw, 24px);
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .wrap02 p:nth-of-type(1) {
    font-size: clamp(13.6px, 4.359vw, 20.4px);
    text-align: center;
  }
}
.c-tab .lineup .item02 .wrap02 .txt--sub {
  -webkit-margin-before: min(1.302vw, 30px);
          margin-block-start: min(1.302vw, 30px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item02 .wrap02 .txt--sub {
    -webkit-margin-before: min(1.795vw, 8.4px);
            margin-block-start: min(1.795vw, 8.4px);
  }
}
.c-tab .lineup .item03 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(2.604vw, 60px) auto;
  grid-template-columns: 1fr auto;
  gap: 0 min(2.604vw, 60px);
  padding: min(2.083vw, 48px) min(5.677vw, 130.8px) min(2.083vw, 48px) min(6.146vw, 141.6px);
  background: rgba(21, 44, 47, 0.31);
  -webkit-margin-before: min(5.729vw, 132px);
          margin-block-start: min(5.729vw, 132px);
  border-radius: min(3.125vw, 72px) 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item03 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: min(7.692vw, 36px);
    gap: min(5.128vw, 24px);
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    -webkit-margin-before: min(7.692vw, 36px);
            margin-block-start: min(7.692vw, 36px);
  }
}
.c-tab .lineup .item03 .wrap01 .txt--sub {
  -webkit-margin-before: min(2.083vw, 48px);
          margin-block-start: min(2.083vw, 48px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item03 .wrap01 .txt--sub {
    -webkit-margin-before: min(2.564vw, 12px);
            margin-block-start: min(2.564vw, 12px);
  }
}
.c-tab .lineup .item03 figure {
  width: min(32.448vw, 747.6px);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item03 figure {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .c-tab .lineup .item03 .c-list--notice {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -webkit-margin-before: min(0.521vw, 12px);
            margin-block-start: min(0.521vw, 12px);
  }
}
.c-tab .lineup .item03 .c-list--notice li {
  color: #fff;
  font-weight: 400;
  line-height: 1.33;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-tab .lineup .item03 .c-list--notice li {
    font-size: clamp(10.4px, 0.677vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  .c-tab .lineup .item03 .c-list--notice li {
    font-size: clamp(8.8px, 2.821vw, 13.2px);
  }
}
.c-tab .lineup01 {
  margin-block: 0 min(6.25vw, 144px);
}
.c-tab .lineup01 > .txt--main {
  color: #575656;
}
.c-tab .lineup01 .item01 li:nth-of-type(n+2) .sub {
  color: #575656;
}
.c-tab .lineup03 {
  -webkit-margin-before: min(6.25vw, 144px);
          margin-block-start: min(6.25vw, 144px);
}
@media screen and (max-width: 768px) {
  .c-tab .lineup03 {
    -webkit-margin-before: min(12.821vw, 60px);
            margin-block-start: min(12.821vw, 60px);
  }
}

/*----------------------------------------
  tab01
-----------------------------------------*/
.tab01 {
  background: url(/asset/img/common/content-bg02.jpg) repeat-y center top;
  background-size: 100% auto;
}
.tab01 .c-title--contents {
  border-color: #575656;
}

/*----------------------------------------
  tab02
-----------------------------------------*/
.tab02 {
  background: url(/asset/img/common/content-bg02.jpg) repeat-y center top;
  background-size: 100% auto;
}
.tab02 .c-title--contents {
  border-color: #575656;
}

/*----------------------------------------
  tab03
-----------------------------------------*/
.tab03 {
  background: url(/asset/img/common/content-bg.jpg) repeat-y center top;
  background-size: 100% auto;
}
.tab03 .c-title--contents {
  color: #fff;
  border-color: #fff;
}
.tab03 .u-text--size--l {
  color: #fff;
}
.tab03 .u-text--size--m {
  color: #fff;
}
.tab03 .u-text--size--n {
  color: #fff;
}
.tab03 .u-text--size--s {
  color: #fff;
}
.tab03 .uniqueBox {
  background: rgba(21, 44, 47, 0.3);
}

/*----------------------------------------
  tab04
-----------------------------------------*/
.tab04 {
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
@media screen and (max-width: 768px) {
  .tab04 {
    padding-block: 0;
  }
}

.zeh-brillia {
  background-color: #fff;
  width: min(78.125vw, 1800px);
  padding: min(5.208vw, 120px);
  -webkit-margin-before: min(5.208vw, 120px);
          margin-block-start: min(5.208vw, 120px);
  margin-inline: auto;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .zeh-brillia {
    width: 100%;
    padding: 50px 0;
    margin-block: 0;
  }
}
.zeh-brillia {
  /*------ common ------*/
}
.zeh-brillia .note_01 {
  font-size: 18px !important;
  font-weight: normal;
  margin-top: 15px !important;
  text-align: left !important;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .note_01 {
    font-size: 14px !important;
  }
}
.zeh-brillia .note_02 {
  font-size: 14px !important;
  font-weight: normal;
  margin-top: 15px !important;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .note_02 {
    font-size: 14px !important;
    margin-top: 5px !important;
  }
}
.zeh-brillia .note_03 {
  font-size: 14px !important;
  font-weight: normal;
  margin-top: 15px !important;
  text-align: left !important;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .note_03 {
    font-size: 14px !important;
    padding: 0 5%;
  }
}
.zeh-brillia .note_area {
  margin: -20px auto 120px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .note_area {
    margin: 50px auto 60px;
    padding: 0 5%;
  }
}
.zeh-brillia .cap_01 {
  font-size: 18px !important;
  font-weight: normal;
  margin-top: 10px !important;
  text-align: right !important;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .cap_01 {
    font-size: 14px !important;
    margin-top: 5px !important;
  }
}
.zeh-brillia .title_main {
  position: relative;
}
.zeh-brillia .title_main p {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  color: #060606;
  background-color: #FFFBB4;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  line-height: 1;
  padding: 13px 60px;
  border-radius: 30px;
  border: 2px solid #060606;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_main p {
    width: 90%;
    font-size: 14px;
    padding: 10px;
  }
}
.zeh-brillia .title_main h2 {
  background-color: #00552e;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  font-family: "Noto Serif JP", serif;
  padding: 50px 50px 35px;
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_main h2 {
    font-size: 17px;
    padding: 30px 5% 20px;
    line-height: 1.4;
  }
}
.zeh-brillia .title_main h2 span {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_main h2 span {
    font-size: 14px;
  }
}
.zeh-brillia .title_main_02 h2 {
  padding: 50px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_main_02 h2 {
    padding: 20px 3%;
  }
}
.zeh-brillia .title_main_03 {
  position: relative;
}
.zeh-brillia .title_main_03 p {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  color: #060606;
  background-color: #FFFBB4;
  width: 40%;
  margin: 0 auto;
  line-height: 1;
  padding: 13px 65px;
  border-radius: 30px;
  border: 2px solid #060606;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_main_03 p {
    width: 90%;
    font-size: 14px;
    padding: 10px;
  }
}
.zeh-brillia .title_main_03 h2 {
  background-color: #00552e;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  font-family: "Noto Serif JP", serif;
  padding: 50px 50px 15px;
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_main_03 h2 {
    font-size: 18px;
    padding: 30px 5% 20px;
    line-height: 1.4;
  }
}
.zeh-brillia .title_main_03 h2 span {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_main_03 h2 span {
    font-size: 14px;
  }
}
.zeh-brillia .title_01 {
  font-size: 28px;
  color: #060606;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_01 {
    font-size: 18px;
  }
}
.zeh-brillia .title_02 {
  font-size: 28px;
  color: #060606;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .title_02 {
    font-size: 18px;
    line-height: 1.5;
  }
}
.zeh-brillia .text_01 {
  font-size: 24px;
  line-height: 1.5;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  margin: 50px auto;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .text_01 {
    font-size: 14px;
    line-height: 1.2;
    margin: 25px auto;
    padding: 0 2%;
  }
}
.zeh-brillia .text_02 {
  font-size: 48px;
  color: #060606;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .text_02 {
    font-size: 36px;
  }
}
.zeh-brillia .text_03 {
  font-size: 18px;
  color: #060606;
  line-height: 1.5;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .text_03 {
    font-size: 14px;
    text-align: left;
  }
}
.zeh-brillia .text_04 {
  font-size: 18px;
  line-height: 1.5;
  font-family: "Noto Serif JP", serif;
  margin: 50px auto -50px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .text_04 {
    font-size: 14px;
    margin: 20px auto 0;
  }
}
.zeh-brillia .mt_100_50 {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .mt_100_50 {
    margin-top: 50px;
  }
}
.zeh-brillia .mt_60_30 {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .mt_60_30 {
    margin-top: 30px;
  }
}
.zeh-brillia .mb_120_60 {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .mb_120_60 {
    margin-bottom: 60px;
  }
}
.zeh-brillia .p_rl {
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .p_rl {
    padding: 0 5%;
  }
}
.zeh-brillia .bt {
  border-top: 1px solid #060606;
  padding-top: 60px;
  margin-top: 70px;
}
.zeh-brillia {
  /*------ common end ------*/
}
.zeh-brillia .zb_sec01 {
  margin-top: min(5.208vw, 120px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec01 {
    margin-top: 60px;
  }
}
.zeh-brillia .zb_sec01 .content_area {
  background-color: #deebe4;
}
.zeh-brillia .zb_sec01 .content_area .content {
  padding-bottom: 50px;
}
.zeh-brillia .zb_sec01 .content_area .content ul {
  margin-top: 25px;
  padding: 0 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec01 .content_area .content ul {
    margin-top: 20px;
    padding: 0 5%;
  }
}
.zeh-brillia .zb_sec01 .content_area .content ul li {
  width: 100%;
}
.zeh-brillia .zb_sec06 {
  margin-top: min(5.208vw, 120px);
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec06 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.zeh-brillia .zb_sec06 .content_area {
  background-color: #deebe4;
}
.zeh-brillia .zb_sec06 .content_area .content {
  padding-bottom: 50px;
}
.zeh-brillia .zb_sec06 .content_area .content ul {
  margin-top: 25px;
  padding: 0 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec06 .content_area .content ul {
    margin-top: 20px;
    padding: 0 5%;
  }
}
.zeh-brillia .zb_sec06 .content_area .content ul li {
  width: 100%;
}
.zeh-brillia .zb_sec07 {
  margin-top: min(5.208vw, 120px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec07 {
    margin-top: 60px;
  }
}
.zeh-brillia .zb_sec07 .content_area_02 {
  padding: 45px 15% 65px;
  background-color: #f8faf9;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec07 .content_area_02 {
    padding: 30px 5% 40px;
  }
}
.zeh-brillia .zb_sec07 .content_area_02 ul {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec07 .content_area_02 ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: min(85.897vw, 402px);
    margin-inline: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.zeh-brillia .zb_sec07 .content_area_02 ul li {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec07 .content_area_02 ul li {
    text-align: center;
  }
  .zeh-brillia .zb_sec07 .content_area_02 ul li:nth-child(n+2) {
    margin-top: 30px;
  }
}
.zeh-brillia .zb_sec07 .content_area_02 ul li img {
  width: 95%;
}
.zeh-brillia .zb_sec02 .bg_area {
  background-color: #deebe4;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 .bg_area {
    padding: 40px 0;
  }
}
.zeh-brillia .zb_sec02 ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: min(26.042vw, 600px) min(1.979vw, 45.6px) min(26.042vw, 600px);
  grid-template-columns: min(26.042vw, 600px) min(26.042vw, 600px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 min(1.979vw, 45.6px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 ul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto min(5.128vw, 24px) auto;
    grid-template-rows: repeat(2, auto);
    gap: min(5.128vw, 24px) 0;
    width: min(85.897vw, 402px);
    margin-inline: auto;
  }
  .zeh-brillia .zb_sec02 ul > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .zeh-brillia .zb_sec02 ul > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.zeh-brillia .zb_sec02 dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto min(2.031vw, 46.8px) auto min(2.031vw, 46.8px) auto;
  grid-template-columns: repeat(3, auto);
  -ms-grid-rows: auto min(3.229vw, 74.4px) auto;
  grid-template-rows: repeat(2, auto);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(3.229vw, 74.4px) min(2.031vw, 46.8px);
  position: relative;
  padding-top: min(14.531vw, 334.8px);
}
.zeh-brillia .zb_sec02 dl > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.zeh-brillia .zb_sec02 dl > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.zeh-brillia .zb_sec02 dl > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.zeh-brillia .zb_sec02 dl > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.zeh-brillia .zb_sec02 dl > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.zeh-brillia .zb_sec02 dl > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 dl {
    gap: min(7.692vw, 36px) 0;
    width: min(85.897vw, 402px);
    margin-inline: auto;
    padding-top: min(35.897vw, 168px);
  }
}
.zeh-brillia .zb_sec02 dl::before {
  content: "";
  display: block;
  position: absolute;
  top: min(3.438vw, 79.2px);
  inset-inline: 0;
  width: min(9.219vw, 212.4px);
  height: min(6.771vw, 156px);
  margin-inline: auto;
  background: url(../../asset/img/zeh/zeh_arrow.webp) top left no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 dl::before {
    top: min(7.692vw, 36px);
    width: min(22.564vw, 105.6px);
    height: min(16.667vw, 78px);
  }
}
.zeh-brillia .zb_sec02 dl dt {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1/1/2/4;
  -ms-grid-column-align: center;
      justify-self: center;
  width: min(28.125vw, 648px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 dl dt {
    width: min(69.231vw, 324px);
  }
}
.zeh-brillia .zb_sec02 dl dd {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(16.667vw, 384px);
  height: min(16.667vw, 384px);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 dl dd {
    width: min(28.462vw, 133.2px);
    height: min(28.462vw, 133.2px);
  }
}
.zeh-brillia .zb_sec02 dl dd:nth-of-type(1) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
  background-image: url(../../asset/img/zeh/zeh_bg01.webp);
}
.zeh-brillia .zb_sec02 dl dd:nth-of-type(1) img {
  width: min(10.885vw, 250.8px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 dl dd:nth-of-type(1) img {
    width: min(22.308vw, 104.4px);
  }
}
.zeh-brillia .zb_sec02 dl dd:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
  background-image: url(../../asset/img/zeh/zeh_bg02.webp);
}
.zeh-brillia .zb_sec02 dl dd:nth-of-type(2) img {
  width: min(8.021vw, 184.8px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 dl dd:nth-of-type(2) img {
    width: min(15.897vw, 74.4px);
  }
}
.zeh-brillia .zb_sec02 dl dd:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 2/3/3/4;
  background-image: url(../../asset/img/zeh/zeh_bg03.webp);
}
.zeh-brillia .zb_sec02 dl dd:nth-of-type(3) img {
  width: min(6.25vw, 144px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 dl dd:nth-of-type(3) img {
    width: min(12.564vw, 58.8px);
  }
}
.zeh-brillia .zb_sec02 p {
  width: min(53.906vw, 1242px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec02 p {
    width: 100%;
  }
}
.zeh-brillia .zb_sec03 {
  margin-top: 80px;
  padding-top: min(3.602vw, 60px);
  padding-bottom: min(5.043vw, 84px);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../asset/img/zeh/zeh_bg04.webp);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec03 {
    width: 100%;
    padding: 0;
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
.zeh-brillia .zb_sec03 .obi {
  -webkit-margin-after: min(5.043vw, 84px);
          margin-block-end: min(5.043vw, 84px);
  padding: min(3.602vw, 30px);
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec03 .obi {
    width: 100%;
    margin-inline: auto;
    -webkit-margin-after: min(9.333vw, 42px);
            margin-block-end: min(9.333vw, 42px);
    padding: min(8vw, 36px) min(5.333vw, 24px);
  }
}
.zeh-brillia .zb_sec03 .obi h2 {
  margin-block: 0 min(2.604vw, 60px);
  font-size: clamp(22.4px, 1.458vw, 33.6px);
  text-align: center;
  line-height: 1.43;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
  color: #00552e;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec03 .obi h2 {
    margin-block: 0 min(7.692vw, 36px);
    font-size: clamp(14.4px, 4.615vw, 21.6px);
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
.zeh-brillia .zb_sec03 .obi p {
  font-size: 18px;
  text-align: center;
  line-height: 1.87;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
}
.zeh-brillia .zb_sec03 .obi p:nth-of-type(1) {
  display: inline-block;
  border-top: solid #00552e 1px;
  padding-top: 20px;
  font-size: 18px;
  text-align: center;
  line-height: 1.87;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
  color: #333;
  text-shadow: none;
}
.zeh-brillia .zb_sec03 p:nth-of-type(1) {
  font-size: clamp(22.4px, 2.017vw, 33.6px);
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  text-shadow: 0px 0px 20px rgb(7, 31, 19);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec03 p:nth-of-type(1) {
    font-size: 17px;
    padding: 0 5%;
  }
}
.zeh-brillia .zb_sec03 p:nth-of-type(2) {
  font-size: 18px;
  text-align: justify;
  line-height: 1.87;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  text-shadow: 0px 0px 20px rgb(7, 31, 19);
  max-width: 600px;
  margin: 30px auto 0;
}
@media screen and (max-width: 1024px) {
  .zeh-brillia .zb_sec03 p:nth-of-type(2) {
    padding: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec03 p:nth-of-type(2) {
    font-size: 14px;
    padding: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec04 {
    width: min(85.897vw, 402px);
    margin-inline: auto;
  }
}
.zeh-brillia .zb_sec04 h2 {
  margin-block: min(4.167vw, 96px) min(3.646vw, 84px);
  font-size: clamp(22.4px, 1.458vw, 33.6px);
  text-align: center;
  line-height: 1.43;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec04 h2 {
    margin-block: min(12.821vw, 60px) min(7.692vw, 36px);
    font-size: clamp(14.4px, 4.615vw, 21.6px);
    line-height: 1.4;
  }
}
.zeh-brillia .zb_sec04 h2 br {
  display: none;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec04 h2 br {
    display: block;
  }
}
.zeh-brillia .zb_sec04 ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(5.333vw, 24px) 1fr min(5.333vw, 24px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: min(5.333vw, 24px);
  width: min(830px, 100%);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec04 ul {
    -ms-grid-columns: 1fr min(5.128vw, 24px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: min(5.128vw, 24px);
    width: 100%;
  }
}
.zeh-brillia .zb_sec04 ul li:nth-of-type(1) figure, .zeh-brillia .zb_sec04 ul li:nth-of-type(2) figure {
  width: 100%;
  aspect-ratio: 230/162;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec04 ul li:nth-of-type(1) figure, .zeh-brillia .zb_sec04 ul li:nth-of-type(2) figure {
    display: block;
    aspect-ratio: unset;
  }
}
.zeh-brillia .zb_sec04 ul li figure {
  position: relative;
}
.zeh-brillia .zb_sec04 ul li figure figcaption {
  position: absolute;
  right: min(0.781vw, 18px);
  bottom: min(0.417vw, 9.6px);
  font-size: clamp(12px, 0.781vw, 18px);
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec04 ul li figure figcaption {
    font-size: clamp(9.6px, 3.077vw, 14.4px);
  }
}
.zeh-brillia .zb_sec04 ul li p {
  margin-top: min(0.313vw, 7.2px);
  font-size: clamp(14.4px, 0.938vw, 21.6px);
  text-align: center;
  font-family: "Noto Serif JP", serif;
  line-height: 1.33;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec04 ul li p {
    margin-top: min(1.282vw, 6px);
    font-size: clamp(11.2px, 3.59vw, 16.8px);
  }
}
.zeh-brillia .zb_sec04 ul li p span {
  display: inline-block;
}
.zeh-brillia .zb_sec05 {
  padding: 100px 5% 0;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec05 {
    padding: 50px 5% 0;
  }
}
.zeh-brillia .zb_sec05 h2 {
  font-size: clamp(22.4px, 1.458vw, 33.6px);
  text-align: center;
  line-height: 1.43;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec05 h2 {
    font-size: clamp(14.4px, 4.615vw, 21.6px);
    line-height: 1.4;
  }
}
.zeh-brillia .zb_sec05 h2 br {
  display: none;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec05 h2 br {
    display: block;
  }
}
.zeh-brillia .zb_sec05 p {
  margin: 50px auto 70px;
  font-size: 18px;
  text-align: center;
  line-height: 1.87;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec05 p {
    font-size: 14px;
    text-align: left;
    margin: 30px auto 40px;
  }
}
.zeh-brillia .zb_sec05 figure {
  width: min(22.917vw, 528px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .zeh-brillia .zb_sec05 figure {
    width: min(85.897vw, 402px);
  }
}
.zeh-brillia .zb_sec05 figure img {
  width: 100%;
}

/* 開閉ボタン（summary） */
summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../../asset/img/zeh/zeh_btn_open.svg") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 60px;
  cursor: pointer;
  border: none;
  text-indent: -9999px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

details[open] summary {
  background-image: url("../../asset/img/zeh/zeh_btn_close.svg");
  height: 60px;
}
/*# sourceMappingURL=quality.css.map */