@charset "UTF-8";
.q_txt {
  font-family: Inter, sans-serif;
}

#container {
  font-family: Zen Old Mincho, serif;
  border-bottom: 1px solid #000;
}
#container .wrap01 {
  max-width: 940px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  #container .wrap01 {
    max-width: none;
    width: 78.3vw;
  }
}
@media screen and (max-width: 768px) {
  #container .wrap01 {
    width: 85.3%;
  }
}

.switch_box {
  background-color: #efefef;
}
.switch_box .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: none;
  border-top: none;
}
@media screen and (max-width: 768px) {
  .switch_box .list {
    width: 95.6% !important;
  }
}
.switch_box .list > li {
  display: block;
  width: 20%;
  text-align: center;
  border-left: 1px solid #000;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0);
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.switch_box .list > li:hover {
  background-color: white;
}
.switch_box .list > li:last-child {
  border-right: 1px solid #000;
}

.quality_section {
  display: none;
}
.quality_section .wrap01 {
  padding-top: 115px;
  padding-bottom: 110px;
}
@media screen and (max-width: 1200px) {
  .quality_section .wrap01 {
    padding-top: 9.6vw;
    padding-bottom: 9.2vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section .wrap01 {
    padding-top: 13.3vw;
    padding-bottom: 13.3vw;
  }
}
.quality_section h2 {
  text-align: center;
}
.quality_section h2 .en, .quality_section h2 .ja {
  display: block;
  text-align: center;
}
.quality_section h2 .en {
  font-size: 20px;
  font-weight: 400;
  font-family: Bebas Neue, sans-serif;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .quality_section h2 .en {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section h2 .en {
    font-size: 2.9vw;
  }
}
.quality_section h2 .en .and_txt {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
.quality_section h2 .ja {
  font-size: 12px;
  font-weight: nomal;
  margin-top: 0.5em;
}
@media screen and (max-width: 1200px) {
  .quality_section h2 .ja {
    font-size: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section h2 .ja {
    font-size: 2.1vw;
  }
}
.quality_section .catch {
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.1em;
  margin-top: 60px;
}
@media screen and (max-width: 1200px) {
  .quality_section .catch {
    font-size: 1.8vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section .catch {
    font-size: 2.8vw;
    line-height: 2.1em;
    margin-top: 7.5vw;
  }
}
.quality_section .quality_section_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 1200px) {
  .quality_section .quality_section_content {
    margin-top: 6.7vw;
  }
}
.quality_section .quality_section_content .quality_section_content_box {
  width: 46.8%;
}
@media screen and (max-width: 768px) {
  .quality_section .quality_section_content .quality_section_content_box {
    width: 100%;
  }
}
.quality_section .quality_section_content .quality_section_content_box.long {
  width: 100%;
}
.quality_section .quality_section_content .quality_section_content_box:nth-child(n+2) {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .quality_section .quality_section_content .quality_section_content_box:nth-child(n+2) {
    margin-top: 3.3vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section .quality_section_content .quality_section_content_box:nth-child(n+2) {
    margin-top: 6.7vw;
  }
}
.quality_section .quality_section_content .quality_section_content_box h3 {
  font-size: 16px;
  font-weight: normal;
  border: 1px solid #000;
  padding: 0.3em 0.8em 0.3em;
}
@media screen and (max-width: 1200px) {
  .quality_section .quality_section_content .quality_section_content_box h3 {
    border-width: 0.2vw;
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section .quality_section_content .quality_section_content_box h3 {
    font-size: 2.5vw;
  }
}
.quality_section .quality_section_content .quality_section_content_box .txt01 {
  font-size: 17px;
  font-weight: 400;
  margin-top: 25px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 1200px) {
  .quality_section .quality_section_content .quality_section_content_box .txt01 {
    font-size: 1.4vw;
    margin-top: 2.1vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section .quality_section_content .quality_section_content_box .txt01 {
    font-size: 2.7vw;
    margin-top: 4.3vw;
  }
}
.quality_section .quality_section_content .quality_section_content_box .txt02 {
  font-size: 13px;
  line-height: 1.9em;
  letter-spacing: -0.05em;
  margin-top: 20px;
  font-feature-settings: "palt" 1;
  text-align: justify;
}
@media screen and (max-width: 1200px) {
  .quality_section .quality_section_content .quality_section_content_box .txt02 {
    font-size: 1.1vw;
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section .quality_section_content .quality_section_content_box .txt02 {
    font-size: 2.1vw;
    margin-top: 2.5vw;
  }
}
.quality_section .quality_section_content .quality_section_content_box .txt03 {
  font-size: 10px;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .quality_section .quality_section_content .quality_section_content_box .txt03 {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .quality_section .quality_section_content .quality_section_content_box .txt03 {
    font-size: 1.9vw;
    line-height: 1.6em;
  }
}

#smart .head_logo {
  width: 257px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
@media screen and (max-width: 1200px) {
  #smart .head_logo {
    width: 21.4vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  #smart .head_logo {
    width: 47.3vw;
    margin-top: 8.9vw;
  }
}
#smart #smart_01 {
  position: relative;
}
#smart #smart_01 .img01 {
  width: 100%;
}
#smart #smart_01 .sub_box01 {
  width: 523px;
  position: absolute;
  top: 0;
  left: 170px;
}
@media screen and (max-width: 1200px) {
  #smart #smart_01 .sub_box01 {
    width: 43.6vw;
    left: 14.2vw;
  }
}
@media screen and (max-width: 768px) {
  #smart #smart_01 .sub_box01 {
    width: 59.7vw;
    left: auto;
    right: 0;
  }
}
#smart #smart_01 .sub_box01 .txt01 {
  margin-top: 0;
}
#smart #smart_02 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#smart #smart_02 .sub_box01 .txt02 {
  width: 62%;
}
#smart #smart_02 .sub_box01 .img01 {
  width: 30.9%;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #smart #smart_02 .sub_box01 .img01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #smart #smart_02 .sub_box01 .img01 {
    margin-top: 1vw;
  }
}
#smart #smart_03 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#smart #smart_03 .sub_box01 .txt02 {
  width: 68.4%;
}
#smart #smart_03 .sub_box01 .img01 {
  width: 24.8%;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #smart #smart_03 .sub_box01 .img01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #smart #smart_03 .sub_box01 .img01 {
    margin-top: -3.5vw;
  }
}
#smart #smart_04 .img01 {
  width: 100%;
  margin-top: 25px;
}
@media screen and (max-width: 1200px) {
  #smart #smart_04 .img01 {
    margin-top: 2.1vw;
  }
}
@media screen and (max-width: 768px) {
  #smart #smart_04 .img01 {
    margin-top: 4.3vw;
  }
}

#economy #economy_01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#economy #economy_01 .sub_box01 {
  width: 30.5%;
}
@media screen and (max-width: 1200px) {
  #economy #economy_01 .sub_box01 {
    width: 32.5%;
  }
}
@media screen and (max-width: 768px) {
  #economy #economy_01 .sub_box01 {
    width: 100%;
    margin-bottom: 6.7vw;
  }
}
#economy #economy_01 .img01 {
  width: 40%;
}
@media screen and (max-width: 768px) {
  #economy #economy_01 .img01 {
    width: 47.7%;
  }
}
#economy #economy_01 .sub_box02 {
  width: 20.9%;
}
@media screen and (max-width: 768px) {
  #economy #economy_01 .sub_box02 {
    width: 46.9%;
  }
}
#economy #economy_01 .sub_box02 .txt01 {
  margin-top: 15px;
}
@media screen and (max-width: 1200px) {
  #economy #economy_01 .sub_box02 .txt01 {
    margin-top: 1.3vw;
  }
}
#economy #economy_01 .txt02 {
  margin-top: 7px;
}
@media screen and (max-width: 1200px) {
  #economy #economy_01 .txt02 {
    margin-top: 0.6vw;
  }
}
@media screen and (max-width: 768px) {
  #economy #economy_01 .txt02 {
    margin-top: 1.4vw;
  }
}
#economy #economy_01 .txt02 + .txt01 {
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #economy #economy_01 .txt02 + .txt01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #economy #economy_01 .txt02 + .txt01 {
    margin-top: 3.3vw;
  }
}
#economy #economy_02 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  #economy #economy_02 .sub_box01 {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #economy #economy_02 .sub_box01 {
    display: block;
    margin-top: 6.4vw;
  }
}
#economy #economy_02 .sub_box01 .left_block {
  width: 46.8%;
}
@media screen and (max-width: 768px) {
  #economy #economy_02 .sub_box01 .left_block {
    width: 100%;
  }
}
#economy #economy_02 .sub_box01 .left_block .txt01 {
  margin-top: 0;
}
#economy #economy_02 .sub_box01 .left_block .txt02 {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #economy #economy_02 .sub_box01 .left_block .txt02 {
    white-space: normal !important;
  }
}
#economy #economy_02 .sub_box01 .left_block .img01 {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  #economy #economy_02 .sub_box01 .left_block .img01 {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #economy #economy_02 .sub_box01 .left_block .img01 {
    margin-top: 3.3vw;
  }
}
#economy #economy_02 .sub_box01 .left_block .txt03 {
  margin-top: 15px;
}
@media screen and (max-width: 1200px) {
  #economy #economy_02 .sub_box01 .left_block .txt03 {
    margin-top: 1.3vw;
  }
}
@media screen and (max-width: 768px) {
  #economy #economy_02 .sub_box01 .left_block .txt03 {
    margin-top: 2.7vw;
    white-space: normal !important;
  }
}
#economy #economy_02 .sub_box01 .right_block {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #economy #economy_02 .sub_box01 .right_block {
    width: 100%;
    margin-top: 4.7vw;
  }
}
#economy #economy_03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #economy #economy_03 {
    display: block;
  }
}
#economy #economy_03 .sub_box01 {
  width: 40%;
}
@media screen and (max-width: 768px) {
  #economy #economy_03 .sub_box01 {
    width: 100%;
  }
}
#economy #economy_03 .img01 {
  width: 56.8%;
}
@media screen and (max-width: 768px) {
  #economy #economy_03 .img01 {
    width: 100%;
    margin-top: 5.3vw;
  }
}
#economy #economy_04 .img01,
#economy #economy_05 .img01 {
  width: 100%;
  margin-top: 28px;
}
@media screen and (max-width: 1200px) {
  #economy #economy_04 .img01,
  #economy #economy_05 .img01 {
    margin-top: 2.3vw;
  }
}
@media screen and (max-width: 768px) {
  #economy #economy_04 .img01,
  #economy #economy_05 .img01 {
    margin-top: 5.3vw;
  }
}

#universal #universal_01 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #universal #universal_01 .sub_box01 {
    display: block;
  }
}
#universal #universal_01 .sub_box01 .sub_box02 {
  width: 40.4%;
}
@media screen and (max-width: 768px) {
  #universal #universal_01 .sub_box01 .sub_box02 {
    width: 100%;
  }
}
#universal #universal_01 .sub_box01 .sub_box02 .img01 {
  margin-top: 12px;
}
@media screen and (max-width: 1200px) {
  #universal #universal_01 .sub_box01 .sub_box02 .img01 {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 768px) {
  #universal #universal_01 .sub_box01 .sub_box02 .img01 {
    margin-top: 5.1vw;
  }
}
#universal #universal_01 .sub_box01 > .img01 {
  width: 55.7%;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #universal #universal_01 .sub_box01 > .img01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #universal #universal_01 .sub_box01 > .img01 {
    width: 100%;
    margin-top: 5.3vw;
  }
}
#universal #universal_02 .sub_box01,
#universal #universal_03 .sub_box01,
#universal #universal_04 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#universal #universal_02 .sub_box01 .txt02,
#universal #universal_03 .sub_box01 .txt02,
#universal #universal_04 .sub_box01 .txt02 {
  width: 40.5%;
}
@media screen and (max-width: 768px) {
  #universal #universal_02 .sub_box01 .txt02,
  #universal #universal_03 .sub_box01 .txt02,
  #universal #universal_04 .sub_box01 .txt02 {
    width: 46.9%;
  }
}
#universal #universal_02 .sub_box01 .img01,
#universal #universal_03 .sub_box01 .img01,
#universal #universal_04 .sub_box01 .img01 {
  width: 52.7%;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #universal #universal_02 .sub_box01 .img01,
  #universal #universal_03 .sub_box01 .img01,
  #universal #universal_04 .sub_box01 .img01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #universal #universal_02 .sub_box01 .img01,
  #universal #universal_03 .sub_box01 .img01,
  #universal #universal_04 .sub_box01 .img01 {
    width: 46.9%;
    margin-top: 2.5vw;
  }
}
#universal #universal_05 .img01 {
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #universal #universal_05 .img01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #universal #universal_05 .img01 {
    margin-top: 5.3vw;
  }
}
#universal #universal_06,
#universal #universal_07,
#universal #universal_08 {
  width: 29%;
}
@media screen and (max-width: 768px) {
  #universal #universal_06,
  #universal #universal_07,
  #universal #universal_08 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  #universal #universal_06 .sub_box02,
  #universal #universal_07 .sub_box02,
  #universal #universal_08 .sub_box02 {
    width: 73.4%;
  }
}
#universal #universal_06 .sub_box01,
#universal #universal_07 .sub_box01,
#universal #universal_08 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #universal #universal_06 .sub_box01,
  #universal #universal_07 .sub_box01,
  #universal #universal_08 .sub_box01 {
    width: 21.6%;
    display: block;
  }
}
#universal #universal_06 .sub_box01 .txt02,
#universal #universal_07 .sub_box01 .txt02,
#universal #universal_08 .sub_box01 .txt02 {
  width: 65.2%;
}
#universal #universal_06 .sub_box01 .img01,
#universal #universal_07 .sub_box01 .img01,
#universal #universal_08 .sub_box01 .img01 {
  width: 27.5%;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #universal #universal_06 .sub_box01 .img01,
  #universal #universal_07 .sub_box01 .img01,
  #universal #universal_08 .sub_box01 .img01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #universal #universal_06 .sub_box01 .img01,
  #universal #universal_07 .sub_box01 .img01,
  #universal #universal_08 .sub_box01 .img01 {
    margin-top: 0;
    width: 100%;
  }
}

#comfortable #comfortable_01 .txt02 {
  letter-spacing: -0.07em;
}
#comfortable #comfortable_01 .img01 {
  margin-top: 26px;
}
@media screen and (max-width: 1200px) {
  #comfortable #comfortable_01 .img01 {
    margin-top: 2.2vw;
  }
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_01 .img01 {
    margin-top: 6.4vw;
  }
}
#comfortable #comfortable_02 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#comfortable #comfortable_02 .sub_box01 .txt02 {
  width: 40.5%;
}
#comfortable #comfortable_02 .sub_box01 .img01 {
  width: 53.9%;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #comfortable #comfortable_02 .sub_box01 .img01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_02 .sub_box01 .img01 {
    margin-top: -7.5vw;
  }
}
#comfortable #comfortable_03 .img01 {
  margin-top: -25px;
}
@media screen and (max-width: 1200px) {
  #comfortable #comfortable_03 .img01 {
    margin-top: -2.1vw;
  }
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_03 .img01 {
    margin-top: -3.7vw;
  }
}
#comfortable #comfortable_04 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_04 .sub_box01 {
    display: block;
  }
}
#comfortable #comfortable_04 .sub_box01 .sub_box02 {
  width: 46.8%;
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_04 .sub_box01 .sub_box02 {
    width: 100%;
  }
}
#comfortable #comfortable_04 .sub_box01 .img01 {
  width: 49.4%;
  margin-top: 10px;
}
@media screen and (max-width: 1200px) {
  #comfortable #comfortable_04 .sub_box01 .img01 {
    margin-top: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_04 .sub_box01 .img01 {
    margin-top: 4.4vw;
    width: 100%;
  }
}
#comfortable #comfortable_04 .txt03 {
  margin-top: 20px;
  font-size: 10px;
  white-space: normal;
}
@media screen and (max-width: 1200px) {
  #comfortable #comfortable_04 .txt03 {
    margin-top: 1.7vw;
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_04 .txt03 {
    margin-top: 4.5vw;
    font-size: 2.1vw;
  }
}
#comfortable #comfortable_05 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 25px;
}
@media screen and (max-width: 1200px) {
  #comfortable #comfortable_05 .sub_box01 {
    margin-top: 2.1vw;
  }
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_05 .sub_box01 {
    align-items: start;
    margin-top: 3.3vw;
  }
}
#comfortable #comfortable_05 .sub_box01 .img01 {
  width: 12%;
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_05 .sub_box01 .img01 {
    width: 22.2%;
  }
}
#comfortable #comfortable_05 .sub_box01 .txt02 {
  width: 84.9%;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #comfortable #comfortable_05 .sub_box01 .txt02 {
    width: 71.7%;
    margin-top: -0.5em;
  }
}

#management .catch {
  letter-spacing: 0.05em;
}
#management #management_01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#management #management_01 .sub_box01 {
  width: 46.8%;
}
@media screen and (max-width: 768px) {
  #management #management_01 .sub_box01 {
    width: 100%;
  }
}
#management #management_01 .sub_box01 .txt01 {
  letter-spacing: -0.1em;
}
@media screen and (max-width: 768px) {
  #management #management_01 .sub_box01 .txt01 {
    letter-spacing: 0;
  }
}
#management #management_01 .img01 {
  width: 46.8%;
}
@media screen and (max-width: 768px) {
  #management #management_01 .img01 {
    width: 100%;
    margin-top: 5.1vw;
  }
}
#management #management_02 .img01,
#management #management_03 .img01 {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  #management #management_02 .img01,
  #management #management_03 .img01 {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #management #management_02 .img01,
  #management #management_03 .img01 {
    margin-top: 5vw;
  }
}
#management #management_04 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #management #management_04 .sub_box01 {
    display: block;
  }
}
#management #management_04 .sub_box01 .sub_box02 {
  width: 58.7%;
}
@media screen and (max-width: 768px) {
  #management #management_04 .sub_box01 .sub_box02 {
    width: 100%;
  }
}
#management #management_04 .sub_box01 .img01 {
  width: 38%;
  margin-top: 25px;
}
@media screen and (max-width: 1200px) {
  #management #management_04 .sub_box01 .img01 {
    margin-top: 2.1vw;
  }
}
@media screen and (max-width: 768px) {
  #management #management_04 .sub_box01 .img01 {
    width: 100%;
    margin-top: 3.5vw;
  }
}
#management #management_05 .sub_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#management #management_05 .sub_box01 .sub_box02 {
  width: 57.5%;
}
@media screen and (max-width: 768px) {
  #management #management_05 .sub_box01 .sub_box02 {
    width: 46.9%;
  }
}
#management #management_05 .sub_box01 .sub_box02 .txt01 {
  letter-spacing: -0.1em;
  white-space: nowrap;
}
#management #management_05 .sub_box01 .sub_box02 .img01 {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  #management #management_05 .sub_box01 .sub_box02 .img01 {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #management #management_05 .sub_box01 .sub_box02 .img01 {
    margin-top: 7.6vw;
  }
}
#management #management_05 .sub_box01 .img02 {
  width: 35.2%;
  margin-top: 25px;
}
@media screen and (max-width: 1200px) {
  #management #management_05 .sub_box01 .img02 {
    margin-top: 2.1vw;
  }
}
@media screen and (max-width: 768px) {
  #management #management_05 .sub_box01 .img02 {
    width: 46.9%;
    margin-top: 5.2vw;
  }
}
#management #management_06 .img01 {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  #management #management_06 .img01 {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #management #management_06 .img01 {
    margin-top: 5.2vw;
  }
}

#quality_page_content.smart .switch_box .smart {
  background-color: white;
}
#quality_page_content.smart .quality_section#smart {
  display: block;
}
#quality_page_content.economy .switch_box .economy {
  background-color: white;
}
#quality_page_content.economy .quality_section#economy {
  display: block;
}
#quality_page_content.universal .switch_box .universal {
  background-color: white;
}
#quality_page_content.universal .quality_section#universal {
  display: block;
}
#quality_page_content.comfortable .switch_box .comfortable {
  background-color: white;
}
#quality_page_content.comfortable .quality_section#comfortable {
  display: block;
}
#quality_page_content.management .switch_box .management {
  background-color: white;
}
#quality_page_content.management .quality_section#management {
  display: block;
}

/*詳細*/
.note {
  padding: 120px 0 0;
}
@media screen and (max-width: 1200px) {
  .note {
    padding: 10vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .note {
    padding: 8vw 0 0;
  }
}
.note p {
  font-size: 11px;
  line-height: 1.4em;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 1200px) {
  .note p {
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .note p {
    font-size: 1.71875vw;
    font-feature-settings: "palt" 1;
  }
}

/*---------------------------
アニメーション用CSS
-----------------------------*/
.animate {
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}
.animate.deactive {
  opacity: 0;
  transition: 0s;
}/*# sourceMappingURL=style_quality.css.map */