@charset "UTF-8";
/**
 * ４つのsection 共通
 */
/* line 12, ../_sass/quality.scss */
section.quality,
section.nisemono,
section.rank,
section.maintenance {
  margin-bottom: 1px;
}
/* line 18, ../_sass/quality.scss */
section.quality .parallax-bg,
section.nisemono .parallax-bg,
section.rank .parallax-bg,
section.maintenance .parallax-bg {
  background-repeat: no-repeat;
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 24, ../_sass/quality.scss */
section.quality .lead,
section.nisemono .lead,
section.rank .lead,
section.maintenance .lead {
  color: #ffffff;
  margin: 0 10px;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  /* line 24, ../_sass/quality.scss */
  section.quality .lead,
  section.nisemono .lead,
  section.rank .lead,
  section.maintenance .lead {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    width: 700px;
  }
}
@media screen and (min-width: 992px) {
  /* line 24, ../_sass/quality.scss */
  section.quality .lead,
  section.nisemono .lead,
  section.rank .lead,
  section.maintenance .lead {
    width: 770px;
  }
}
/* line 40, ../_sass/quality.scss */
section.quality .lead h2,
section.nisemono .lead h2,
section.rank .lead h2,
section.maintenance .lead h2 {
  text-align: center;
  font-weight: normal;
}
/* line 45, ../_sass/quality.scss */
section.quality .lead p,
section.nisemono .lead p,
section.rank .lead p,
section.maintenance .lead p {
  font-size: 1.4rem;
  line-height: 1.8em;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  /* line 45, ../_sass/quality.scss */
  section.quality .lead p,
  section.nisemono .lead p,
  section.rank .lead p,
  section.maintenance .lead p {
    margin-left: 80px;
    margin-right: 80px;
  }
}
/* line 54, ../_sass/quality.scss */
section.quality .lead p.btn a,
section.nisemono .lead p.btn a,
section.rank .lead p.btn a,
section.maintenance .lead p.btn a {
  display: block;
  background: url(../img/common/link_arrow_white.svg) no-repeat 90% 50%;
  background-color: #004896;
  color: #ffffff;
  font-size: 14px;
  line-height: 1em;
  width: 230px;
  padding: 15px 20px;
  margin: 0 auto;
}
/* line 64, ../_sass/quality.scss */
section.quality .lead p.btn a:hover,
section.nisemono .lead p.btn a:hover,
section.rank .lead p.btn a:hover,
section.maintenance .lead p.btn a:hover {
  opacity: 0.9;
}

/**
 * クオリティ メイン
 */
/* line 77, ../_sass/quality.scss */
section.quality .parallax-bg {
  background-image: url(../img/quality/bg_quality.jpg);
  background-size: cover;
  background-position: 0% 100%;
  background-color: #b2b2b2;
}
@media screen and (min-width: 768px) {
  /* line 77, ../_sass/quality.scss */
  section.quality .parallax-bg {
    height: 630px;
  }
}
/* line 86, ../_sass/quality.scss */
section.quality .lead {
  background-color: rgba(0, 72, 150, 0.8);
  padding-bottom: 30px;
}
/* line 89, ../_sass/quality.scss */
section.quality .lead h2 {
  font-size: 2.2rem;
  line-height: 1.4em;
  font-family: serif;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  /* line 89, ../_sass/quality.scss */
  section.quality .lead h2 {
    font-weight: normal;
    font-size: 3.0rem;
  }
}
@media screen and (min-width: 992px) {
  /* line 89, ../_sass/quality.scss */
  section.quality .lead h2 {
    font-size: 3.4rem;
  }
}
/* line 103, ../_sass/quality.scss */
section.quality .lead h2 br {
  display: none;
}
@media screen and (min-width: 768px) {
  /* line 103, ../_sass/quality.scss */
  section.quality .lead h2 br {
    display: inline;
  }
}
/* line 112, ../_sass/quality.scss */
section.quality .lead p br.sm {
  display: none;
}
@media screen and (min-width: 768px) {
  /* line 112, ../_sass/quality.scss */
  section.quality .lead p br.sm {
    display: inline;
  }
}

/**
 * 偽物・ランク・メンテナンス 共通
 */
/* line 128, ../_sass/quality.scss */
section.nisemono .parallax-bg,
section.rank .parallax-bg,
section.maintenance .parallax-bg {
  background-size: cover;
  min-height: 420px;
}
@media screen and (min-width: 992px) {
  /* line 128, ../_sass/quality.scss */
  section.nisemono .parallax-bg,
  section.rank .parallax-bg,
  section.maintenance .parallax-bg {
    background-attachment: fixed;
  }
}
/* line 135, ../_sass/quality.scss */
section.nisemono .lead,
section.rank .lead,
section.maintenance .lead {
  background-color: rgba(0, 0, 0, 0.5);
  padding-bottom: 10px;
}
/* line 138, ../_sass/quality.scss */
section.nisemono .lead h2,
section.rank .lead h2,
section.maintenance .lead h2 {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  /* line 138, ../_sass/quality.scss */
  section.nisemono .lead h2,
  section.rank .lead h2,
  section.maintenance .lead h2 {
    font-size: 2.8rem;
    font-weight: normal;
    margin: 0 80px;
  }
}
/* line 150, ../_sass/quality.scss */
section.nisemono .lead p,
section.rank .lead p,
section.maintenance .lead p {
  margin-top: 10px;
}

/**
 * 偽物シャットアウトプログラム
 */
/* line 160, ../_sass/quality.scss */
section.nisemono .parallax-bg {
  background-image: url(../img/quality/bg_nisemono.jpg);
  background-position: 0% 50%;
}

/**
 * 品物ランク全開示システム
 */
/* line 170, ../_sass/quality.scss */
section.rank .parallax-bg {
  background-image: url(../img/quality/bg_rank.jpg);
  background-position: 0% 90%;
}
/* line 175, ../_sass/quality.scss */
section.rank ol.step {
  list-style: none;
  margin-bottom: 60px;
  background: rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 768px) {
  /* line 175, ../_sass/quality.scss */
  section.rank ol.step {
    margin-top: -100px;
  }
}
/* line 184, ../_sass/quality.scss */
section.rank ol.step > li {
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
}
/* line 189, ../_sass/quality.scss */
section.rank ol.step .number {
  padding-top: 20px;
}
@media screen and (min-width: 992px) {
  /* line 189, ../_sass/quality.scss */
  section.rank ol.step .number {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 10px 30px 30px;
  }
}
/* line 196, ../_sass/quality.scss */
section.rank ol.step .number span {
  display: block;
  background-color: #004896;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  padding-top: 10px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  /* line 196, ../_sass/quality.scss */
  section.rank ol.step .number span {
    width: 100px;
    height: 100px;
    padding-top: 15px;
  }
}
/* line 213, ../_sass/quality.scss */
section.rank ol.step .number span b {
  display: block;
  padding-top: 10px;
  font-size: 3.0rem;
  font-family: serif;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  /* line 213, ../_sass/quality.scss */
  section.rank ol.step .number span b {
    padding-top: 25px;
    font-size: 5.0rem;
  }
}
/* line 227, ../_sass/quality.scss */
section.rank ol.step h3 {
  font-size: 18px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  /* line 227, ../_sass/quality.scss */
  section.rank ol.step h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 260px;
    padding: 30px 15px 30px 10px;
  }
}
/* line 237, ../_sass/quality.scss */
section.rank ol.step h3 br {
  display: none;
}
@media screen and (min-width: 992px) {
  /* line 237, ../_sass/quality.scss */
  section.rank ol.step h3 br {
    display: inline;
  }
}
/* line 245, ../_sass/quality.scss */
section.rank ol.step .text {
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  /* line 245, ../_sass/quality.scss */
  section.rank ol.step .text {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 30px 30px 15px;
  }
}
/* line 252, ../_sass/quality.scss */
section.rank ol.step .text p {
  margin-bottom: 0;
}
/* line 258, ../_sass/quality.scss */
section.rank .note {
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  padding: 20px;
  margin-top: 20px;
}
/* line 263, ../_sass/quality.scss */
section.rank .note h4 {
  margin: 0;
}
/* line 267, ../_sass/quality.scss */
section.rank .note ul {
  list-style: disc;
  margin-left: 20px;
}
/* line 270, ../_sass/quality.scss */
section.rank .note ul > li {
  margin-top: 3px;
}
/* line 275, ../_sass/quality.scss */
section.rank .note dl {
  margin-bottom: -5px;
}
/* line 277, ../_sass/quality.scss */
section.rank .note dl dt {
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
}
/* line 282, ../_sass/quality.scss */
section.rank .note dl dd {
  margin-left: 5em;
  margin-bottom: 10px;
}

/**
 * メンテナンス力
 */
/* line 294, ../_sass/quality.scss */
section.maintenance .parallax-bg {
  background-image: url(../img/quality/bg_maintenance.jpg);
  background-position: 0% 0%;
}

/*# sourceMappingURL=quality.css.map */