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

Title : information.scss
For   : hospis/

Created       : 2025-10-02
Last Modified : 2025-10-02

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

Content

////////////////////////////////////////////////// */
/**
 * common
 */
.c-page-information__lead-text {
  max-width: var(--container-narrow);
  width: 100%;
  margin-inline: auto;
  font-size: 1.6rem;
  line-height: 1.875;
}
.c-page-information__shell {
  display: grid;
}
.c-page-information__description {
  border-bottom: 1px solid var(--color-theme-light);
}
.c-page-information__description-message {
  font-size: 1.6rem;
  line-height: 1.8125;
}
.c-page-information__link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.8rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
}
.c-page-information__link::after {
  content: "";
  width: 3.8rem;
  height: 3.8rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDM4IDM4Ij4gPGcgaWQ9IuOCsOODq+ODvOODl181MDQiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDUwNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDEgLTAuMDA5KSI+IDxnIGlkPSLmpZXlhoblvaJfMTg1IiBkYXRhLW5hbWU9IualleWGhuW9oiAxODUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDEgMC4wMDkpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NWE0ZDAiIHN0cm9rZS13aWR0aD0iMSI+IDxjaXJjbGUgY3g9IjE5IiBjeT0iMTkiIHI9IjE5IiBzdHJva2U9Im5vbmUiLz4gPGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMTguNSIgZmlsbD0ibm9uZSIvPiA8L2c+IDxwYXRoIGlkPSLjg5HjgrlfNDM0IiBkYXRhLW5hbWU9IuODkeOCuSA0MzQiIGQ9Ik0tMjA4NDEuNTgyLTgzNjAuOTU0aDE4LjMyOGwtNC44NDgtNC44NDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwODUxLjMwNSA4MzgwLjU4OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ1YTRkMCIgc3Ryb2tlLXdpZHRoPSIxIi8+IDwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .l-page-information__section {
    padding-inline: calc(var(--global-gutter) * 2);
  }
  .l-page-information__section + .l-page-information__section {
    -webkit-margin-before: 7.5rem;
            margin-block-start: 7.5rem;
  }
  .c-page-information__shell {
    grid-template-columns: 100%;
    gap: 2rem;
  }
  .c-page-information__shell + .c-page-information__shell {
    -webkit-margin-before: 5rem;
            margin-block-start: 5rem;
  }
  .c-page-information__thumbnail {
    border-radius: 4.4rem;
  }
  .c-page-information__description {
    -webkit-padding-after: 2.5rem;
            padding-block-end: 2.5rem;
  }
  .c-page-information__description-message {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
  .c-page-information__link {
    -webkit-margin-before: 0.5rem;
            margin-block-start: 0.5rem;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .l-page-information__section + .l-page-information__section {
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
  .c-page-information__shell {
    gap: 4rem;
  }
  .c-page-information__shell + .c-page-information__shell {
    -webkit-margin-before: 8rem;
            margin-block-start: 8rem;
  }
  .c-page-information__shell:nth-of-type(odd) {
    grid-template-columns: 46.3541666667% 1fr;
  }
  .c-page-information__shell:nth-of-type(odd) .c-page-information__thumbnail {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
  .c-page-information__shell:nth-of-type(odd) .c-page-information__description {
    -webkit-padding-end: var(--description-gutter);
            padding-inline-end: var(--description-gutter);
  }
  .c-page-information__shell:nth-of-type(even) {
    grid-template-columns: 1fr 46.3541666667%;
  }
  .c-page-information__shell:nth-of-type(even) .c-page-information__thumbnail {
    grid-column: 2;
    grid-row: 1;
  }
  .c-page-information__shell:nth-of-type(even) .c-page-information__description {
    grid-column: 1;
    grid-row: 1;
    -webkit-padding-start: var(--description-gutter);
            padding-inline-start: var(--description-gutter);
  }
  .c-page-information__thumbnail {
    width: 53rem;
    border-radius: 6.4rem;
  }
  .c-page-information__description {
    --description-gutter: calc(100% - 48rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-padding-after: 4rem;
            padding-block-end: 4rem;
  }
  .c-page-information__description-message {
    -webkit-margin-before: 2rem;
            margin-block-start: 2rem;
  }
  .c-page-information__link {
    -webkit-margin-before: auto;
            margin-block-start: auto;
  }
}
/*# sourceMappingURL=information.css.map */