/* タッチ端末では、background-attachment: fixedを使わずに画面基準のレイヤーを描く。 */
html.w-mod-touch .body {
  background-image: none;
}

html.w-mod-touch .body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("../images/chidoribackground.svg");
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
}

html.w-mod-touch .page-wrapper {
  position: relative;
  z-index: 1;
  overflow: visible;
}

html.w-mod-touch .services-card {
  position: relative;
  overflow: visible;
  isolation: isolate;
  /* 画面固定の擬似要素だけをカードの角丸内に切り抜く。 */
  -webkit-clip-path: inset(0 round 20px);
  clip-path: inset(0 round 20px);
  background-image: none;
}

html.w-mod-touch .services-card::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("../images/NewBack-ccrWiKeshizumi-8.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}

html.w-mod-touch .services-card-text-wrapper {
  position: relative;
  z-index: 1;
}