@charset "UTF-8";
/*
  共通フッター用CSS（2026-re assets/css/style.css のフッター定義を result 用に抽出）
  result ページは Meyer リセット（reset.css）を使用しており box-sizing / line-height が
  2026-re 本体（Josh Comeau リセット）と異なるため、フッター範囲のみ同等に補正する。

  フォントサイズ・カラーは本体（assets/css/style.css の .footer）と完全に同じ数値にする。
  本体は rem ＋ html{font-size:90%}（SP時）で全体を縮小しているが、result にはその仕組みが無いので、
  ここでは .footer を基準にした em で同じ数値を指定し、SP時は .footer の基準サイズを 0.9倍にして
  本体とまったく同じ見え方（デスクトップ／スマホとも）にする。
*/
.footer,
.footer *,
.footer *::before,
.footer *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.footer {
  font-size: 16px; /* em の基準（本体ルート 16px 相当）。SP時に 0.9倍へ */
  line-height: 1.5;
}

.footer .footer-contact {
  background: #fabe00;
  color: #1a1a1a;
  text-align: center;
  padding: 50px 20px 44px;
}

.footer .footer-contact .footer-lead {
  font-weight: bold;
  font-size: 1.125em;
  margin-bottom: 30px;
}

.footer .footer-contact .footer-office {
  font-weight: bold;
  font-size: 1.275em;
}

.footer .footer-contact .footer-tel {
  font-weight: bold;
  font-size: 2.075em;
  margin: 6px 0;
}

.footer .footer-contact .footer-tel .footer-tel-num {
  color: #d92317;
}

.footer .footer-contact .footer-hours {
  font-weight: bold;
  font-size: 1.275em;
}

.footer .footer-contact .footer-notes {
  list-style: none;
  display: inline-block;
  text-align: left;
  margin-top: 18px;
  font-size: 0.8125em;
}

.footer .footer-contact .footer-notes li {
    padding-left: 1.3em;
    text-indent: -1.3em;
    font-size: 1em;
}

.footer .footer-contact .footer-notes li::before {
  content: "●";
  margin-right: 0.3em;
}

.footer .footer-contact .footer-org {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 60px;
  margin-top: 40px;
  text-align: left;
  font-size: 0.8125em;
}

.footer .footer-contact .footer-org dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  margin-bottom: 4px;
}

.footer .footer-contact .footer-org dl dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: bold;
}

.footer .footer-logos {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  padding: 24px 20px;
}

.footer .footer-logos .footer-logo {
  display: block;
  width: 160px;
  height: auto;
}

/* ===== スマホ版（640px以下）=====
   本体 (assets/css/style.css) のフッターSP定義と同じレイアウト。
   ブレイクポイントは result ページ本体（award.css / style_sp.css）が 640px を使うのに合わせる。
   本体は html{font-size:90%} で縮小するので、ここでは .footer の基準サイズを 0.9倍にして
   フォントを同じ比率で縮小する（各フォントは .footer 基準の em 指定）。 */
@media screen and (max-width: 640px) {
  .footer {
    font-size: 14.4px; /* 16px × 0.9 ＝ 本体 html{font-size:90%} 相当 */
  }
  .footer .footer-contact {
    text-align: left;
  }
  /* 「※」をぶら下げて、折り返し行を本文位置にそろえる */
  .footer .footer-contact .footer-lead {
    padding-left: 1em;
    text-indent: -1em;
  }
  .footer .footer-contact .footer-notes {
    display: block;
  }
  /* 主催・共催・後援を縦積み（左寄せ） */
  .footer .footer-contact .footer-org {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  /* 列内（主催⇔共催）も列間（共催⇔後援）と同じ16px間隔にそろえる */
  .footer .footer-contact .footer-org .footer-org-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .footer .footer-contact .footer-org dl {
    margin-bottom: 0;
  }
  /* ロゴを縦積み */
  .footer .footer-logos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 22px;
  }
}