@charset "UTF-8";

/* Figma node 16:462 — ぼかし5つの写真セクション */
.philosophy-five-stories {
  position: relative;
  width: 100%;
  height: 7573px;
  min-height: 4270px;
  overflow: hidden;
  background:
    repeating-linear-gradient(38deg, transparent 0 14.8%, rgba(129, 103, 24, 0.18) 14.82% 14.84%, transparent 14.86% 29%),
    repeating-linear-gradient(-34deg, transparent 0 18%, rgba(129, 103, 24, 0.14) 18.02% 18.04%, transparent 18.06% 36%),
    #000;
  color: #fff;
  font-family: "Noto Serif JP", serif;
}

.philosophy-five-stories__photo {
  position: absolute;
  margin: 0;
  filter: grayscale(1);
  mask-image: radial-gradient(ellipse at center, #000 58%, rgba(0, 0, 0, 0.85) 70%, transparent 100%);
}

.philosophy-five-stories__photo img {
  width: 100%;
  height: 100%;
}

.philosophy-five-stories__photo--01 {
  top: 0.815%;
  left: 1.243%;
  width: 77.348%;
  height: 15.399%;
}

.philosophy-five-stories__photo--01 img {
}

.philosophy-five-stories__photo--02 {
  top: 18.543%;
  left: 12.845%;
  width: 77.44%;
  height: 14.791%;
}

.philosophy-five-stories__photo--03 {
  top: 35.727%;
  left: 13.122%;
  width: 39.319%;
  height: 17.068%;
}

.philosophy-five-stories__photo--04 {
  top: 51.475%;
  left: 30.709%;
  width: 55.387%;
  height: 20.665%;
}

.philosophy-five-stories__photo--05 {
  top: 69.578%;
  left: 1.98%;
  width: 56.492%;
  height: 21.079%;
}

.philosophy-five-story {
  position: absolute;
  width: 22.1%;
  color: #fff;
  letter-spacing: 3px;
  text-shadow: 0 0 18px #000;
}

.philosophy-five-story--01 {
  top: 8.89%;
  left: 51.934%;
}

.philosophy-five-story--02 {
  top: 25.556%;
  left: 18.416%;
}

.philosophy-five-story--03 {
  top: 41.81%;
  left: 51.934%;
}

.philosophy-five-story--04 {
  top: 58.476%;
  left: 18.416%;
}

.philosophy-five-story--05 {
  top: 75.969%;
  left: 51.934%;
}

.philosophy-five-story h2 {
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.667;
}

.philosophy-five-story p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  text-align: justify;
}

.philosophy-five-stories__history-block {
  position: absolute;
  top: 88.987%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 9.006%;
  background: #000;
}

.philosophy-five-stories__history {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.2);
  font-family: "Cinzel", serif;
  font-size: 160px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 32px;
  white-space: nowrap;
}

.philosophy-five-stories__closing {
  position: absolute;
  top: 28.736%;
  left: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 120px;
  transform: translateX(-50%);
  color: #fff;
  letter-spacing: 3px;
  white-space: nowrap;
}

.philosophy-five-stories__closing p {
  margin: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}

.philosophy-five-stories__closing-copy {
  width: 496px;
  height: 288px;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
}

.philosophy-five-stories__closing-lead {
  width: 136px;
  height: 336px;
  font-size: 24px;
  font-weight: 500;
  line-height: 56px;
}

@media (max-width: 1199px) {
  .philosophy-five-stories {
    min-height: 4270px;
  }

  .philosophy-five-story {
    width: 34%;
  }

  .philosophy-five-story--01,
  .philosophy-five-story--03,
  .philosophy-five-story--05 {
    left: 58%;
  }

  .philosophy-five-story--02,
  .philosophy-five-story--04 {
    left: 8%;
  }

  .philosophy-five-stories__history {
    letter-spacing: 24px;
  }
}