@charset "UTF-8";
/* ABOUT 固有スタイル（色・余白は common.css の変数を参照） */

/* トップ画像：ページヘッダーの背景から続けて配置 */
.p-about-visual { background: linear-gradient(to bottom, var(--color-bg-fv) 50%, var(--color-bg) 50%); }
.p-about-visual img { width: 100%; aspect-ratio: 2400 / 1312; object-fit: cover; border-radius: var(--radius-card); }

/* イントロダクション */
.p-about-intro__inner { max-width: 880px; }
.p-about-intro__statement { margin-top: var(--space-48); }
/* リード文：下の理念見出し（26px）と同じサイズ */
.p-about-intro__lead { font-size: 26px; letter-spacing: .08em; }

/* OUR PHILOSOPHY（右上にブランドマーク） */
.p-about-philosophy { position: relative; isolation: isolate; overflow: hidden; }
.p-about-philosophy::before {
  content: "";
  position: absolute; z-index: -1;
  width: 380px; right: -60px; top: -40px;
  aspect-ratio: 589 / 858;
  background: url("/assets/img/mark-tint.webp") center / contain no-repeat;
  opacity: .6;
  pointer-events: none;
}
.p-about-philosophy__list { margin-top: var(--space-40); }
.p-about-philosophy__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-40);
  padding-block: var(--space-48);
  border-bottom: 1px solid var(--color-border);
}
.p-about-philosophy__block:first-child { padding-top: var(--space-16); }
.p-about-philosophy__block:last-child { border-bottom: 0; padding-bottom: 0; }
.p-about-philosophy__title { font-size: 26px; }

/* 2カラム（OUR STORY） */
.p-about-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-64);
  align-items: start;
}
.p-about-2col__body { padding-top: var(--space-40); }

/* 見出しサイズ：OUR STORY 28px、代表メッセージ 26px */
#story-title { font-size: 28px; }
#message-title { font-size: 26px; }

/* 代表メッセージ：1カラム。プロフィールは署名の下に本文より小さく */
.p-about-message__inner { max-width: 800px; }
.p-about-message__text { margin-top: var(--space-24); }
/* 本文の幅を下のプロフィールと同じ幅にそろえる */
.p-about-message__text .c-text { max-width: none; }
.p-about-message__sign { margin-top: var(--space-40); font-size: 14px; letter-spacing: .1em; color: var(--color-navy); }
.p-about-profile { margin-top: var(--space-16); }
.p-about-profile__en, .p-about-profile__name { display: none; }
.p-about-profile__text { max-width: none; font-size: 13px; line-height: 1.9; color: var(--color-text-muted); }

@media (max-width: 767px) {
  .p-about-intro__statement { margin-top: var(--space-64); }
  .p-about-intro__lead { font-size: 20px; line-height: 1.95; letter-spacing: .04em; }
  .p-about-philosophy::before { width: 200px; right: -50px; }
  .p-about-philosophy__block { grid-template-columns: 1fr; gap: var(--space-16); padding-block: var(--space-32); }
  .p-about-philosophy__title { font-size: 20px; }
  #story-title { font-size: 21px; }
  #message-title { font-size: 20px; }
  .p-about-2col { grid-template-columns: 1fr; gap: var(--space-32); }
  .p-about-2col__body { padding-top: 0; }
  .p-about-profile__text { font-size: 12px; }
}