/* assets/css/corp/65-information.css */
@charset "UTF-8";

/* =====================================================
  INFORMATION (Top) – 5 items
  - calm editorial layout
  - Typography is governed by 00-base.css
  - This file controls layout + spacing + ink only
===================================================== */

.corp-section.corp-info{
  position:relative;
}

/* =========================
  Head (this section only)
========================= */
.corp-section.corp-info .corp-section__head{
  text-align:center;
  margin-bottom:34px;
}

/* ここで tracking をいじらない（規格統一） */
.corp-section.corp-info .corp-eyebrow{
  display:block;
  margin-bottom:14px;
  color:var(--ink-muted);
}

/* JP title も規格に寄せる（余計な letter-spacing を足さない） */
.corp-section.corp-info .corp-title{
  color:var(--ink-strong);
}

/* box */
.corp-info__box{ margin-top:10px; }

/* list */
.corp-info__list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(0,0,0,.08);
}

/* item */
.corp-info__item{
  margin:0;
  padding:0;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.corp-info__link{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:22px;
  align-items:baseline;
  padding:24px 0;
  color:var(--ink-strong);
  text-decoration:none;
}

/* date (EN label style) */
.corp-info__date{
  font-family:var(--font-en);
  font-weight:500;
  font-size:10px;                           /* eyebrow帯域で統一 */
  letter-spacing:var(--corp-en-track-wide); /* ★品位(.18em) */
  text-transform:uppercase;
  color:var(--ink-muted);
  white-space:nowrap;
  line-height:1.1;
}

/* title (JP) */
.corp-info__title{
  font-family:var(--font-jp);
  font-size:clamp(18px, 2.0vw, 20px);
  letter-spacing:var(--corp-track); /* ★JP統一(.06em) */
  line-height:1.55;
  color:var(--ink-strong);
}

/* hover underline */
@media (hover:hover) and (pointer:fine){
  .corp-info__title{
    position:relative;
    display:inline-block;
    padding-bottom:6px;
  }
  .corp-info__title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:rgba(0,0,0,.18);
    transform:scaleX(.12);
    transform-origin:left;
    transition:transform .38s ease;
  }
  .corp-info__link:hover .corp-info__title::after{
    transform:scaleX(1);
  }
}

/* =========================
  Foot (VIEW ALL)
========================= */
.corp-info__foot{
  margin-top:28px;
  text-align:center;
}

.corp-info__foot .corp-link{
  justify-content:center;
  color:var(--ink-muted);

  /* ★FIX: RECRUITのeyebrow帯域(10px)に統一 */
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: var(--corp-en-track-wide);
  text-transform: uppercase;
  line-height: 1.1;
}

.corp-info__foot .corp-link::after{
  background:rgba(0,0,0,.16);
  transform:scaleX(.22);
  transform-origin:center;
}
.corp-info__foot .corp-link:hover::after{
  transform:scaleX(1);
}

/* empty */
.corp-info__empty{
  padding:26px 0;
  border-top:1px solid rgba(0,0,0,.08);
  border-bottom:1px solid rgba(0,0,0,.08);
  text-align:center;
}
.corp-info__empty p{
  color:var(--ink-muted);
  letter-spacing:var(--corp-track);
}

/* SP */
@media (max-width:768px){

  .corp-section.corp-info .corp-section__head{
    margin-bottom:28px;
  }

  .corp-info__link{
    grid-template-columns:1fr;
    gap:10px;
    padding:18px 0;
  }

  .corp-info__date{
    font-size:10px; /* 固定でOK（帯域統一） */
    letter-spacing:var(--corp-en-track-wide);
  }

  .corp-info__title{
    font-size:18px;
    line-height:1.65;
  }

  .corp-info__foot{
    margin-top:22px;
  }

  /* ★SPでも強制的に10pxを維持 */
  .corp-info__foot .corp-link{
    font-size:10px;
  }
}