:root {
  --bc01: #009233;
  --bc02: #ffa000;
  --bc03: #8cc63f;
  --bc04: #c3e5a7;
  --bc05: #009233;
  --bc06: #f0f7cb;
  --sl01: #e5f6eb;
  --sl02: #c5e29f;
  --sl03: #00a73b;
}

@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 only screen and (max-width: 750px) {
  .p-solution .p-solution-body {
    background-image: url("../img/bg-solution_sp.png");
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-body {
    background-image: url("../img/bg-solution.png");
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button01 {
    left: 0;
    top: -5.3645833333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button01 .p-solution-button-head {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button01 .p-solution-button-head {
    padding-left: 0;
  }
}
.p-solution .p-solution-button01 .p-solution-button-num {
  background: #00591f;
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button02 {
    left: 0;
    top: 6.5625vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button02 .p-solution-button-head {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button02 .p-solution-button-head {
    padding-left: 0;
  }
}
.p-solution .p-solution-button02 .p-solution-button-num {
  background: #009233;
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button03 {
    left: 0;
    top: 18.4375vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution .p-solution-button03 .p-solution-button-head {
    padding-left: 6.6666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button03 .p-solution-button-head {
    padding-left: 2.2395833333vw;
  }
}
.p-solution .p-solution-button03 .p-solution-button-num {
  background: #01bf43;
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button04 {
    left: 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: #88d94e;
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button05 {
    right: 0;
    top: -5.3645833333vw;
  }
}
@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: #8fba00;
}
@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: #c7e629;
}
@media print, screen and (min-width: 751px) {
  .p-solution .p-solution-button07 {
    right: 0;
    top: 18.4375vw;
  }
}
@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: #dde62b;
}
@media only screen and (max-width: 750px) {
  .p-solution #area-a {
    left: 9.0666666667vw;
    top: 14vw;
    width: 9.8vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-a {
    left: 5.4166666667vw;
    top: 8.3333333333vw;
    width: 5.78125vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-b {
    left: 20.3333333333vw;
    top: 6.2vw;
    width: 8.8vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-b {
    left: 12.1354166667vw;
    top: 3.6979166667vw;
    width: 5.2083333333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-c {
    left: 42.8vw;
    top: 0.9333333333vw;
    width: 22.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-c {
    left: 25.4166666667vw;
    top: 0.5729166667vw;
    width: 13.3333333333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-d {
    left: 29.2vw;
    top: 13.3333333333vw;
    width: 22.9333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-d {
    left: 17.3958333333vw;
    top: 7.8125vw;
    width: 13.4895833333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-e {
    left: 20.4vw;
    top: 27.7333333333vw;
    width: 11.6666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-e {
    left: 12.2395833333vw;
    top: 16.40625vw;
    width: 6.9270833333vw;
  }
}
@media only screen and (max-width: 750px) {
  .p-solution #area-f {
    left: 0;
    top: 33.1333333333vw;
    width: 14.7333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-f {
    left: 0;
    top: 19.6875vw;
    width: 8.75vw;
  }
}
.p-solution #area-g {
  left: 0;
  top: 0;
}
@media only screen and (max-width: 750px) {
  .p-solution #area-g {
    width: 74.7333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-solution #area-g {
    width: 44.2708333333vw;
  }
}