@charset "UTF-8";
.p-endlife-note__media {
  display: grid;
  gap: 0 clamp(1.5rem, 1.875vw, 3rem);
  align-items: center;
}
@media (min-width: 768px) {
  .p-endlife-note__media {
    grid-template-columns: clamp(20rem, 25vw, 40rem) 1fr;
  }
}

@media (min-width: 768px) {
  .p-endlife-note__media__image {
    order: 1;
  }
}

@media (min-width: 768px) {
  .p-endlife-note__media__body {
    order: 2;
  }
}

.p-endlife-prepare .c-title__jp {
  font-size: clamp(2.2rem, 2vw, 3.2rem);
}

.p-endlife-case__box {
  padding: 3rem 1.5rem;
  margin-bottom: clamp(3rem, 3.75vw, 6rem);
  background-color: #fff;
  border: 1px solid rgba(9, 6, 76, 0.5);
}
@media (min-width: 768px) {
  .p-endlife-case__box {
    padding: clamp(4rem, 5vw, 8rem) clamp(1.5rem, 10vw, 16rem);
  }
}

.p-endlife-case__content {
  display: grid;
  gap: 1rem;
  padding: clamp(1.5rem, 1.5625vw, 2.5rem) clamp(1.5rem, 1.25vw, 2rem) clamp(1rem, 0.9375vw, 1.5rem);
  border-bottom: solid 1px rgba(9, 6, 76, 0.5);
}
@media (min-width: 768px) {
  .p-endlife-case__content {
    grid-template-columns: 1fr clamp(15rem, 18.75vw, 30rem);
  }
}
.p-endlife-case__content:first-of-type {
  border-top: solid 1px rgba(9, 6, 76, 0.5);
}

.p-endlife-case__content__title {
  margin-bottom: clamp(1rem, 1.25vw, 2rem);
  font-family: var(--font-serif);
  font-size: clamp(1.6rem, 1.6875vw, 2.7rem);
  font-weight: 500;
  color: #0d396b;
  letter-spacing: 0.08em;
}

.p-endlife-case__content__list {
  padding-left: clamp(1rem, 1.25vw, 2rem);
}
.p-endlife-case__content__list > li::before {
  content: "・";
}

.p-endlife-case__content__image {
  padding-inline: 10%;
}
@media (min-width: 768px) {
  .p-endlife-case__content__image {
    padding-inline: 0;
  }
}

/*# sourceMappingURL=endlife.css.map */