/* 会社概要 */

/* デザイン幅 1280 では本文が左 300 から。Figma の右余白は 120 だが、右下の目次と重ならないよう
   他のページ（こどもアトリエ・ご寄付）と同じ 220 空ける。広い画面では中央寄りに置く */
.co {
  --col-left: max(300px, calc((100% - 860px) / 2 + 90px));
  padding: 0 220px 120px var(--col-left);
}

.co-hero {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 860px;
  height: 222px;  /* 文字の上端が 190 */
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.08em;
  margin-bottom: 138px;
}

.co-sec {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 860px;
  padding-bottom: 60px;
}

.co-sec--first { padding-top: 40px; }

.co-h {
  font-size: 20px;
  line-height: 32px;
}

.co-lead {
  font-size: 20px;
  line-height: 44px;
}

.co-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.co-item,
.co-row {
  display: flex;
  align-items: flex-start;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}

.co-item { gap: 24px; }
.co-row { gap: 32px; }

.co-num {
  flex: none;
  width: 28px;
  font-size: 12px;
  line-height: 24px;
  opacity: 0.45;
}

.co-row dt {
  flex: none;
  width: 140px;
  font-size: 13px;
  line-height: 24px;
}

.co-row dd,
.co-item > span + span { flex: 1; min-width: 0; }

/* Figma では 1 行の項目は 16px、複数行や長い項目は 14px */
.co-v14 { font-size: 14px; line-height: 28px; }
.co-v16 { font-size: 16px; line-height: 26px; }
.co-item .co-v16 { line-height: 24px; }

/* ---------- スマホ ---------- */

@media (max-width: 767px) {
  .co { padding: 0 var(--gutter) 80px; }
  .co-hero { height: 150px; margin-bottom: 48px; font-size: 19px; }
  .co-sec { gap: 14px; padding-bottom: 48px; }
  .co-sec--first { padding-top: 0; }
  .co-h { font-size: 18px; line-height: 28px; }
  .co-lead { font-size: 15px; line-height: 30px; }
  .co-item { gap: 14px; padding: 14px 0; }
  .co-num { width: 20px; }
  .co-row { flex-direction: column; gap: 4px; padding: 14px 0; }
  .co-row dt { width: auto; font-size: 12px; line-height: 20px; opacity: 0.7; }
  .co-v14 { font-size: 13px; line-height: 24px; }
  .co-v16 { font-size: 15px; line-height: 24px; }
}