/* ================================
   IU‑HIP Official Style Sheet
   Transparency / Silence / Structure
   ================================ */

/* 全体背景：淡い青白 */
body {
    background-color: #F7FBFF;
    color: #1A1A1A;
    font-family: "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    margin: 40px auto;
    max-width: 900px;
    padding: 0 20px;
}

/* 見出し：静かで構造的な青 */
h1, h2, h3, h4 {
    color: #2A6FB5;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* 区切り線：淡い青 */
hr {
    border: 0;
    border-top: 1px solid #D6E9FF;
    margin: 40px 0;
}

/* リンク：透明感のある青 */
a {
    color: #2A6FB5;
    text-decoration: none;
    border-bottom: 1px solid rgba(42, 111, 181, 0.3);
}

a:hover {
    color: #1C4F85;
    border-bottom: 1px solid rgba(28, 79, 133, 0.5);
}

/* 箇条書き：余白を広めに */
ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

li {
    margin-bottom: 8px;
}

/* ロゴ中央揃え */
.logo-center {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* ページ下部のコピーライト */
.footer {
    text-align: center;
    margin-top: 60px;
    color: #7A7A7A;
    font-size: 0.9em;
}
.nav-menu ul {
  list-style: none;
  padding: 0;
  margin: 20px auto;
  text-align: center;
}

.nav-menu ul li {
  display: inline-block;
  margin: 0 15px;
}

.nav-menu ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #333;
}

.nav-menu ul li a:hover {
  color: #007acc;
}