@font-face {
  font-family: "Noto Sans JP Tate";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/aircon/NotoSansJP-Bold-Tategaki.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/aircon/NotoSansJP-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/aircon/NotoSansJP-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/aircon/NotoSansJP-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/aircon/Oswald-Medium.woff2") format("woff2");
  font-display: swap;
}
/********************************************
* banner_section
********************************************/
.banner_section {
  padding: 50px 0 0;
  background-color: #ddf2fb;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .banner_section {
    padding: 3.8461538462vw 0 0;
  }
}
@media (max-width: 750px) {
  .banner_section {
    padding: 8vw 0 0;
  }
}
.banner_section .banner_block .title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .banner_section .banner_block .title {
    font-size: 1.5384615385vw;
    margin-bottom: 2.3076923077vw;
  }
}
@media (max-width: 750px) {
  .banner_section .banner_block .title {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.banner_section .banner_block .banner-slider {
  overflow: hidden;
  width: 100%;
  height: 224px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .banner_section .banner_block .banner-slider {
    height: 17.2307692308vw;
  }
}
@media (max-width: 750px) {
  .banner_section .banner_block .banner-slider {
    height: auto;
  }
}
.banner_section .banner_block .banner-slider .slider-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  will-change: transform;
  max-height: 100%;
}
@media (max-width: 750px) {
  .banner_section .banner_block .banner-slider .slider-track {
    height: 30.1333333333vw;
  }
}
.banner_section .banner_block .banner-slider .slider-track .slide {
  max-height: 100%;
  margin-right: 50px;
  line-height: 1;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .banner_section .banner_block .banner-slider .slider-track .slide {
    margin-right: 3.8461538462vw;
  }
}
@media (max-width: 750px) {
  .banner_section .banner_block .banner-slider .slider-track .slide {
    margin-right: 6.6666666667vw;
  }
}
@media (max-width: 750px) {
  .banner_section .banner_block .banner-slider .slider-track .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.banner_section .banner_block .banner-slider .slider-track .slide a {
  text-align: center;
  cursor: none;
  pointer-events: none;
  text-decoration: none;
  display: inline-block;
  max-height: 100%;
}
.banner_section .banner_block .banner-slider .slider-track .slide a img {
  display: inline-block;
  width: auto;
  max-width: initial;
}
@media (max-width: 750px) {
  .banner_section .banner_block .banner-slider .slider-track .slide a img {
    max-height: 26.6666666667vw;
  }
}
.banner_section .banner_block .banner-slider .slider-track .slide a .caption {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 4px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .banner_section .banner_block .banner-slider .slider-track .slide a .caption {
    font-size: 0.9230769231vw;
    margin-top: 0.3076923077vw;
  }
}
@media (max-width: 750px) {
  .banner_section .banner_block .banner-slider .slider-track .slide a .caption {
    font-size: 2.6666666667vw;
    margin-top: 0.8vw;
  }
}
@media (max-width: 750px) {
  .banner_section .banner_block .banner-slider.sp-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6.6666666667vw;
  }
}

.h36 a img {
  height: 36px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h36 a img {
    height: 2.7692307692vw;
  }
}

.h46 a img {
  height: 46px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h46 a img {
    height: 3.5384615385vw;
  }
}

.h58 a img {
  height: 58px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h58 a img {
    height: 4.4615384615vw;
  }
}

.h72 a img {
  height: 72px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h72 a img {
    height: 5.5384615385vw;
  }
}

.h38 a img {
  height: 38px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h38 a img {
    height: 2.9230769231vw;
  }
}

.h19 a img {
  height: 19px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h19 a img {
    height: 1.4615384615vw;
  }
}

.h23 a img {
  height: 23px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h23 a img {
    height: 1.7692307692vw;
  }
}

.h52 a img {
  height: 52px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h52 a img {
    height: 4vw;
  }
}

.h54 a img {
  height: 54px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h54 a img {
    height: 4.1538461538vw;
  }
}

.h25 a img {
  height: 25px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h25 a img {
    height: 1.9230769231vw;
  }
}

.h34 a img {
  height: 34px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h34 a img {
    height: 2.6153846154vw;
  }
}

.h102 a img {
  height: 102px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h102 a img {
    height: 7.8461538462vw;
  }
}

.h46 a img {
  height: 46px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  .h46 a img {
    height: 3.5384615385vw;
  }
}