/* ============================================================
   会社概要: リード + 会社情報テーブル
   Figma: 会社概要 PC版 336:226 / 369:285 (Group 630397)
   数値・色・タイポは Figma REST API の実測値。
   ============================================================ */

.nv-about-main{
  background:var(--nv-white);
  padding-block:16px 0;
}

/* ---- リード文 + 区切り線 ---- */
.nv-about-lead{
  margin:56px 0 0;
  font-size:20px;
  line-height:1.5;                 /* 30 / 20 */
  letter-spacing:.04em;
  color:var(--nv-text);
}
.nv-about-rule{
  height:1px;
  margin:24px 0 0;
  border:0;
  background:#D9D9D9;
}

/* ---- 会社情報 (見出し左 + テーブル右) ---- */
.nv-about-company{
  --nv-latin:'Montserrat','Inter',var(--nv-font);
  display:grid;
  grid-template-columns:309px 1fr;
  gap:0;
  margin:88px 0 0;
}
.nv-about-company__head{
  padding-right:24px;
}
.nv-about-company__eyebrow{
  margin:0;
  font-family:var(--nv-latin);
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--nv-main);
}
.nv-about-company__title{
  margin:4px 0 0;
  font-size:36px;
  line-height:1.5;                 /* 54 / 36 */
  font-weight:700;
  letter-spacing:.04em;
  color:var(--nv-text);
}

/* ---- 情報テーブル (dl / 各行下に罫線 + 左120px青罫) ---- */
.nv-about-table{
  margin:0;
}
.nv-about-row{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:0;
  padding:24px 0;
  position:relative;
  border-bottom:1px solid #D9D9D9;
}
.nv-about-row::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:120px;
  height:1px;
  background:var(--nv-main);
}
.nv-about-row:first-child{padding-top:0}
.nv-about-row__key{
  font-size:16px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--nv-text);
}
.nv-about-row__val{
  margin:0;
  font-size:16px;
  line-height:1.5;
  letter-spacing:.04em;
  color:var(--nv-text);
}
/* 事業内容などの複数行リスト */
.nv-about-row__val ul{
  margin:0;
  padding:0;
  list-style:none;
}
.nv-about-row__val li{
  padding-left:1em;
  text-indent:-1em;
}
/* 代表取締役: 氏名 + プロフィールリンク */
.nv-about-ceo-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:24px;
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--nv-text);
  text-decoration:none;
  transition:color .2s ease;
}
.nv-about-ceo-link:hover{color:var(--nv-main)}
.nv-about-ceo-link__icon{
  display:inline-flex;
  color:var(--nv-main);
  transition:transform .2s ease;
}
.nv-about-ceo-link:hover .nv-about-ceo-link__icon{transform:translateX(3px)}
/* ---- レスポンシブ ---- */
@media (max-width:1024px){
  .nv-about-company{grid-template-columns:1fr;gap:32px}
  .nv-about-company__head{padding-right:0}
}
@media (max-width:767px){
  .nv-about-lead{font-size:17px}
  /* Figma SP 697:27641: 見出し中央 + ラベル120px/値 の2カラム維持 */
  .nv-about-company{margin-top:56px;gap:24px}
  .nv-about-company__head{text-align:center}
  .nv-about-company__title{font-size:28px}
  .nv-about-row{grid-template-columns:120px 1fr;gap:0;padding:16px 0}
  .nv-about-row__key,
  .nv-about-row__val{font-size:14px}
  /* プロフィールを見る: 氏名の下に別行 + 下線 (Figma 652:8041)
     .nv-page a { text-decoration:none } より詳細度を上げる */
  .nv-page .nv-about-ceo-link{
    display:flex;
    width:fit-content;
    margin:4px 0 0;
    text-decoration:underline;
    text-underline-offset:3px;
  }
  /* URL / SNS リンクも Figma は下線付き */
}