/* //////////////////////////////////////////////////

Title : care-services.scss
For   : hospis/

Created       : 2025-10-04
Last Modified : 2025-10-09

==========================================

Content

////////////////////////////////////////////////// */
/**
 * common
 */
.l-care-services__section {
  max-width: var(--container-middle);
  width: 100%;
  margin-inline: auto;
}

.c-care-services__shell {
  display: grid;
}
.c-care-services__thumbnail {
  border-radius: 3.8rem;
  overflow: hidden;
}
.c-care-services__description {
  display: flex;
  flex-direction: column;
}
.c-care-services__description dt {
  border-bottom: 1px solid var(--color-theme-light);
}
.c-care-services__description-message {
  font-size: 1.6rem;
  line-height: 1.875;
}
.c-care-services__heading {
  --heading-line-height: 1;
  --heading-letter-spacing: 0;
}
.c-care-services__heading::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS43OTkiIGhlaWdodD0iMTkuNzk5IiB2aWV3Qm94PSIwIDAgMTkuNzk5IDE5Ljc5OSI+IDxnIGlkPSLplbfmlrnlvaJfNjQyIiBkYXRhLW5hbWU9IumVt+aWueW9oiA2NDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOS45KSByb3RhdGUoLTQ1KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjNDVhNGQwIiBzdHJva2Utd2lkdGg9IjEiPiA8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHN0cm9rZT0ibm9uZSIvPiA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIi8+IDwvZz48L3N2Zz4=");
  background-size: 100%;
  background-repeat: no-repeat;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .l-care-services__section {
    padding-inline: calc(var(--global-gutter) * 1);
  }
  .c-care-services__shell {
    grid-template-columns: 100%;
    gap: 3rem;
  }
  .c-care-services__shell + .c-care-services__shell {
    -webkit-margin-before: 5rem;
            margin-block-start: 5rem;
  }
  .c-care-services__description {
    row-gap: 2rem;
    padding-inline: 1.5rem;
  }
  .c-care-services__description dt {
    -webkit-padding-after: 1rem;
            padding-block-end: 1rem;
  }
  .c-care-services__heading::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .c-care-services__shell {
    grid-template-columns: 1fr 44.5rem;
    gap: 7rem;
  }
  .c-care-services__shell + .c-care-services__shell {
    -webkit-margin-before: 5.5rem;
            margin-block-start: 5.5rem;
  }
  .c-care-services__thumbnail {
    grid-row: 1;
    grid-column: 2;
    align-self: start;
  }
  .c-care-services__description {
    row-gap: 2.5rem;
    -webkit-padding-before: 3.5rem;
            padding-block-start: 3.5rem;
  }
  .c-care-services__description dt {
    -webkit-padding-after: 2rem;
            padding-block-end: 2rem;
  }
  .c-care-services__heading::before {
    width: 2rem;
    height: 2rem;
  }
}
/*# sourceMappingURL=care-services.css.map */