header .head_content02 .link_list li .quality::before,
#sp_menu .link_list li .quality::before {
  background-color: #A27F25;
}

#container {
  padding-bottom: 0 !important;
}
#container h2 {
  font-size: 20px;
  font-weight: 500;
  color: #AA8420;
  text-align: center;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1100px) {
  #container h2 {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #container h2 {
    font-size: 6vw;
  }
}
#container h3 {
  font-size: 20px;
  font-weight: 500;
  color: #AA8420;
  text-align: center;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1100px) {
  #container h3 {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #container h3 {
    font-size: 6vw;
  }
}

.image_txt {
  position: absolute;
  left: 20px;
  bottom: 10px;
  font-size: 10px;
  color: #fff;
}
@media screen and (max-width: 1100px) {
  .image_txt {
    left: 1.8vw;
    bottom: 0.9vw;
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .image_txt {
    left: 1.4vw;
    bottom: 1.4vw;
    font-size: 2.4vw;
  }
}

.main_txt01 {
  font-size: 22px;
  line-height: 1.8em;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  .main_txt01 {
    font-size: 2vw;
    margin-top: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .main_txt01 {
    font-size: 5.3vw;
    margin-top: 3.7vw;
  }
}
.main_txt01 + .main_txt02 {
  margin-top: 30px;
}
@media screen and (max-width: 1100px) {
  .main_txt01 + .main_txt02 {
    margin-top: 2.7vw;
  }
}
@media screen and (max-width: 768px) {
  .main_txt01 + .main_txt02 {
    margin-top: 6vw;
  }
}

.main_txt02 {
  font-size: 15px;
  line-height: 2em;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .main_txt02 {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  .main_txt02 {
    font-size: 2.7vw;
    line-height: 2em;
  }
}

#mv {
  position: relative;
  background-image: url(../images/quality/mv_bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  #mv {
    background: none;
  }
}
@media screen and (max-width: 768px) {
  #mv .wrap01 {
    width: 100%;
  }
}

.switch_box .tab_list {
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  .switch_box .tab_list {
    max-width: none;
    width: 72.7vw;
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  .switch_box .tab_list {
    width: 100%;
    display: block;
    margin-top: 5.3vw;
  }
}
.switch_box .tab_list li {
  position: relative;
  width: 32.5%;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #AA8420;
  padding: 20px 0 20px;
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ddd1b2+0,947318+100 */
  background: linear-gradient(to right, rgba(221, 209, 178, 0.2) 0%, rgba(148, 115, 24, 0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (max-width: 1100px) {
  .switch_box .tab_list li {
    font-size: 1.4vw;
    padding: 1.8vw 0 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .switch_box .tab_list li {
    width: 100%;
    font-size: 4vw;
    padding: 3.3vw 0 3.3vw;
  }
  .switch_box .tab_list li + li {
    margin-top: 2.7vw;
  }
}
.switch_box#head_switch .wrap01 {
  padding-top: 100px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1100px) {
  .switch_box#head_switch .wrap01 {
    padding-top: 9.1vw;
    padding-bottom: 5.5vw;
  }
}
@media screen and (max-width: 768px) {
  .switch_box#head_switch .wrap01 {
    padding-top: 5.3vw;
    padding-bottom: 9.3vw;
  }
}
.switch_box#head_switch .tab_list li {
  padding: 20px 0 25px;
}
@media screen and (max-width: 1100px) {
  .switch_box#head_switch .tab_list li {
    padding: 1.8vw 0 2.3vw;
  }
}
@media screen and (max-width: 768px) {
  .switch_box#head_switch .tab_list li {
    padding: 3.3vw 0 6vw;
  }
}
.switch_box#head_switch .tab_list li::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 13px;
  height: 13px;
  background-image: url(../images/quality/tab_arrow01.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
@media screen and (max-width: 1100px) {
  .switch_box#head_switch .tab_list li::before {
    width: 1.2vw;
    height: 1.2vw;
    bottom: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .switch_box#head_switch .tab_list li::before {
    width: 2.7vw;
    height: 2.7vw;
    bottom: 2.9vw;
  }
}
.switch_box#bottom_switch .wrap01 {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1100px) {
  .switch_box#bottom_switch .wrap01 {
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
  }
}
.switch_box#bottom_switch .tab_list li {
  padding: 25px 0 20px;
}
@media screen and (max-width: 1100px) {
  .switch_box#bottom_switch .tab_list li {
    padding: 2.3vw 0 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .switch_box#bottom_switch .tab_list li {
    padding: 6.7vw 0 6.7vw;
  }
}
.switch_box#bottom_switch .tab_list li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 13px;
  height: 13px;
  background-image: url(../images/quality/tab_arrow02.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
@media screen and (max-width: 1100px) {
  .switch_box#bottom_switch .tab_list li::before {
    top: 0.9vw;
    width: 1.2vw;
    height: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .switch_box#bottom_switch .tab_list li::before {
    top: 2.9vw;
    width: 2.7vw;
    height: 2.7vw;
  }
}

#quality_page_content.equipment .switch_box .tab_list li.equipment {
  background: linear-gradient(to right, rgb(221, 209, 178) 0%, rgb(148, 115, 24) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#quality_page_content.equipment .quality_section#equipment {
  display: block;
}
#quality_page_content.amenity .switch_box .tab_list li.amenity {
  background: linear-gradient(to right, rgb(221, 209, 178) 0%, rgb(148, 115, 24) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#quality_page_content.amenity .quality_section#amenity {
  display: block;
}
#quality_page_content.security .switch_box .tab_list li.security {
  background: linear-gradient(to right, rgb(221, 209, 178) 0%, rgb(148, 115, 24) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#quality_page_content.security .quality_section#security {
  display: block;
}

.quality_section {
  display: none;
}

.quality_section_box {
  width: 100%;
}

.quality_box .quality_block .q_txt01 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #AF8A46;
  line-height: 1.5em;
  margin-top: 0.5em;
  letter-spacing: 0;
}
@media screen and (max-width: 1100px) {
  .quality_box .quality_block .q_txt01 {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_box .quality_block .q_txt01 {
    font-size: 3.3vw;
  }
}
.quality_box .quality_block .q_txt01.line2 {
  line-height: 3em;
}
.quality_box .quality_block .q_txt02 {
  font-size: 15px;
  line-height: 1.5em;
  text-align: justify;
  color: #000;
  margin-top: 0.3em;
  letter-spacing: 0;
}
@media screen and (max-width: 1100px) {
  .quality_box .quality_block .q_txt02 {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_box .quality_block .q_txt02 {
    font-size: 2.7vw;
    line-height: 1.4em;
    letter-spacing: 0;
  }
}
.quality_box .quality_block .q_txt03 {
  font-size: 10px;
  line-height: 1.5em;
  color: #000;
  margin-top: 1em;
  letter-spacing: 0;
}
@media screen and (max-width: 1100px) {
  .quality_box .quality_block .q_txt03 {
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_box .quality_block .q_txt03 {
    font-size: 2vw;
  }
}

#kitchen .wrap01 {
  padding-top: 80px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1100px) {
  #kitchen .wrap01 {
    padding-top: 7.3vw;
    padding-bottom: 9.1vw;
  }
}
@media screen and (max-width: 768px) {
  #kitchen .wrap01 {
    padding-top: 9.3vw;
    padding-bottom: 10.7vw;
  }
}
#kitchen .logo01 {
  width: 123px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
@media screen and (max-width: 1100px) {
  #kitchen .logo01 {
    width: 11.2vw;
    margin-top: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  #kitchen .logo01 {
    width: 27.7vw;
    margin-top: 2.7vw;
  }
}
#kitchen .quality_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 45px;
}
@media screen and (max-width: 1100px) {
  #kitchen .quality_box {
    margin-top: 4.1vw;
  }
}
@media screen and (max-width: 768px) {
  #kitchen .quality_box {
    margin-top: 5.3vw;
  }
}
#kitchen .quality_box .quality_block {
  width: 22%;
}
@media screen and (max-width: 768px) {
  #kitchen .quality_box .quality_block {
    width: 45.9%;
  }
  #kitchen .quality_box .quality_block:nth-child(n+3) {
    margin-top: 6vw;
  }
}
#kitchen .quality_box .quality_block:nth-child(n+5) {
  margin-top: 40px;
}
@media screen and (max-width: 1100px) {
  #kitchen .quality_box .quality_block:nth-child(n+5) {
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #kitchen .quality_box .quality_block:nth-child(n+5) {
    margin-top: 6vw;
  }
}

#powder {
  background-color: #fff;
  overflow: hidden;
}
#powder .wrap01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #powder .wrap01 {
    display: block;
    width: 100%;
  }
}
#powder .bigimg {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #powder .bigimg {
    width: 100%;
    height: 109.3vw;
  }
}
#powder .bigimg p {
  position: absolute;
  top: 0;
  right: 0;
  width: 141.7%;
  height: 100%;
  background-image: url(../images/quality/powder_bigimg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  #powder .bigimg p {
    width: 100%;
    height: 100%;
    background-image: url(../images/quality/powder_bigimg_sp.jpg);
  }
}
#powder .txt_block {
  width: 48%;
  padding-top: 75px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1100px) {
  #powder .txt_block {
    padding-top: 6.8vw;
    padding-bottom: 7.3vw;
  }
}
@media screen and (max-width: 768px) {
  #powder .txt_block {
    width: 81.3%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10.7vw;
    padding-bottom: 10.7vw;
  }
}
#powder h3 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #powder h3 {
    text-align: center;
  }
}
#powder .main_txt01 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #powder .main_txt01 {
    text-align: center;
  }
}
#powder .quality_box01 {
  margin-top: 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  #powder .quality_box01 {
    margin-top: 3.6vw;
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #powder .quality_box01 {
    margin-top: 6vw;
    padding-top: 3.3vw;
    padding-bottom: 3.3vw;
  }
}
#powder .quality_box01 .q_img01 {
  width: 45.8%;
}
#powder .quality_box01 .quality_block {
  width: 45.8%;
}
#powder .quality_box01 .quality_block .q_txt01 {
  text-align: left;
}
#powder .quality_box02 {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #powder .quality_box02 {
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #powder .quality_box02 {
    margin-top: 6.7vw;
  }
}
#powder .quality_box02 .quality_block {
  width: 45.8%;
}
#powder .quality_box02 .quality_block:nth-child(n+3) {
  margin-top: 60px;
}
@media screen and (max-width: 1100px) {
  #powder .quality_box02 .quality_block:nth-child(n+3) {
    margin-top: 5.5vw;
  }
}
#powder .quality_box02 .quality_block .q_txt01.q_txt01_sp01 {
  font-size: 16px;
  line-height: 1.9em;
  letter-spacing: -0.1em;
}
@media screen and (max-width: 1100px) {
  #powder .quality_box02 .quality_block .q_txt01.q_txt01_sp01 {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  #powder .quality_box02 .quality_block .q_txt01.q_txt01_sp01 {
    font-size: 2.6vw;
  }
}

#bath {
  overflow: hidden;
}
#bath .head_box {
  padding-top: 80px;
  padding-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #bath .head_box {
    padding-top: 7.3vw;
    padding-bottom: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .head_box {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
}
#bath .head_box .txt_block {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #bath .head_box .txt_block {
    order: 2;
    width: 81.3%;
    margin-left: auto;
    margin-right: auto;
  }
}
#bath .head_box h3 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #bath .head_box h3 {
    text-align: center;
  }
}
#bath .head_box .main_txt01 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #bath .head_box .main_txt01 {
    text-align: center;
  }
}
#bath .head_box .logo01 {
  width: 78px;
  margin-left: 0;
  margin-right: auto;
  margin-top: 10px;
}
@media screen and (max-width: 1100px) {
  #bath .head_box .logo01 {
    width: 7.1vw;
    margin-top: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .head_box .logo01 {
    width: 17.6vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.3vw;
  }
}
#bath .head_box .main_txt02 {
  text-align: left;
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  #bath .head_box .main_txt02 {
    margin-top: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .head_box .main_txt02 {
    margin-top: 3.3vw;
    text-align: center;
  }
}
#bath .head_box .quality_box01 {
  margin-top: 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1100px) {
  #bath .head_box .quality_box01 {
    margin-top: 3.6vw;
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .head_box .quality_box01 {
    margin-top: 6vw;
    padding-top: 3.3vw;
    padding-bottom: 3.3vw;
  }
}
#bath .head_box .quality_box01 .q_txt01 {
  margin-top: 0;
  margin-bottom: 0.7em;
  text-align: left;
}
#bath .head_box .quality_box01 .txt_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#bath .head_box .quality_box01 .txt_box01 .q_img01 {
  width: 45.8%;
}
#bath .head_box .quality_box01 .txt_box01 .txt_block {
  width: 45.8%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#bath .head_box .quality_box01 .txt_box01 .txt_block .q_txt02 {
  margin-top: 0;
}
#bath .head_box .quality_box01 .txt_box01 .txt_block .q_txt04 {
  width: 100%;
}
#bath .head_box .sp_img01 {
  width: 100%;
  margin-top: 35px;
}
@media screen and (max-width: 1100px) {
  #bath .head_box .sp_img01 {
    margin-top: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .head_box .sp_img01 {
    margin-top: 6.7vw;
  }
}
#bath .head_box .bigimg {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #bath .head_box .bigimg {
    width: 100%;
    height: 109.3vw;
    order: 1;
    margin-bottom: 10vw;
  }
}
#bath .head_box .bigimg p {
  position: absolute;
  top: 0;
  left: 0;
  width: 141.7%;
  height: 100%;
  background-image: url(../images/quality/bath_bigimg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  #bath .head_box .bigimg p {
    width: 100%;
    height: 100%;
    background-image: url(../images/quality/bath_bigimg_sp.jpg);
  }
}
#bath .bottom_box {
  padding-bottom: 90px;
}
@media screen and (max-width: 1100px) {
  #bath .bottom_box {
    padding-bottom: 8.2vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .bottom_box {
    padding-top: 4vw;
    padding-bottom: 9.3vw;
  }
}
#bath .bottom_box .quality_box02 {
  background-color: #fff;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #bath .bottom_box .quality_box02 {
    padding: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .bottom_box .quality_box02 {
    display: block;
    padding: 2.7vw;
  }
}
#bath .bottom_box .quality_box02 .quality_block {
  width: 42.5%;
}
@media screen and (max-width: 768px) {
  #bath .bottom_box .quality_box02 .quality_block {
    width: 100%;
  }
}
#bath .bottom_box .quality_box02 .quality_block .q_txt01 {
  margin-top: 0;
  text-align: left;
}
#bath .bottom_box .quality_box02 .quality_block .q_txt03 {
  margin-top: 0.5em;
}
#bath .bottom_box .quality_box02 .img_block {
  width: 54.4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #bath .bottom_box .quality_box02 .img_block {
    width: 100%;
    margin-top: 3.3vw;
  }
}
#bath .bottom_box .quality_box02 .img_block p {
  width: 48%;
}
#bath .bottom_box .quality_box03 {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #bath .bottom_box .quality_box03 {
    margin-top: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  #bath .bottom_box .quality_box03 {
    margin-top: 6vw;
  }
}
#bath .bottom_box .quality_box03 .quality_block {
  width: 22%;
}
@media screen and (max-width: 768px) {
  #bath .bottom_box .quality_box03 .quality_block {
    width: 45.9%;
  }
  #bath .bottom_box .quality_box03 .quality_block:nth-child(n+3) {
    margin-top: 3.3vw;
  }
}

#toilet {
  background-color: #fff;
  overflow: hidden;
}
#toilet .wrap01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #toilet .wrap01 {
    display: block;
    width: 100%;
  }
}
#toilet .bigimg {
  width: 22%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #toilet .bigimg {
    width: 100%;
    height: 106.7vw;
  }
}
#toilet .bigimg .img01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 190.9%;
  height: 100%;
  background-image: url(../images/quality/toilet_bigimg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  #toilet .bigimg .img01 {
    width: 100%;
    height: 100%;
    background-image: url(../images/quality/toilet_bigimg_sp.jpg);
  }
}
#toilet .bigimg .txt_box01 {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 282px;
  color: #fff;
}
@media screen and (max-width: 1280px) {
  #toilet .bigimg .txt_box01 {
    bottom: 1.6vw;
    right: 1.6vw;
    width: 20vw;
  }
}
@media screen and (max-width: 768px) {
  #toilet .bigimg .txt_box01 {
    bottom: 4vw;
    right: 4vw;
    width: 48.7vw;
  }
}
#toilet .bigimg .txt_box01 .txt01 {
  font-size: 20px;
  text-align: right;
}
@media screen and (max-width: 1280px) {
  #toilet .bigimg .txt_box01 .txt01 {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  #toilet .bigimg .txt_box01 .txt01 {
    font-size: 3.5vw;
  }
}
#toilet .bigimg .txt_box01 .txt02 {
  font-size: 15px;
  margin-top: 1em;
  text-align: justify;
}
@media screen and (max-width: 1280px) {
  #toilet .bigimg .txt_box01 .txt02 {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  #toilet .bigimg .txt_box01 .txt02 {
    font-size: 2.5vw;
    margin-top: 0.8em;
  }
}
#toilet .txt_block {
  width: 74%;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1100px) {
  #toilet .txt_block {
    padding-top: 7.3vw;
    padding-bottom: 7.3vw;
  }
}
@media screen and (max-width: 768px) {
  #toilet .txt_block {
    width: 81.3%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10.7vw;
    padding-bottom: 10.7vw;
  }
}
#toilet .txt_block h3 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #toilet .txt_block h3 {
    text-align: center;
  }
}
#toilet .txt_block .main_txt01 {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #toilet .txt_block .main_txt01 {
    text-align: center;
  }
}
#toilet .txt_block .main_txt01 .logo01 {
  display: inline-block;
  vertical-align: 6px;
}
@media screen and (max-width: 1100px) {
  #toilet .txt_block .main_txt01 .logo01 {
    vertical-align: 0.5vw;
  }
}
@media screen and (max-width: 768px) {
  #toilet .txt_block .main_txt01 .logo01 {
    display: block;
    vertical-align: 0;
    width: 17.6vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vw;
  }
}
#toilet .txt_block .main_txt01 .logo01 img {
  display: inline-block;
  width: 78px;
}
@media screen and (max-width: 1100px) {
  #toilet .txt_block .main_txt01 .logo01 img {
    width: 7.1vw;
  }
}
@media screen and (max-width: 768px) {
  #toilet .txt_block .main_txt01 .logo01 img {
    display: block;
    width: 100%;
  }
}
#toilet .txt_block .quality_box01 {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #toilet .txt_block .quality_box01 {
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #toilet .txt_block .quality_box01 {
    margin-top: 6.7vw;
  }
}
#toilet .txt_block .quality_box01 .quality_block {
  width: 29.7%;
}
@media screen and (max-width: 768px) {
  #toilet .txt_block .quality_box01 .quality_block {
    width: 45.9%;
  }
  #toilet .txt_block .quality_box01 .quality_block:nth-child(n+3) {
    margin-top: 6.7vw;
  }
}

#amenity01 .main_txt01 {
  margin-top: 0;
}
#amenity01 .wrap01 {
  padding-top: 80px;
}
@media screen and (max-width: 1100px) {
  #amenity01 .wrap01 {
    padding-top: 7.3vw;
  }
}
@media screen and (max-width: 768px) {
  #amenity01 .wrap01 {
    padding-top: 10.7vw;
  }
}
#amenity01 .quality_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 1100px) {
  #amenity01 .quality_box01 {
    margin-top: 4.5vw;
  }
}
#amenity01 .quality_box01 .quality_block {
  width: 22%;
}
@media screen and (max-width: 768px) {
  #amenity01 .quality_box01 .quality_block {
    width: 45.9%;
  }
  #amenity01 .quality_box01 .quality_block:nth-child(n+2) {
    margin-top: 6.7vw;
  }
}
#amenity01 .quality_box01 .quality_block:nth-child(n+4) {
  margin-top: 40px;
}
@media screen and (max-width: 1100px) {
  #amenity01 .quality_box01 .quality_block:nth-child(n+4) {
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #amenity01 .quality_box01 .quality_block:nth-child(n+4) {
    margin-top: 6.7vw;
  }
}
#amenity01 .quality_box01 .quality_block .q_txt01.sp_txt01 {
  display: inline-block;
  width: 105%;
  margin-left: -2.5%;
  margin-right: -2.5%;
  letter-spacing: -0.1em;
}
#amenity01 .quality_box01 .quality_block .q_txt03 {
  margin-top: 1em;
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}
#amenity01 .quality_box01 .quality_block01 {
  width: 48%;
  background-color: #fff;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #amenity01 .quality_box01 .quality_block01 {
    padding: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #amenity01 .quality_box01 .quality_block01 {
    width: 100%;
    padding: 3.3vw;
  }
}
#amenity01 .quality_box01 .quality_block01 .q_img01 {
  width: 45.5%;
}
#amenity01 .quality_box01 .quality_block01 .txt_block {
  width: 45.5%;
}
@media screen and (max-width: 768px) {
  #amenity01 .quality_box01 .quality_block01 .txt_block {
    width: 48.5%;
  }
}
#amenity01 .quality_box01 .quality_block01 .txt_block .q_txt01 {
  margin-top: 0;
  text-align: left;
}
#amenity01 .quality_box01 .quality_block01 .txt_block .q_txt02 {
  letter-spacing: -0.05em;
}
#amenity01 .quality_box01 .quality_block01 .txt_sp01 {
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  #amenity01 .quality_box01 .quality_block01 .txt_sp01 {
    margin-top: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #amenity01 .quality_box01 .quality_block01 .txt_sp01 {
    margin-top: 3.3vw;
  }
}

#ecology {
  margin-top: 100px;
}
@media screen and (max-width: 1100px) {
  #ecology {
    margin-top: 9.1vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology {
    margin-top: 12vw;
  }
}
#ecology .quality_box01 {
  background-color: #fff;
  padding: 45px 45px 30px;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box01 {
    padding: 4.1vw 4.1vw 2.7vw;
    margin-top: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 {
    display: block;
    padding: 5vw 4vw 3vw;
    margin-top: 6.7vw;
  }
}
#ecology .quality_box01 .quality_block {
  width: 55.2%;
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .quality_block {
    width: 100%;
  }
}
#ecology .quality_box01 .quality_block .logo01 {
  width: 272px;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box01 .quality_block .logo01 {
    width: 24.7vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .quality_block .logo01 {
    width: 36.3vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#ecology .quality_box01 .quality_block .txt_box01 {
  margin-top: 40px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box01 .quality_block .txt_box01 {
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .quality_block .txt_box01 {
    margin-top: 5vw;
  }
}
#ecology .quality_box01 .quality_block .txt_box01 .q_txt01 {
  text-align: left;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .quality_block .txt_box01 .q_txt01 {
    text-align: center;
  }
}
#ecology .quality_box01 .quality_block .txt_box01 .q_txt02 {
  width: 276px;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box01 .quality_block .txt_box01 .q_txt02 {
    width: 25.1vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .quality_block .txt_box01 .q_txt02 {
    width: 100%;
    text-align: center;
  }
}
#ecology .quality_box01 .quality_block .txt_box01 .sp01 {
  width: 178px;
  position: absolute;
  right: 0;
  bottom: 15px;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box01 .quality_block .txt_box01 .sp01 {
    width: 16.2vw;
    bottom: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .quality_block .txt_box01 .sp01 {
    display: none;
  }
}
#ecology .quality_box01 .quality_block .txt01 {
  font-size: 15px;
  line-height: 1.7em;
  margin-top: 30px;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box01 .quality_block .txt01 {
    font-size: 1.4vw;
    margin-top: 2.7vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .quality_block .txt01 {
    margin-top: 2.5vw;
    font-size: 2.7vw;
  }
}
#ecology .quality_box01 .q_img01 {
  width: 41.1%;
}
@media screen and (max-width: 768px) {
  #ecology .quality_box01 .q_img01 {
    width: 100%;
    margin-top: 3vw;
  }
}
#ecology .quality_box02 {
  background-color: #fff;
  margin-top: 5px;
  padding: 30px 45px 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box02 {
    margin-top: 0.5vw;
    padding: 2.7vw 4.1vw 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box02 {
    margin-top: 0.4vw;
    padding: 3.3vw 4vw 3vw;
    display: block;
  }
}
#ecology .quality_box02 .q_img01 {
  width: 55.5%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #ecology .quality_box02 .q_img01 {
    width: 100%;
  }
}
#ecology .quality_box02 .q_img01 .sub_txt {
  position: absolute;
  bottom: 0px;
  right: -45px;
  font-size: 10px;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box02 .q_img01 .sub_txt {
    right: -4.1vw;
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box02 .q_img01 .sub_txt {
    right: 0vw;
    font-size: 2vw;
  }
}
#ecology .quality_box02 .quality_block {
  width: 39.7%;
  padding-top: 30px;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box02 .quality_block {
    padding-top: 2.7vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box02 .quality_block {
    width: 100%;
    padding-top: 6vw;
  }
}
#ecology .quality_box02 .quality_block .q_txt01 {
  margin-top: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #ecology .quality_box02 .quality_block .q_txt01 {
    text-align: center;
  }
}
#ecology .quality_box02 .quality_block .q_txt02 {
  margin-top: 1.2em;
}
@media screen and (max-width: 768px) {
  #ecology .quality_box02 .quality_block .q_txt02 {
    margin-top: 0.9em;
  }
}
#ecology .quality_box03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 1100px) {
  #ecology .quality_box03 {
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #ecology .quality_box03 {
    margin-top: 6.7vw;
  }
}
#ecology .quality_box03 .quality_block {
  width: 31.3%;
}
#ecology .quality_box03 .quality_block .q_txt03 {
  margin-top: 0.3em;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  #ecology .quality_box03 .quality_block {
    width: 45.9%;
  }
  #ecology .quality_box03 .quality_block:nth-child(n+3) {
    margin-top: 0vw;
  }
}

#service {
  margin-top: 100px;
}
@media screen and (max-width: 1100px) {
  #service {
    margin-top: 9.1vw;
  }
}
@media screen and (max-width: 768px) {
  #service {
    margin-top: 13.3vw;
  }
}
#service .quality_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 1100px) {
  #service .quality_box01 {
    margin-top: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box01 {
    display: block;
    margin-top: 6.7vw;
  }
}
#service .quality_box01 .quality_block {
  width: 63.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #service .quality_box01 .quality_block {
    width: 100%;
    display: block;
  }
}
#service .quality_box01 .quality_block .txt_block {
  width: 36.3%;
}
@media screen and (max-width: 768px) {
  #service .quality_box01 .quality_block .txt_block {
    width: 100%;
  }
}
#service .quality_box01 .quality_block .txt_block .q_txt01 {
  margin-top: 0;
  text-align: left;
}
#service .quality_box01 .quality_block .img_block {
  width: 59.6%;
}
@media screen and (max-width: 768px) {
  #service .quality_box01 .quality_block .img_block {
    width: 100%;
    margin-top: 2vw;
  }
}
#service .quality_box01 .quality_block .q_txt03 {
  width: 100%;
  margin-top: 1em;
}
#service .quality_box01 #eon {
  width: 33.3%;
}
@media screen and (max-width: 768px) {
  #service .quality_box01 #eon {
    width: 100%;
    margin-top: 4vw;
  }
}
#service .quality_box01 #eon .bg {
  width: 100%;
  background-color: #fff;
  padding: 20px;
}
@media screen and (max-width: 1100px) {
  #service .quality_box01 #eon .bg {
    padding: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box01 #eon .bg {
    padding: 3.5vw;
  }
}
#service .quality_box01 #eon .txt01 {
  font-size: 13px;
  text-align: center;
  color: #AF8A46;
  letter-spacing: 0;
}
@media screen and (max-width: 1100px) {
  #service .quality_box01 #eon .txt01 {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box01 #eon .txt01 {
    font-size: 3.2vw;
  }
}
#service .quality_box01 #eon .logo {
  width: 208px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  #service .quality_box01 #eon .logo {
    width: 18.9vw;
    margin-top: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box01 #eon .logo {
    width: 46.9vw;
    margin-top: 3.7vw;
  }
}
#service .quality_box01 #eon .txt02 {
  font-size: 15px;
  letter-spacing: 0;
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  #service .quality_box01 #eon .txt02 {
    font-size: 1.4vw;
    margin-top: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box01 #eon .txt02 {
    font-size: 2.7vw;
    margin-top: 4vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box01 .q_txt03 {
    margin-top: 2vw;
    font-size: 2.4vw;
    line-height: 1.4em;
  }
}
#service .quality_box02 {
  margin-top: 50px;
  background-color: #fff;
  padding: 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #service .quality_box02 {
    margin-top: 4.5vw;
    padding: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box02 {
    margin-top: 8.7vw;
    padding: 3.5vw;
  }
}
#service .quality_box02 .quality_block {
  width: 33.3%;
}
@media screen and (max-width: 768px) {
  #service .quality_box02 .quality_block {
    width: 100%;
  }
}
#service .quality_box02 .quality_block .q_txt01 {
  font-size: 18px;
  letter-spacing: 0;
  margin-top: 0;
  text-align: left;
}
@media screen and (max-width: 1100px) {
  #service .quality_box02 .quality_block .q_txt01 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box02 .quality_block .q_txt01 {
    font-size: 3.3vw;
  }
}
#service .quality_box02 .quality_block .q_txt03 {
  margin-top: 3em;
}
#service .quality_box02 .q_img01 {
  width: 63.3%;
}
@media screen and (max-width: 768px) {
  #service .quality_box02 .q_img01 {
    width: 100%;
    margin-top: 3.3vw;
  }
}
@media screen and (max-width: 768px) {
  #service .quality_box02 .q_txt03 {
    margin-top: 2vw;
    font-size: 2.4vw;
    line-height: 1.4em;
  }
}

#security01 .wrap01 {
  padding-top: 80px;
  padding-bottom: 150px;
}
@media screen and (max-width: 1100px) {
  #security01 .wrap01 {
    padding-top: 7.3vw;
    padding-bottom: 13.6vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .wrap01 {
    padding-top: 8.7vw;
    padding-bottom: 11.7vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .main_txt01 {
    width: 110%;
    margin-left: -5%;
    margin-right: -5%;
  }
}
#security01 .quality_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box01 {
    margin-top: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 {
    margin-top: 5.3vw;
    display: block;
  }
}
#security01 .quality_box01 .quality_block {
  padding: 20px 30px;
  background-color: #fff;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box01 .quality_block {
    padding: 1.8vw 2.7vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .quality_block {
    padding: 3.3vw 4vw;
  }
}
#security01 .quality_box01 .quality_block .q_txt01 {
  text-align: left;
  margin-top: 0;
}
#security01 .quality_box01 .quality_block01 {
  width: 57.5%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .quality_block01 {
    width: 100%;
  }
}
#security01 .quality_box01 .quality_block01 .q_txt01 {
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .quality_block01 .q_txt01 {
    font-size: 3vw;
    letter-spacing: -0.05em;
  }
}
#security01 .quality_box01 .quality_block01 .q_img01 {
  margin-top: 15px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box01 .quality_block01 .q_img01 {
    margin-top: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .quality_block01 .q_img01 {
    margin-top: 3vw;
  }
}
#security01 .quality_box01 .right_block {
  width: 40.4%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .right_block {
    width: 100%;
    margin-top: 4vw;
  }
}
#security01 .quality_box01 .right_block .quality_block {
  width: 100%;
}
#security01 .quality_box01 .right_block .quality_block:nth-child(n+2) {
  margin-top: 20px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box01 .right_block .quality_block:nth-child(n+2) {
    margin-top: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .right_block .quality_block:nth-child(n+2) {
    margin-top: 4vw;
  }
}
#security01 .quality_box01 .right_block .quality_block02 .txt_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 8px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box01 .right_block .quality_block02 .txt_box01 {
    margin-top: 0.7vw;
  }
}
#security01 .quality_box01 .right_block .quality_block02 .txt_box01 .q_txt02 {
  margin-top: 0;
  width: 47.3%;
}
#security01 .quality_box01 .right_block .quality_block02 .txt_box01 .q_img01 {
  width: 48.5%;
}
#security01 .quality_box01 .right_block .quality_block03 .txt_box01 {
  margin-top: 7px;
  overflow: hidden;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box01 .right_block .quality_block03 .txt_box01 {
    margin-top: 0.6vw;
  }
}
#security01 .quality_box01 .right_block .quality_block03 .space01 {
  float: right;
  height: 6em;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .right_block .quality_block03 .space01 {
    display: none;
  }
}
#security01 .quality_box01 .right_block .quality_block03 .q_img01 {
  float: right;
  width: 48.5%;
  clear: both;
  margin-left: 0.8em;
  margin-top: 0.8em;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box01 .right_block .quality_block03 .q_img01 {
    float: none;
    width: 31.7vw;
    margin-top: 3.3vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#security01 .quality_box02 {
  margin-top: 20px;
  background-color: #fff;
  padding: 30px 20px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box02 {
    margin-top: 1.8vw;
    padding: 2.7vw 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box02 {
    margin-top: 4vw;
    padding: 3.5vw;
  }
}
#security01 .quality_box02 .quality_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box02 .quality_block {
    display: block;
  }
}
#security01 .quality_box02 .quality_block .txt_box {
  width: 51.9%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box02 .quality_block .txt_box {
    width: 100%;
  }
}
#security01 .quality_box02 .quality_block .txt_box .q_txt01 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box02 .quality_block .txt_box .q_txt01 {
    justify-content: space-between;
  }
}
#security01 .quality_box02 .quality_block .txt_box .q_txt01 .t01 {
  text-indent: -1em;
  padding-left: 1em;
}
#security01 .quality_box02 .quality_block .txt_box .q_txt01 .logo01 {
  width: 114px;
  margin-left: 20px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box02 .quality_block .txt_box .q_txt01 .logo01 {
    width: 10.4vw;
    margin-left: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box02 .quality_block .txt_box .q_txt01 .logo01 {
    width: 17.3vw;
    margin-left: 0vw;
  }
}
#security01 .quality_box02 .quality_block .txt_box .q_txt02 {
  line-height: 1.7em;
}
#security01 .quality_box02 .quality_block .q_img01 {
  width: 44.7%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box02 .quality_block .q_img01 {
    width: 100%;
    margin-top: 2.5vw;
  }
}
#security01 .quality_box03 {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box03 {
    margin-top: 2.7vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box03 {
    margin-top: 6.7vw;
  }
}
#security01 .quality_box03 .quality_block {
  width: 22%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box03 .quality_block {
    width: 45.9%;
  }
  #security01 .quality_box03 .quality_block:nth-child(n+3) {
    margin-top: 6.7vw;
  }
}
#security01 .quality_box04 {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff;
  padding: 30px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box04 {
    margin-top: 2.7vw;
    padding: 2.7vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 {
    display: block;
    margin-top: 6.7vw;
    padding: 3.5vw;
  }
}
#security01 .quality_box04 .q_img01 {
  width: 16.3%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .q_img01 {
    display: none;
  }
}
#security01 .quality_box04 .txt_box01 {
  width: 81.3%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 {
    width: 100%;
  }
}
#security01 .quality_box04 .txt_box01 .quality_block {
  width: 100%;
}
#security01 .quality_box04 .txt_box01 .quality_block .q_txt01 {
  margin-top: 0;
  text-align: left;
}
#security01 .quality_box04 .txt_box01 .img_box {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box04 .txt_box01 .img_box {
    margin-top: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box {
    margin-top: 2.7vw;
    display: block;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .img02 {
  width: 38.1%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .img02 {
    width: 100%;
  }
}
#security01 .quality_box04 .txt_box01 .img_box hr {
  border: none;
  width: 1px;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box hr {
    display: none;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 {
  width: 56%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 {
    width: 100%;
    margin-top: 3.3vw;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block {
  width: 66.4%;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block {
    width: 61.4%;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt01 {
  font-size: 15px;
  letter-spacing: 0;
  margin-top: 0;
  color: #A27F25;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt01 {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt01 {
    font-size: 3.3vw;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt02 {
  font-size: 13px;
  line-height: 1.2em;
  margin-top: 0.5em;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt02 {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt02 {
    font-size: 2.5vw;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt03 {
  margin-top: 12px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt03 {
    margin-top: 1.1vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .txt_block .txt03 {
    margin-top: 2vw;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 .img_block {
  width: 29.6%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .img_block {
    width: 35%;
  }
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 .img_block .img03 {
  width: 100%;
}
#security01 .quality_box04 .txt_box01 .img_box .txt_box02 .img_block .sub_txt {
  position: absolute;
  bottom: -1.5em;
  right: 0;
  font-size: 10px;
}
@media screen and (max-width: 1100px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .img_block .sub_txt {
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  #security01 .quality_box04 .txt_box01 .img_box .txt_box02 .img_block .sub_txt {
    font-size: 1.6vw;
  }
}

#structure .wrap01 {
  padding-bottom: 100px;
}
@media screen and (max-width: 1100px) {
  #structure .wrap01 {
    padding-bottom: 9.1vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .wrap01 {
    padding-bottom: 13.3vw;
  }
}
#structure .quality_box01 {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  #structure .quality_box01 {
    margin-top: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 {
    margin-top: 6vw;
  }
}
#structure .quality_box01 .quality_block {
  width: 22.4%;
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 .quality_block {
    width: 45.9%;
  }
  #structure .quality_box01 .quality_block:nth-child(n+3) {
    margin-top: 5.3vw;
  }
}
#structure .quality_box01 .quality_block:nth-child(n+5) {
  margin-top: 40px;
}
@media screen and (max-width: 1100px) {
  #structure .quality_box01 .quality_block:nth-child(n+5) {
    margin-top: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 .quality_block:nth-child(n+5) {
    margin-top: 5.3vw;
  }
}
#structure .quality_box01 .quality_block .q_txt01 {
  margin-top: 0;
  text-align: left;
  border-bottom: 1px solid #000;
  padding-bottom: 0.3em;
  margin-bottom: 13px;
}
@media screen and (max-width: 1100px) {
  #structure .quality_box01 .quality_block .q_txt01 {
    margin-bottom: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 .quality_block .q_txt01.sp_txt01 {
    width: 100%;
    letter-spacing: -0.05em;
  }
}
#structure .quality_box01 .quality_block .q_txt02 {
  margin-top: 0.5em;
}
#structure .quality_box01 #guarantee {
  margin-top: 40px;
  background-color: #fff;
  width: 74.1%;
  padding: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1100px) {
  #structure .quality_box01 #guarantee {
    margin-top: 3.6vw;
    padding: 2.9vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 #guarantee {
    margin-top: 6.7vw;
    width: 100%;
    padding: 3.5vw;
  }
}
#structure .quality_box01 #guarantee .txt_block {
  width: 73.7%;
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 #guarantee .txt_block {
    width: 100%;
  }
}
#structure .quality_box01 #guarantee .txt_block h4 {
  font-size: 24px;
  font-weight: normal;
  border-bottom: 1px solid #000;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 1100px) {
  #structure .quality_box01 #guarantee .txt_block h4 {
    font-size: 2.2vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 #guarantee .txt_block h4 {
    font-size: 3.2vw;
  }
}
#structure .quality_box01 #guarantee .txt_block .txt01 {
  font-size: 22px;
  margin-top: 1em;
}
@media screen and (max-width: 1100px) {
  #structure .quality_box01 #guarantee .txt_block .txt01 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 #guarantee .txt_block .txt01 {
    font-size: 2.9vw;
  }
}
#structure .quality_box01 #guarantee .txt_block .txt02 {
  font-size: 15px;
  margin-top: 0.8em;
}
@media screen and (max-width: 1100px) {
  #structure .quality_box01 #guarantee .txt_block .txt02 {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 #guarantee .txt_block .txt02 {
    font-size: 2.5vw;
  }
}
#structure .quality_box01 #guarantee .img_block {
  width: 22.3%;
}
@media screen and (max-width: 768px) {
  #structure .quality_box01 #guarantee .img_block {
    width: 54.5vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.5vw;
  }
}/*# sourceMappingURL=style_quality.css.map */