main {
  padding-bottom: 0;
}

main .tri-title {
  font-size: 20px;
  margin-bottom: 15px;
}

.desc {
  font-size: 14px;
}

main .more {
  margin-top: 30px;
  display: block;
}

.more::after {
  content: "";
  width: 6px;
  height: 10px;
  display: inline-block;
  background: url(https://mitsubishielectrichome.workspace25.webfoss.com/themes/basic/skin/css/../images/icons/angle_right_red.svg) center / contain no-repeat;
  margin-left: 6px;
  vertical-align: middle;
  margin-top: -1px;
  transition: .3s;
}

.page-back {
  z-index: -1;
  top: 0;
  height: 100vh;
}

.page-back picture,
.page-back img {
  object-position: right;
}

.part6 {
  height: 410px;
  background: url("../images/support/support8.png") center/cover no-repeat;
}

.part6 .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.part6 .wrapper .content {
  width: 50%;
  padding-left: 40px;
  padding-right: 40px;
  color: #fff;
}


.support-call-center .banner h1 {
  font-size: 38px;
  font-weight: bold;
  position: relative;
  color: #fff;
  animation: fadeInUp .8s .2s cubic-bezier(0, .5, .5, 1) forwards;
}

.support-call-center .banner h1::after {
  content: "";
  width: calc(10em / 38);
  height: calc(22em / 38);
  background: url(../images/support/call_center_2022/banner_arr_down.png) center / contain repeat-y;
  position: absolute;
  left: 0;
  bottom: calc(-22em / 38);
  animation: bannerArrDown 1.8s infinite linear;
}

.support-call-center section img {
  max-width: 100%;
  height: auto;
  display: block;
}

.support-call-center .sec-intro {
  display: flex;
  gap: 10px;
  align-items: center;
}

.support-call-center .sec-intro img {
  width: 28px;
}

@keyframes bannerArrDown {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 22px;
  }
}

.support-call-center .banner picture {
  margin-top: max(30px, 4%);
  display: block;
  animation: fadeInUp .8s .5s cubic-bezier(0, .5, .5, 1) forwards;
}

.support-call-center .banner picture:nth-last-of-type(1) {
  animation: fadeInUp .8s .7s cubic-bezier(0, .5, .5, 1) forwards;
}

@media (max-width: 960px) {
  .part6 .wrapper .content {
    width: 60%;
  }
}

@media (max-width: 780px) {
  .part6 .wrapper .content {
    width: 100%;
    text-align: center;
  }


  .support-call-center .banner img {
    width: 100%;
  }

  .support-call-center .banner picture {
    width: 70%;
  }

  .support-call-center .banner picture:nth-last-of-type(1) {
    width: 100%;
  }
}