@charset "UTF-8";
/* ==========================================================
   コーポレート共通パーツ 2026版（polaris）対応
   
   reset-corporate-header-footer.css の all:unset により
   marsflag の内部レイアウト指定が消える。配布CSSは
   items_wrapper / query_wrap を再定義していないため補う。
   追加日: 2026-08-17
   ========================================================== */

.corporateCommonParts .mf_finder_searchBox_items_wrapper {
  display: flex;
  width: 100%;
}
.corporateCommonParts .mf_finder_searchBox_items {
  display: flex;
  flex: 1;
  min-width: 0;
}
.corporateCommonParts .mf_finder_searchBox_query_wrap {
  flex: 1;
  min-width: 0;
}
.corporateCommonParts .mf_finder_searchBox_query_input {
  width: 100%;
}
/* --- 検索ボタンの文字 ---
   all:unset で font-size / font-weight が失われるため補う */
.corporateCommonParts .mf_finder_searchBox_submit {
  font-size: 16px;
  font-weight: 700;
}
.corporateCommonParts .mf_finder_searchBox_submit span {
  font-size: inherit;
  font-weight: inherit;
}

.corporateCommonParts .mf_finder_searchBox_submit {
  height: 56px;
}

/* --- サジェストリスト ---
   配布CSSは見た目のみ定義し、幅・位置は marsflag 側に依存。
   reset の all:unset でそれが失われるため補う */
.corporateCommonParts .mf_finder_searchBox_query_wrap {
  position: relative !important;
}
.corporateCommonParts .mf_finder_searchBox_suggest_items {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  z-index: 10;
}

/* --- style.css:100 の外部リンクアイコンを配布パーツ内で無効化 ---
   #main a[href^="http"]:not(.not_icon_blank)::after が
   詳細度で勝つため、配布パーツ内では一律で打ち消す。
   アイコン表示は配布CSS側の仕様に委ねる */
#main .corporateCommonParts a[href^="http"]:not(.not_icon_blank)::after,
#main .corporateCommonParts a[href^="//"]:not(.not_icon_blank)::after {
  content: none !important;
  background-image: none !important;
}

/* 外部リンク: 2026版のアイコンを出す（配布CSS 1583行目） */
#main .corporateCommonParts a.localNav-item-content[target="_blank"]:not(.no-trailing-functional-sign)::after {
  content: '別ウィンドウが開きます' !important;
  text-indent: -200vw;
  overflow: hidden;
  background-image: url(../assets/img/new_window_icon2024-white.svg) !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: auto;
  height: auto;
  vertical-align: baseline;
  margin: 0;
  display: inline-block;
}

.corporateCommonParts .pagePath{
  margin: 0px auto 0;
  padding: 14px var(--pageSidePadding-desktop);
}

.corporateCommonParts .pageTitle{
  padding-top: 20px;
}

.corporateCommonParts .pagePath {
  background-color: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
}

/* --- 404ページのヘッダーに影 --- */
.is-404 .corporateHeaderBracket {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* 1段目のみのページで、backdrop-filter の境界に線が見えるため不透明化 */
.corporateCommonParts .localNav.no-subitem {
  backdrop-filter: none;
  background: linear-gradient(90deg,
    rgb(1, 86, 161) 0%,
    rgb(0, 98, 194) 15%,
    rgb(0, 112, 224) 35%,
    rgb(0, 112, 224) 65%,
    rgb(0, 98, 194) 85%,
    rgb(1, 86, 161) 100%);
}

.corporateCommonParts.pagetopButtonBracket {
  bottom: 130px;
  left: calc(100% - 30px - 44px);
}

/* 特定ページのみフッター上部に余白 */
/* PC: フッターの直前がページトップリンク */
@media screen and (min-width: 1201px) {
  .has-footer-margin .corporateFooter {
    margin-top: 100px;
  }
}

/* 1200px以下: フッター上にパンくずが入るので、その手前に余白 */
@media screen and (max-width: 1200px) {
  .has-footer-margin .pagePath[data-placement="pageBottom"] {
    margin-top: 100px;
  }
}

@media screen and (max-width: 719px) {
.corporateCommonParts.pagetopButtonBracket {
  bottom: 110px;
}
}