.fade-in-up.-from-tween:not(.-to-tween) {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .fade-in-up.-from-tween:not(.-to-tween) {
    transform: translateY(80px);
  }
}
@media screen and (max-width: 767px) {
  .fade-in-up.-from-tween:not(.-to-tween) {
    transform: translateY(14.4927536232vw);
  }
}
.fade-in-up.-from-tween.-to-tween {
  transition-duration: 0.9s;
  transition-delay: 0.2s;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .c-kv .m-kv-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) {
  .c-kv .m-kv-container .m-bg {
    height: 1445px;
    background-image: url(/e-life/after_support/image/bg_kv_pc.png);
    background-size: auto 1445px;
  }
}
@media screen and (max-width: 1920px) and (min-width: 1200px) {
  .c-kv .m-kv-container .m-bg {
    background-size: auto 77vw;
  }
}
@media screen and (max-width: 767px) {
  .c-kv .m-kv-container .m-bg {
    height: 134.5410628019vw;
    background-image: url(/e-life/after_support/image/bg_kv_sp.png);
    background-size: auto 134.5410628019vw;
  }
}

.c-content {
  margin-bottom: 46px
}

@media screen and (min-width: 768px)and (max-width: 1199px) {
  .c-content {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width: 767px) {
  .c-content {
    margin-bottom: 7.2463768116vw
  }
}

.c-content .m-wide-box .-wide-box-inner {
  width: 100%;
  max-width: 1100px;
  padding: 80px 0;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .c-content .m-wide-box .-wide-box-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-content .m-wide-box .-wide-box-inner {
    padding: 12.077294686vw 4.8309178744vw 20.8695652174vw;
    margin: 0;
  }
}
.c-content .m-item {
  padding-top: 8px;
}
@media screen and (min-width: 768px) {
  .c-content .m-item:not(:first-of-type) {
    margin-top: 130px;
  }
}
@media screen and (max-width: 767px) {
  .c-content .m-item {
    padding-top: 1.4492753623vw;
  }
  .c-content .m-item:not(:first-of-type) {
    margin-top: 26.5700483092vw;
  }
}
.c-content .m-item-title > small {
  display: block;
  color: #b1b1b1;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 18px;
}
.c-content .m-item-title > strong {
  color: #000;
  font-size: 38px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-content .m-item-title > small {
    font-size: 3.3816425121vw;
    margin-bottom: 2.4154589372vw;
  }
  .c-content .m-item-title > strong {
    font-size: calc(36 / 460 * 100vw);
  }
}
/* Bluetooth Key Features List */
.c-content .m-item-features {
  color: #000;
  line-height: 2;
  font-size: 20px;
  font-weight: 500;
  padding: 35px 0 55px;
  list-style: none;
  margin: 0;
}

.c-content .m-item-features li {
  position: relative;
  padding-left: 1em;
}

.c-content .m-item-features li::before {
  content: "・";
  position: absolute;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c-content .m-item-features {
    font-size: calc(18 / 460 * 100vw);
    padding: calc(24 / 460 * 100vw) 0 calc(32 / 460 * 100vw);
  }
}

/* BYD App Description */
.c-content .m-item-app-description {
  color: #000;
  line-height: 150%;
  font-size: 20px;
  font-weight: 500;
  padding: 35px 0 55px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-content .m-item-app-description {
    font-size: calc(20 / 460 * 100vw);
    padding: calc(24 / 460 * 100vw) 0 calc(80 / 460 * 100vw);
  }
}
.c-content .m-subitem {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  .c-content .m-subitem {
    margin-top: 13.5265700483vw;
  }
}
.c-content .m-subitem-ttl {
  border-bottom: solid 1px #a8a8a8;
  color: #d70c19;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 16px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .c-content .m-subitem-ttl {
    font-size: calc(36 / 460 * 100vw);
    padding-bottom: 4.1062801932vw;
    margin-bottom: 4.347826087vw;
  }
}
.c-content .m-subitem-txt {
  line-height: 2;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .c-content .m-subitem-txt {
    font-size: calc(16 / 460 * 100vw);
    margin-bottom: calc(44 / 460 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  .c-footer-banner a {
    background-image: url(/e-life/cars/image/img_footer-banner_pc.jpg?v2);
  }
}
@media screen and (max-width: 767px) {
  .c-footer-banner a {
    background-image: url(/e-life/cars/image/img_footer-banner_sp.jpg?v2);
  }
}
#chatplusview {
  right: 0px !important;
  transition: height 0.3s, max-height 0.3s, bottom 0.75s !important;
  z-index: 9 !important;
}
@media screen and (min-width: 768px) {
  #chatplusview {
    bottom: 62px !important;
  }
}
@media screen and (max-width: 767px) {
  #chatplusview {
    bottom: 16.4251207729vw !important;
  }
}
@media screen and (min-width: 768px) {
  #chatplusview.chatplusview-modern:not(.closed) #outline {
    height: 80% !important;
  }
}
body[show-footer="true"] #chatplusview {
  bottom: -190px !important;
}
.c-content .m-apps {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .c-content .m-apps {
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-content .m-apps {
    gap: 7.2463768116vw;
  }
}
.c-content .m-apps-icon img {
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-content .m-apps-icon img {
    width: 35.7487922705vw;
  }
}
@media screen and (min-width: 768px) {
  .c-content .m-apps-btns {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .c-content .m-apps-btns .-qr {
    margin-left: 5px;
  }
  .c-content .m-apps-btns a {
    transition-duration: 0.3s;
  }
  .c-content .m-apps-btns a:hover {
    opacity: 0.75;
  }
}
@media screen and (max-width: 767px) {
  .c-content .m-apps-btns li + li {
    margin-top: 6.038647343vw;
  }
  .c-content .m-apps-btns img {
    width: 46.8599033816vw;
    height: auto;
  }
}
.c-content .m-subitem-ttl {
  color: #000;
}
@media screen and (min-width: 768px) {
  .c-content .m-subitem-ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-content .m-subitem-ttl {
    font-size: 5.7971014493vw;
  }
}
.c-content .m-catalog-button .m-button-normal {
  margin-left: 0;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .c-content .m-catalog-button .m-button-normal {
    width: 305px;
  }
}
@media screen and (max-width: 767px) {
  .c-content .m-catalog-button .m-button-normal {
    padding-left: 5.7971014493vw;
  }
}

/* Bluetooth Key Initial Activation Conditions */
.m-conditions {
  margin-top: 40px;
}

.m-conditions-container {
  display: flex;
  gap: 49px;
  justify-content: center;
}

.m-conditions-box {
  width: 50%;
  background: #f5f5f5;
  border-radius: 30px;
  padding: 36px 38px;
}

.m-conditions-section {
  margin-bottom: 36px;
}

.m-conditions-title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 30px;
}

.m-conditions-divider {
  border-bottom: 1px solid #b1b1b1;
}

.m-conditions-content {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #000;
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-conditions-content li {
  position: relative;
  padding-left: 1em;
}

.m-conditions-content li::before {
  content: "・";
  position: absolute;
  left: 0;
}

@media screen and (max-width: 767px) {
  .m-conditions {
    margin-top: calc(50 / 460 * 100vw);
  }

  .m-conditions-container {
    flex-direction: column;
    gap: calc(30 / 460 * 100vw);
  }

  .m-conditions-box {
    width: 100%;
    border-radius: calc(20 / 460 * 100vw);
    padding: calc(30 / 460 * 100vw) calc(20 / 460 * 100vw) calc(36 / 460 * 100vw);
  }

  .m-conditions-section {
    margin-bottom: calc(24 / 460 * 100vw);
  }

  .m-conditions-title {
    font-size: calc(18 / 460 * 100vw);
    margin-bottom: calc(24 / 460 * 100vw);
  }

  .m-conditions-content {
    font-size: calc(16 / 460 * 100vw);
    line-height: 2;
  }
}

/* Bluetooth Key Activation Steps */
.m-activation-steps {
  margin-top: 75px;
  padding-bottom: 136px;
  margin-bottom: 14px;
  border-bottom: 1px solid #d8d8d8;
}

@media screen and (max-width: 767px) {
  .m-activation-steps {
    margin-top: calc(75 / 460 * 100vw);
    padding-bottom: calc(75 / 460 * 100vw);
    margin-bottom: calc(14 / 460 * 100vw);
  }
}

.m-activation-steps-header {
  font-size: 20px;
  font-weight: 700;
  color: #d70d1a;
  line-height: 150%;
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .m-activation-steps-header {
    font-size: calc(20 / 460 * 100vw);
    margin-bottom: calc(40 / 460 * 100vw);
    text-align: center;
  }
}

.m-activation-steps-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 100px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .m-activation-steps-container {
    gap: 2%;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .m-activation-steps-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(70 / 460 * 100vw) calc(30 / 460 * 100vw);
    margin-bottom: calc(90 / 460 * 100vw);
  }
}

.m-activation-step {
  width: 230px;
  max-width: 100%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .m-activation-step {
    flex: 1;
    min-width: 0;
  }
}

@media screen and (max-width: 767px) {
  .m-activation-step {
    width: 100%;
    gap: calc(20 / 460 * 100vw);
  }
}

.m-activation-arrow {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 207px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .m-activation-arrow {
    width: 2%;
    margin-top: 18%;
    max-width: 23px;
    min-width: 10px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .m-activation-arrow {
    display: none;
  }
}

.m-activation-step-image {
  width: 100%;
  height: auto;
  aspect-ratio: 230 / 466;
}

.m-activation-step-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #b7b7b7;
}

@media screen and (max-width: 767px) {
  .m-activation-step-image img {
    border-width: calc(1 / 460 * 100vw);
  }
}

.m-activation-step-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  .m-activation-step-content {
    gap: calc(10 / 460 * 100vw);
  }
}

.m-activation-step-title {
  font-size: 20px;
  font-weight: 700;
  color: #d70d1a;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-activation-step-title {
    font-size: calc(18 / 460 * 100vw);
  }
}

.m-activation-step-description {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-activation-step-description {
    font-size: calc(16 / 460 * 100vw);
  }
}

.m-activation-steps-footer {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-activation-steps-footer {
    font-size: calc(14 / 460 * 100vw);
  }
}