/* ============================================================
   運用会社向け：配色・余白・カラム・筆文字の編集用CSS
   全ページで最後に読み込みます。既存のCSSを書き換える場合も、
   このファイルの末尾に対象セレクタを追記すれば上書きできます。
   ============================================================ */
:root {
  --hm-ink: #142b46; /* 新規ブロックの文字色 */
  --hm-surface: #ffffff; /* 新規ブロックの背景色 */
  --hm-content-width: 1200px; /* 本文の最大幅 */
  --hm-gutter: clamp(20px, 5vw, 80px); /* 左右余白 */
  --hm-section-space: clamp(56px, 7vw, 104px); /* 上下余白 */
  --hm-column-gap: clamp(24px, 3vw, 48px); /* カラム間の幅 */
  --hm-loading-calligraphy-width: 168px; /* ローディングの筆文字幅 */
  --hm-loading-calligraphy-opacity: 0.78; /* 白い筆文字の控えめな明るさ */
}

/* 添付された筆文字の筆跡を保持。白背景を画面になじませ、白く表示。 */
.site-transition .site-transition-tagline {
  width: var(--hm-loading-calligraphy-width);
  max-width: 60vw;
  height: 25px;
  overflow: hidden;
  margin: 13px auto 0;
}
.site-transition .site-transition-tagline img {
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
  opacity: var(--hm-loading-calligraphy-opacity);
}

/* 既存ブロックのデザイン変更例：下記コメントを外して数値を変更。
   対象は各HTMLの data-edit-block から選べます。
[data-edit-block="index-02"] {
  padding-top: 80px;
  padding-bottom: 80px;
}
*/

/* 代表挨拶の署名：添付された原本を再描画せず、文字の範囲を表示。
   原本 2048×1084、表示範囲 x590 y84 width795 height255。
   サイズ変更は --hm-signature-width だけで比率を保って調整できます。 */
.signature .signature-image {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: var(--hm-signature-width, 220px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 795 / 255;
  overflow: hidden;
  mix-blend-mode: normal;
  line-height: 0;
}
.signature .signature-image img {
  position: absolute;
  display: block;
  width: 257.610063%;
  height: auto;
  max-width: none;
  left: -74.213837%;
  top: -32.941176%;
  margin: 0;
  transform: none;
  filter: none;
  mix-blend-mode: multiply;
}
.executive-navy .signature .signature-image {
  mix-blend-mode: normal;
}
.executive-navy .signature .signature-image img {
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
}
@media (max-width: 760px) {
  .signature .signature-image {
    --hm-signature-width: 190px;
  }
}

/* v31 共通ヘッダー：矢印を外し、募集ページまで一列で読みやすく。 */
.site-header .nav-chevron,
.site-header .external-arrow { display: none; }
.company-dropdown summary::after,
.company-dropdown summary::before,
.company-dropdown-panel a::after { content: none; }
.company-dropdown summary { list-style: none; }
.company-dropdown summary::-webkit-details-marker { display: none; }
.site-header .site-desktop-nav { gap: clamp(10px, 1.2vw, 22px); }
@media (min-width: 1241px) and (max-width: 1439px) {
  .site-header { padding-inline: 3%; gap: 16px; }
  .site-header .brand { font-size: 19px; gap: 8px; }
  .site-header .brand .brand-logo { width: 42px; height: 42px; flex-basis: 42px; }
  .site-header .site-desktop-nav { gap: 10px; font-size: 12px; }
  .site-header .site-desktop-nav .site-contact { font-size: 12px; padding: 17px 18px; }
}
.site-mobile-menu > a[aria-current="page"] { color: #8c672d; font-weight: 700; }
.site-mobile-menu { overscroll-behavior: contain; }