:root {
  --bc01: #4161aa;
  --bc02: #826d5d;
  --bc03: #a0b0d4;
  --bc04: #c8dcff;
  --bc05: #00a73b;
  --bc06: #c8dcff;
  --sl01: #f9fbff;
  --sl02: var(--bc03);
  --sl03: var(--bc01);
}

@media only screen and (max-width: 750px) {
  .p-mv {
    background-image: url("../img/img-main_sp.jpg");
  }
}
@media print, screen and (min-width: 751px) {
  .p-mv {
    background: url("../img/img-main.jpg") no-repeat center center/cover;
  }
}

@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-main {
    padding: 0;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-body {
    background-image: url("../img/bg-solution_sp.png");
    margin-inline: -5.3333333333vw;
    width: auto;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-body {
    background-image: url("../img/bg-solution.png");
    margin-inline: 0;
    width: 61.1979166667vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button04 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button04 {
    right: 0;
    top: 30.2083333333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button04 .p-solution-button-head {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button04 .p-solution-button-head {
    padding-left: 0;
  }
}
.p-solution .p-solution-button04 .p-solution-button-num {
  background: #bcc8e1;
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button05 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button05 {
    right: 0;
    top: 18.4375vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button05 .p-solution-button-head {
    padding-left: 6.6666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button05 .p-solution-button-head {
    padding-left: 2.2395833333vw;
  }
}
.p-solution .p-solution-button05 .p-solution-button-num {
  background: #8da0cc;
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button06 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button06 {
    right: 0;
    top: 6.5625vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button06 .p-solution-button-head {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button06 .p-solution-button-head {
    padding-left: 0;
  }
}
.p-solution .p-solution-button06 .p-solution-button-num {
  background: #7088bf;
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button07 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button07 {
    right: 0;
    top: -5.3645833333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button07 .p-solution-button-head {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button07 .p-solution-button-head {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button07 .p-solution-button-name {
    place-content: center;
  }
}
.p-solution .p-solution-button07 .p-solution-button-num {
  background: #4161aa;
}
.p-solution #area-a {
  left: 0;
  top: 0;
}
@media only screen and (max-width: 750px) {
  .p-solution #area-a {
    width: 100vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-a {
    width: 61.1979166667vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-b {
    left: 15.7333333333vw;
    top: 2vw;
    width: 52.6666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-b {
    left: 8.8541666667vw;
    top: 1.3020833333vw;
    width: 33.0208333333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-c {
    left: 64.8vw;
    top: 13.0666666667vw;
    width: 29.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-c {
    left: 39.5833333333vw;
    top: 8.1770833333vw;
    width: 18.59375vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-d {
    left: 3.0666666667vw;
    top: 33.4666666667vw;
    width: 12.2666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-d {
    left: 0.78125vw;
    top: 20.9375vw;
    width: 7.7083333333vw;
  }
}