@charset "utf-8";

/*---------------------------------------------------------------------------
ナビボタン追記分
---------------------------------------------------------------------------*/
.course_nav {
	display: flex; /* ナビゲーション全体をフレックスコンテナに設定 */
	justify-content: center; /* 水平方向の中央揃え */
	align-items: center; /* 垂直方向の中央揃え */
	height: 100%; /* 画面の高さ全体を指定 */
	background :#FCF9EE;
  }
  
  .course_nav ul {
	display: flex; /* リストアイテムを横並びにする */
	gap: 70px; /* アイテム間に20pxの隙間を設定 */
	list-style: none; /* リストマーカーを削除 */
	padding: 0;
	margin: 60px;
	height: auto;
  }
  
  .course_nav li {
	text-align: center; /* 文字を中央に配置 */
  }
  
  .course_nav img {
	display: block; /* 画像をブロック要素にする */
	margin: 0 auto; /* 画像を中央に配置 */
  }
  
  .course_nav span {
	display: block; /* span要素をブロックにすることで、画像の下に表示 */
	margin-top: 7px; /* 画像と文字の間に少し余白を追加 */
  }

/*--------------------------------------------------------------------
高等師範
---------------------------------------------------------------------------*/

  .inside {
	display: flex;
	margin-top: 40px; /* 上部の余白を設定 */
  }
  
  .image.l, .text.r {
	width: 50%; /* 左右それぞれを半分の幅に設定 */
  }
  
  .image.l img {
	border-radius: 15px; /* 画像の角を丸くする */
	width: 100%; /* 画像を親要素の幅にフィットさせる */
  }
  
  .text.r {
	padding-left: 20px; /* テキストに余白を追加して読みやすくする（任意） */
  }