/* =========================================
 * 対象ページ：旧サイトから移設してきた各サービスのページ
 * /bizpost/business/service　以下のページで使用
 * 旧サイトのCSSだけでは対応できない部分やRN後のスタイルと不整合な部分があり、それらを補う目的で作成
 */
/* =========================================

/* common.cssを読み込ませないとパンくずの下線も消えるため、追加 */
/* 色も異なってしまうので、追記 */
#path-box ul li a {
  text-decoration: underline;
  color: var(--color-texticon-secondary);
}
#path-box ul li a:hover {
  text-decoration: none;
}

/* 古いページのwidth設定 */
/* 元々、「legacy-business.css」にあったが、これを全て読み込ませると他で崩れるので、レイアウトの幅に関するところだけ移設 */
/* <div id="wrap-outer"> <div id="wrap-inner">  に関しては旧サイトだとパンくずの上にあったが、新サイトではパンくずの下に追加。コンテンツ部分だけ以下のレイアウト幅に調整*/
.wide1200.legacy-business #wrap-outer {
  margin: 0 auto;
  width: 1206px;
  text-align: left;
}

.wide1200.legacy-business #wrap-inner {
  width: 960px;
  margin: 0 auto;
}

.wide1200.legacy-business #main-box {
  width: 991px;
}

@media screen and (max-width: 1024px) {
  .wide1200.legacy-business #wrap-outer {
    width: 100%;
  }
  .wide1200.legacy-business #wrap-inner {
    width: 100%;
  }
  .wide1200.legacy-business #main-box {
    width: 100%;
  }

  .contWrap>.pageClm2 .mainArea {
    margin: auto;
  }
}