@charset "utf-8";
/*
 * 読みやすさの手直し（2026-11-10 段階C 段4）。文章・写真・構成は変えていない。
 * いちばん後ろ（css/original.css の後）に読み込む。
 */

/* 1) スマホで「沿革」が画面の右にはみ出していた（幅 100% の外側に左右 30px の余白が足されていた） */
@media screen and (max-width: 650px) {
  .post_content ul.timeline { box-sizing: border-box; margin-left: auto; margin-right: auto; }
}

/* 2) 小さすぎる文字（12px 未満）を 12px に */
@media screen and (max-width: 650px) {
  #container .index_carousel .title span { font-size: 12px; }
}
.scrolldown span { font-size: 12px; }
.dp-footer-bar .dp-footer-bar-label, .dp-footer-bar a { font-size: 12px; }

/* 3) 文字と背景の色の差（読みにくい組み合わせ） */
/* トップのお知らせの帯: 白い文字に対して背景を少し濃く（0.6 → 0.65。白地の上でも 4.5:1 以上） */
#index_news { background: rgba(15, 35, 80, 0.65); }
/* 本文のリンクの色: #0094c8 → #007aa8（水色の枠 #f0f8ff の上で 3.2:1 → 4.5:1） */
.post_content a, .custom-html-widget a { color: #007aa8; }
/* パンくずのリンク: #999 → #767676（白地で 2.8:1 → 4.5:1） */
#bread_crumb li a { color: #767676; }
/* トップのカルーセルの小さい見出し（写真の上の白い文字）に薄い影 */
.index_carousel .title span { text-shadow: 0 0 4px rgba(0, 0, 0, 0.7); }