@charset "utf-8";
.philosophy_box {
  padding: 24px 16px;
  border-color: #c9daf0;
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  text-align: center;
  border-radius: 4px;
  border: 1px solid #c9daf0;
  margin: 1.25em 0;
}
.philosophy_box p {
  color: #132f6b;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.06em;
}

.timeline {
  border-left: 2px solid #c9daf0;
  margin: 1em 0 1em 10px;
  padding-left: 22px;
}
.timeline-item { position: relative; padding-bottom: 20px; }
.timeline-item::before {
  content: "";
  position: absolute;
  left: -29px;
  top: 8px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #1f4696;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #c9daf0;
}
.timeline-item .year {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  color: #1f4696;
  margin-bottom: 4px;
  letter-spacing: 0.04em;
}