/* 静的サイト移行時の追加分。旧テーマの jQuery で動かしていた部分を CSS で再現する */

/* PC: スクロールで上から出てくる追従ヘッダー (site.js が .is_shown を付け外し)。
   スマホ幅 (900px 以下) は style.css の .sp_hdn で非表示のままにする */
@media screen and (min-width: 901px) {
  #change {
    display: block;
    transform: translateY(-100%);
    transition: transform 0.4s;
  }
  #change.is_shown {
    transform: translateY(0);
  }
}

/* スマホ: ハンバーガーメニュー (site.js が .is_open を付け外し) */
nav#sp_gNav ul#nav1.is_open {
  display: block;
}

/* About Us の地図 (Google Maps 埋め込み) */
.gmap_frame {
  display: block;
  width: 100%;
  height: 400px;
  border: 0;
}

/* ニュース一覧 (Competency Academy・News) の画像が列の幅より大きく、本文に重なっていたので列に収める */
.academy_latest img {
  max-width: 100%;
  height: auto;
}