/* about.css - 施設紹介・理念ページ */

/* === 理念セクション === */

.philosophy-section {
  background-color: var(--color-accent-light);
  text-align: center;
}

.philosophy-text {
  font-size: var(--font-size-h3);
  font-weight: 700;
  color: var(--color-primary-700);
  line-height: 2;
  max-width: 700px;
  margin: 0 auto;
}

/* === 行動指針セクション === */

.principles-card {
  background-color: var(--color-white);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.principles-icon {
  font-size: 40px;
  color: var(--color-accent);
  margin-bottom: var(--space-md);
}

.principles-title {
  font-size: var(--font-size-h4);
  font-weight: 600;
  color: var(--color-primary-700);
  margin-bottom: var(--space-sm);
}

.principles-text {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

/* === 施設の想いセクション === */

.thoughts-section .side-by-side {
  max-width: 900px;
  margin: 0 auto;
}

.thoughts-text {
  font-size: var(--font-size-body);
  line-height: 2;
}

.thoughts-image {
  width: 100%;
  border-radius: var(--radius-lg);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* === 施設概要テーブル === */

.overview-table {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.overview-table th,
.overview-table td {
  padding: var(--space-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  font-size: var(--font-size-body);
  vertical-align: top;
}

.overview-table th {
  font-weight: 600;
  color: var(--color-primary-700);
  white-space: nowrap;
  width: 160px;
  background-color: var(--color-primary-50);
}

@media (max-width: 767px) {
  .overview-table th {
    width: 90px;
    padding: var(--space-sm);
    font-size: var(--font-size-small);
  }

  .overview-table td {
    padding: var(--space-sm);
    font-size: var(--font-size-small);
  }

  .philosophy-text {
    font-size: var(--font-size-h4);
  }
}