@charset "UTF-8";
/************************************************
    アクト品質
*************************************************/
.qualities {
  padding: 0;
  margin: 0;
}

.quality {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 15.625rem auto;
  grid-template-rows: 15.625rem auto;
  background-repeat: no-repeat;
  background-size: auto 15.625rem;
  padding-bottom: 3.125rem;
}
.quality--communityBased {
  background-position: left 40% top;
}
@supports ((background-image: -webkit-image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x))) {
  .quality--communityBased {
    background-image: -webkit-image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x);
    background-image: image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x);
  }
}
@supports not ((background-image: -webkit-image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x))) {
  .quality--communityBased {
    background-image: url('../img/quality_communityBased.jpg');
  }
}
_:-ms-lang(x)::-ms-backdrop, .quality--communityBased {
  background-image: url('../img/quality_communityBased.jpg');
}

.quality--fairPrice {
  background-position: center top;
}
@supports ((background-image: -webkit-image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x))) {
  .quality--fairPrice {
    background-image: -webkit-image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x);
    background-image: image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x);
  }
}
@supports not ((background-image: -webkit-image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x))) {
  .quality--fairPrice {
    background-image: url('../img/quality_fairPrice.jpg');
  }
}
_:-ms-lang(x)::-ms-backdrop, .quality--fairPrice {
  background-image: url('../img/quality_fairPrice.jpg');
}

.quality--reliableTechnology {
  background-position: left 40% top;
}
@supports ((background-image: -webkit-image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x))) {
  .quality--reliableTechnology {
    background-image: -webkit-image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x);
    background-image: image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x);
  }
}
@supports not ((background-image: -webkit-image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x))) {
  .quality--reliableTechnology {
    background-image: url('../img/quality_reliableTechnology.jpg');
  }
}
_:-ms-lang(x)::-ms-backdrop, .quality--reliableTechnology {
  background-image: url('../img/quality_reliableTechnology.jpg');
}

.quality .sec__title {
  line-height: 2.8333333333;
  text-align: center;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.quality .sec__title .text {
  background-color: white;
  padding: 0.4166666667em 0;
}
_::-webkit-full-page-media, _:future, :root .quality .sec__title .text {
  white-space: nowrap;
}

@supports ((-webkit-box-decoration-break: clone) or (box-decoration-break: clone)) {
  .quality .sec__title .text {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-right: 0.65em;
    padding-left: 0.75em;
  }
}
@supports not ((-webkit-box-decoration-break: clone) or (box-decoration-break: clone)) {
  .quality .sec__title .text {
    box-shadow: 0.65em 0 white, -0.75em 0 white;
  }
}
_:-ms-lang(x)::-ms-backdrop, .quality .sec__title .text {
  box-shadow: 0.65em 0 white, -0.75em 0 white;
}
.quality .sec-contents {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}

/************************************************
    職人イメージ
*************************************************/
.craftsman {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  max-width: 40rem;
  padding: 0;
  margin: 0 auto;
}
.craftsman__item {
  width: 50%;
}
@media (min-width: 48em) {
  .quality {
    -ms-grid-columns: 1fr (minmax(-webkit-min-content, 33.75rem))[2] 1fr;
    -ms-grid-columns: 1fr (minmax(min-content, 33.75rem))[2] 1fr;
    grid-template-columns: 1fr repeat(2, minmax(-webkit-min-content, 33.75rem)) 1fr;
    grid-template-columns: 1fr repeat(2, minmax(min-content, 33.75rem)) 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    background-position: center top;
    background-size: auto 31.25rem;
    padding-bottom: 4.375rem;
  }
  .quality .sec__title {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-row-align: start;
    align-self: start;
    padding: 0;
  }
  @supports not ((-webkit-box-decoration-break: clone) or (box-decoration-break: clone)) {
    .quality .sec__title {
      margin-top: 0.75em;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality .sec__title {
    margin-top: 0.75em;
  }
  .quality .sec__title .text {
    padding: 0 0.4166666667em;
  }
  @supports ((-webkit-box-decoration-break: clone) or (box-decoration-break: clone)) {
    .quality .sec__title .text {
      padding-top: 0.75em;
      padding-bottom: 0.65em;
    }
  }
  @supports not ((-webkit-box-decoration-break: clone) or (box-decoration-break: clone)) {
    .quality .sec__title .text {
      box-shadow: 0 0.65em white, 0 -0.75em white;
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality .sec__title .text {
    box-shadow: 0 0.65em white, 0 -0.75em white;
  }
  .quality .sec-contents {
    -ms-grid-row: 1;
    grid-row: 1;
    margin-top: 14em;
  }
  .quality:nth-of-type(odd) .sec__title {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .quality:nth-of-type(odd) .sec-contents {
    -ms-grid-column: 3;
    grid-column: 3;
  }
  .quality:nth-of-type(even) .sec__title {
    -ms-grid-column: 3;
    grid-column: 3;
  }
  .quality:nth-of-type(even) .sec-contents {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .craftsman {
    max-width: 80rem;
  }
  .craftsman__item {
    width: 25%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  @supports not ((background-image: -webkit-image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x))){
    .quality--communityBased {
      background-image: url('../img/quality_communityBased@2x.jpg');
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality--communityBased {
    background-image: url('../img/quality_communityBased@2x.jpg');
  }
  @supports not ((background-image: -webkit-image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x))){
    .quality--fairPrice {
      background-image: url('../img/quality_fairPrice@2x.jpg');
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality--fairPrice {
    background-image: url('../img/quality_fairPrice@2x.jpg');
  }
  @supports not ((background-image: -webkit-image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x))){
    .quality--reliableTechnology {
      background-image: url('../img/quality_reliableTechnology@2x.jpg');
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality--reliableTechnology {
    background-image: url('../img/quality_reliableTechnology@2x.jpg');
  }
  }
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 3dppx) {
  @supports not ((background-image: -webkit-image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_communityBased.jpg') 1x, url('../img/quality_communityBased@2x.jpg') 2x, url('../img/quality_communityBased@3x.jpg') 3x))){
    .quality--communityBased {
      background-image: url('../img/quality_communityBased@3x.jpg');
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality--communityBased {
    background-image: url('../img/quality_communityBased@3x.jpg');
  }
  @supports not ((background-image: -webkit-image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_fairPrice.jpg') 1x, url('../img/quality_fairPrice@2x.jpg') 2x, url('../img/quality_fairPrice@3x.jpg') 3x))){
    .quality--fairPrice {
      background-image: url('../img/quality_fairPrice@3x.jpg');
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality--fairPrice {
    background-image: url('../img/quality_fairPrice@3x.jpg');
  }
  @supports not ((background-image: -webkit-image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x)) or (background-image: image-set(url('../img/quality_reliableTechnology.jpg') 1x, url('../img/quality_reliableTechnology@2x.jpg') 2x, url('../img/quality_reliableTechnology@3x.jpg') 3x))){
    .quality--reliableTechnology {
      background-image: url('../img/quality_reliableTechnology@3x.jpg');
    }
  }
  _:-ms-lang(x)::-ms-backdrop, .quality--reliableTechnology {
    background-image: url('../img/quality_reliableTechnology@3x.jpg');
  }
  }
/*# sourceMappingURL=../maps/quality.css.map */