/* ==========================================================================
   共通フッター
   Figma: PC 下部 1:494(1280×990) / SP 下部 1:2807(750×1983)
   ========================================================================== */

.site-footer {
  position: relative;
  overflow: hidden; /* 100vw 罫線のはみ出し防止 */
  background: var(--color-green-dark);
  font-family: var(--font-sans);
  color: var(--color-green-pale);
  letter-spacing: 0.03em;
}
.site-footer a { transition: color 0.25s ease, opacity 0.25s ease; }
.site-footer a:hover { color: var(--color-gold); }
.site-footer .rule { border-bottom: 1px solid rgba(204, 212, 186, 0.3); }

/* 学校ロゴ:紋章+校名の縦組み(共通) */
.school-logo { display: flex; flex-direction: column; align-items: center; }
.school-logo img { max-width: none; }

/* ================= PC ================= */
@media (min-width: 768px) {
  .site-footer .sp-only { display: none !important; }

  /* --- 学校ロゴ帯(h201・5等分) --- */
  .footer-schools {
    display: flex;
    height: 201px;
  }
  .footer-schools .cell {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-schools .cell + .cell {
    border-left: 1px solid rgba(204, 212, 186, 0.3);
  }
  .footer-schools .school-logo { transform: translateY(-2.5px); }
  .f-univ    .crest { width: 68.3px;  height: 80px; }
  .f-univ    .name  { width: 94.5px;  height: 14.3px; margin-top: 3.9px; }
  .f-biwako  .crest { width: 54.3px;  height: 69.2px; }
  .f-biwako  .name  { width: 159.1px; height: 17.2px; margin-top: 5.4px; }
  .f-tandai  .whole { width: 125.7px; height: 98.2px; }
  .f-koko    .crest { width: 78.7px;  height: 79.8px; }
  .f-koko    .name  { width: 92px;    height: 31.7px; margin-top: 4.2px; }
  .f-yochien .crest { width: 69.7px;  height: 81.2px; }
  .f-yochien .name  { width: 89.1px;  height: 25.7px; margin-top: 4.1px; }

  /* --- バナー帯(h223・bk 25% multiply 相当の暗色) --- */
  .footer-banners {
    height: 223px;
    background: #232820; /* #2D3429 に #12130F 25% multiply を焼き込み */
    display: flex;
    justify-content: center; /* センター基準(1280px 時は従来と同じ見え) */
    align-items: center;
    padding: 0 30px;
    gap: 19.2px;
  }
  .footer-banners a { display: block; flex: 0 1 393.6px; }
  .footer-banners a:hover { opacity: 0.85; }
  .footer-banners img { width: 100%; height: auto; }

  /* --- リンクメニュー(h364) --- */
  .footer-menu {
    position: relative;
    height: 364px;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 14px;
  }
  /* 下罫線はコンテナ幅でなく画面端まで */
  .footer-menu.rule { border-bottom: none; }
  .footer-menu::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: rgba(204, 212, 186, 0.3);
  }
  .footer-menu .divider {
    position: absolute;
    top: 0;
    width: 1px;
    height: 364px;
    background: var(--color-green-pale);
    opacity: 0.3;
  }
  .footer-menu .divider-1 { left: 256px; }
  .footer-menu .divider-2 { left: 512px; }
  .footer-menu .divider-3 { left: 768px; }
  .footer-menu .divider-4 { left: 1024px; }

  /* 学園ロゴ+住所 */
  .footer-logo {
    position: absolute;
    left: 61.1px;
    top: 50px;
    width: 133.9px;
    height: 142.1px;
    display: block;
  }
  .footer-logo .main { position: absolute; inset: 0; width: 100%; height: 100%; }
  .footer-logo .sub  { position: absolute; left: 32.9%; top: 77.2%; width: 33.5%; aspect-ratio: 44.86 / 9.81; height: auto; }
  .footer-address {
    position: absolute;
    left: 40px;
    top: 227.2px;
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.03em;
  }

  /* リンク列 */
  .footer-col { position: absolute; top: 0; width: 226px; }
  .footer-col ul { width: 196px; }
  .footer-col-1 { left: 286px; }
  .footer-col-2 { left: 543px; }
  .footer-col-3 { left: 799px; }
  .footer-col-4 { left: 1055px; }
  .footer-col .col-label {
    position: absolute;
    top: 64.4px;
    font-weight: 700;
    line-height: 1.8;
  }
  .footer-col ul { position: absolute; top: 114.5px; }
  .footer-col-3 ul, .footer-col-4 ul { top: 64.5px; }
  .footer-col ul a {
    display: block;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .footer-col ul li:last-child a { margin-bottom: 0; }

  /* --- 下部リンク行(h91) --- */
  .footer-cta {
    position: relative;
    height: 91px;
  }
  .footer-cta ul {
    position: absolute;
    right: 40px;
    top: 34.5px;
    display: flex;
    gap: 28px;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
  }

  /* --- コピーライト行(h111) --- */
  .footer-legal {
    position: relative;
    height: 111px;
  }
  .footer-legal .copyright {
    position: absolute;
    left: 30px;
    top: 43px;
    font-family: var(--font-display-en);
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.03em;
  }
  .footer-legal .note {
    position: absolute;
    right: 30px;
    top: 44.5px;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.03em;
  }
}

/* ================= SP ================= */
@media (max-width: 767px) {
  .site-footer .pc-only { display: none !important; }

  /* 学校ロゴグリッド(メニューと共通の .schools-grid を使用) */

  /* --- バナー(縦積み) --- */
  .footer-banners {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid rgba(204, 212, 186, 0.3);
  }
  .footer-banners img { width: 100%; height: auto; }

  /* --- 学園ロゴ+住所+注記 --- */
  .footer-menu { padding: 31px 20px 0; }
  .footer-logo {
    position: relative;
    display: block;
    width: 93.5px;
    height: 99px;
  }
  .footer-logo .main { position: absolute; inset: 0; width: 100%; height: 100%; }
  .footer-logo .sub  { position: absolute; left: 32.9%; top: 77.2%; width: 33.5%; aspect-ratio: 44.86 / 9.81; height: auto; }
  .footer-address {
    margin-top: 25px;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: 0.03em;
  }
  .footer-address br { display: none; }
  .footer-note-sp {
    margin-top: 40px;
    padding-bottom: 22px;
    font-size: 9px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .footer-menu { border-bottom: 1px solid rgba(204, 212, 186, 0.3); }

  /* --- コピーライト --- */
  .footer-legal { padding: 27px 20px 30px; }
  .footer-legal .copyright {
    font-family: var(--font-display-en);
    font-size: 10px;
    line-height: 12.5px;
    letter-spacing: 0.03em;
  }
  .footer-legal .note { display: none; }
}