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

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

/* パンくずの位置調整、フッターの上に移動 */
@media screen and (max-width: 767px) {
  .wrapper {
    display: flex;
    flex-direction: column;
  }

  main.page #path-box {
    order: 2;
  }
}

/* これをしないとフッター上のアイコンが崩れる */
.c-icn img {
  max-width: 100%;
}

footer.common .pagetop a {
  position: static;
}

/* main ul.service-list li a[target=_blank]:after {
  content: none !important;
} */

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

/* 拡大モーダルの閉じるがヘッダーに隠れてしまうため調整 */
.p-modalImgZoom {
  z-index: 10000;
}

/* ビジネスも、ゆうパック　ページのFAQで一部色がおかしいので上書き */
.faq-title {
  color: #333;
}
.faq-content p {
  color: #333;
}

/* bizpost/event/ecbusiness.html　のスタートガイドのカードがTAB時にはみ出るので調整。現行サイトの修正 */
@media screen and (max-width: 1024px) {
  .biz-lpyoupack .c-guide-list .item {
    width: 100%;
  } 
}