.dpc {
  display: block
}

.dsp {
  display: none
}

.dpc-inline {
  display: inline-block
}

.dsp-inline {
  display: none
}

@media(max-width: 959px) {
  .dpc {
    display: none
  }

  .dsp {
    display: block
  }

  .dpc-inline {
    display: none
  }

  .dsp-inline {
    display: inline-block
  }
}

.pc {
  display: block
}

.sp {
  display: none
}

.pc-inline {
  display: inline-block
}

.sp-inline {
  display: none
}

@media(max-width: 767px) {
  .pc {
    display: none
  }

  .sp {
    display: block
  }

  .pc-inline {
    display: none
  }

  .sp-inline {
    display: inline-block
  }
}

.v-hidden,
.visual-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%)
}

.wrap {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

.wrap img {
  line-height: 1;
  vertical-align: top
}

.wrap a,
.wrap a:visited {
  -webkit-transition: background-color .3s, color .3s, opacity .3s;
  transition: background-color .3s, color .3s, opacity .3s
}

.wrap a:hover,
.wrap a:focus,
.wrap a:active,
.wrap a:visited:hover,
.wrap a:visited:focus,
.wrap a:visited:active {
  opacity: .65
}

.wrap strong {
  color: #cb0000;
  font-weight: bold
}

.container {
  max-width: 1040px;
  margin: auto;
  padding: 0 20px;
  overflow: hidden
}

.contact-btn {
  margin-bottom: 60px;
  text-align: center
}

@media(max-width: 767px) {
  .contact-btn {
    margin-bottom: 9.3333333333vw
  }
}

.contact-btn a {
  display: inline-block;
  max-width: 814px;
  margin-bottom: 15px;
  -webkit-transition: background-color .3s, color .3s, opacity .3s;
  transition: background-color .3s, color .3s, opacity .3s
}

.contact-btn a:hover,
.contact-btn a:focus,
.contact-btn a:active {
  opacity: .65
}

.contact-btn a img {
  width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: top
}

@media(max-width: 959px) {
  .contact-btn a {
    width: 84.7916666667vw;
    margin-bottom: 1.5625vw
  }
}

@media(max-width: 767px) {
  .contact-btn a {
    width: 86.6666666667vw;
    margin-bottom: 2.5px
  }

  .contact-btn a img {
    width: auto;
    height: auto;
    max-width: 100%
  }
}

.contact-btn .g-alist {
  max-width: 682px;
  margin: auto;
  color: #424b60;
  font-size: 14px;
  line-height: 1.3571428571;
  letter-spacing: .075em;
  text-align: left
}

@media(max-width: 959px) {
  .contact-btn .g-alist {
    width: 71.0416666667vw;
    font-size: 1.4583333333vw
  }
}

@media(max-width: 767px) {
  .contact-btn .g-alist {
    width: 77.3333333333vw;
    font-size: 2.5333333333vw;
    line-height: 1.3684210526;
    letter-spacing: 0
  }
}

@media only screen and (max-width: 768px) {
  .g-page-dept .g-main {
    padding-top: 0
  }
}

.cover {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 62px;
}

.cover .cover-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  min-height: 180px;
  background-color: #f5f8fc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden
}

@media(max-width: 959px) {
  .cover .cover-content {
    background-position: right center;
    background-size: cover
  }
}

@media(max-width: 767px) {
  .cover {
    margin-bottom: 28px
  }

  .cover .cover-content {
    min-height: 36vw
  }
}

.cover .hero {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 990px;
  margin: auto;
  padding: 0 15px
}

.cover .hero .hero-ttl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #333;
  font-size: 33px;
  font-weight: bold;
  line-height: 1.2
}

.cover .hero .hero-ttl h1 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit
}

@media(max-width: 1039px) {
  .cover .hero .hero-ttl {
    font-size: 3.1730769231vw
  }
}

@media(max-width: 767px) {
  .cover .hero .hero-ttl {
    font-size: 5.3333333333vw
  }
}

.support {
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  text-align: left
}

.support .support-head {
  padding: 30px;
  background-color: #11426f;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.3333333333;
  text-align: left
}

.support .support-head .support-ttl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit
}

.support .support-head .support-ttl::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: .56em;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%
}

.support .support-body {
  padding: 40px 100px;
  background-color: #eaeff6
}

.support .point {
  padding: 40px 55px;
  background-color: #fff
}

.support .point+.point {
  margin-top: 40px
}

.support .point .point-ttl {
  margin-bottom: 1.5em;
  padding: 16px;
  background-color: #0095ce;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center
}

@media(max-width: 1039px) {
  .support .support-head {
    padding: 2.8846153846vw;
    font-size: 2.4038461538vw
  }

  .support .support-body {
    padding: 3.8461538462vw 9.6153846154vw
  }

  .support .point {
    padding: 3.8461538462vw 5.2884615385vw
  }

  .support .point .point-ttl {
    border-radius: .4807692308vw;
    font-size: 1.9230769231vw
  }
}

@media(max-width: 767px) {
  .support {
    margin-bottom: 20px;
    font-size: 3.7333333333vw;
    line-height: 1.75
  }

  .support .support-head {
    padding: 5.6vw;
    font-size: 4.8vw
  }

  .support .support-body {
    padding: 6vw
  }

  .support .point {
    padding: 4vw 3.4666666667vw
  }

  .support .point+.point {
    margin-top: 20px
  }

  .support .point .point-ttl {
    margin-bottom: 1em;
    padding: 1.7333333333vw;
    border-radius: .6666666667vw;
    font-size: 4vw
  }
}

.support .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto
}

.support img {
  width: 100%;
  height: auto
}

@media(max-width: 767px) {
  .support .row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }

  .support .row .col {
    width: 100%
  }

  .support .row .col+.col {
    margin-top: 18px
  }
}

.support .point1 .row {
  max-width: 545px;
  margin-bottom: 30px
}

.support .point1 .row .col:nth-child(1) {
  max-width: 376px;
  padding-right: 1em
}

.support .point1 .row .col:nth-child(2) {
  max-width: 130px
}

.support .point1 figure {
  max-width: 430px;
  margin: auto
}

.support .point2 .row {
  max-width: 640px
}

.support .point2 .row .col:nth-child(1) {
  max-width: 280px;
  padding-right: 1em
}

.support .point2 .row .col:nth-child(2) {
  max-width: 345px
}

.support .point3 .row {
  max-width: 630px
}

.support .point3 .row .col:nth-child(1) {
  max-width: 322px;
  padding-right: 1em
}

.support .point3 .row .col:nth-child(2) {
  max-width: 300px
}

.support .point3 .row .col:nth-child(2) img {
  width: 113.3333333333%;
  margin-right: -13.3333333333%
}

.support .point4 .row,
.support .point5 .row {
  max-width: 630px
}

.support .point4 .row .col:nth-child(1),
.support .point5 .row .col:nth-child(1) {
  max-width: 322px;
  padding-right: 1em
}

.support .point4 .row .col:nth-child(2),
.support .point5 .row .col:nth-child(2) {
  max-width: 300px
}

@media(max-width: 767px) {
  .support .point1 .row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
  }

  .support .point1 .row .col:nth-child(2) {
    min-width: 37.7358490566%;
    margin-top: 0
  }

  .support .point3 .row .col:nth-child(1) {
    max-width: none;
    padding-right: 0
  }

  .support .point3 .row .col:nth-child(2) {
    max-width: none
  }

  .support .point3 .row .col:nth-child(2) img {
    width: 107.5471698113%;
    margin-right: -7.5471698113%
  }

  .support .point2 .row .col:nth-child(1),
  .support .point4 .row .col:nth-child(1),
  .support .point5 .row .col:nth-child(1) {
    max-width: none;
    padding-right: 0
  }

  .support .point2 .row .col:nth-child(2),
  .support .point4 .row .col:nth-child(2),
  .support .point5 .row .col:nth-child(2) {
    max-width: none
  }
}

.customer-contact {
  max-width: 460px;
  margin: auto;
  margin-bottom: 50px;
  padding: 0 30px
}

.customer-contact h3 {
  margin-bottom: .5em;
  font-size: 18px;
  font-weight: bold;
  text-align: center
}

.customer-contact img {
  width: 100%;
  height: auto;
  margin: auto;
  margin-bottom: .5em
}

@media(max-width: 767px) {
  .customer-contact h3 {
    font-size: 3.7333333333vw
  }
}

.postscript {
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 1.75
}

.postscript p {
  margin-bottom: .8em
}

@media(max-width: 767px) {
  .postscript {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.75
  }
}

.cover .cover-content {
  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/customercenter/about/support/local/images/kv jpg")
}

.support1 .support-ttl::before {
  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/customercenter/about/support/local/images/icon01 png")
}

.support2 .support-ttl::before {
  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/customercenter/about/support/local/images/icon02 png")
}

.support3 .support-ttl::before {
  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/customercenter/about/support/local/images/icon03 png")
}

/*! Built by PIXBATON pixbaton.jp */
/*# sourceMappingURL=local.css.map */