/* =========================================
 * case-style.css
 * 対象ページ：
 * /bizpost/case　以下すべてのページ
 * /bizpost/case　以下は全て旧サイトからの移行
 * 旧サイトのCSSだけでは対応できない部分やRN後のスタイルと不整合な部分があり、それらを補う目的で作成
 */
/* =========================================

/* これをしないと750px以下でスクロールしない */
@media screen and (max-width: 767px) {
  html,
  body {
    overflow: auto !important;
  }
}

@media screen and (max-width: 767px) {
  main #path-box {
    order: 2;
    margin-top: var(--X4L);
    padding: var(--XS) var(--M) var(--L);
  }
}

/* これをしないと画像の表示が崩れる */
.biz-caseDetail img {
  max-width: 100%;
}

/* これは事例一覧ページ用 */
.biz-categoryTop img {
  max-width: 100%;
}

/* これをしないとフッター上のページトップが適切な位置にいかない */
footer.common .pagetop a {
  position: static;
}

/* case001とcase003のみインナーの幅が違っていたため、調整 */
.innerwidth.caseInner {
  max-width: 1200px;
}

@media screen and (min-width: 768px) {
  .p-contactNav-inner {
    padding: 0 calc(var(--base) * 0.27467);
  }
}