@charset "UTF-8";
/* ////////////////////////////////////////////////////////////////////
///// COMPANY（Figma「PC_COMPANY - DETAIL」207:707）
///// 共通部品（背景・左のロゴ・ヒーローの写真スライダー・単位 --d）は common/css/detail.css
///// 数値は Figma（PC 1280px）の値。calc(N * var(--d)) で伸縮する
//////////////////////////////////////////////////////////////////// */

/* ヒーローの写真スライダー（Figma：上 126・左 291、写真の高さ 483、間隔 15、写真の下 24 にページ送り） */
.dtHeroSliderArea {
  --heroLeft: 291;
  --heroH: 483;
  --heroGap: 15;
  --ar1: 743 / 482.95;
  --pagerTop: 24;
}

/* ==================================================
リード（英文・和文の2カラム）
================================================== */
.leadArea {
  margin-top: calc(56 * var(--d));
}
.leadGlp {
  display: flex;
  flex-flow: column;
  gap: calc(40 * var(--d));
}
.leadTtlObj {
  font-size: calc(20 * var(--d));
  font-weight: 640;
  line-height: 1.2;
}
.leadTxtObj {
  margin-top: calc(24 * var(--d));
  font-size: max(10px, calc(12 * var(--d)));
  line-height: 2;
}
.leadJpTtlObj {
  font-size: calc(18 * var(--d));
  line-height: 2.4;
  letter-spacing: 0.02em;
  color: #000;
}
.leadJpTxtObj {
  margin-top: calc(16 * var(--d));
  font-size: max(10px, calc(12 * var(--d)));
  line-height: 2.4;
  letter-spacing: 0.02em;
  color: #000;
}

/* ==================================================
Overview（項目名と内容の2列）
================================================== */
.overviewArea {
  margin-top: calc(72 * var(--d));
}
.overviewList {
  margin-top: calc(16 * var(--d));
  font-size: max(10px, calc(12 * var(--d)));
  line-height: 2.4;
}
.overviewSet {
  display: grid;
  grid-template-columns: calc(80 * var(--d)) 1fr;
}

/* ==================================================
Access（住所と地図）
================================================== */
.accessArea {
  margin-top: calc(72 * var(--d));
}
.accessTxtObj {
  margin-top: calc(16 * var(--d));
  font-size: max(10px, calc(12 * var(--d)));
  line-height: 1.7;
  letter-spacing: 0.02em;
  color: #000;
}
.mapObj {
  --ar: 620 / 390;
  margin-top: calc(24 * var(--d));
}

@media screen and (min-width: 961px) {
  /* リード：和文の見出しが上 712、英文の見出しは 720。本文はどちらも 806 から */
  .leadArea {
    margin-top: calc(73 * var(--d));
    padding-left: calc(7 * var(--d));
  }
  .leadGlp {
    flex-flow: row;
    gap: calc(84 * var(--d));
  }
  .leadGlp .txtSet:first-child {
    width: calc(372 * var(--d));
    padding-top: calc(8 * var(--d));
  }
  .leadGlp .txtSet:last-child {
    width: calc(408 * var(--d));
  }
  .leadTxtObj {
    margin-top: calc(38 * var(--d));
  }
  .leadJpTxtObj {
    margin-top: calc(50.8 * var(--d));
    font-size: calc(12 * var(--d));
  }

  /* Overview：上 1374（和文の本文 15 行の下 136）。項目は見出しの上から 57、内容は左 406 */
  .overviewArea {
    margin-top: calc(136 * var(--d));
    padding-left: calc(7 * var(--d));
  }
  .overviewList {
    margin-top: calc(23 * var(--d));
    font-size: calc(12 * var(--d));
  }
  .overviewSet {
    grid-template-columns: calc(115 * var(--d)) 1fr;
  }

  /* Access：上 1690。住所は見出しの上から 57。地図は左 628・620×390 */
  .accessArea {
    display: flex;
    align-items: flex-start;
    gap: calc(50 * var(--d));
    margin-top: calc(115 * var(--d));
    padding-left: calc(7 * var(--d));
  }
  .accessArea .txtSet {
    flex: none;
    width: calc(287 * var(--d));
  }
  .accessTxtObj {
    margin-top: calc(23 * var(--d));
    font-size: calc(12 * var(--d));
  }
  .mapObj {
    flex: none;
    width: calc(620 * var(--d));
    margin-top: 0;
  }
}