@charset "utf-8";
/* ==================================================================
   システム工学研究所 サイト固有のスタイル
   （旧WordPressのテーマ設定で出力されていた内容 ＋ 静的サイト用の追加）
   ================================================================== */

/* ---- テーマカラー（#253d7d） ---- */
a { color:#253d7d; }
a:hover { color:#253d7d; }

a.btn,
.linkBtn.linkBtnS a,
.linkBtn.linkBtnM a,
.moreLink a,
.btn.btnS a,
.btn.btnM a,
.btn.btnL a,
input[type=button],
input[type=submit] { background-color:#253d7d; color:#f5f5f5; }

#headerTop { border-top-color:#253d7d; }

#gMenu { border-top:2px solid #253d7d; }
#gMenu h3.assistive-text {
  background-color:#253d7d;
  border-right:1px solid #253d7d;
  background:linear-gradient(#253d7d, #253d7d);
}
#gMenu .menu li.current_page_item > a,
#gMenu .menu li > a:hover { background-color:#253d7d; }

#pageTitBnr { background-color:#253d7d; }

#panList a { color:#253d7d; }
#panList a:hover { color:#253d7d; }

#content h2,
#content h1.contentTitle,
#content h1.entryPostTitle { border-top:2px solid #253d7d; }
#content h3 { border-left-color:#253d7d; }
#content h4,
#content dt { color:#253d7d; }

#content .infoList .infoCate a:hover { background-color:#253d7d; }

.sideTower .localHead { border-top-color:#253d7d; }
.sideTower .sideWidget h4 { border-left-color:#253d7d; }

#pagetop a { background-color:#253d7d; }
#footMenu { background-color:#253d7d; border-top-color:#253d7d; }

#topMainBnr { background-color:#253d7d; }
#topMainBnrFrame a.slideFrame:hover { border:4px solid #253d7d; }

.paging span,
.paging a { color:#253d7d; border:1px solid #253d7d; }
.paging span.current,
.paging a:hover { background-color:#253d7d; }

@media (min-width: 770px) {
  #gMenu .menu > li.current_page_item > a,
  #gMenu .menu > li.current-menu-item > a,
  #gMenu .menu > li > a:hover {
    background-color:#253d7d;
    border-right:1px solid #253d7d;
    background:linear-gradient(#253d7d, #253d7d);
  }
}

/* ---- グローバルメニューの幅（6等分） ---- */
@media (min-width: 970px) {
  #gMenu .menu > li { width:135px; text-align:center; }
  #gMenu .menu > li.current_menu_item,
  #gMenu .menu > li.current-menu-item,
  #gMenu .menu > li.current_page_item { width:139px; }
}

/* ---- 見出しの書体 ---- */
h1, h2, h3, h4, h5, h6, #header #site-title, #pageTitBnr #pageTitInner #pageTit, #content .leadTxt, #sideTower .localHead {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#pageTitBnr #pageTitInner #pageTit { font-weight:lighter; }
#gMenu .menu li a strong {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* ==================================================================
   静的サイト用の追加
   ================================================================== */
html { scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }

/* メニューボタン（スマホ）にフォーカス枠 */
#gMenu h3.assistive-text:focus-visible { outline:2px solid #fff; outline-offset:-4px; }

/* 写真キャプションの回り込み解除 */
.captionRow::after { content:""; display:block; clear:both; }

/* スライダー（JavaScriptで切り替え） */
.flexslider .slides > li { transition:opacity .6s ease; }
.flexslider .flex-control-nav { z-index:3; bottom:8px; }
.flexslider .flex-direction-nav li a { z-index:3; }
.no-js-slider .flexslider .slides > li:first-child { display:block; }

/* Googleフォーム */
.gformWrap { margin:1em 0 1.5em; }
.gformWrap iframe { display:block; width:100%; max-width:680px; height:1400px; border:0; background:#fff; }

/* 一覧のリンクの行間 */
#content .infoList .entryList li .infoTxt a { word-break:break-all; }