/* ============================
   基本フォント（全ページ統一）
============================ */
html, body {
  font-family: "Meiryo", sans-serif;
  color:#000;
  margin:0;
  padding:0;
}

.fo1 {
  font-size: 10pt;
  line-height: 150%;
}

.fob {
  font-size: 13pt;
  font-weight:bold;
  line-height:120%;
  color:#000066;
}

BLOCKQUOTE {
  font-size:10pt;
  line-height:150%;
  white-space:nowrap;
}

/* ============================
   wrap（全ページ統一）
============================ */
.wrap {
  width:100%;
  padding:12px;
}

@media screen and (max-width: 600px){
  .wrap {
    padding:18px;
  }
}

/* ============================
   見出し（jigyou と統一）
============================ */
h2 {
  color:var(--navy, #000066);
  border-left:6px solid var(--navy, #000066);
  padding-left:10px;
  margin:40px 0 20px;
  font-size:22px;
  font-weight:bold;
}

h3 {
  color:var(--navy, #000066);
  border-bottom:2px solid #ccc;
  padding-bottom:4px;
  margin:30px 0 15px;
  font-size:18px;
}

/* ============================
   リンク（全ページ統一）
============================ */
a {
  color:var(--navy, #000066);
  text-decoration:none;
  transition:0.2s ease;
}

a:hover {
  color:var(--accent, #FF0000);
  text-decoration:underline;
}

/* ============================
   ヘッダー（jigyou と統一）
============================ */
.site-header {
  width:100%;
  height:300px;
  background:url("../header.png") no-repeat center center;
  background-size:cover;
  border-radius:6px;
  overflow:hidden;
}

/* ロゴ（index/jigyou 共通） */
.logo img {
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}

/* ============================
   グローバルナビ（PC）
============================ */
nav.global-nav {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  padding:12px 0;
  background:#000044;
}

nav.global-nav a {
  display:inline-block;
  padding:8px 16px;
  background:transparent;
  color:#fff;
  border:1px solid #ffffff55;
  border-radius:4px;
  font-size:16px;
  font-weight:500;
  text-decoration:none;
  transition:0.25s;
  text-shadow:0 0 4px rgba(0,0,0,0.6);
}

nav.global-nav a:hover {
  background:#fff;
  color:#000066;
  border-color:#fff;
}

/* ============================
   スマホメニュー（CSS三本線）
============================ */
.sp-menu-btn {
  display:none;
  width:34px;
  height:28px;
  position:fixed;
  top:12px;
  right:12px;
  z-index:9999;
  cursor:pointer;
  background:#000066;
  padding:8px;
  border-radius:4px;
  box-sizing:border-box;
}

.sp-menu-btn span {
  display:block;
  width:100%;
  height:4px;
  background:#fff;
  margin:4px 0;
  border-radius:2px;
}

/* ============================
   スマホ用ナビ（スライド表示）
============================ */
@media screen and (max-width: 700px){

  .sp-menu-btn { display:block; }

  nav.global-nav {
    display:none;
    position:fixed;
    top:0;
    right:0;
    width:70%;
    height:100%;
    background:#000033;
    padding:40px 20px;
    box-shadow:-4px 0 12px rgba(0,0,0,0.4);
    z-index:9998;
  }

  nav.global-nav a {
    display:block;
    color:#fff;
    padding:14px 0;
    font-size:18px;
    border-bottom:1px solid #333;
  }

  nav.global-nav.active {
    display:block;
  }
}

/* ============================
   トップページ：スライダー統一
============================ */
.slide-item img {
  width:100%;
  height:auto;
  border-radius:4px;
  box-shadow:0 4px 12px rgba(0,0,0,0.25);
}

.slide-caption {
  margin-top:8px;
  font-weight:bold;
  color:#000;
}

/* ============================
   フッター（全ページ統一）
============================ */
footer.site-footer {
  background:url("../header2.png") no-repeat center center;
  background-size:cover;
  color:#fff;
  padding:30px 16px;
  border-radius:6px;
  margin-top:30px;
  text-align:center;
  font-size:14px;
  line-height:1.8;
  position:relative;
  z-index:10;
}

footer .footer-nav a {
  color:#99ccff;
  text-decoration:underline;
  margin:0 8px;
}

/* ============================
   トップページ h2 の余白調整
============================ */
main h2:first-of-type {
  margin-top:20px;
}

/* ▼ best.php の余白調整（追加） */
iframe[src="best.php"] {
  max-width: 900px;
  display: block;
  margin: 20px auto 40px;
}

/* お知らせボックスの下に余白を追加 */
.notice-box {
  margin-bottom: 25px;
}