/* ==========================================================
   activities-female.css ― 「女性の活躍」ページ専用
   ========================================================== */

:root {
  --af-main: #008ca3;
  --af-accent: #21b6bc;
  --af-accent-light: #c7edee;
  --af-text: #333333;
  --af-muted: #707070;
  --af-line: #e2e2e2;
}

/* 既存サイトの #page.female article p { margin-bottom: 20px } を上書き */
#page.female article p {
  margin-bottom: 4px;
}

/* ========== セクション ========== */
.af-section {
  max-width: 1200px;
  margin: 0 auto 80px;
  padding: 0 20px;
}

#page.female .af-section__title {
  margin: 0 0 32px;
  padding: 0 0 14px;
  color: var(--af-text);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  border-bottom: 2px solid var(--af-accent);
}

.af-section__layout {
  display: block;     /* SP: 縦並び */
}
.af-section__img {
  margin: 0 0 28px;
}
.af-section__img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

/* PC: 画像（左）/ コンテンツ（右）の 2 カラム */
@media only screen and (min-width: 751px) {
  .af-section__layout {
    display: grid;
    grid-template-columns: 1fr 1.05fr;   /* 左を少しだけ狭めて右の情報量に合わせる */
    column-gap: 56px;
    align-items: start;
  }
  .af-section__img {
    margin-bottom: 0;
  }
}

/* ========== リスト（📌 を置き換え） ========== */
.af-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.af-list__item {
  margin: 0 0 24px;
  padding: 0 0 0 36px;
  position: relative;
}
.af-list__item:last-child {
  margin-bottom: 0;
}

/* マーカー：既存サイトの .notice 用 SVG（吹き出しアイコン）を縮小して使用 */
.af-list__item::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 24px;
  height: 23px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2053.45%2050.54%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23008ca3%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_i_icon_12525_icon_125251%22%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_360%22%20class%3D%22cls-1%22%20d%3D%22m46.19%2C6.27C41.51%2C2.31%2C34.82%2C0%2C26.64%2C0%2C18.87%2C0%2C12.24%2C2.19%2C7.5%2C6.1c-2.34%2C1.91-4.23%2C4.31-5.54%2C7.04C.65%2C15.93-.02%2C18.99%2C0%2C22.08c-.06%2C3.68.78%2C7.32%2C2.45%2C10.6%2C1.62%2C3.04%2C3.98%2C5.63%2C6.86%2C7.53-.7%2C2.95-1.69%2C7.17-1.69%2C7.17-.05.19-.07.39-.07.59%2C0%2C.8.37%2C1.56%2C1.01%2C2.05h0c.81.61%2C1.89.7%2C2.79.22l.04-.02.04-.02%2C1.34-.8c1.22-.72%2C3.07-1.82%2C4.73-2.79.83-.49%2C1.6-.94%2C2.22-1.31s1.09-.64%2C1.27-.73h.02c1.7-1.02%2C3.64-1.55%2C5.62-1.54%2C6.13%2C0%2C12.65-1.2%2C17.86-4.45%2C2.66-1.63%2C4.88-3.89%2C6.45-6.58%2C1.7-3.07%2C2.56-6.53%2C2.5-10.03.05-6.05-2.61-11.81-7.25-15.68Zm1.27%2C23.72c-.92%2C1.58-2.13%2C2.98-3.57%2C4.1-2.35%2C1.77-5.03%2C3.05-7.88%2C3.75-3.06.79-6.21%2C1.18-9.37%2C1.16-2.67%2C0-5.29.7-7.59%2C2.06h0c-.33.18-1.06.61-2.02%2C1.17-1.38.81-3.2%2C1.88-4.71%2C2.78.37-1.58.8-3.4%2C1.12-4.74h0c.06-.24.09-.49.09-.74.01-.75-.32-1.46-.89-1.94-.19-.16-.4-.3-.62-.41l-.12-.06h-.01c-2.47-1.55-4.49-3.72-5.86-6.29-1.37-2.71-2.05-5.71-2-8.74-.02-2.5.52-4.96%2C1.58-7.22%2C1.65-3.37%2C4.36-6.11%2C7.7-7.82%2C4.13-2.09%2C8.71-3.12%2C13.34-3.02%2C7.44%2C0%2C13.14%2C2.09%2C16.96%2C5.32%2C3.74%2C3.11%2C5.89%2C7.75%2C5.83%2C12.61.07%2C2.81-.61%2C5.58-1.96%2C8.04Z%22%2F%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_361%22%20class%3D%22cls-1%22%20d%3D%22m14.1%2C19.13c-1.7%2C0-3.08%2C1.38-3.08%2C3.08s1.38%2C3.08%2C3.08%2C3.08c1.7%2C0%2C3.08-1.38%2C3.08-3.08h0c0-1.7-1.38-3.08-3.08-3.08Z%22%2F%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_362%22%20class%3D%22cls-1%22%20d%3D%22m26.1%2C19.13c-1.7%2C0-3.08%2C1.38-3.08%2C3.08%2C0%2C1.7%2C1.38%2C3.08%2C3.08%2C3.08%2C1.7%2C0%2C3.08-1.38%2C3.08-3.08h0c0-1.7-1.38-3.08-3.08-3.08Z%22%2F%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_363%22%20class%3D%22cls-1%22%20d%3D%22m38.1%2C19.13c-1.7%2C0-3.08%2C1.38-3.08%2C3.08s1.38%2C3.08%2C3.08%2C3.08c1.7%2C0%2C3.08-1.38%2C3.08-3.08h0c0-1.7-1.38-3.08-3.08-3.08Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.af-list__label {
  margin: 0 0 6px;
  color: var(--af-accent);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.af-list__desc {
  margin: 0;
  color: var(--af-text);
  font-size: 16px;
  line-height: 1.9;
}
.af-list__desc strong {
  color: var(--af-main);
  font-weight: 700;
}

/* ========== タイムライン ========== */
.af-timeline {
  list-style: none;
  margin: 0 0 48px;
  padding: 0;
  position: relative;
}
.af-timeline::before {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 78px;
  width: 2px;
  background: var(--af-accent-light);
}

.af-timeline__item {
  display: flex;
  align-items: baseline;
  gap: 24px;
  padding: 14px 0;
  position: relative;
}
.af-timeline__item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 74px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--af-accent);
  z-index: 1;
}

.af-timeline__year {
  flex-shrink: 0;
  width: 80px;
  color: var(--af-accent);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
}
.af-timeline__event {
  flex: 1;
  padding: 0 0 0 18px;
  color: var(--af-text);
  font-size: 18px;
  line-height: 1.6;
}

/* 現在の役職（最後の項目）を強調 */
.af-timeline__item--current .af-timeline__year,
.af-timeline__item--current .af-timeline__event {
  font-weight: 700;
}
.af-timeline__item--current::before {
  width: 14px;
  height: 14px;
  top: 22px;
  left: 72px;
  background: var(--af-main);
  box-shadow: 0 0 0 4px var(--af-accent-light);
}

/* ========== メッセージブロック（PC では section 直下で全幅） ========== */
.af-message {
  margin-top: 32px;
  padding: 28px 28px 26px;
  background: #f7fbfc;
  border-left: 4px solid var(--af-accent);
}

#page.female .af-message__title {
  margin: 0 0 14px;
  color: var(--af-main);
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

.af-message__text {
  margin: 0 0 16px;
  color: var(--af-text);
  font-size: 16px;
  line-height: 1.9;
}
.af-message__text:last-child {
  margin-bottom: 0;
}

/* ========== SP ========== */
@media only screen and (max-width: 750px) {
  .af-section {
    margin-bottom: 56px;
    padding: 0 16px;
  }
  #page.female .af-section__title {
    font-size: 20px;
    margin-bottom: 22px;
    padding-bottom: 10px;
  }
  .af-section__img {
    margin-bottom: 22px;
  }

  .af-list__item {
    margin-bottom: 20px;
    padding-left: 30px;
  }
  .af-list__item::before {
    top: 2px;
    width: 20px;
    height: 19px;
  }
  .af-list__label { font-size: 15px; }
  .af-list__desc { font-size: 14px; line-height: 1.85; }

  .af-timeline::before { left: 64px; }
  .af-timeline__item::before { left: 60px; }
  .af-timeline__item--current::before { left: 58px; }
  .af-timeline__year {
    width: 66px;
    font-size: 16px;
  }
  .af-timeline__event {
    font-size: 16px;
    padding-left: 12px;
  }

  .af-message {
    padding: 20px 18px;
  }
  #page.female .af-message__title { font-size: 16px; }
  .af-message__text { font-size: 14px; }
}