@charset "utf-8";
#safetysense {
  text-align: center;
  margin-top: calc(80 / 750 * 100vw);
}
#safetysense h2 {
  color: var(--colorBlue);
}
#safetysense h2 span {
  color: var(--color);
  font-size: calc(36 / 750 * 100vw);
  letter-spacing: 0.1em;
}
#safetysense dl {
  color: #fff;
  font-size: calc(24 / 750 * 100vw);
  width: 100%;
}
#safetysense dt, #safetysense dd {
  line-height: calc(60 / 750 * 100vw);
}
#safetysense dt {
  background-color: #718eb5;
}
#safetysense dd {
  font-weight: 700;
  background-color: #a9b9d3;
  margin: 0;
}
@media screen and (min-width: 751px) {
  #safetysense {
    margin-top: min(40 / 1600 * 100vw, 40px);
  }
  #safetysense h2 {
    font-size: min(36 / 1600 * 100vw, 36px);
  }
  #safetysense h2 span {
    font-size: min(36 / 1600 * 100vw, 36px);
    padding-top: min(20 / 1600 * 100vw, 20px);
  }
  #safetysense .box {
    margin-top: min(40 / 1600 * 100vw, 40px);
  }
  #safetysense dl {
    font-size: min(16 / 1600 * 100vw, 16px);
    width: min(348 / 1600 * 100vw, 348px);
  }
  #safetysense dt, #safetysense dd {
    line-height: min(40 / 1600 * 100vw, 40px);
  }
}
/*

*/
h5.newIcon {
  position: relative;
}
h5.newIcon:after {
  content: "";
  display: inline-block;
  background-image: url("/car/landy/asset/img/safety/newIcon.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  vertical-align: middle;
  width: calc(80 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
}
@media screen and (max-width: 750px) {
  #wrapLandy .box p {
    padding-top: calc(20 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  h5.newIcon:after {
    width: min(50 / 1600 * 100vw, 50px);
    height: min(20 / 1600 * 100vw, 20px);
    margin-left: minmin(5 / 1600 * 100vw, 5px);
  }
}
#wrapLandy #proactive p em {
  color: var(--colorBlue);
}
/*

*/
.exclamation {
  position: relative;
  border: 1px solid #000;
  background-color: #fff;
  margin-top: calc(72 / 600 * 100vw);
  padding: calc(10 / 600 * 100vw) calc(20 / 600 * 100vw) calc(20 / 600 * 100vw);
}
.exclamation div {
  position: absolute;
  top: calc(-23 / 600 * 100vw);
  left: calc(20 / 600 * 100vw);
  width: calc(46 / 600 * 100vw);
}
#wrapLandy .exclamation p {
  /*color: #707070;*/
}
@media screen and (min-width: 751px) {
  .exclamation {
    margin-top: min(40 / 1600 * 100vw, 40px);
    padding: min(10 / 1600 * 100vw, 20px) min(20 / 1600 * 100vw, 20px) min(20 / 1600 * 100vw, 20px);
  }
  .exclamation div {
    top: max(-20 / 1600 * 100vw, -20px);
    left: min(20 / 1600 * 100vw, 20px);
    width: min(40 / 1600 * 100vw, 40px);
  }
}
/*

*/
@media screen and (max-width: 750px) {
  #wrapLandy .head7 + p {
    padding-top: calc(10 / 750 * 100vw);
  }
}
@media screen and (min-width: 751px) {
  #wrapLandy .head7 + p {
    padding-top: min(7 / 1600 * 100vw, 7px);
  }
}
/*

*/