@charset "UTF-8";
/*390px基準のvw換算リスト
12px → 3.1vw
13px → 3.3vw
14px → 3.6vw
15px → 3.8vw
16px → 4.1vw
17px → 4.4vw
18px → 4.6vw
20px → 5.1vw
24px → 6.2vw

375px基準のvw換算リスト
12px → 3.3vw
13px → 3.5vw
14px → 3.8vw
15px → 4.1vw
16px → 4.3vw
17px → 4.5vw
18px → 4.9vw
20px → 5.4vw
24px → 6.5vw
*/
.carcare .inner-hero h1 img {
  display: block;
  width: 100%;
  height: 340px;
  object-fit: cover;
}
@media only screen and (max-width: 1023px) {
  .carcare .inner-hero h1 img {
    object-fit: contain;
    height: auto;
  }
}
.carcare .carcare_link {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media only screen and (max-width: 1023px) {
  .carcare .carcare_link {
    display: block;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 0.625rem;
  }
}
.carcare .carcare_link a {
  display: block;
  max-width: 299px;
}
@media only screen and (max-width: 1023px) {
  .carcare .carcare_link a {
    margin-top: 0.625rem;
    max-width: 100%;
  }
}
.carcare .sec01-inner01 p {
  margin-top: 0.625rem;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec01-inner01 p {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 1023px) {
  .carcare .sec01_img01 {
    margin-top: 0.625rem;
  }
}
.carcare .sec01-inner02 .carcare_link {
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec01-inner02 .con_img {
    margin-top: 0.625rem;
  }
}
.carcare .sec02-box01 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 40px;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box01 {
    flex-direction: column;
    align-items: center;
  }
}
.carcare .sec02-box01 img {
  max-width: 356px;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box01 img {
    max-width: 80%;
    margin-top: 0.625rem;
  }
}
.carcare .sec02-box01 div p span {
  font-size: 1.625rem;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box01 div p span {
    font-size: 1.125rem;
  }
}
.carcare .sec02-box02 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 1.875rem;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box02 {
    margin-top: 0.625rem;
    flex-direction: column;
  }
}
.carcare .sec02-box02 div ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  column-gap: 0.5rem;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box02 div ul {
    flex-wrap: wrap;
    gap: 5px;
  }
}
.carcare .sec02-box02 div ul li {
  display: block;
  background: #3479e0;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.5rem 0;
  border-radius: 10px;
  text-align: center;
  width: 185px;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box02 div ul li {
    max-width: calc((100% - 5px) / 2);
    font-size: 0.875rem;
  }
}
.carcare .sec02-box02 div .con-ctatext {
  margin-top: 0.625rem;
}
.carcare .sec02-box02 a {
  display: block;
  max-width: 299px;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box02 a {
    margin-top: 0.625rem;
    max-width: 100%;
  }
}
.carcare .sec02-box03 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 40px;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box03 {
    flex-direction: column;
    align-items: center;
  }
}
.carcare .sec02-box03 img {
  max-width: 356px;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box03 img {
    max-width: 80%;
    margin-top: 0.625rem;
  }
}
.carcare .sec02-box03 div p span {
  font-size: 1.625rem;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec02-box03 div p span {
    font-size: 1.125rem;
  }
}
.carcare .sec03-inner01 {
  margin-top: 1.25rem;
}
@media only screen and (max-width: 1023px) {
  .carcare .sec03-inner01 {
    margin-top: 0.625rem;
  }
}