/* =========================================
 * 対象ページ：旧サイトから移設してきた各サービスのページ
 * /bizpost/service/you_pack/index.html
 * /bizpost/service/yu_packet/index.html
 * /bizpost/service/yu_packet_puff/index.html
 * /bizpost/service/you_pack/current_day/index.html
　　上記ほか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;
}

/* 画像の最大幅を設定。もしかすると他ページで影響あるかも */
.biz-serviceDetail img {
  max-width: 100%;
}

.biz-strength .serviceList_wrapper {
  top: 64px;
}

/* /bizpost/service/uketori/　でスワイパー部のPC時の初期表示がおかしかったため、使用 */
@media (min-width: 768px) {
  .js-phoneSlider .swiper-wrapper {
    transform: none !important;
    transition: 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;
}


/* ================================
   Service Card : text only
================================ */

.p-serviceCard_thumb {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--X2S);
}

@media (max-width: 767px) {
  .p-serviceCard_thumb {
    height: 140px;
  }
}

.p-serviceCard_thumb img {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* .p-serviceCard .p-serviceCard_thumb img {
  width: auto;
} */

.p-serviceCard_thumb--text {
  padding: 31px 27px;
  text-align: center;
}

.p-serviceCard_title {
  color: var(--color-primary);
  font-weight: 700;
  font-size: var(--font-xl);
  line-height: 1.4;
}

.c-list li.caution:before {
  content: '※';
}

.bg-yellow {
  padding: var(--S);
  background-color: #FEFBF0;
}

.caution-title {
  font-weight: 700;
}

.caution-text {
  margin-top: var(--X3S);
}

/* .p-serviceCard_thumb_img--limited {
  max-width: 248px !important;
}

@media screen and (max-width: 767px) {
  .p-serviceCard_thumb_img--limited {
    max-width: 100% !important;
  }
} */

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

.globalNav.is-fixed {
  z-index: 100;
}

@media screen and (max-width: 767px) {
  header.common {
      z-index: 100;
  }
}