/*
Theme Name: unique_child
Template: unique_tcd044
Version: 1.0.0
*/

/*大見出し・小見出しの色変え*/
#page_header h2.headline.rich_font {
  color: #262e31;
}

#page_header .desc {
  color: #262e31;
}

.home #header_inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*大見出しの下に日本語 */
.page-subtitle {
  text-align: center;
  font-size: 16px;
  color: #262e31;
  margin-top: -10px;
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}

/*大見出しの下マージンなくす*/
#page_header {
  text-align: center;
  margin: 0;
}

/* INFO本文エリアを中央寄せ */
.single #left_col {
  max-width: 900px;
  margin: 0 auto;
  float: none;
}

/* COMPANYの企業情報レイアウト */
.company-info {
  max-width: 900px;
  margin: 0 auto;
}

.company-info p {
  margin: 0;
  line-height: 1.8;
}

/* 左：項目名 */
.company-info .wp-block-column:first-child {
  font-weight: 600;
  color: #333;
}

/* 行間 */
.company-info .wp-block-columns {
  margin-bottom: 16px;
}

/* 企業情報：スマホ時の余白を詰めて“行間”を整える */
@media (max-width: 768px) {
  /* 縦積み自体はそのまま */
  .company-info .wp-block-columns {
    flex-direction: column;
    gap: 0 !important;
    /* 列間の隙間を潰す（効くテーマがある） */
    margin-bottom: 12px !important;
    /* 行ごとの間隔（好みで） */
  }

  /* 各カラムの余白をリセット */
  .company-info .wp-block-column {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 「見出し（左）」の下の余白を最小に */
  .company-info .wp-block-column:first-child {
    font-weight: 700;
    margin-bottom: 4px !important;
    line-height: 1.4;
  }

  /* 「内容（右）」も詰める */
  .company-info .wp-block-column:last-child {
    margin-bottom: 14px !important;
    /* 次の項目との間隔（好みで） */
    line-height: 1.6;
  }

  /* 中の段落が余白持ってることが多いので潰す */
  .company-info p {
    margin: 0 !important;
  }
}

/* =============================
   Scroll underline animation
============================= */

/* 見出し（英語）に下線スペース確保 */
#page_header h2.headline.rich_font {
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
  /* ← ここで日本語との距離を作る */
  line-height: 1.1;
  /* ← 英語の高さを詰めてズレを減らす */
}

/* 下線：transformで伸ばす（安定） */
#page_header h2.headline.rich_font::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  /* ← 英語のすぐ下に見せる“位置” */
  height: 5px; /* 太さ */
  width: 100%;
  background: #d12323;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.7s ease;
}

/* 画面に入ったら伸ばす */
#page_header h2.headline.rich_font.is-inview::after {
  transform: scaleX(1);
}

/* =============================
   Scroll underline animation（ブロック見出し h3）
============================= */

/* ブロック見出しに下線スペース確保 */
.wp-block-heading {
  position: relative;
  display: inline-block; /* 文字幅に合わせる */
  padding-bottom: 10px; /* 下線スペース */
}

/* 下線（transformで伸ばす） */
.wp-block-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px; /* 文字に寄せたいほど数字を増やす */
  height: 3px;
  width: 100%;
  background: #d12323;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.7s ease;
}

/* 画面に入ったら伸ばす */
.wp-block-heading.is-inview::after {
  transform: scaleX(1);
}

/* フッターだけアンダーライン出さない */
#footer_menu_widget_area .wp-block-heading::after {
  content: none !important;
}

/* =============================
   フッター 企業情報リンク下線調整
============================= */

#footer_menu_widget_area .widget_text a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 2px;
  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}

#footer_menu_widget_area .widget_text a:hover {
  color: #d12323;
  border-bottom-color: #d12323;
}