<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#endpoint-control .visualArea {
  background: #fff url(/assets/img/bg_cr_edr.png) no-repeat right top;
}

#endpoint-control .sec01 {
  padding-bottom: 70px;
}

#endpoint-control .sec01 .areaWrap {
  position: relative;
}
#endpoint-control .sec01 .textArea {
  margin-bottom: 30px;
  width: 500px;
  min-height: 435px;
}

#endpoint-control .sec01 .imgArea {
  position: absolute;
  top: 0;
  right: -60px;
}

#endpoint-control .sec02 {
  background: #262a32 url(/assets/img/2021/bg_line_hexagon_dark_01.jpg) no-repeat top right;
}

#endpoint-control .sec02 .bgWrap {
  padding: 100px 0;
  background: transparent url(/assets/img/2021/bg_line_hexagon_dark_02.jpg) no-repeat bottom left;
}

#endpoint-control .sec02 .titleArea {
  text-align: center;
}

#endpoint-control .sec02 .titleArea__title {
  color: #fff;
}

#endpoint-control .sec02 .titleArea__subtitle {
  color: #bfbfbf;
}

#endpoint-control .sec02 .featureArea  {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

#endpoint-control .sec02 .featureArea  .box {
  flex: 0 0 300px;
}

#endpoint-control .sec02 .featureArea  .box .headBox {
  margin-bottom: 30px;
}

#endpoint-control .sec02 .featureArea  .box .headBox .img {
  margin-bottom: 15px;
  text-align: center;
}

#endpoint-control .sec02 .featureArea  .box .headBox .title {
  color: #fff;
  font-size: 2.1rem;
  line-height: 1.55556;
  font-weight: 700;
  text-align: center;
}

#endpoint-control .sec02 .featureArea  .box .fucList li {
  margin: 0 0 10px 2em;
  list-style-type: disc;
  color: #fff;
  line-height: 1.7;
}



@media only screen and (max-width: 768px) {
  #endpoint-control .visualArea {
  }

  #endpoint-control .sec01 {
    padding-bottom: 10px;
  }
  #endpoint-control .sec01 .textArea {
    min-height: auto;
    width: auto;
    margin-bottom: 10px;
  }
  #endpoint-control .sec01 .imgArea {
    margin-bottom: 20px;
    position: static;
    text-align: center;
  }
  #endpoint-control .sec01 .imgArea2 {
    margin-top: 20px;
  }
  #endpoint-control .sec02 {
    background-size: 50%;
  }
  #endpoint-control .sec02 .bgWrap {
    padding: 40px 0;
    background-size: 50%;
  }
  #endpoint-control .sec02 .inner {
    width: auto;
    padding: 20px;
  }
  #endpoint-control .sec02 .titleArea {
    text-align: center;
  }
  #endpoint-control .sec02 .titleArea__title {
    color: #fff;
  }
  #endpoint-control .sec02 .titleArea__subtitle {
    color: #bfbfbf;
  }
  #endpoint-control .sec02 .featureArea  {
    display: block;
  }
  #endpoint-control .sec02 .featureArea  .box {
    margin-bottom: 40px;
  }
  #endpoint-control .sec02 .featureArea  .box .headBox {
    display: table;
    width: 100%;
    margin-bottom: 10px;
  }
  #endpoint-control .sec02 .featureArea  .box .headBox .img {
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
  }
  #endpoint-control .sec02 .featureArea  .box .headBox .title {
    display: table-cell;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
  }
  #endpoint-control .sec02 .featureArea  .box .fucList li {
    margin: 0 0 5px 2em;
  }

}
</pre></body></html>