@charset "UTF-8";
.p-solution01 {
  position: relative;
  z-index: 1;
  background: #F5F7F6;
}
.p-solution01::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  display: block;
  content: "";
  background: url(/assets/img/solution/img-background01-pc.webp) no-repeat left top/100% auto;
}

.solution-title {
  margin-bottom: 16px;
  color: #0C0051;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1;
}

:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div, h2, h3, h4, h5, h6) + .solution-title {
  margin-top: 40px;
}

/* ▼hover挙動 */
/* ▼タブレット用デザインとして付け足すデザイン */
/* ▼モバイルのみ付け足すデザイン */
@media screen and (max-width: 767.98px) {
  .p-solution01::before {
    background-image: url(/assets/img/solution/img-background01-sp.webp);
    background-size: 100% auto;
  }
}