/* p-product
-----------------------------------------------
------------------ */
.p-product {
  -webkit-padding-before: 35px;
          padding-block-start: 35px;
}
.p-product--car {
  -webkit-padding-before: 68px;
          padding-block-start: 68px;
}
@media (max-width: 768px) {
  .p-product--car {
    -webkit-padding-before: 45px;
            padding-block-start: 45px;
  }
}
.p-product__table {
  -webkit-padding-before: 27px;
          padding-block-start: 27px;
}

/* p-productAdblue
-----------------------------------------------
------------------ */
.p-productAdblue {
  -webkit-padding-before: 48px;
          padding-block-start: 48px;
}
.p-productAdblue__wrapper {
  border: 1px solid #0066CC;
  max-width: 100%;
  width: 100%;
}
.p-productAdblue__titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px clamp(16px, 2.34375vw, 18px);
  background: #0066CC;
  padding: 13px 18px;
}
.p-productAdblue__title {
  font-size: clamp(24px, 4.4270833333vw, 34px);
  color: #fff;
  line-height: 0.96;
  letter-spacing: 0.03em;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-productAdblue__titleSub {
  font-size: clamp(14px, 2.734375vw, 21px);
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-productAdblue__featureBox {
  text-align: center;
  -webkit-padding-before: 30px;
          padding-block-start: 30px;
}
.p-productAdblue__featureHeading {
  font-size: clamp(18px, 3.7760416667vw, 29px);
  line-height: 0.96;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__featureSub {
  -webkit-padding-before: 9px;
          padding-block-start: 9px;
  padding: 9px 12px 0;
  font-size: 11px;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__featureCircle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-padding-before: 9px;
          padding-block-start: 9px;
}
@media (max-width: 768px) {
  .p-productAdblue__featureCircle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-productAdblue__feature {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #6699FF;
  border-radius: 50%;
  max-width: 200px;
  width: 100%;
  max-height: 200px;
  height: 100%;
  text-align: center;
  padding: 40px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-productAdblue__featureTitle {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__featureText, .p-productAdblue__featureText--safe {
  -webkit-padding-before: 25px;
          padding-block-start: 25px;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__featureText--safe {
  -webkit-padding-before: 17px;
          padding-block-start: 17px;
}
.p-productAdblue__note {
  padding: 18px 12px 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__scrBox {
  padding-block: 23px 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .p-productAdblue__scrBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-productAdblue__scrExplanation {
  -webkit-padding-start: 30px;
          padding-inline-start: 30px;
  width: 100%;
}
@media (max-width: 768px) {
  .p-productAdblue__scrExplanation {
    padding-inline: 12px;
  }
}
.p-productAdblue__scrHeading {
  text-align: left;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__scrBlock {
  -webkit-padding-before: 10px;
          padding-block-start: 10px;
}
.p-productAdblue__scrTitle {
  font-size: clamp(15px, 2.2135416667vw, 17px);
  font-weight: 600;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
  text-indent: 1em;
  position: relative;
}
.p-productAdblue__scrTitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 0.8em;
  height: 0.8em;
  background-color: #000;
}
.p-productAdblue__scrTitle::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 98%;
  height: 1px;
  background-color: #000;
}
.p-productAdblue__scrText {
  -webkit-padding-before: 20px;
          padding-block-start: 20px;
  font-size: 14px;
  line-height: 1.7;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__imageBox {
  padding: 7px 33px 0 0;
}
@media (max-width: 768px) {
  .p-productAdblue__imageBox {
    padding: 0 12px;
    max-width: 400px;
    margin: 0 auto;
  }
}
.p-productAdblue__imageItem {
  width: 100%;
}
.p-productAdblue__imageText {
  text-align: right;
  font-size: 12px;
  line-height: 2.1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
.p-productAdblue__itemBox {
  padding: 10px 0 0 20px;
}
@media (max-width: 768px) {
  .p-productAdblue__itemBox {
    padding: 0;
  }
}
.p-productAdblue__itemBlock {
  background: #ccc;
  padding: 12px clamp(7px, 1.953125vw, 15px) 8px;
}
@media (max-width: 768px) {
  .p-productAdblue__itemBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    background: #ccc;
  }
}
.p-productAdblue__itemHeading {
  font-size: 11px;
  font-weight: 600;
  line-height: 2.1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  .p-productAdblue__itemHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.6;
  }
}
.p-productAdblue__item {
  font-size: 11px;
  font-weight: 500;
  line-height: 2.1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  .p-productAdblue__item {
    line-height: 1.6;
  }
}

/* p-productParts
-----------------------------------------------
------------------ */
.p-productParts {
  padding-block: 18px 162px;
}
@media (max-width: 768px) {
  .p-productParts {
    padding-block: 18px 80px;
  }
}
.p-productParts__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 12px;
}
.p-productParts__item {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.56;
  letter-spacing: 0.03em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-productParts__text {
  text-align: right;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.56;
  letter-spacing: 0.03em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

/* u-display-none
----------------------------------------------------------------- */
.u-displayNone--PU {
  display: block;
}
@media (max-width: 768px) {
  .u-displayNone--PU {
    display: none;
  }
}
.u-displayNone--PO {
  display: none;
}
@media (max-width: 768px) {
  .u-displayNone--PO {
    display: block;
  }
}
.u-displayNone--flexPU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .u-displayNone--flexPU {
    display: none;
  }
}
.u-displayNone--flexPO {
  display: none;
}
@media (max-width: 768px) {
  .u-displayNone--flexPO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}