/* Figma 2479:22799. Body text is 14px, subheadings 16px, black headings 18px. */

.p-story {
  margin-top: 50px;
}

.p-story__card {
  padding: 20px 10px 40px;
  row-gap: 30px;
}

.p-story__text {
  padding: 0;
}

.p-story__head {
  gap: 15px;
}

.p-story__heading {
  min-height: 44px;
  padding: 10px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.p-story__heading .u-en {
  font-size: 1.1875rem;
}

.p-story__subheading {
  margin: 20px 5px 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: 0.04em;
  text-align: center;
}

.p-story__text p {
  margin: 15px 5px 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.p-story__text p + p {
  margin-top: 0;
}

.p-story__captions {
  font-size: 0.75rem;
  line-height: 1.3;
}

/* 企業インタビューのタイル：Figma 6447:24336（325×351、角丸 5px）を1枚の画像に書き出したもの */
.p-links .c-tile__visual--special {
  aspect-ratio: 325 / 351.1;
  border-radius: 5px;
}

/* Figma rounds the 14px body leading to 24px and uses 15px paragraph spacing. */

.p-story__text p {
  line-height: 1.7142857;
}

.p-story__text p + p {
  margin-top: 15px;
}

.p-story__item:nth-child(-n+2) .p-story__subheading {
  line-height: 1.3626075;
}

.p-story__captions {
  line-height: 1.3333333;
}

/* 関連リンクの葉は、上にはみ出した分も 03 カードの背面に置く（Figma どおり）。
   .p-links が z-index: 1 で重なりの文脈を作ると、葉の z-index: -1（sp-common.css）は .p-links の中でしか効かず、
   同じ z-index: 1 で後に並ぶ .p-links ごと .p-story の上に描かれる。
   .p-links を z-index: auto にして文脈をなくし、葉を .p-feature-page（sp-common.css の isolation: isolate）の文脈で .p-story の背面に置く。
   リンクのカード（.c-links、z-index: 1）は葉より前面のまま。 */
.p-links {
  z-index: auto;
}