@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.eot");
  src: url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype"), url("../fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.eot");
  src: url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold.ttf") format("truetype"), url("../fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-ExtraBold.eot");
  src: url("../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("../fonts/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy-ExtraBold.ttf") format("truetype"), url("../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
.bg-p .pc__box {
  background: #fff;
}
.bg-pv .pc__box {
  background: #fff;
}
.bg-s .pc__box {
  background: #fff;
}
.bg-sv .pc__box {
  background: #fff;
}
.bg-n .pc__box {
  background: #fff;
}
.bg-d .pc__box {
  background: #fff;
}
.bg-l .pc__box {
  background: #fff;
}
.pc__list li {
  line-height: 1.3;
}
.pc__list li:not(:last-child) {
  margin-bottom: 15px;
}
.pc__list--pros li::before, .pc__list--pros li::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 2px;
  background: #7abf8b;
}
.pc__list--pros li::after {
  transform: rotate(90deg);
}
.pc__list--cons li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 2px;
  background: #c9415b;
}
@media (min-width: 768px) {
  .bg-u-sm-p .pc__box {
    background: #fff;
  }
  .bg-u-sm-p .pc__box .col-u-sm:not(:last-child) {
    border-right: 1px solid var(--secondary-variant);
  }
  .bg-u-sm-pv .pc__box {
    background: #fff;
  }
  .bg-u-sm-pv .pc__box .col-u-sm:not(:last-child) {
    border-right: 1px solid var(--secondary-variant);
  }
  .bg-u-sm-s .pc__box {
    background: #fff;
  }
  .bg-u-sm-s .pc__box .col-u-sm:not(:last-child) {
    border-right: 1px solid var(--secondary-variant);
  }
  .bg-u-sm-sv .pc__box {
    background: #fff;
  }
  .bg-u-sm-sv .pc__box .col-u-sm:not(:last-child) {
    border-right: 1px solid var(--secondary-variant);
  }
  .bg-u-sm-n .pc__box {
    background: #fff;
  }
  .bg-u-sm-n .pc__box .col-u-sm:not(:last-child) {
    border-right: 1px solid var(--secondary-variant);
  }
  .bg-u-sm-d .pc__box {
    background: #fff;
  }
  .bg-u-sm-d .pc__box .col-u-sm:not(:last-child) {
    border-right: 1px solid var(--secondary-variant);
  }
  .bg-u-sm-l .pc__box {
    background: #fff;
  }
  .bg-u-sm-l .pc__box .col-u-sm:not(:last-child) {
    border-right: 1px solid var(--secondary-variant);
  }
}
@media (max-width: 767.98px) {
  .bg-o-xs-p .pc__box {
    background: #fff;
  }
  .bg-o-xs-pv .pc__box {
    background: #fff;
  }
  .bg-o-xs-s .pc__box {
    background: #fff;
  }
  .bg-o-xs-sv .pc__box {
    background: #fff;
  }
  .bg-o-xs-n .pc__box {
    background: #fff;
  }
  .bg-o-xs-d .pc__box {
    background: #fff;
  }
  .bg-o-xs-l .pc__box {
    background: #fff;
  }
}