@charset "UTF-8";

/* ========================================
  ヘッダー・フッターの一時的な調整用css
======================================== */

/* ==================================================
common
================================================== */
#header,
#footer,
#sideFloatNav {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}

/* ==================================================
header
================================================== */
#header__mainNav .innerWrap .header__logo .header__codes {
  color: #1d3550;
}
#header__mainNav .innerWrap .header__logo a > .header__codes,
#header__mainNav #gNav li a {
  color: #285184;
}
#company #header__cateNav ul li:nth-of-type(4) a {
  color: #285184;
  font-weight: bold;
  border-bottom: 2px solid #285184;
}
#top #header__mainNav {
  overflow: hidden;
  height: auto;
}
@media (max-width: 767px) {
  #top #header__mainNav {
    height: 70px;
  }
}
/* ==================================================
dropNav
================================================== */
.dropNav__mainHeading a {
  font-weight: normal;
}
.dropNav__closeBtn span {
  font-weight: normal;
}
#gNavOpenBox__investment .dropNav__main .innerWrap p {
  font-weight: normal;
}
#gNavOpenBox__investment .dropNav__mainBody.col2 {
  width: 534px;
}
#gNavOpenBox__loan .dropNav__main .innerWrap,
#gNavOpenBox__useful .dropNav__main .innerWrap {
  width: 1265px;
}
#gNavOpenBox__prepare .dropNav__main.width--small .dropNav__mainBody.col2 {
  width: 398px;
}
#gNavOpenBox__lifestage .dropNav__mainBody.col2 {
  width: 529px;
}
#gNavOpenBox__message .dropNav__mainHeading.pl70 {
  padding-right: 36px !important;
}
#gNavOpenBox__overview .dropNav__main .innerWrap,
#gNavOpenBox__output .dropNav__main .innerWrap {
  table-layout: fixed;
}
#gNavOpenBox__overview .dropNav__main .dropNav__mainBody {
  width: 100%;
}
#gNavOpenBox__output .dropNav__main .innerWrap .dropNav__mainHeading {
  width: 295px !important;
}
#gNavOpenBox__output .dropNav__main .innerWrap .dropNav__mainHeading:first-child {
  padding-left: 15px;
}
#gNavOpenBox__ir .dropNav__main .innerWrap {
  width: 1265px;
}
#gNavOpenBox__ir .dropNav__main .dropNav__mainHeading,
#gNavOpenBox__ir .dropNav__main .dropNav__mainBody {
  width: calc(100% / 4);
}
#gNavOpenBox__ir .dropNav__main .dropNav__mainBody .noteList.pr15 {
  padding-left: 0 !important;
  font-weight: normal;
}

/* ==================================================
Footer
================================================== */

/* footer__sitemapLwr */
.footer__sitemapLwr {
  padding-left: 0 !important;
}
#footer {
  min-width: 1280px;
}
@media (max-width: 767px) {
	#footer {
		min-width: auto;
	}
}

/* ==================================================
sideFloatNav
================================================== */
#sideFloatNav ul {
  padding-left: 0 !important;
}
#sideFloatNav li {
  margin-bottom: 0;
}

/* --------------------------------------------------
spMenu
-------------------------------------------------- */
#spMenuList {
  padding-left: 0 !important;
}
#spMenuList li {
  margin-bottom: 0 !important;
}
/* 第2階層 */
#spMenuList > li > ul {
  padding-left: 0 !important;
}
.spMenuSub li a {
  font-size: 14px;
}

/* ------------------------------
  ブレイクポイント (SP)
  767px以下はスマホ
------------------------------ */
@media screen and (max-width: 767px) {
  /* ==================================================
  header
  ================================================== */
  #header__mainNav .innerWrap .header__logo .header__codes {
    color: #3b3b3b;
  }

  /* ==================================================
  Footer
  ================================================== */
  .footer__sitemapLwr li {
    line-height: 1.2;
  }
  .footer__sitemapLwr li:after {
    margin: 0 4px;
  }
}

/* ------------------------------
  ハンバーガーメニューが開いているときは背景スクロール固定
------------------------------ */
body:has(#overlay.active) {
  overflow: hidden;
}
#overlay.active {
  /* メニュー内スクロールを許可しつつ、背景への連鎖を止める */
  overscroll-behavior: contain; 
  overflow-y: auto;
}