@charset "UTF-8";
/* スマホ用の表示の時はis-pcは非表示 */
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
/* PC用の表示の時はis-spは非表示 */
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
html,
body {
  letter-spacing: normal;
}

/*------------------------------
common
------------------------------*/
@media (max-width: 999px) {
  .inner {
    width: 1100px;
    max-width: 90%;
  }
}
@media (max-width: 768px) {
  .inner {
    max-width: 100%;
    width: 430px;
    padding: 0 min(5.8139534884%, 25px);
  }
}

.c-btn {
  display: inline-block;
  width: 100%;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: #FF6A00;
  border-radius: 3.4em;
  padding: 0.5em 0;
}
@media (max-width: 768px) {
  .c-btn {
    font-size: min(2rem, 4.6511627907vw);
  }
}

/*------------------------------
qa
------------------------------*/
.qa-other {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 2rem;
  color: #4D4D4D;
  font-weight: bold;
  margin: 3.4em auto;
}
@media (max-width: 768px) {
  .qa-other {
    font-size: 1.4rem;
  }
}

/*------------------------------
app-cta
------------------------------*/
.app-cta {
  background: linear-gradient(90deg, #FFF3E4 2.32%, #FDE2D8 110.33%);
  padding: min(62px, 4.3055555556vw) 0 min(70px, 4.8611111111vw);
}

.app-cta__heading {
  font-size: min(4rem, 3.6363636364vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1D1D1F;
  text-align: center;
}
@media (max-width: 768px) {
  .app-cta__heading {
    font-size: min(2rem, 4.6511627907vw);
    text-align: left;
  }
}

.app-cta__description {
  margin-top: 1.2em;
  font-size: min(1.8rem, 1.6363636364vw);
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 768px) {
  .app-cta__description {
    font-size: min(1.6rem, 3.7209302326vw);
    margin-top: 1em;
    text-align: left;
    line-height: 1.2;
  }
}

.app-cta__box {
  max-width: 840px;
  margin: 0 auto;
  background: url(../img/page/ev-charging/app-cta_bg.jpg) no-repeat center center/cover;
  padding: 24px;
  margin-top: 35px;
}
@media (max-width: 768px) {
  .app-cta__box {
    background: url(../img/page/ev-charging/app-cta_bg_sp.jpg) no-repeat center center/cover;
    padding: 16px 24px;
  }
}

.app-cta__contnet {
  border: 4px solid #fff;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 769px) {
  .app-cta__contnet {
    padding: 2.8571428571%;
  }
}
@media (max-width: 768px) {
  .app-cta__contnet {
    border: none;
  }
}

.app-cta__body {
  width: 65%;
}
@media (max-width: 768px) {
  .app-cta__body {
    width: 100%;
    max-width: 382px;
    margin: 0 auto;
  }
}

.app-cta__copy {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3636363636;
  color: #fff;
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 768px) {
  .app-cta__copy {
    font-size: min(1.8rem, 4.1860465116vw);
    line-height: 1.6;
  }
}

.app-cta__items {
  display: flex;
  align-items: flex-start;
  margin-top: 5%;
  padding-left: 12%;
}
@media (max-width: 768px) {
  .app-cta__items {
    margin-top: 50%;
    padding: 0 4%;
  }
}

.app-cta__item {
  width: 37%;
}
.app-cta__item:nth-child(2) {
  margin-left: 6%;
  width: 40%;
}
@media (max-width: 768px) {
  .app-cta__item {
    width: 43%;
  }
  .app-cta__item:nth-child(2) {
    margin-left: 9%;
    width: 48%;
  }
}

.app-cta__qr {
  margin: 0 auto;
  transform: translateY(2%);
}
.app-cta__qr a {
  display: block;
}
.app-cta__qr img {
  width: 100px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .app-cta__qr {
    display: none;
  }
}

.app-cta__image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 44%;
  transform: translateY(2%);
}
@media (max-width: 768px) {
  .app-cta__image {
    top: 30%;
    bottom: unset;
    left: 50%;
    transform: translateX(-50%);
    width: 57%;
    max-width: 218px;
  }
}

.app-cta__button {
  max-width: 330px;
  margin: 0 auto;
  margin-top: 3.5%;
}
.app-cta__button a {
  padding: 0.7em 0;
}
@media (max-width: 768px) {
  .app-cta__button {
    max-width: 230px;
    margin-top: 6.5%;
  }
  .app-cta__button a {
    padding: 0.3em 0;
  }
}
/*# sourceMappingURL=common_202509.css.map */