@charset "UTF-8";
/*---------------------------
共通
---------------------------*/
#page-quality * {
  box-sizing: border-box;
}

.main {
  margin-top: -80px;
}

#page-quality .pc-hide-br {
  display: none;
}

@media (max-width: 767px) {
  #page-quality .pc-hide-br {
    display: inline;
  }
  #page-quality .sp-hide-br {
    display: none;
  }
}
/* Tab表示切り替え */
.br-tab {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .br-tab {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .main {
    margin-top: -60px;
  }
  .br-tab {
    display: none;
  }
  #page-quality .br-pc {
    display: none;
  }
  #page-quality .br-sp {
    display: block;
  }
}
/*---------------------------
MV
---------------------------*/
#container .section--hero {
  background: #000;
  /*  height: 970px;*/
  height: 100vh;
}

#container .section--hero * {
  color: #fff;
}

#container .section--hero .section__inner {
  height: 100%;
  background: url(../images/quality/hero_bgi01.jpg) no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

#container .section--hero .txArea {
  max-width: 1180px;
  width: 100%;
  display: grid;
  grid-template-columns: 50.3389830508% 37.1186440678%;
  column-gap: 12.5423728814%;
  align-items: center;
}
@media (max-width: 767px) {
  #container .section--hero .txArea {
    grid-template-columns: 100%;
    column-gap: 0;
    row-gap: 8vw;
  }
}
#container .section--hero .txArea .top_tx {
  padding-left: 7.4074074074%;
}
@media (max-width: 767px) {
  #container .section--hero .txArea .top_tx {
    width: 90%;
    padding-left: 0;
    margin: 0 auto;
  }
}
#container .section--hero .txArea .txt01 {
  font-family: "Zen Old Mincho", serif;
  font-size: 22px;
  line-height: 2;
}
@media (max-width: 1500px) {
  #container .section--hero .txArea .txt01 {
    font-size: 1.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .section--hero .txArea .txt01 {
    font-size: 2vw;
  }
}
@media (max-width: 767px) {
  #container .section--hero .txArea .txt01 {
    padding: 0 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
#container .section--hero .txArea .txt01 span {
  font-size: 43px;
  line-height: 1.5349;
}
@media (max-width: 1500px) {
  #container .section--hero .txArea .txt01 span {
    font-size: 2.8666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .section--hero .txArea .txt01 span {
    font-size: 3.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .section--hero .txArea .txt01 span {
    font-size: 8.5333333333vw;
  }
}

#container img {
  height: auto;
}
#container .image-cap {
  position: relative;
}
#container .image-cap__cap {
  height: 19px;
  padding: 0 2px;
  margin: 0;
  background-color: #000;
  font-family: "Zen Old Mincho", serif;
  font-size: 12.5px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1100px) {
  #container .image-cap__cap {
    height: 1.7272727273vw;
    padding: 0 0.1818181818vw;
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .image-cap__cap {
    height: 5.0666666667vw;
    padding: 0 0.5333333333vw;
    font-size: 2.1333333333vw;
  }
}
#container .lead {
  padding-top: 80px;
  padding-bottom: 68px;
  font-family: "Zen Old Mincho", serif;
  font-size: 25px;
  line-height: 1.76;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 1500px) {
  #container .lead {
    padding-top: 5.3333333333vw;
    padding-bottom: 4.5333333333vw;
    font-size: 1.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .lead {
    padding-top: 7.2727272727vw;
    padding-bottom: 6.1818181818vw;
    font-size: 2.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .lead {
    padding-top: 21.3333333333vw;
    padding-bottom: 18.1333333333vw;
    font-size: 6.4vw;
  }
}
#container .quality-navi {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto 110px;
  display: grid;
  grid-template-columns: repeat(6, 16%);
  column-gap: 0.8%;
}
@media (max-width: 1500px) {
  #container .quality-navi {
    margin-bottom: 7.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-navi {
    width: calc(100% - 1.8181818182vw);
    margin-bottom: 10vw;
  }
}
@media (max-width: 767px) {
  #container .quality-navi {
    width: 94.6666666667vw;
    margin-bottom: 14.6666666667vw;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 1.3333333333vw;
  }
}
#container .quality-navi__item {
  height: 80px;
  border: 1px solid #8b7952;
  background: linear-gradient(135deg, rgb(128, 120, 92) 0.03%, rgb(169, 150, 103) 14.89%, rgb(228, 224, 215) 50.06%, rgb(169, 150, 103) 86.47%, rgb(152, 137, 99) 92.16%, rgb(128, 120, 92) 100%);
}
@media (max-width: 1500px) {
  #container .quality-navi__item {
    height: 5.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-navi__item {
    height: 7.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-navi__item {
    height: 16vw;
  }
}
#container .quality-navi__item--active .quality-navi__anchor::after {
  opacity: 0;
}
#container .quality-navi__anchor {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Zen Old Mincho", serif;
  font-size: 21px;
  line-height: 1.281;
  text-align: center;
  font-weight: 400;
  position: relative;
}
@media (max-width: 1500px) {
  #container .quality-navi__anchor {
    font-size: 1.4vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-navi__anchor {
    font-size: 1.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .quality-navi__anchor {
    font-size: 4.2666666667vw;
  }
}
#container .quality-navi__anchor span {
  position: relative;
  z-index: 10;
}
#container .quality-navi__anchor::after {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity 0.3s;
}
#container .quality-navi__anchor:link {
  color: #000;
}
#container .quality-navi__anchor:visited {
  color: #000;
}
#container .quality-navi__anchor:hover {
  color: #000;
}
#container .quality-navi__anchor:hover::after {
  opacity: 0;
}
#container .quality-navi__anchor:focus {
  color: #000;
}
#container .quality-block#security, #container .quality-block#structure, #container .quality-block#zeh-m_ecology, #container .quality-block#comfort, #container .quality-block#support {
  padding-top: 70px;
}
@media (max-width: 1500px) {
  #container .quality-block#security, #container .quality-block#structure, #container .quality-block#zeh-m_ecology, #container .quality-block#comfort, #container .quality-block#support {
    padding-top: 4.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-block#security, #container .quality-block#structure, #container .quality-block#zeh-m_ecology, #container .quality-block#comfort, #container .quality-block#support {
    padding-top: 6.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-block#security, #container .quality-block#structure, #container .quality-block#zeh-m_ecology, #container .quality-block#comfort, #container .quality-block#support {
    padding-top: 6.6666666667vw;
  }
}
#container .quality-section {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  #container .quality-section {
    width: calc(100% - 1.8181818182vw);
  }
}
@media (max-width: 767px) {
  #container .quality-section {
    width: 94.6666666667vw;
  }
}
#container .quality-section__title {
  padding-bottom: 17px;
  margin-bottom: 46px;
  border-bottom: 1px solid #8b7952;
  font-family: "Zen Old Mincho", serif;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 54px;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .quality-section__title {
    padding-bottom: 1.1333333333vw;
    margin-bottom: 3.0666666667vw;
    column-gap: 3.6vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section__title {
    padding-bottom: 1.5454545455vw;
    margin-bottom: 4.1818181818vw;
    column-gap: 4.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section__title {
    padding-bottom: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
    column-gap: 5.3333333333vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section__title .en {
    height: 4.2666666667vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section__title .en img {
    width: auto;
    height: 100%;
  }
}
#container .quality-section__title .jpn {
  font-size: 19px;
  line-height: 1.368;
}
@media (max-width: 1500px) {
  #container .quality-section__title .jpn {
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section__title .jpn {
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section__title .jpn {
    font-size: 2.6666666667vw;
  }
}
#container .quality-section.kitchen {
  padding-bottom: 70px;
}
@media (max-width: 1500px) {
  #container .quality-section.kitchen {
    padding-bottom: 4.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.kitchen {
    padding-bottom: 6.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.kitchen {
    padding-bottom: 8vw;
  }
}
#container .quality-section.kitchen .quality-section__title .en {
  width: 169px;
}
@media (max-width: 1500px) {
  #container .quality-section.kitchen .quality-section__title .en {
    width: 11.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.kitchen .quality-section__title .en {
    width: 15.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.kitchen .grid {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(4, 23.2272727273%);
  column-gap: 2.3636363636%;
  row-gap: 47px;
}
@media (max-width: 1500px) {
  #container .quality-section.kitchen .grid {
    margin-top: 4.2666666667vw;
    row-gap: 3.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.kitchen .grid {
    margin-top: 5.8181818182vw;
    row-gap: 4.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .grid {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 7.2vw;
  }
}
#container .quality-section.kitchen .kitchen01 {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen01 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
#container .quality-section.kitchen .kitchen02 {
  grid-column: 3/5;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen02 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
#container .quality-section.kitchen .kitchen03 {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen03 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}
#container .quality-section.kitchen .kitchen03 img {
  width: 90%;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen03 img {
    width: 100%;
  }
}
#container .quality-section.kitchen .kitchen04 {
  grid-column: 3/4;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen04 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen04 .quality-box__title--l {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.kitchen .kitchen05 {
  grid-column: 4/5;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen05 {
    grid-column: 2/3;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen05 .quality-box__title--l {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.kitchen .kitchen06 {
  grid-column: 1/2;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen06 {
    grid-column: 1/2;
    grid-row: 5/6;
  }
}
#container .quality-section.kitchen .kitchen07 {
  grid-column: 2/3;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen07 {
    grid-column: 2/3;
    grid-row: 5/6;
  }
}
#container .quality-section.kitchen .kitchen08 {
  grid-column: 3/4;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen08 {
    grid-column: 1/2;
    grid-row: 6/7;
  }
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen08 .quality-box__title--l {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.kitchen .kitchen09 {
  grid-column: 4/5;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen09 {
    grid-column: 2/3;
    grid-row: 6/7;
  }
}
#container .quality-section.kitchen .kitchen09 .quality-box__title--l {
  margin-right: -20px;
}
@media (max-width: 1500px) {
  #container .quality-section.kitchen .kitchen09 .quality-box__title--l {
    margin-right: -1.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.kitchen .kitchen09 .quality-box__title--l {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #container .quality-section.kitchen .kitchen09 .quality-box__title--l {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.powderroom {
  padding-top: 72px;
  padding-bottom: 82px;
}
@media (max-width: 1500px) {
  #container .quality-section.powderroom {
    padding-top: 4.8vw;
    padding-bottom: 5.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.powderroom {
    padding-top: 6.5454545455vw;
    padding-bottom: 7.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.powderroom {
    padding-top: 9.6vw;
    padding-bottom: 10.9333333333vw;
  }
}
#container .quality-section.powderroom .quality-section__title .en {
  width: 281px;
}
@media (max-width: 1500px) {
  #container .quality-section.powderroom .quality-section__title .en {
    width: 18.7333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.powderroom .quality-section__title .en {
    width: 25.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.powderroom .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.powderroom .grid {
  display: grid;
  grid-template-columns: 22.9090909091% 31.9090909091% 18.6363636364% 18.6363636364%;
  column-gap: 2.6363636364%;
}
@media (max-width: 767px) {
  #container .quality-section.powderroom .grid {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 5.3333333333vw;
  }
}
#container .quality-section.powderroom .grid + .grid {
  margin-top: 44px;
  grid-template-columns: repeat(4, 23.0909090909%);
  column-gap: 2.5454545455%;
}
@media (max-width: 1500px) {
  #container .quality-section.powderroom .grid + .grid {
    margin-top: 2.9333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.powderroom .grid + .grid {
    margin-top: 4vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.powderroom .grid + .grid {
    margin-top: 11.7333333333vw;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 5.3333333333vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.powderroom .powderroom01 .quality-box__title--l,
  #container .quality-section.powderroom .powderroom02 .quality-box__title--l,
  #container .quality-section.powderroom .powderroom07 .quality-box__title--l,
  #container .quality-section.powderroom .powderroom08 .quality-box__title--l {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.powderroom .powderroom03 .quality-box__title--l,
#container .quality-section.powderroom .powderroom07 .quality-box__title--l {
  margin-right: -20px;
  margin-left: -5px;
}
@media (max-width: 1500px) {
  #container .quality-section.powderroom .powderroom03 .quality-box__title--l,
  #container .quality-section.powderroom .powderroom07 .quality-box__title--l {
    margin-right: -1.3333333333vw;
    margin-left: -0.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.powderroom .powderroom03 .quality-box__title--l,
  #container .quality-section.powderroom .powderroom07 .quality-box__title--l {
    margin-right: 0;
    margin-left: 0;
  }
}
#container .quality-section.bathroom {
  padding-top: 84px;
  padding-bottom: 130px;
}
@media (max-width: 1500px) {
  #container .quality-section.bathroom {
    padding-top: 5.6vw;
    padding-bottom: 8.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.bathroom {
    padding-top: 7.6363636364vw;
    padding-bottom: 11.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.bathroom {
    padding-top: 11.2vw;
    padding-bottom: 17.3333333333vw;
  }
}
#container .quality-section.bathroom .quality-section__title .en {
  width: 218px;
}
@media (max-width: 1500px) {
  #container .quality-section.bathroom .quality-section__title .en {
    width: 14.5333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.bathroom .quality-section__title .en {
    width: 19.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.bathroom .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.bathroom .grid {
  display: grid;
  grid-template-columns: repeat(4, 23.0909090909%);
  column-gap: 2.5454545455%;
  row-gap: 32px;
}
@media (max-width: 1500px) {
  #container .quality-section.bathroom .grid {
    row-gap: 2.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.bathroom .grid {
    row-gap: 2.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.bathroom .grid {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 5.3333333333vw;
  }
}
#container .quality-section.bathroom .bathroom02 .quality-box__title--l {
  margin-right: -30px;
  margin-left: -10px;
  letter-spacing: -0.14em;
}
@media (max-width: 1500px) {
  #container .quality-section.bathroom .bathroom02 .quality-box__title--l {
    margin-right: -2vw;
    margin-left: -0.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.bathroom .bathroom02 .quality-box__title--l {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #container .quality-section.bathroom .bathroom01 .quality-box__title--l,
  #container .quality-section.bathroom .bathroom02 .quality-box__title--l {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (max-width: 767px) {
  #container .quality-section.bathroom .bathroom05 .quality-box__title,
  #container .quality-section.bathroom .bathroom06 .quality-box__title,
  #container .quality-section.bathroom .bathroom09 .quality-box__title,
  #container .quality-section.bathroom .bathroom10 .quality-box__title {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.storage {
  padding-top: 74px;
  padding-bottom: 130px;
}
@media (max-width: 1500px) {
  #container .quality-section.storage {
    padding-top: 4.9333333333vw;
    padding-bottom: 8.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.storage {
    padding-top: 6.7272727273vw;
    padding-bottom: 11.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.storage {
    padding-top: 9.8666666667vw;
    padding-bottom: 17.3333333333vw;
  }
}
#container .quality-section.storage .quality-section__title .en {
  width: 174px;
}
@media (max-width: 1500px) {
  #container .quality-section.storage .quality-section__title .en {
    width: 11.6vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.storage .quality-section__title .en {
    width: 15.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.storage .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.storage .grid {
  margin-bottom: 62px;
  display: grid;
  grid-template-columns: repeat(3, 31.6363636364%);
  column-gap: 2.5454545455%;
}
@media (max-width: 1500px) {
  #container .quality-section.storage .grid {
    margin-bottom: 4.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.storage .grid {
    margin-bottom: 5.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.storage .grid {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 5.3333333333vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.storage .storage01 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media (max-width: 767px) {
  #container .quality-section.storage .storage02 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (max-width: 767px) {
  #container .quality-section.storage .storage03 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
#container .quality-section.storage .note li {
  padding-left: 1em;
  text-indent: -1em;
}
#container .quality-section.security {
  padding-bottom: 130px;
}
@media (max-width: 1500px) {
  #container .quality-section.security {
    padding-bottom: 8.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security {
    padding-bottom: 11.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security {
    padding-bottom: 17.3333333333vw;
  }
}
#container .quality-section.security .quality-section__title .en {
  width: 184px;
}
@media (max-width: 1500px) {
  #container .quality-section.security .quality-section__title .en {
    width: 12.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .quality-section__title .en {
    width: 16.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.security .quality-box--2.security01 {
  max-width: 1047px;
  width: 100%;
  grid-template-columns: 37.213740458% 58.070678128%;
  column-gap: 4.6800382044%;
  align-items: start;
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security01 {
    grid-template-columns: 100%;
    row-gap: 5.3333333333vw;
  }
}
#container .quality-section.security .quality-box--2.security01 .quality-box__content {
  grid-column: 1/2;
  grid-row: 1/2;
}
#container .quality-section.security .quality-box--2.security01 .quality-box__title {
  margin-bottom: 15px;
  line-height: 1.6;
}
@media (max-width: 1500px) {
  #container .quality-section.security .quality-box--2.security01 .quality-box__title {
    margin-bottom: 1vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .quality-box--2.security01 .quality-box__title {
    margin-bottom: 1.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security01 .quality-box__title {
    margin-bottom: 2.9333333333vw;
  }
}
#container .quality-section.security .quality-box--2.security01 .quality-box__image {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security01 .quality-box__image {
    grid-column: 1/2;
    grid-row: 2/2;
  }
}
#container .quality-section.security .quality-box--2.security02 {
  grid-template-columns: 27.2727272727% 70.1818181818%;
  column-gap: 2.5454545455%;
  align-items: start;
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security02 {
    grid-template-columns: 100%;
  }
}
#container .quality-section.security .quality-box--2.security02 .quality-box__content {
  grid-column: 1/2;
  grid-row: 1/2;
}
#container .quality-section.security .quality-box--2.security02 .quality-box__title {
  margin-bottom: 15px;
}
@media (max-width: 1500px) {
  #container .quality-section.security .quality-box--2.security02 .quality-box__title {
    margin-bottom: 1vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .quality-box--2.security02 .quality-box__title {
    margin-bottom: 1.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security02 .quality-box__title {
    margin-bottom: 2.9333333333vw;
  }
}
#container .quality-section.security .quality-box--2.security02 .grid {
  display: grid;
  grid-template-columns: 42.7461139896% 53.4974093264%;
  column-gap: 3.7564766839%;
  row-gap: 30px;
}
@media (max-width: 1500px) {
  #container .quality-section.security .quality-box--2.security02 .grid {
    row-gap: 2vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .quality-box--2.security02 .grid {
    row-gap: 2.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security02 .grid {
    row-gap: 8vw;
  }
}
#container .quality-section.security .quality-box--2.security02 .grid h4 {
  margin-bottom: -19px;
  font-family: "Zen Old Mincho", serif;
  font-size: 17.6px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.05em;
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (max-width: 1500px) {
  #container .quality-section.security .quality-box--2.security02 .grid h4 {
    margin-bottom: -1.2666666667vw;
    font-size: 1.1733333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .quality-box--2.security02 .grid h4 {
    margin-bottom: -1.7272727273vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security02 .grid h4 {
    margin-bottom: -2.4vw;
    font-size: 2.6666666667vw;
  }
}
#container .quality-section.security .quality-box--2.security02 .security-flow {
  display: grid;
  grid-template-columns: 158px auto;
  grid-template-rows: auto auto auto;
  column-gap: 10px;
  align-items: start;
}
@media (max-width: 1500px) {
  #container .quality-section.security .quality-box--2.security02 .security-flow {
    grid-template-columns: 10.5333333333vw auto;
    column-gap: 0.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .quality-box--2.security02 .security-flow {
    grid-template-columns: 14.3636363636vw auto;
    column-gap: 0.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security02 .security-flow {
    grid-template-columns: 20vw auto;
    column-gap: 2.6666666667vw;
  }
}
#container .quality-section.security .quality-box--2.security02 .security-flow figcaption {
  font-family: "Zen Old Mincho", serif;
  font-size: 16px;
  line-height: 1.3125;
  letter-spacing: -0.05em;
}
@media (max-width: 1500px) {
  #container .quality-section.security .quality-box--2.security02 .security-flow figcaption {
    font-size: 1.0666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .quality-box--2.security02 .security-flow figcaption {
    font-size: 1.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .quality-box--2.security02 .security-flow figcaption {
    font-size: 2.6666666667vw;
  }
}
#container .quality-section.security .quality-box--2.security02 .security-flow.flow01 {
  grid-column: 1/2;
  grid-row: 2/3;
}
#container .quality-section.security .quality-box--2.security02 .security-flow.flow02 {
  grid-column: 2/3;
  grid-row: 2/3;
}
#container .quality-section.security .quality-box--2.security02 .security-flow.flow03 {
  grid-column: 1/2;
  grid-row: 3/4;
}
#container .quality-section.security .quality-box--2.security02 .security-flow.flow04 {
  grid-column: 2/3;
  grid-row: 3/4;
}
#container .quality-section.security .quality-box--2.security03 {
  display: grid;
  grid-template-columns: 54.1044776119% 45.8955223881%;
}
#container .quality-section.security .quality-box--2.security04 {
  display: grid;
  grid-template-columns: 54.1044776119% 36.5671641791%;
  column-gap: 9.328358209%;
}
#container .quality-section.security .grid {
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: repeat(4, 23.2272727273%);
  column-gap: 2.3636363636%;
  row-gap: 54px;
}
@media (max-width: 1500px) {
  #container .quality-section.security .grid {
    margin-bottom: 1.6vw;
    row-gap: 3.6vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .grid {
    margin-bottom: 2.1818181818vw;
    row-gap: 4.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .grid {
    margin-bottom: 3.2vw;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 7.2vw;
  }
}
#container .quality-section.security .security01 {
  margin-bottom: 52px;
}
@media (max-width: 1500px) {
  #container .quality-section.security .security01 {
    margin-bottom: 3.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .security01 {
    margin-bottom: 4.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .security01 {
    margin-bottom: 7.2vw;
  }
}
#container .quality-section.security .security02 {
  margin-bottom: 60px;
}
@media (max-width: 1500px) {
  #container .quality-section.security .security02 {
    margin-bottom: 4vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .security02 {
    margin-bottom: 5.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .security02 {
    margin-bottom: 7.2vw;
  }
}
#container .quality-section.security .security03 {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  #container .quality-section.security .security03 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
#container .quality-section.security .security03 .quality-box__text ul {
  padding-top: 20px;
  font-size: 12.5px;
}
@media (max-width: 1500px) {
  #container .quality-section.security .security03 .quality-box__text ul {
    padding-top: 1.3333333333vw;
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.security .security03 .quality-box__text ul {
    padding-top: 1.8181818182vw;
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .security03 .quality-box__text ul {
    padding-top: 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
#container .quality-section.security .security03 .quality-box__text ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#container .quality-section.security .security04 {
  grid-column: 3/5;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  #container .quality-section.security .security04 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
#container .quality-section.security .security05 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.security .security05 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
#container .quality-section.security .security06 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.security .security06 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}
#container .quality-section.security .security07 {
  grid-column: 3/4;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.security .security07 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .security07 .quality-box__title {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.security .security08 {
  grid-column: 4/5;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.security .security08 {
    grid-column: 2/3;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  #container .quality-section.security .security08 .quality-box__title {
    height: 10.3413333333vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.structure {
  padding-bottom: 130px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure {
    padding-bottom: 8.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure {
    padding-bottom: 11.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure {
    padding-bottom: 17.3333333333vw;
  }
}
#container .quality-section.structure .quality-section__title .en {
  width: 215px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .quality-section__title .en {
    width: 14.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .quality-section__title .en {
    width: 19.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.structure .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 48.3636363636%);
  column-gap: 3.2727272727%;
  row-gap: 50px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .grid {
    row-gap: 3.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .grid {
    row-gap: 4.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .grid {
    grid-template-columns: 100%;
    column-gap: 0;
    row-gap: 8vw;
  }
}
#container .quality-section.structure .structure-box__title {
  margin-bottom: 23px;
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.1;
  font-weight: 500;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box__title {
    margin-bottom: 1.5333333333vw;
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box__title {
    margin-bottom: 2.0909090909vw;
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box__title {
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#container .quality-section.structure .structure-box figure {
  position: relative;
}
#container .quality-section.structure .structure-box figure img {
  position: absolute;
  right: 0;
  bottom: 0;
}
#container .quality-section.structure .structure-box figcaption {
  font-family: "Zen Old Mincho", serif;
  font-size: 17px;
  line-height: 1.412;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box figcaption {
    font-size: 1.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box figcaption {
    font-size: 1.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box figcaption {
    font-size: 3.2vw;
  }
}
#container .quality-section.structure .structure-box figcaption ul {
  padding-top: 16px;
  font-size: 12.5px;
  line-height: 1.6;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box figcaption ul {
    padding-top: 1.0666666667vw;
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box figcaption ul {
    padding-top: 1.4545454545vw;
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box figcaption ul {
    padding-top: 2.6666666667vw;
    font-size: 2.4vw;
  }
}
#container .quality-section.structure .structure-box.structure01 {
  margin-bottom: -40px;
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure01 {
    margin-bottom: -2.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure01 {
    margin-bottom: -3.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure01 {
    margin-bottom: -5.3333333333vw;
  }
}
#container .quality-section.structure .structure-box.structure01 figure {
  height: 223px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure01 figure {
    height: 14.8666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure01 figure {
    height: 20.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure01 figure {
    height: 42.6666666667vw;
  }
}
#container .quality-section.structure .structure-box.structure01 img {
  width: 191px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure01 img {
    width: 12.7333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure01 img {
    width: 17.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure01 img {
    width: 35.7333333333vw;
  }
}
#container .quality-section.structure .structure-box.structure01 ul {
  width: 213px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure01 ul {
    width: 14.2vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure01 ul {
    width: 19.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure01 ul {
    width: 45.3333333333vw;
  }
}
#container .quality-section.structure .structure-box.structure02 {
  margin-bottom: -40px;
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure02 {
    margin-bottom: -2.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure02 {
    margin-bottom: -3.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure02 {
    margin-bottom: -5.3333333333vw;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
#container .quality-section.structure .structure-box.structure02 figure {
  height: 278px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure02 figure {
    height: 18.5333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure02 figure {
    height: 25.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure02 figure {
    height: 56vw;
  }
}
#container .quality-section.structure .structure-box.structure02 img {
  width: 293px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure02 img {
    width: 19.5333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure02 img {
    width: 26.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure02 img {
    width: 52vw;
  }
}
#container .quality-section.structure .structure-box.structure02 ul {
  width: 213px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure02 ul {
    width: 14.2vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure02 ul {
    width: 19.3636363636vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure02 ul {
    width: 40vw;
  }
}
#container .quality-section.structure .structure-box.structure03 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure03 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
#container .quality-section.structure .structure-box.structure03 figure {
  height: 293px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure03 figure {
    height: 19.5333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure03 figure {
    height: 26.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure03 figure {
    height: 53.3333333333vw;
  }
}
#container .quality-section.structure .structure-box.structure03 img {
  width: 381px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure03 img {
    width: 25.4vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure03 img {
    width: 34.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure03 img {
    width: 71.2vw;
  }
}
#container .quality-section.structure .structure-box.structure03 ul {
  width: 152px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure03 ul {
    width: 10.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure03 ul {
    width: 13.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure03 ul {
    width: 24vw;
  }
}
#container .quality-section.structure .structure-box.structure04 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure04 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}
#container .quality-section.structure .structure-box.structure04 figure {
  height: 283px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure04 figure {
    height: 18.8666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure04 figure {
    height: 25.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure04 figure {
    height: 53.3333333333vw;
  }
}
#container .quality-section.structure .structure-box.structure04 img {
  width: 410px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure04 img {
    width: 27.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure04 img {
    width: 37.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure04 img {
    width: 76.5333333333vw;
  }
}
#container .quality-section.structure .structure-box.structure04 ul {
  width: 230px;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure04 ul {
    width: 15.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure04 ul {
    width: 20.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure04 ul {
    width: 30.6666666667vw;
  }
}
#container .quality-section.structure .structure-box.structure05 {
  grid-column: 1/2;
  grid-row: 3/5;
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure05 {
    grid-column: 1/2;
    grid-row: 5/6;
  }
}
#container .quality-section.structure .structure-box.structure05 figure {
  display: flex;
  flex-direction: column-reverse;
}
#container .quality-section.structure .structure-box.structure05 img {
  width: 100%;
  margin: 0 auto;
  position: static;
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure05 img {
    width: 80%;
  }
}
#container .quality-section.structure .structure-box.structure05 ul {
  margin-bottom: 5.3333333333vw;
}
#container .quality-section.structure .structure-box.structure06 {
  grid-column: 2/3;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure06 {
    grid-column: 1/2;
    grid-row: 6/7;
  }
}
#container .quality-section.structure .structure-box.structure07 {
  grid-column: 2/3;
  grid-row: 4/5;
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure07 {
    grid-column: 1/2;
    grid-row: 7/8;
  }
}
#container .quality-section.structure .structure-box.structure07 figure::before {
  height: 48.008px;
  content: " ";
  display: block;
  float: right;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure07 figure::before {
    height: 3.2005333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure07 figure::before {
    height: 4.3643636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure07 figure::before {
    height: 12.8021333333vw;
  }
}
#container .quality-section.structure .structure-box.structure07 img {
  width: 286px;
  margin: 20px 0 0 3em;
  position: static;
  clear: both;
  float: right;
}
@media (max-width: 1500px) {
  #container .quality-section.structure .structure-box.structure07 img {
    width: 19.0666666667vw;
    margin-top: 1.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.structure .structure-box.structure07 img {
    width: 26vw;
    margin-top: 1.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.structure .structure-box.structure07 img {
    width: 38.1333333333vw;
    margin-top: 2.6666666667vw;
  }
}
#container .quality-section.zeh-m_ecology {
  padding-bottom: 130px;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology {
    padding-bottom: 8.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology {
    padding-bottom: 11.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology {
    padding-bottom: 17.3333333333vw;
  }
}
#container .quality-section.zeh-m_ecology .quality-section__title .en {
  width: 177px;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .quality-section__title .en {
    width: 11.8vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .quality-section__title .en {
    width: 16.0909090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.zeh-m_ecology .quality-section__title .jpn span {
  font-size: 25px;
  color: #8b7952;
  font-weight: 600;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .quality-section__title .jpn span {
    font-size: 1.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .quality-section__title .jpn span {
    font-size: 2.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .quality-section__title .jpn span {
    font-size: 3.7333333333vw;
  }
}
#container .quality-section.zeh-m_ecology .grid {
  margin-bottom: 22px;
  display: grid;
  grid-template-columns: repeat(2, 47.3636363636%);
  column-gap: 5.2727272727%;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .grid {
    margin-bottom: 1.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .grid {
    margin-bottom: 2vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .grid {
    margin-bottom: 8vw;
    grid-template-columns: 100%;
    column-gap: 0;
    row-gap: 8vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .grid + .grid {
    margin-top: 8vw;
  }
}
#container .quality-section.zeh-m_ecology .sep {
  width: 100%;
  height: 50px;
  margin-bottom: 23px;
  background: url(../images/quality/sep.svg) no-repeat 50% 0%/auto 100%;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .sep {
    height: 3.3333333333vw;
    margin-bottom: 1.5333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .sep {
    height: 4.5454545455vw;
    margin-bottom: 2.0909090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .sep {
    height: 6.6666666667vw;
    margin-bottom: 6.1333333333vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__title {
  padding-bottom: 7px;
  margin-bottom: 28px;
  border-bottom: 1px solid #231815;
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.74;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__title {
    padding-bottom: 0.4666666667vw;
    margin-bottom: 1.8666666667vw;
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__title {
    padding-bottom: 0.6363636364vw;
    margin-bottom: 2.5454545455vw;
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__title {
    padding-bottom: 1.8666666667vw;
    margin-bottom: 7.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__text {
  font-family: "Zen Old Mincho", serif;
  font-size: 17.5px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__text {
    font-size: 1.1666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__text {
    font-size: 1.5909090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__text {
    font-size: 3.2vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__text span {
  font-size: 12.5px;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__text span {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__text span {
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__text span {
    font-size: 2.4vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__inner {
  padding: 20px;
  background-color: #e5f4eb;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner {
    padding: 1.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner {
    padding: 1.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner {
    padding: 2.6666666667vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__inner h4 {
  margin-bottom: 15px;
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.47;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner h4 {
    margin-bottom: 1vw;
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner h4 {
    margin-bottom: 1.3636363636vw;
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner h4 {
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__inner p {
  margin-bottom: 13px;
  font-family: "Zen Old Mincho", serif;
  font-size: 17.5px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner p {
    margin-bottom: 0.8666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner p {
    margin-bottom: 1.1818181818vw;
    font-size: 1.5909090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner p {
    margin-bottom: 2.6666666667vw;
    font-size: 3.2vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__inner figure {
  padding-bottom: 13px;
  display: grid;
  grid-template-columns: 58.75% 37.5%;
  column-gap: 3.75%;
  align-items: end;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner figure {
    padding-bottom: 0.8666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner figure {
    padding-bottom: 1.1818181818vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner figure {
    grid-template-columns: 100%;
    column-gap: 0;
    row-gap: 8vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box__inner figure figcaption {
  font-family: "Zen Old Mincho", serif;
  font-size: 12.5px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner figure figcaption {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner figure figcaption {
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box__inner figure figcaption {
    font-size: 2.6666666667vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology01 .ecology-box__text {
  margin-bottom: 40px;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology01 .ecology-box__text {
    margin-bottom: 2.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology01 .ecology-box__text {
    margin-bottom: 3.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology01 .ecology-box__text {
    margin-bottom: 5.3333333333vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text {
  margin-bottom: 16px;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text {
    margin-bottom: 1.0666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text {
    margin-bottom: 1.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text {
    margin-bottom: 2.6666666667vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text p:nth-of-type(1) {
  margin-bottom: 6px;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text p:nth-of-type(1) {
    margin-bottom: 0.4vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text p:nth-of-type(1) {
    margin-bottom: 0.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology02 .ecology-box__text p:nth-of-type(1) {
    margin-bottom: 1.0666666667vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology03 .ecology-box__title, #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__title {
  height: 66.12px;
  border-bottom: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology03 .ecology-box__title, #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__title {
    height: 4.408vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology03 .ecology-box__title, #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__title {
    height: 6.0109090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology03 .ecology-box__title, #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__title {
    height: 12.992vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology03 h4 {
  margin-bottom: 17px;
  font-family: "Zen Old Mincho", serif;
  font-size: 28.5px;
  color: #00913a;
  line-height: 1.47;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology03 h4 {
    margin-bottom: 1.1333333333vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology03 h4 {
    margin-bottom: 1.5454545455vw;
    font-size: 2.5909090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology03 h4 {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology03 .ecology-box__images {
  display: grid;
  grid-template-columns: repeat(3, 31.6363636364%);
  column-gap: 2.5454545455%;
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__text {
  margin-bottom: 25px;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__text {
    margin-bottom: 1.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__text {
    margin-bottom: 2.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__text {
    margin-bottom: 4vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology04 figure figcaption {
  font-family: "Zen Old Mincho", serif;
  font-size: 12.5px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 figure figcaption {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 figure figcaption {
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 figure figcaption {
    font-size: 2.4vw;
  }
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology04 figure figcaption ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__images {
  margin-bottom: 27px;
  display: grid;
  grid-template-columns: repeat(2, 32.5%);
  column-gap: 4.2307692308%;
  justify-content: center;
}
@media (max-width: 1500px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__images {
    margin-bottom: 1.8vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__images {
    margin-bottom: 2.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.zeh-m_ecology .ecology-box.ecology04 .ecology-box__images {
    margin-bottom: 4vw;
  }
}
#container .quality-section.comfort {
  padding-bottom: 130px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort {
    padding-bottom: 8.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort {
    padding-bottom: 11.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort {
    padding-bottom: 17.3333333333vw;
  }
}
#container .quality-section.comfort .quality-section__title .en {
  width: 187px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-section__title .en {
    width: 12.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-section__title .en {
    width: 17vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.comfort .grid {
  margin-bottom: 106px;
  display: grid;
  grid-template-columns: repeat(4, 23.2272727273%);
  column-gap: 2.3636363636%;
  row-gap: 54px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .grid {
    margin-bottom: 7.0666666667vw;
    row-gap: 3.6vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .grid {
    margin-bottom: 9.6363636364vw;
    row-gap: 4.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .grid {
    margin-bottom: 13.3333333333vw;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 7.2vw;
  }
}
#container .quality-section.comfort .comfort-box {
  display: grid;
  grid-template-columns: 58.7242026266% auto;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .comfort-box {
    column-gap: 7.5046904315%;
  }
}
#container .quality-section.comfort .comfort-box__title {
  margin-bottom: 23px;
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.105;
  font-weight: 500;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .comfort-box__title {
    margin-bottom: 1.5333333333vw;
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .comfort-box__title {
    margin-bottom: 2.0909090909vw;
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .comfort-box__title {
    margin-bottom: 3.2vw;
    font-size: 3.7333333333vw;
  }
}
#container .quality-section.comfort .comfort-box__text {
  font-family: "Zen Old Mincho", serif;
  font-size: 17px;
  line-height: 1.411;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .comfort-box__text {
    font-size: 1.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .comfort-box__text {
    font-size: 1.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .comfort-box__text {
    font-size: 3.2vw;
  }
}
#container .quality-section.comfort .comfort-box__text ul {
  padding-top: 18px;
  font-size: 12.5px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .comfort-box__text ul {
    padding-top: 1.2vw;
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .comfort-box__text ul {
    padding-top: 1.6363636364vw;
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .comfort-box__text ul {
    padding-top: 2.4vw;
    font-size: 2.6666666667vw;
  }
}
#container .quality-section.comfort .comfort-box.comfort01 {
  grid-column: 1/3;
  grid-row: 1/2;
}
#container .quality-section.comfort .comfort-box.comfort01 .comfort-box__image {
  width: 206px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .comfort-box.comfort01 .comfort-box__image {
    width: 13.7333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .comfort-box.comfort01 .comfort-box__image {
    width: 18.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .comfort-box.comfort01 .comfort-box__image {
    width: 27.4666666667vw;
  }
}
#container .quality-section.comfort .comfort-box.comfort02 {
  grid-column: 3/5;
  grid-row: 1/2;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .comfort-box.comfort02 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
#container .quality-section.comfort .comfort-box.comfort02 .comfort-box__image {
  width: 182px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .comfort-box.comfort02 .comfort-box__image {
    width: 12.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .comfort-box.comfort02 .comfort-box__image {
    width: 16.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .comfort-box.comfort02 .comfort-box__image {
    width: 24.2666666667vw;
  }
}
#container .quality-section.comfort .quality-box.comfort03 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort03 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
#container .quality-section.comfort .quality-box.comfort04 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort04 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}
#container .quality-section.comfort .quality-box.comfort05 {
  grid-column: 3/5;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort05 {
    grid-column: 1/3;
    grid-row: 4/5;
  }
}
#container .quality-section.comfort .quality-box.comfort05 figure {
  display: flex;
  flex-direction: column-reverse;
}
#container .quality-section.comfort .quality-box.comfort05 figure figcaption {
  padding-top: 0;
  padding-bottom: 20px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-box.comfort05 figure figcaption {
    padding-bottom: 1.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-box.comfort05 figure figcaption {
    padding-bottom: 1.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort05 figure figcaption {
    padding-bottom: 2.6666666667vw;
  }
}
#container .quality-section.comfort .quality-box.comfort06 {
  grid-column: 1/2;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort06 {
    grid-column: 1/2;
    grid-row: 5/6;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort06 .quality-box__title {
    height: 8.864vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.comfort .quality-box.comfort07 {
  grid-column: 2/3;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort07 {
    grid-column: 2/3;
    grid-row: 5/6;
  }
}
#container .quality-section.comfort .quality-box.comfort07 .quality-box__title {
  margin-right: -20px;
  margin-left: -10px;
  letter-spacing: -0.15em;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-box.comfort07 .quality-box__title {
    margin-right: -1.3333333333vw;
    margin-left: -0.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-box.comfort07 .quality-box__title {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort07 .quality-box__title {
    height: 8.864vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#container .quality-section.comfort .quality-box.comfort08 {
  grid-column: 3/4;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort08 {
    grid-column: 1/2;
    grid-row: 6/7;
  }
}
#container .quality-section.comfort .quality-box.comfort09 {
  grid-column: 4/5;
  grid-row: 3/4;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort09 {
    grid-column: 2/3;
    grid-row: 6/7;
  }
}
#container .quality-section.comfort .quality-box.comfort10 {
  grid-column: 1/2;
  grid-row: 4/5;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort10 {
    grid-column: 1/2;
    grid-row: 7/8;
  }
}
#container .quality-section.comfort .quality-box.comfort10 .quality-box__title {
  height: 48.475px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-box.comfort10 .quality-box__title {
    height: 3.2316666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-box.comfort10 .quality-box__title {
    height: 4.4068181818vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort10 .quality-box__title {
    height: 8.864vw;
  }
}
#container .quality-section.comfort .quality-box.comfort11 {
  grid-column: 2/3;
  grid-row: 4/5;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort11 {
    grid-column: 2/3;
    grid-row: 7/8;
  }
}
#container .quality-section.comfort .quality-box.comfort11 .quality-box__title {
  height: 48.475px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-box.comfort11 .quality-box__title {
    height: 3.2316666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-box.comfort11 .quality-box__title {
    height: 4.4068181818vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort11 .quality-box__title {
    height: 8.864vw;
  }
}
#container .quality-section.comfort .quality-box.comfort12 {
  grid-column: 3/5;
  grid-row: 4/5;
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort12 {
    grid-column: 1/3;
    grid-row: 8/9;
  }
}
#container .quality-section.comfort .quality-box.comfort12 .quality-box__title {
  height: 48.475px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-box.comfort12 .quality-box__title {
    height: 3.2316666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-box.comfort12 .quality-box__title {
    height: 4.4068181818vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort12 .quality-box__title {
    height: 8.864vw;
  }
}
#container .quality-section.comfort .quality-box.comfort12 figure {
  width: 300px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-box.comfort12 figure {
    width: 20vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-box.comfort12 figure {
    width: 27.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort12 figure {
    width: 100%;
  }
}
#container .quality-section.comfort .quality-box.comfort12 figure figcaption {
  padding-top: 0;
}
#container .quality-section.comfort .quality-box.comfort12 figure ul {
  padding-top: 14px;
  font-size: 12.5px;
}
@media (max-width: 1500px) {
  #container .quality-section.comfort .quality-box.comfort12 figure ul {
    padding-top: 0.9333333333vw;
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.comfort .quality-box.comfort12 figure ul {
    padding-top: 1.2727272727vw;
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.comfort .quality-box.comfort12 figure ul {
    padding-top: 1.8666666667vw;
    font-size: 2.6666666667vw;
  }
}
#container .quality-section.support {
  padding-bottom: 130px;
}
@media (max-width: 1500px) {
  #container .quality-section.support {
    padding-bottom: 8.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support {
    padding-bottom: 11.8181818182vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support {
    padding-bottom: 17.3333333333vw;
  }
}
#container .quality-section.support .quality-section__title .en {
  width: 165px;
}
@media (max-width: 1500px) {
  #container .quality-section.support .quality-section__title .en {
    width: 11vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .quality-section__title .en {
    width: 15vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .quality-section__title .en {
    width: auto;
  }
}
#container .quality-section.support .quality-section__note li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
#container .quality-section.support .support-title {
  margin-bottom: 35px;
  font-family: "Zen Old Mincho", serif;
  font-size: 27.86px;
  color: #0b6e9d;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1500px) {
  #container .quality-section.support .support-title {
    margin-bottom: 2.3333333333vw;
    font-size: 1.8573333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .support-title {
    margin-bottom: 3.1818181818vw;
    font-size: 2.5327272727vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .support-title {
    margin-bottom: 5.3333333333vw;
    font-size: 4.8vw;
  }
}
#container .quality-section.support .support-title span {
  font-size: 37.52px;
}
@media (max-width: 1500px) {
  #container .quality-section.support .support-title span {
    font-size: 2.5013333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .support-title span {
    font-size: 3.4109090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .support-title span {
    font-size: 6.6666666667vw;
  }
}
#container .quality-section.support .support-title2, #container .quality-section.support .support-title3 {
  width: 100%;
  height: 105px;
  background: linear-gradient(180deg, rgb(97, 151, 114) 0.41%, rgb(24, 88, 48) 100%);
  font-family: "Zen Old Mincho", serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  clip-path: polygon(0 0, calc(100% - 35px) 0, 100% 35px, 100% 100%, 35px 100%, 0 calc(100% - 35px));
}
@media (max-width: 1500px) {
  #container .quality-section.support .support-title2, #container .quality-section.support .support-title3 {
    height: 7vw;
    clip-path: polygon(0 0, calc(100% - 2.3333333333vw) 0, 100% 2.3333333333vw, 100% 100%, 2.3333333333vw 100%, 0 calc(100% - 2.3333333333vw));
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .support-title2, #container .quality-section.support .support-title3 {
    height: 9.5454545455vw;
    clip-path: polygon(0 0, calc(100% - 3.1818181818vw) 0, 100% 3.1818181818vw, 100% 100%, 3.1818181818vw 100%, 0 calc(100% - 3.1818181818vw));
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .support-title2, #container .quality-section.support .support-title3 {
    height: 24vw;
    clip-path: polygon(0 0, calc(100% - 4vw) 0, 100% 4vw, 100% 100%, 4vw 100%, 0 calc(100% - 4vw));
  }
}
#container .quality-section.support .support-title2 .en, #container .quality-section.support .support-title3 .en {
  font-size: 24.69px;
  color: #fff;
  line-height: 1.385;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 1500px) {
  #container .quality-section.support .support-title2 .en, #container .quality-section.support .support-title3 .en {
    font-size: 1.646vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .support-title2 .en, #container .quality-section.support .support-title3 .en {
    font-size: 2.2445454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .support-title2 .en, #container .quality-section.support .support-title3 .en {
    font-size: 4.2666666667vw;
  }
}
#container .quality-section.support .support-title2 .jpn, #container .quality-section.support .support-title3 .jpn {
  font-size: 24.69px;
  color: #fff;
  line-height: 1.385;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 1500px) {
  #container .quality-section.support .support-title2 .jpn, #container .quality-section.support .support-title3 .jpn {
    font-size: 1.646vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .support-title2 .jpn, #container .quality-section.support .support-title3 .jpn {
    font-size: 2.2445454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .support-title2 .jpn, #container .quality-section.support .support-title3 .jpn {
    font-size: 3.7333333333vw;
  }
}
#container .quality-section.support .support-title2 {
  margin-bottom: 3px;
}
#container .quality-section.support .support-title3 {
  margin-bottom: 44px;
  background: linear-gradient(180deg, rgb(95, 138, 167) 0.41%, rgb(39, 103, 128) 100%);
}
@media (max-width: 1500px) {
  #container .quality-section.support .support-title3 {
    margin-bottom: 2.9333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .support-title3 {
    margin-bottom: 4vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .support-title3 {
    margin-bottom: 5.3333333333vw;
  }
}
#container .quality-section.support .support-title3 + figure + .quality-section__note {
  padding-top: 27px;
}
@media (max-width: 1500px) {
  #container .quality-section.support .support-title3 + figure + .quality-section__note {
    padding-top: 1.8vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .support-title3 + figure + .quality-section__note {
    padding-top: 2.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .support-title3 + figure + .quality-section__note {
    padding-top: 7.2vw;
  }
}
#container .quality-section.support .grid {
  max-width: 1066px;
  width: 100%;
  margin: 0 auto 27px;
  display: grid;
  grid-template-columns: 32.5515947467% auto;
  column-gap: 3.0018761726%;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .quality-section.support .grid {
    margin-bottom: 1.8vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .grid {
    margin-bottom: 2.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .grid {
    margin-bottom: 7.2vw;
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .grid figure {
    width: 53.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
}
#container .quality-section.support .grid .img {
  width: 100%;
  height: auto;
}
@media (max-width: 1500px) {
  #container .quality-section.support .grid .img {
    width: 23.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .grid .img {
    width: 31.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .grid .img {
    width: 92.5333333333vw;
  }
}
#container .quality-section.support .grid .text {
  font-family: "Zen Old Mincho", serif;
  font-size: 22.51px;
  line-height: 1.8;
  font-weight: 400;
}
@media (max-width: 1500px) {
  #container .quality-section.support .grid .text {
    font-size: 1.5006666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .grid .text {
    font-size: 2.0463636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .grid .text {
    font-size: 4.2666666667vw;
  }
}
#container .quality-section.support .grid + figure {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto 18px;
}
@media (max-width: 1500px) {
  #container .quality-section.support .grid + figure {
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .grid + figure {
    margin-bottom: 1.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .grid + figure {
    margin-bottom: 4.8vw;
  }
}
#container .quality-section.support .grid + figure + .quality-section__note {
  margin-bottom: 57px;
}
@media (max-width: 1500px) {
  #container .quality-section.support .grid + figure + .quality-section__note {
    margin-bottom: 3.8vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-section.support .grid + figure + .quality-section__note {
    margin-bottom: 5.1818181818vw;
  }
}
@media (max-width: 767px) {
  #container .quality-section.support .grid + figure + .quality-section__note {
    margin-bottom: 15.2vw;
  }
}
#container .rinnai {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto 73px;
  border: 1px solid #223a57;
}
@media (max-width: 1500px) {
  #container .rinnai {
    margin-bottom: 4.8666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai {
    margin-bottom: 6.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai {
    margin-bottom: 10.6666666667vw;
  }
}
#container .rinnai__header {
  padding: 0 100px;
  margin-bottom: 45px;
  background: url(../images/quality/bg-rinnai01.png) no-repeat 50% 50%/cover;
  aspect-ratio: 1300/390;
  display: grid;
  grid-template-columns: 39.8181818182% auto;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .rinnai__header {
    padding: 0 6.6666666667vw;
    margin-bottom: 3vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__header {
    padding: 0 9.0909090909vw;
    margin-bottom: 4.0909090909vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__header {
    padding: 0 13.3333333333vw;
    margin-bottom: 5.3333333333vw;
    background-size: 100% auto;
  }
}
#container .rinnai__header-content {
  width: 606px;
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (max-width: 1500px) {
  #container .rinnai__header-content {
    width: 40.4vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__header-content {
    width: 55.0909090909vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__header-content {
    width: 53.3333333333vw;
  }
}
#container .rinnai__title {
  margin-bottom: 28px;
  font-family: "Zen Old Mincho", serif;
  font-size: 27px;
  line-height: 1.815;
  text-align: center;
  letter-spacing: 0.2em;
}
@media (max-width: 1500px) {
  #container .rinnai__title {
    margin-bottom: 1.8666666667vw;
    font-size: 1.8vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__title {
    margin-bottom: 2.5454545455vw;
    font-size: 2.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__title {
    margin-bottom: 1.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
#container .rinnai__text {
  margin-bottom: 10px;
  font-family: "Zen Old Mincho", serif;
  font-size: 25px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.05em;
}
@media (max-width: 1500px) {
  #container .rinnai__text {
    margin-bottom: 0.6666666667vw;
    font-size: 1.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__text {
    margin-bottom: 0.9090909091vw;
    font-size: 2.2727272727vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__text {
    margin-bottom: 1.3333333333vw;
    font-size: 2.4vw;
  }
}
#container .rinnai__text {
  color: #223a57;
}
#container .rinnai__box {
  width: 100%;
  background-color: #223a57;
  font-family: "Zen Old Mincho", serif;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 606/152;
}
#container .rinnai__box .en {
  font-size: 37.4px;
  color: #fff;
  line-height: 1.18;
  font-weight: 700;
}
@media (max-width: 1500px) {
  #container .rinnai__box .en {
    font-size: 2.4933333333vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__box .en {
    font-size: 3.4vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__box .en {
    font-size: 4.2666666667vw;
  }
}
#container .rinnai__box .jpn {
  font-size: 21px;
  color: #fff;
  line-height: 2.1;
  font-weight: 400;
}
@media (max-width: 1500px) {
  #container .rinnai__box .jpn {
    font-size: 1.4vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__box .jpn {
    font-size: 1.9090909091vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__box .jpn {
    font-size: 2.4vw;
  }
}
#container .rinnai__contents {
  padding: 50px 100px 94px;
  background: url(../images/quality/bg-rinnai02.png) repeat-y 50% 0/100% auto;
}
@media (max-width: 1500px) {
  #container .rinnai__contents {
    padding: 3.3333333333vw 6.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__contents {
    padding: 4.5454545455vw 9.0909090909vw 8.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__contents {
    padding: 6.6666666667vw 6.6666666667vw 6.6666666667vw;
  }
}
#container .rinnai__lead h3 {
  margin-bottom: 9px;
  font-family: "Zen Old Mincho", serif;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  column-gap: 34px;
}
@media (max-width: 1500px) {
  #container .rinnai__lead h3 {
    margin-bottom: 0.6vw;
    column-gap: 2.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__lead h3 {
    margin-bottom: 0.8181818182vw;
    column-gap: 3.0909090909vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__lead h3 {
    margin-bottom: 1.3333333333vw;
    column-gap: 4.5333333333vw;
  }
}
#container .rinnai__lead h3 .en {
  font-size: 40px;
  color: #939ead;
  line-height: 1.1;
  font-weight: 700;
}
@media (max-width: 1500px) {
  #container .rinnai__lead h3 .en {
    font-size: 2.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__lead h3 .en {
    font-size: 3.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__lead h3 .en {
    font-size: 4.2666666667vw;
  }
}
#container .rinnai__lead h3 .jpn {
  font-size: 22px;
  line-height: 1.82;
}
@media (max-width: 1500px) {
  #container .rinnai__lead h3 .jpn {
    font-size: 1.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__lead h3 .jpn {
    font-size: 2vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__lead h3 .jpn {
    font-size: 2.4vw;
  }
}
#container .rinnai__block {
  padding: 50px;
  margin-bottom: 60px;
  background-color: #223a57;
  color: #fff;
  display: grid;
  grid-template-columns: 43% 55%;
  column-gap: 4%;
}
@media (max-width: 1500px) {
  #container .rinnai__block {
    padding: 3.3333333333vw;
    margin-bottom: 4vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__block {
    padding: 4.5454545455vw;
    margin-bottom: 5.4545454545vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__block {
    padding: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
    grid-template-columns: 100%;
    row-gap: 6.6666666667vw;
  }
}
#container .rinnai__block .left-cont h4 {
  margin-bottom: 20px;
  font-family: "Zen Old Mincho", serif;
  font-size: 23px;
  color: #fff;
  line-height: 1.65;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media (max-width: 1500px) {
  #container .rinnai__block .left-cont h4 {
    margin-bottom: 1.3333333333vw;
    font-size: 1.5333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__block .left-cont h4 {
    margin-bottom: 1.8181818182vw;
    font-size: 2.0909090909vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__block .left-cont h4 {
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#container .rinnai__block .left-cont .text {
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  color: #fff;
  line-height: 1.74;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media (max-width: 1500px) {
  #container .rinnai__block .left-cont .text {
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__block .left-cont .text {
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__block .left-cont .text {
    font-size: 2.1333333333vw;
  }
}
#container .rinnai__block .left-cont .text p {
  color: #fff;
}
#container .rinnai__block .right-cont {
  padding: 30px 35px 30px 40px;
  background-color: #fff;
}
@media (max-width: 1500px) {
  #container .rinnai__block .right-cont {
    padding: 2vw 2.3333333333vw 2vw 2.6666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__block .right-cont {
    padding: 2.7272727273vw 3.1818181818vw 2.7272727273vw 3.6363636364vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__block .right-cont {
    padding: 4vw 4vw 4vw 4vw;
  }
}
#container .rinnai__block .right-cont h4 {
  height: 34px;
  padding: 0 15px 3px;
  margin-bottom: 15px;
  background-color: #223a57;
  font-family: "Zen Old Mincho", serif;
  font-size: 22px;
  color: #fff;
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .rinnai__block .right-cont h4 {
    height: 2.2666666667vw;
    padding: 0 1vw;
    margin-bottom: 1vw;
    font-size: 1.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__block .right-cont h4 {
    height: 3.0909090909vw;
    padding: 0 1.3636363636vw;
    margin-bottom: 1.3636363636vw;
    font-size: 2vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__block .right-cont h4 {
    height: 4.5333333333vw;
    padding: 0 4vw;
    margin-bottom: 4vw;
    font-size: 2.6666666667vw;
  }
}
#container .rinnai__block .right-cont p {
  font-family: "Zen Old Mincho", serif;
  font-size: 17.5px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: -0.05em;
}
@media (max-width: 1500px) {
  #container .rinnai__block .right-cont p {
    font-size: 1.1666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai__block .right-cont p {
    font-size: 1.5909090909vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai__block .right-cont p {
    font-size: 2.4vw;
  }
}
#container .rinnai__block .right-cont img {
  height: auto;
}
#container .rinnai__block .right-cont .grid {
  display: grid;
  grid-template-columns: 49.4736842105% 47.1578947368%;
  column-gap: 3.3684210526%;
}
#container .rinnai .rinnai-section {
  margin-bottom: 90px;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section {
    margin-bottom: 6vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section {
    margin-bottom: 8.1818181818vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section {
    margin-bottom: 12vw;
  }
}
#container .rinnai .rinnai-section__title {
  width: 585px;
  height: 48px;
  padding-bottom: 3px;
  margin-bottom: 32px;
  background: linear-gradient(90deg, #223a57 25.641025641%, #e1ecf2 25.641025641%);
  font-family: "Zen Old Mincho", serif;
  font-size: 24px;
  line-height: 1.67;
  font-weight: 600;
  display: grid;
  grid-template-columns: 25.641025641% auto;
  column-gap: 4.7863247863%;
  align-items: center;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__title {
    width: 39vw;
    height: 3.2vw;
    margin-bottom: 2.1333333333vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__title {
    width: 53.1818181818vw;
    height: 4.3636363636vw;
    margin-bottom: 2.9090909091vw;
    font-size: 2.1818181818vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__title {
    width: 100%;
    height: 6.4vw;
    margin-bottom: 4.2666666667vw;
    font-size: 3.2vw;
  }
}
#container .rinnai .rinnai-section__title span {
  font-size: 35px;
  color: #fff;
  line-height: 1.14;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__title span {
    font-size: 2.3333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__title span {
    font-size: 3.1818181818vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__title span {
    font-size: 4.8vw;
  }
}
#container .rinnai .rinnai-section__text {
  margin-bottom: 43px;
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.63;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__text {
    margin-bottom: 2.8666666667vw;
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__text {
    margin-bottom: 3.9090909091vw;
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__text {
    margin-bottom: 5.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
#container .rinnai .rinnai-section__box {
  padding: 35px 18px 30px;
  border: 1px solid #a9a9a9;
  background-color: #fff;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__box {
    padding: 2.3333333333vw 1.2vw 2vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__box {
    padding: 3.1818181818vw 1.6363636364vw 2.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__box {
    padding: 4vw 4vw 4vw;
  }
}
#container .rinnai .rinnai-section__box h4 {
  margin-bottom: 36px;
  font-family: "Zen Old Mincho", serif;
  font-size: 17px;
  line-height: 1.12;
  font-weight: 600;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__box h4 {
    margin-bottom: 2.4vw;
    font-size: 1.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__box h4 {
    margin-bottom: 3.2727272727vw;
    font-size: 1.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__box h4 {
    margin-bottom: 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
#container .rinnai .rinnai-section__box h4 span {
  color: #647589;
}
#container .rinnai .rinnai-section__box figcaption {
  font-family: "Zen Old Mincho", serif;
  font-size: 12.5px;
  line-height: 1.52;
  font-weight: 600;
  letter-spacing: -0.03em;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__box figcaption {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__box figcaption {
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__box figcaption {
    font-size: 2.6666666667vw;
  }
}
#container .rinnai .rinnai-section__box.point1-1 figcaption {
  padding-top: 52px;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__box.point1-1 figcaption {
    padding-top: 3.4666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__box.point1-1 figcaption {
    padding-top: 4.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__box.point1-1 figcaption {
    padding-top: 2.6666666667vw;
  }
}
#container .rinnai .rinnai-section__box.point1-2 figcaption {
  padding-top: 24px;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section__box.point1-2 figcaption {
    padding-top: 1.6vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section__box.point1-2 figcaption {
    padding-top: 2.1818181818vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section__box.point1-2 figcaption {
    padding-top: 3.2vw;
  }
}
#container .rinnai .rinnai-section.point1 .grid {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  column-gap: 4%;
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point1 .grid {
    grid-template-columns: 100%;
    row-gap: 5.3333333333vw;
  }
}
#container .rinnai .rinnai-section.point2 .rinnai-section__box {
  display: grid;
  grid-template-columns: 74.8560460653% 21.3051823417%;
  column-gap: 2.8790786948%;
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point2 .rinnai-section__box {
    grid-template-columns: 100%;
  }
}
#container .rinnai .rinnai-section.point2 .rinnai-section__box h4 {
  margin-bottom: 27px;
  grid-column: 1/2;
  grid-row: 1/2;
}
#container .rinnai .rinnai-section.point2 .rinnai-section__box .img {
  margin-top: 10px;
  grid-column: 2/3;
  grid-row: 1/3;
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point2 .rinnai-section__box .img {
    width: 60%;
    margin: 0 auto;
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
#container .rinnai .rinnai-section.point2 .rinnai-section__box figure {
  display: grid;
  grid-template-columns: 61.9230769231% 34.2307692308%;
  column-gap: 3.8461538462%;
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point2 .rinnai-section__box figure {
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point2 .rinnai-section__box figure {
    margin-bottom: 8vw;
  }
}
#container .rinnai .rinnai-section.point2 .rinnai-section__box figcaption {
  padding-top: 40x;
}
#container .rinnai .rinnai-section.point3 {
  margin-bottom: 0;
}
#container .rinnai .rinnai-section.point3 .grid {
  display: grid;
  grid-template-columns: 43.4545454545% 25.4545454545% 25.4545454545%;
  column-gap: 2.8181818182%;
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point3 .grid {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 5.3333333333vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point3 .point3-1 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point3 .point3-2 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point3 .point3-3 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
#container .rinnai .rinnai-section.point3 figcaption {
  padding-top: 17px;
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.74;
  letter-spacing: 0.03em;
}
@media (max-width: 1500px) {
  #container .rinnai .rinnai-section.point3 figcaption {
    padding-top: 1.1333333333vw;
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .rinnai .rinnai-section.point3 figcaption {
    padding-top: 1.5454545455vw;
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .rinnai .rinnai-section.point3 figcaption {
    padding-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#container .rinnai .rinnai-section.point3 figcaption span {
  color: #647589;
}
#container .quality-box__title {
  margin-bottom: 18px;
  font-family: "Zen Old Mincho", serif;
  font-size: 17.5px;
  line-height: 1.385;
  font-weight: 500;
  letter-spacing: -0.1em;
}
@media (max-width: 1500px) {
  #container .quality-box__title {
    margin-bottom: 1.1666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-box__title {
    margin-bottom: 1.5909090909vw;
    font-size: 1.5909090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-box__title {
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#container .quality-box__title--l {
  margin-bottom: 18px;
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.385;
  font-weight: 500;
  letter-spacing: -0.1em;
}
@media (max-width: 1500px) {
  #container .quality-box__title--l {
    margin-bottom: 1.1666666667vw;
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-box__title--l {
    margin-bottom: 1.5909090909vw;
    font-size: 1.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-box__title--l {
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#container .quality-box figcaption {
  padding-top: 20px;
  font-family: "Zen Old Mincho", serif;
  font-size: 17.5px;
  line-height: 1.371;
  font-weight: 400;
}
@media (max-width: 1500px) {
  #container .quality-box figcaption {
    padding-top: 1.1666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-box figcaption {
    padding-top: 1.5909090909vw;
    font-size: 1.5909090909vw;
  }
}
@media (max-width: 767px) {
  #container .quality-box figcaption {
    padding-top: 2.6666666667vw;
    font-size: 3.2vw;
  }
}
#container .quality-box figcaption span {
  font-size: 12.5px;
  line-height: 1.6;
}
@media (max-width: 1500px) {
  #container .quality-box figcaption span {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-box figcaption span {
    font-size: 1.1363636364vw;
  }
}
@media (max-width: 767px) {
  #container .quality-box figcaption span {
    font-size: 2.6666666667vw;
  }
}
#container .quality-box.has-note figcaption {
  padding-top: 2px;
}
@media (max-width: 1500px) {
  #container .quality-box.has-note figcaption {
    padding-top: 0.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-box.has-note figcaption {
    padding-top: 0.1818181818vw;
  }
}
@media (max-width: 767px) {
  #container .quality-box.has-note figcaption {
    padding-top: 0.2666666667vw;
  }
}
#container .quality-box--2 {
  display: grid;
}
#container .quality-box--2 .quality-box__title {
  font-family: "Zen Old Mincho", serif;
  font-size: 19px;
  line-height: 1.105;
  font-weight: 500;
}
@media (max-width: 1500px) {
  #container .quality-box--2 .quality-box__title {
    font-size: 1.2666666667vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-box--2 .quality-box__title {
    font-size: 1.7272727273vw;
  }
}
@media (max-width: 767px) {
  #container .quality-box--2 .quality-box__title {
    font-size: 3.7333333333vw;
  }
}
#container .quality-box--2 .quality-box__text {
  font-family: "Zen Old Mincho", serif;
  font-size: 17px;
  line-height: 1.41;
  font-weight: 400;
}
@media (max-width: 1500px) {
  #container .quality-box--2 .quality-box__text {
    font-size: 1.1333333333vw;
  }
}
@media (max-width: 1100px) {
  #container .quality-box--2 .quality-box__text {
    font-size: 1.5454545455vw;
  }
}
@media (max-width: 767px) {
  #container .quality-box--2 .quality-box__text {
    font-size: 3.2vw;
  }
}