.quality {
  padding: 7.5vw 0vw 5vw 0vw;
}
@media screen and (min-width:1600px) {
  .quality {
    padding: 120px 0px 80px 0px;
  }
}
@media screen and (max-width:767px) {
  .quality {
    position: relative;
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
.quality img {
  width: 100%;
  height: auto;
}

.-nav {
  max-width: 1000px;
  margin: auto;
  padding: 6.6666666667vw 0vw 0vw 0vw;
}
@media screen and (min-width:1600px) {
  .-nav {
    padding: 106.6666666667px 0px 0px 0px;
  }
}
@media screen and (max-width:767px) {
  .-nav {
    padding-top: 40px;
  }
}
.-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -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;
  text-align: center;
  padding-bottom: 120px;
}
@media screen and (max-width:767px) {
  .-nav ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 4%;
    padding-bottom: 30px;
  }
}
.-nav ul li {
  width: 24%;
}
@media screen and (max-width:767px) {
  .-nav ul li {
    width: 49%;
    margin-bottom: 2%;
  }
}
.-nav ul li a {
  display: block;
  font-family: "EB Garamond", serif;
  font-size: 20px;
  background: #2D2D2B;
  border: 1px solid #E7772D;
  color: #E7772D;
  padding: 10px;
}
@media screen and (max-width:767px) {
  .-nav ul li a {
    font-size: 14px;
  }
}
.-nav ul li.-active a {
  background: #E7772D;
  color: #2D2D2B;
}

.-title {
  width: 18.8333333333vw;
  margin: auto;
}
@media screen and (min-width:1600px) {
  .-title {
    width: 301.3333333333px;
  }
}
@media screen and (max-width:767px) {
  .-title {
    width: 37.6666666667vw;
  }
}

.-subtitle {
  font-size: 2.1666666667vw;
  line-height: 1.9;
  color: #000;
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  padding: 1.6666666667vw 0vw 6.6666666667vw 0vw;
  text-align: center;
}
@media screen and (min-width:1600px) {
  .-subtitle {
    font-size: 34.6666666667px;
  }
}
@media screen and (min-width:1600px) {
  .-subtitle {
    padding: 26.6666666667px 0px 106.6666666667px 0px;
  }
}
@media screen and (max-width:767px) {
  .-subtitle {
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 40;
  }
}

.-page-heading {
  font-size: 24px;
  line-height: 1.6;
  max-width: 980px;
  margin: auto;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  margin-bottom: 0.5em;
}
@media screen and (max-width:767px) {
  .-page-heading {
    font-size: 16px;
    padding: 0 15px;
  }
}

.-category {
  text-align: right;
  padding-bottom: 15px;
}
@media screen and (max-width:767px) {
  .-category {
    padding: 0 15px 15px 15px;
  }
}
.-category img {
  width: auto !important;
  max-width: 100%;
}
@media screen and (max-width:767px) {
  .-category img {
    max-width: 80%;
  }
}

figure {
  position: relative;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.-bd-c {
  border: 1px solid #9F8D5E;
}
.-bd-c p {
  padding: 0 15px 15px 15px;
  color: #9F8D5E;
}

@media screen and (max-width:767px) {
  body .quality .-sp-full {
    width: 100% !important;
  }
}
@media screen and (max-width:767px) {
  body .quality .-sp-w70per {
    max-width: 70% !important;
    width: 100% !important;
  }
}
@media screen and (max-width:767px) {
  body .quality .-sp-w50per {
    max-width: 50% !important;
    width: 100% !important;
  }
}
@media screen and (max-width:767px) {
  body .quality .-sp-tac {
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  body .quality .-sp-tal {
    text-align: left;
  }
}
@media screen and (max-width:767px) {
  body .quality .-sp-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -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;
  }
  body .quality .-sp-flex.-sp-fl-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .quality .-sp-flex.-sp-fl-half > * {
    width: 48% !important;
  }
}
body .-sp-heading {
  display: none;
}
@media screen and (max-width:767px) {
  body .-sp-heading {
    display: block;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    color: #005FA8;
    font-size: 18px;
    padding: 0 15px 20px 15px;
    font-weight: bold;
    line-height: 1.4;
  }
}
body .-sp-heading2 {
  display: none;
}
@media screen and (max-width:767px) {
  body .-sp-heading2 {
    display: block;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    color: #005FA8;
    font-size: 14px;
    padding: 15px 15px 10px 15px;
  }
  body .-sp-heading2.-wide {
    width: 100%;
    padding: 15px 0px 10px 0px;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -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;
}
.flex.fl-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flex.fl-al-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex.fl-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex.fl-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex.fl-column-re {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.flex.fl-row-re {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width:767px) {
  .flex.-sp-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width:767px) {
  .flex.-sp-column-re {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.flex.fl-3-col > *:nth-child(1) {
  width: 29.1111111111%;
}
.flex.fl-3-col > *:nth-child(2) {
  width: 27.5555555556%;
}
.flex.fl-3-col > *:nth-child(3) {
  width: 40.4444444444%;
}
.flex.fl-half > * {
  width: 48%;
}
.flex.fl-37 > *:first-child {
  width: 30%;
}
.flex.fl-37 > *:last-child {
  width: 66%;
}
.flex.fl-73 > *:first-child {
  width: 66%;
}
.flex.fl-73 > *:last-child {
  width: 30%;
}
.flex.fl-46 > *:first-child {
  width: 38%;
}
.flex.fl-46 > *:last-child {
  width: 58%;
}
.flex.fl-64 > *:first-child {
  width: 58%;
}
.flex.fl-64 > *:last-child {
  width: 38%;
}

.mb-none {
  margin-bottom: 0 !important;
}

.mt-xs {
  margin-top: 10px;
}

.mt-s {
  margin-top: 15px;
}

.mt-m {
  margin-top: 30px;
}
@media screen and (max-width:767px) {
  .mt-m {
    margin-top: 20px;
  }
}

.mt-l {
  margin-top: 45px;
}
@media screen and (max-width:767px) {
  .mt-l {
    margin-top: 30px;
  }
}

@media screen and (max-width:767px) {
  .sp-mt-s {
    margin-top: 15px;
  }
}

@media screen and (max-width:767px) {
  .sp-mt-l {
    margin-top: 30px;
  }
}

@media screen and (max-width:767px) {
  .sp-mt-none {
    margin-top: 0 !important;
  }
}

@media screen and (max-width:767px) {
  .sp-pt-none {
    padding-top: 0 !important;
  }
}

.heading {
  text-align: center;
}
.heading.-pb {
  padding-bottom: 60px;
}
@media screen and (max-width:767px) {
  .heading.-pb {
    padding-bottom: 30px;
  }
}
.heading h2 {
  padding-top: 50px;
  padding-bottom: 20px;
}
@media screen and (max-width:767px) {
  .heading h2 {
    padding-top: 25px;
    padding-bottom: 10px;
  }
  .heading h2 img {
    max-width: inherit;
    width: auto;
    height: 30px;
  }
}
.heading p {
  font-size: 22px;
  line-height: 1.4;
  padding-top: 1em;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}
@media screen and (max-width:767px) {
  .heading p {
    font-size: 16px;
    letter-spacing: 0;
    text-indent: 0;
  }
}

.w800 {
  max-width: 800px;
  margin: auto;
}

.w820 {
  max-width: 820px;
  margin: auto;
}

.w900 {
  max-width: 900px;
  margin: auto;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -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: wrap;
      flex-wrap: wrap;
}
.list .item {
  width: 22.4489795918%;
}
@media screen and (max-width:767px) {
  .list .item {
    width: 48%;
  }
}

.list {
  max-width: 980px;
  margin: auto;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
@media screen and (max-width:767px) {
  .list {
    padding: 0 15px;
  }
}
.list img {
  width: 100%;
}
.list.-h-bg .item h3, .list.-h-bg .item h4 {
  background: #000;
  text-align: center;
  color: #FFF;
  border-bottom: none;
}
.list .item {
  padding-bottom: 30px;
}
@media screen and (max-width:767px) {
  .list .item {
    padding-bottom: 15px;
  }
  .list .item.-sp-center {
    margin: auto;
  }
}
.list .item h3,
.list .item h4 {
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid #000;
  padding: 0.5em 0;
  margin-bottom: 0.5em;
  letter-spacing: 0;
}
.list .item h3.-bar,
.list .item h4.-bar {
  color: #FFF;
  background: #B79D62;
  padding: 0.5em;
  text-align: center;
  border-bottom: none;
}
@media screen and (max-width:767px) {
  .list .item h3,
  .list .item h4 {
    font-size: 13px;
  }
}
.list .item h3 span,
.list .item h4 span {
  font-size: 11px;
}
@media screen and (max-width:767px) {
  .list .item h3 span,
  .list .item h4 span {
    font-size: 11px;
  }
}
.list .item p {
  font-size: 12px;
  line-height: 1.6;
}
.list .item p span {
  display: block;
  font-size: 11px;
}
.list .item p.-bar2 {
  color: #FFF;
  background: rgba(59, 57, 58, 0.7);
  padding: 0.5em;
  text-align: center;
  border-bottom: none;
}
.list .item p.-large {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width:767px) {
  .list .item.-blank {
    display: none;
  }
}

.w1-4 {
  width: 22.4489795918% !important;
}
@media screen and (max-width:767px) {
  .w1-4 {
    width: 48% !important;
  }
}

.w3-4 {
  width: 74.2857142857% !important;
}
@media screen and (max-width:767px) {
  .w3-4 {
    width: 100% !important;
  }
}
.w3-4 .item {
  width: 30.2395209581% !important;
}
@media screen and (max-width:767px) {
  .w3-4 .item {
    width: 48% !important;
  }
}
.w3-4 .w-full {
  width: 100% !important;
}

.w2-4 {
  width: 47.4489795918% !important;
}
@media screen and (max-width:767px) {
  .w2-4 {
    width: 100% !important;
  }
}
.w2-4 .-half {
  width: 47.1264367816% !important;
}
@media screen and (max-width:767px) {
  .w2-4 .-half {
    width: 48% !important;
  }
}

.w1-3 {
  width: 28.5714285714% !important;
}
@media screen and (max-width:767px) {
  .w1-3 {
    width: 100% !important;
  }
  .w1-3 figure {
    text-align: center;
  }
  .w1-3 figure img {
    max-width: 70%;
  }
}

.w2-3 {
  width: 60.2040816327% !important;
}
@media screen and (max-width:767px) {
  .w2-3 {
    width: 100% !important;
  }
}

.w-full {
  width: 100% !important;
}

/************* community ***********/
.-box-community {
  background: #4C6A78;
  padding: 15px 30px;
  color: #FFF;
}
@media screen and (max-width:767px) {
  .-box-community {
    padding: 10px 15px;
  }
  .-box-community .fl-ucom > * {
    width: 80%;
  }
}
.-box-community h4 {
  border-bottom: 1px solid #FFF !important;
}
.-box-community h4 span {
  font-size: 16px !important;
}

.-box-community-mark {
  border: 1px solid #FFF;
}
.-box-community-mark img {
  width: 87px;
  height: auto;
}
.-box-community-mark p {
  padding: 10px !important;
}
.-box-community-mark p span {
  font-size: 8px !important;
}

/************* eq ***********/
.eq .-amenity {
  padding-top: 60px;
}
@media screen and (max-width:767px) {
  .eq .-amenity {
    padding-top: 20px;
  }
}
.eq figcaption {
  color: #FFF;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.eq .-eq-bg {
  background: url(../quality/images/02/bg@2x.jpg) left center;
  background-size: 100% auto;
  max-width: 1200px;
  margin: auto;
}
.eq .img-dust {
  width: 97px;
  float: right;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 10px;
}
.eq .-h-bg1 {
  max-width: 1200px;
  padding-left: 290px;
  padding-right: 50px;
  margin: auto;
  background: url(../quality/images/02/bg1@2x.jpg) left -2px no-repeat;
  background-size: 100% auto;
  padding-top: 105px;
  padding-bottom: 40px;
}
@media screen and (max-width:1200px) {
  .eq .-h-bg1 {
    padding-left: 24.1666666667%;
    padding-right: 4.1666666667%;
  }
}
@media screen and (max-width:767px) {
  .eq .-h-bg1 {
    background: none;
    padding: 15px 0;
  }
}
.eq .-h-bg2 {
  max-width: 1200px;
  padding-right: 250px;
  padding-left: 90px;
  margin: auto;
  padding-bottom: 40px;
  background: url(../quality/images/02/bg2@2x.jpg) right -2px top no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width:1200px) {
  .eq .-h-bg2 {
    padding-right: 20.8333333333%;
    padding-left: 7.5%;
  }
}
@media screen and (max-width:767px) {
  .eq .-h-bg2 {
    background: none;
    padding: 15px 0;
  }
}
.eq .-h-bg3 {
  max-width: 1200px;
  padding-left: 90px;
  padding-right: 90px;
  margin: auto;
  padding-bottom: 40px;
  background: url(../quality/images/02/bg3@2x.jpg) right -2px top no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width:1200px) {
  .eq .-h-bg3 {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
}
@media screen and (max-width:767px) {
  .eq .-h-bg3 {
    background: none;
    padding: 15px 0;
  }
}
.eq .-h-bg3 .w820 {
  padding-left: 26.25%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 0;
}
@media screen and (max-width:767px) {
  .eq .-h-bg3 .w820 {
    padding: 0 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.eq .-h-bg3 .w820 .item {
  width: 40.9836065574%;
  padding-left: 4.3859649123%;
}
@media screen and (max-width:767px) {
  .eq .-h-bg3 .w820 .item {
    width: 48% !important;
    padding-left: 0;
  }
}
.eq .-h-bg3 .w820 .-w1 {
  width: 40.9836065574%;
  padding-left: 4.3859649123%;
}
@media screen and (max-width:767px) {
  .eq .-h-bg3 .w820 .-w1 {
    width: 48% !important;
    padding-left: 0;
  }
  .eq .-h-bg3 .w820 .-w1 .item.w-full {
    width: 100% !important;
  }
}
.eq .-h-bg3 .w820 .-fl1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (max-width:767px) {
  .eq .-h-bg3 .w820 .-fl1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.eq .list .item {
  width: 30.487804878%;
}
@media screen and (max-width:767px) {
  .eq .list .item {
    width: 48%;
  }
}
.eq .list .w1 {
  width: 30.487804878% !important;
}
@media screen and (max-width:767px) {
  .eq .list .w1 {
    width: 100% !important;
  }
}
.eq .list .w2 {
  width: 65.243902439% !important;
}
@media screen and (max-width:767px) {
  .eq .list .w2 {
    width: 100% !important;
  }
}

/************* for10 ***********/
h4.-for10-h {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  font-weight: bold;
  color: #0079C0;
}

@media screen and (max-width:767px) {
  .fl-for10 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.fl-for10 > * {
  width: 24.5%;
}
@media screen and (max-width:767px) {
  .fl-for10 > * {
    width: 49.5%;
    margin-bottom: 4px;
  }
}

/************* ucom ***********/
.-ucom-bar {
  background: #005FA8;
  padding: 10px;
  line-height: 1.4;
  font-size: 16px;
  margin: 30px 0 15px;
  width: 100%;
  text-align: center;
  color: #FFF;
}
@media screen and (max-width:767px) {
  .-ucom-bar {
    font-size: 14px;
    margin: 0 0 10px;
  }
}

.fl-ucom-main > *:first-child {
  width: 52%;
}
.fl-ucom-main > *:last-child {
  width: 46%;
}

.fl-ucom > * {
  width: 49.5%;
  margin-bottom: 1%;
}
@media screen and (max-width:767px) {
  .fl-ucom > * {
    width: 70%;
    margin: auto;
    margin-bottom: 4px;
  }
}

/************* water ***********/
.-w-block {
  max-width: 1200px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.-w-en {
  background: url(../quality/images/01/bg3@2x.jpg) left center no-repeat;
  background-size: cover;
  width: 18.8333333333%;
  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;
  -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:767px) {
  .-w-en {
    display: none;
  }
}

.-w-contents {
  background: url(../quality/images/01/bg1@2x.jpg) left center no-repeat;
  background-size: cover;
  width: 81.1666666667%;
  color: #FFF;
  padding: 100px 50px 100px 0;
}
@media screen and (max-width:767px) {
  .-w-contents {
    padding: 30px 15px;
    width: auto;
  }
}
.-w-contents h2 {
  font-size: 25px;
  line-height: 1.6;
  padding-left: 105px;
  padding-bottom: 40px;
}
@media screen and (max-width:767px) {
  .-w-contents h2 {
    padding-left: 0;
    font-size: 20px;
    padding-bottom: 20px;
  }
}
.-w-contents .-lead {
  font-size: 14px;
  line-height: 2;
  padding-left: 105px;
  max-width: 633px;
}
@media screen and (max-width:767px) {
  .-w-contents .-lead {
    padding-left: 0;
    font-size: 13px;
    max-width: initial;
  }
}
.-w-contents .-gd {
  padding-left: 105px;
  max-width: 633px;
  text-align: right;
  padding-top: 15px;
}
@media screen and (max-width:767px) {
  .-w-contents .-gd {
    padding-left: 0;
    max-width: initial;
  }
}
.-w-contents .-gd img {
  width: 205px;
}
@media screen and (max-width:767px) {
  .-w-contents .-gd img {
    width: 150px;
  }
}

.-w-box {
  max-width: 633px;
  padding-top: 40px;
}
@media screen and (max-width:767px) {
  .-w-box {
    max-width: initial;
    padding-top: 30px;
  }
}
.-w-box .-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 20px;
}
.-w-box .-group .-logo {
  width: 114px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 15px;
}
.-w-box .-group h3 {
  padding-left: 105px;
  line-height: 1.6;
  font-size: 21px;
  border-bottom: 1px solid #FFF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width:767px) {
  .-w-box .-group h3 {
    padding-left: 0;
    font-size: 16px;
  }
}
.-w-box .-group h3 sup {
  font-size: 50%;
}
.-w-box .-group h3 span {
  display: block;
  font-size: 17px;
}
@media screen and (max-width:767px) {
  .-w-box .-group h3 span {
    font-size: 13px;
  }
}
.-w-box p {
  padding-left: 105px;
  font-size: 12px;
  line-height: 1.8;
}
@media screen and (max-width:767px) {
  .-w-box p {
    padding-left: 0;
  }
}
.-w-box p.-note {
  font-size: 10px;
  line-height: 1.4;
  padding-top: 10px;
}
.-w-box .-image {
  padding-left: 105px;
}
@media screen and (max-width:767px) {
  .-w-box .-image {
    padding-left: 0;
  }
}

/************* afterservice ***********/
.afterservice {
  max-width: 900px;
  margin: auto;
}
@media screen and (max-width:767px) {
  .afterservice {
    padding: 0 15px;
  }
}
.afterservice img {
  width: 100%;
  height: auto;
}
.afterservice h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 15px;
  background: #262265;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width:767px) {
  .afterservice h3 {
    font-size: 15px;
    line-height: 1.4;
  }
}
.afterservice h4 {
  font-size: 16px;
  line-height: 1.4;
  color: #535CA8;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  .afterservice h4 {
    font-size: 13px;
  }
}
.afterservice h4 span {
  font-size: 200%;
  color: #262265;
}
.afterservice p {
  font-size: 14px;
  line-height: 1.6;
}
.afterservice p span {
  display: block;
  font-size: 11px;
}
.afterservice .-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -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:767px) {
  .afterservice .-point {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.afterservice .-point li {
  width: 19.5%;
}
@media screen and (max-width:767px) {
  .afterservice .-point li {
    width: 48%;
    margin-bottom: 4%;
  }
}
.afterservice .-point-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -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: wrap;
      flex-wrap: wrap;
}
.afterservice .-point-sub li {
  width: 33%;
  border: 1px solid #535CA8;
  margin: 0.15%;
}
@media screen and (max-width:767px) {
  .afterservice .-point-sub li {
    width: 48%;
    margin-bottom: 4%;
  }
}
.afterservice .-point-sub li h5 {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  padding: 3px 10px;
  background: #535CA8;
}
.afterservice .-point-sub li p {
  font-size: 11px;
  line-height: 1.4;
  color: #535CA8;
  padding: 10px;
}
.afterservice .-point10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -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:767px) {
  .afterservice .-point10 {
    display: block;
  }
}
.afterservice .-point10 li {
  width: 49.5%;
}
@media screen and (max-width:767px) {
  .afterservice .-point10 li {
    width: auto;
  }
}

.yachin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -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:767px) {
  .yachin {
    display: block;
  }
}
.yachin img:last-child {
  margin-left: 15px;
}
@media screen and (max-width:767px) {
  .yachin img:last-child {
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}/*# sourceMappingURL=quality.css.map */