@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------
メディアクエリ設定 All
---------------------------------------------------- */
/*All END*/
.local-menu .ope-menu a,
.local-menu .ope-menu a:hover {
  box-shadow: 0 -3px #c12c1f inset;
}
.content > section + section {
  margin-top: 120px;
}
.basic-problem {
  max-width: 1102px;
  margin: 0 auto 64px;
}
.basic-problem ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.basic-problem li {
  width: 45%;
  background: #f7f7f7;
  padding: 30px 40px;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
}
.basic-problem li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16.5%;
  margin: auto;
  width: 11.5%;
  height: 0;
  padding-top: 2.6%;
  background: url(/dxreport/ope/img/ico_arrow01.svg) 0 0 / contain no-repeat;
}
.basic-point {
  background: #a99ac9;
  text-align: center;
  padding: 48px 74px 55px;
}
.basic-point .bdt-tit span {
  color: #fff;
  border-color: #fff;
}
.basic-point ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.basic-point li {
  width: 31%;
  background: #fff;
  padding: 35px 40px;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
.zaro {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 120px calc(50vw - 50%) 140px;
  background: #f7f7f7;
}
.zero-flow {
  background: #fff;
  padding: 60px 60px 30px;
  margin-bottom: 80px;
}
.zero-flow ul {
  display: flex;
  flex-wrap: wrap;
}
.zero-flow li {
  width: 20%;
  margin-bottom: 30px;
}
.zero-flow li + li {
  margin-left: 6.66666%;
}
.zero-flow dl {
  background: #f7f7f7;
  position: relative;
}
.zero-flow li + li dl::before {
  content: "";
  position: absolute;
  display: block;
  width: 20%;
  height: 5%;
  background: url(/dxreport/ope/img/ico_arrow02.svg) center center / contain no-repeat;
  top: 0;
  bottom: 0;
  left: -26.5%;
  margin: auto;
}
.zero-flow dt {
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #9e9e9e;
  padding: 6px 0 7px;
  border-bottom: 4px solid #fff;
}
.zero-flow dd {
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 20px;
  min-height: 8.4em;
}
.zero-flow p {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 8px;
}
.auto-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #f7f7f7;
  padding: 60px;
}
.auto-box dl {
  width: 43.5%;
}
.auto-box dt {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 2.2rem;
  padding: 17px 0 16px;
  background: #a99ac9;
  margin-bottom: 26px;
}
.auto-box dd {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .zero-flow {
    padding: 60px 30px 30px;
  }
  .zero-flow ul {
    justify-content: space-between;
  }
  .zero-flow li {
    width: 45%;
  }
  .zero-flow li + li {
    margin-left: 0;
  }
  .zero-flow li:nth-of-type(3) {
    margin-left: 0;
  }
  .zero-flow li + li dl::before {
    left: -21%;
  }
  .zero-flow li:nth-of-type(3) dl::before {
    display: none;
  }
  .auto-box dt {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  .content > section + section {
    margin-top: 60px;
  }
  .basic-problem {
    margin-bottom: 40px;
  }
  .basic-problem li {
    width: 100%;
    padding: 15px 20px;
    font-size: 1.4rem;
  }
  .basic-problem li + li {
    margin-top: 60px;
  }
  .basic-problem li + li::before {
    top: -33px;
    left: 0;
    right: 0;
    bottom: auto;
    transform: rotate(90deg);
    width: 35px;
    height: 10px;
  }
  .basic-point {
    padding: 25px 15px;
  }
  .basic-point ul {
    margin-top: 20px;
  }
  .basic-point li {
    width: 100%;
    font-size: 1.4rem;
    text-align: left;
    padding: 15px;
  }
  .basic-point li + li {
    margin-top: 10px;
  }
  .zaro {
    padding: 60px calc(50vw - 50%);
  }
  .zero-flow {
    padding: 20px 15px;
    margin-bottom: 30px;
  }
  .zero-flow li {
    width: 100%;
    margin-bottom: 0;
  }
  .zero-flow li + li {
    margin: 60px 0 0 0;
  }
  .zero-flow li + li dl::before {
    top: -33px;
    left: 0;
    right: 0;
    bottom: auto;
    transform: rotate(90deg);
    width: 35px;
    height: 10px;
  }
  .zero-flow li:nth-of-type(3) dl::before {
    display: block;
  }
  .zero-flow dt {
    font-size: 1.6rem;
  }
  .zero-flow dd {
    font-size: 1.4rem;
    min-height: 0;
    padding: 15px;
  }
  .zero-flow p {
    font-size: 1.2rem;
    margin-top: 5px;
  }
  .auto-box {
    padding: 15px;
  }
  .auto-box dl {
    width: 100%;
  }
  .auto-box dl + dl {
    margin-top: 40px;
  }
  .auto-box dt {
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 10px 0;
    margin-bottom: 15px;
  }
  /*smartPhone END*/
}