/*---------------------------------------------------------------------
お問い合わせ・ご意見
---------------------------------------------------------------------*/
#mv-support {
  --main-color: #c70057;
}

#mv-support .br-sp {
  display: block;
}

@media screen and (min-width: 1024px) {
  #mv-support .br-sp {
    display: none;
  }
}

#mv-support .indent {
  text-indent: -1.6rem;
}

/*---------------------------------------------------------------------
商品・サービスに関するお問い合わせ
---------------------------------------------------------------------*/
#mv-support #contents01 {
  padding-bottom: 0;
}

#mv-support #contents01 section ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#mv-support #contents01 section ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}

#mv-support #contents01 section ul li span {
  color: var(--main-color);
}

@media screen and (min-width: 768px) {
  #mv-support #contents01 section ul {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px 0;
  }

  #mv-support #contents01 section ul li {
    width: 45%;
  }
}


/*---------------------------------------------------------------------
よくあるお問い合わせ
---------------------------------------------------------------------*/
#mv-support #contents02 section ul {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}

#mv-support #contents02 section ul li a {
  background: #fff;
  border: solid 3.25px #D9D9D9;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: calc(clamp(14px, 1.8229166667vw, 20px) + clamp(18px, 2.34375vw, 28px));
  padding-block: 10px;
  font-size: clamp(1.6rem, (16/768) *100vw, 1.8rem);
  position: relative;
}

#mv-support #contents02 section ul li a::after {
  content: "";
  display: block;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-image: url(/common_v14/img/icon/new-tab-green.svg);
  aspect-ratio: 1 / 1;
  width: clamp(16px, 1.8229166667vw, 20px);
  transform: translateY(-50%);
  position: absolute;
  right: clamp(18px, 2.34375vw, 28px);
  top: 50%;
}

#mv-support #contents02 section ul li a.arrow::after {
  content: "";
  display: block;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-image: url(/common_v14/img/icon/arrow01-green.svg);
  aspect-ratio: 1 / 0.5;
  width: clamp(14px, 1.8229166667vw, 20px);
  transform: translateY(-50%);
  position: absolute;
  right: clamp(18px, 2.34375vw, 28px);
  top: 50%;
}

@media screen and (min-width: 768px) {
  #mv-support #contents02 section ul {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px 16px;
  }

  #mv-support #contents02 section ul li {
    width: calc((100% - 16px)/2);
  }

  #mv-support #contents02 section ul li a {
    border-width: 4px;
  }
}

@media screen and (min-width: 1024px) {

  #mv-support #contents02 section ul li {
    width: calc((100% - (16px * 2))/3);
  }
}

/*---------------------------------------------------------------------
ご意見・ご要望は、お客さま相談窓口までおよせください
---------------------------------------------------------------------*/
#mv-support #contents03 .tel {
  margin-top: 0;
}

#mv-support #contents03 .tel strong {
  font-size: clamp(2rem, (20/768)*100vw, 3rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.5;
}

#mv-support #contents03 .tel strong a {
  font-size: clamp(3.6rem, (36/768)*100vw, 5.2rem);
  color: var(--main-color);
}

#mv-support #contents03 .tel small {
  margin-top: 0;
  font-size: clamp(1.2rem, (12/768)*100vw, 1.8rem);
}


@media screen and (min-width: 1024px) {

  #mv-support #contents03 .tel strong a {
    pointer-events: none;
  }
}