/*------------------------------------------------

TITLE

-------------------------------------------------*/
.subtitle02 {
  position: relative;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 25px;
  line-height: 3rem;
  border-top: 1px solid #2e5cc3;
  padding: 2rem 2rem 2rem 0;
  letter-spacing: 0.5rem;
  border-bottom: 1px solid #2e5cc3;
  background-color: #FFF;
}

.subtitle02::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #d6d0ce;
}

/*------------------------------------------------

TITLE + ICON

-------------------------------------------------*/
.icon.recm {
  position: relative;
  padding-left: 25px;
}

.icon.recm::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url(../images/icon_rec.png)no-repeat center top /cover;
}

/*------------------------------------------------

PRODUCTS

-------------------------------------------------*/
.bg_gray {
  background-color: #f3f3f3;
  padding: 70px 50px 20px;
}

.pdct__blocks {
  position: relative;
  margin-bottom: 100px;
}

.pdct__blocks .bgImg {
  position: relative;
  height: 300px;
  z-index: 0;
  background-color: #FFF;
  overflow: hidden;
}

.pdct__blocks .bgImg img {
  position: absolute;
  top: 30px;
  left: 50%;
  max-width: none;
  min-height: 300px;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, 0%) scale(1.0);
  -ms-transform: translate(-50%, 0%) scale(1.0);
  transform: translate(-50%, 0%) scale(1.0);
  transition: 0.3s;
}

.pdct__blocks.bl-hover .bgImg img {
  -webkit-transform: translate(-50%, 0%) scale(1.2);
  -ms-transform: translate(-50%, 0%) scale(1.2);
  transform: translate(-50%, 0%) scale(1.2);
}

.pdct__blocks .txtArea {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px 25px;
  position: absolute;
  top: 10rem;
  width: calc(100% - 80px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 40px -10px #999;
  transition: 0.3s;
  z-index: 10;
}

.pdct__blocks.bl-hover .txtArea {
  box-shadow: 0 0 40px -5px #666;
  top: 23rem;
}

.pdct__blocks .Titl {
  font-size: 23px;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
  color: #2e5cc3;
}

@media only screen and (max-width: 690px) {
  .pdct__blocks .Titl {
      font-size: 20px;
  }

  .pdct__blocks .Titl br {
      display: none;
  }

  .pdct__blocks {
      background: url(../image/product_door_bg.jpg)no-repeat center top /cover;
      margin-bottom: 80px;
  }

  .pdct__blocks .txtArea {
      position: relative;
      bottom: auto;
      top: 30px;
      width: 90%;
  }

  .pdct__blocks .bgImg {
      display: none;
  }
}




/*==============strength====================*/
/*パターン2*/
.strength_box1 {
  background-image: url(../image/iot_strength_bgimg02.jpg);
  background-position: center;
  background-size: cover;
  padding: 0;
}

.strength_box1_rgba {
  background-color: rgba(0, 0, 0, 0.46);
  padding: 30px;
}

.title02_bgtxt {
  color: #fff;
  line-height: 1.8;
  margin: 70px 0 0;
  font-size: 25px;
}

.strength_box1_bgtxt {
  color: #fff;
}

/**/
.strength_box1_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 450px;
  height: 100%
}

.col002 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.col002 .col001 {
  max-width: 49%;
  width: 100%;
}

.col002_txt_img {
  display: flex;
  justify-content: space-between;
  background: rgba(46, 92, 195, 0.04);
  padding: 25px;
  margin: 0 0 25px;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 20px -8px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}

/*
.col002_txt_img:hover {
  transform: scale(1.08);
}
*/
.title03_txtb {
  font-size: 22px;
  color: #2e5cc3;
}

.col001_txt_area {
  max-width: 65%;
  width: 100%
}

.col001_img_area {
  max-width: 30%;
  width: 100%
}

.col001_img_area img {
  width: 100%;
  margin: auto
}

.strength_ul li {
  margin-left: 20px;
  text-align: left;
  line-height: 1.2;
  margin-bottom: 8px;
}

.col003 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.col003 .col001 {
  max-width: 33%;
  width: 100%
}

.col004_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.col004_box .col001_box {
  max-width: 49%;
  width: 100%;
  background: rgba(46, 92, 195, 0.04);
  padding: 25px;
  margin: 0 0 25px;
  border: 2px solid #f5f5f5;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}

.title03_txtc {
  text-align: center
}

/*==============mcf-pt01==========*/

.bg_block_area {
  padding: 40px 30px 30px;
  border: 5px solid #f5f5f5;
}

.col_group {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.col_group p {
  text-align: center
}

.col_group .col_group_box {
  flex-direction: column;
  flex-basis: calc(100% / 5);
  margin-bottom: 10px;
}

.col_group.group_box10 .col_group_box {
  flex: auto;
  max-width: 20%;
  width: 100%;
  margin: auto
}

.iot_sub__catch {
  line-height: 1.2;
  margin-bottom: 15px;
  position: relative;
  border: 1px solid #BBB;
  padding: 7px 10px;
  border-top: 2px solid #2e5cc3;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.3em;
}

/*================QandA================*/

.iot_blue_txtlink {
  color: #2e5cc3;
  text-decoration: none;

}

.iot_blue_txtlink:hover {
  text-decoration: underline;
  color: #2e5cc3;
}

.iot_blue_txtlink::before {
  content: "＞";
  color: #2e5cc3;
}

.iot_under_q {
  position: relative;
  margin-left: 20px;
}

.iot_under_q::before {
  content: "Q.";
  margin-right: 10px;
  position: absolute;
  left: -20px;
}

.iot_under_a {
  position: relative;
  margin-left: 20px;
}

.iot_under_a::before {
  content: "A.";
  margin-right: 10px;
  position: absolute;
  left: -20px;
}

.title02_iot_qanda {
  color: #333;
  line-height: 1.5
}

.iot_qanda_list li {
  list-style-type: none;

}

.iot_qanda_list li a {
  text-decoration: none;
  color: #2e5cc3;
  position: relative;
  margin-left: 20px;
}

.iot_qanda_list li a::before {
  position: absolute;
  left: -20px;
  content: "Q.";
  color: #2e5cc3
}

.iot_qanda_list li a:hover {
  text-decoration: underline;
  color: #2e5cc3
}

.iot_qanda_dl {
  color: #293a45
}

.iot_qanda_q {
  font-weight: bold;
  position: relative;
  margin-left: 50px;
  margin-bottom: 30px;
}

.iot_qanda_q::before {
  content: "Q";
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  background: #293a45;
  padding: 10px;
  text-align: center;
  position: absolute;
  left: -50px;
  border: 1px solid #293a45;
  line-height: 1
}

.iot_qanda_a {
  position: relative;
  margin-left: 50px;
}

.iot_qanda_a::before {
  line-height: 1;
  content: "A";
  font-size: 24px;
  color: #293a45;
  font-weight: bold;
  background: #fff;
  padding: 10px;
  text-align: center;
  top: 0;
  position: absolute;
  left: -50px;
  border: 1px solid #293a45;
}



/*================searchbylocation================*/

.searchbyl_block01 {
  display: flex;
  justify-content: space-between;
}

.searchbyl_col002 {
  max-width: 50%;
  width: 100%;
  border-right: 7.5px solid #f3f3f3;
  padding: 40px 30px;
  border-top: 0 solid #f3f3f3;
  border-left: 0 solid #f3f3f3;
}

.searchbyl_col002:nth-child(odd) {
  border-left: 15px solid #f3f3f3;
}

.searchbyl_col002:nth-child(even) {
  border-right: 15px solid #f3f3f3;
}

.base__ .searchbyl_col002 {
  border-bottom: 15px solid #f3f3f3;
}

.searchbyl_col001_box {
  margin: auto;
  /*max-width: 80%;*/
  position: relative;
  margin-bottom: 30px;
}

.iot_leadTitl {
  /* color: #2e5cc3; */
  position: relative;
  font-size: 26px;
  line-height: 1.4;
  margin-bottom: 40px;
  font-weight: 100;
  border-bottom: 1px solid #BBB;
  padding-bottom: 15px;
}

.iot_leadTitl::after {
  content: "";
  display: block;
  width: 56px;
  height: 5px;
  background-color: #2e5cc3;
  position: absolute;
  bottom: -3px;
  left: 0;
}

.iot_subleadTitl {
  line-height: 1.4;
  margin-bottom: 15px;
  position: relative;
  border: 1px solid #BBB;
  padding: 10px;
  border-top: 2px solid #2e5cc3;
}

.searchbyl_col001_box:first-child::before {
  display: none;
}

.searchbyl_col001_box+.searchbyl_col001_box {
  margin-top: 80px;
}

.searchbyl_col001_box+.searchbyl_col001_box::before {
  content: "";
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border-top: 2px solid #333;
  border-right: 2px solid #2e5cc3;
  -webkit-transform: rotate(135deg) translateX(-50%);
  -o-transform: rotate(135deg) translateX(-50%);
  -moz-transform: rotate(135deg) translateX(-50%);
  left: calc(50% - 15px);
  top: -7vh;
  transform: rotate(135deg);
}

.searchbyl_block01 .imgarea {
  position: relative;
}

.searchbyl_block01 .extxt_ {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 16px 10px;
  background-color: rgba(255, 255, 255, 0.8);
}

.searchbyl_block01 .extxt_ .tit {
  display: inline-block;
  padding: 5px 8px;
  line-height: 1.2;
  border-radius: 3px;
  margin-bottom: 5px;
  border: 1px solid;
  font-size: 12px;
}

.searchbyl_block01.box03 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #f3f3f3;
  padding: 20px;
}

.searchbyl_col002.box03 {
  max-width: 32%;
  width: 100%;
  border-right: 0 solid #f3f3f3;
  padding: 20px;
  border-top: 0 solid #f3f3f3;
  background-color: #fff;
  border-left: 0 solid #f3f3f3;
}

.searchbyl_col002.box03:nth-child(odd) {
  border-left: 0 solid #f3f3f3;
}

.searchbyl_col002.box03:nth-child(even) {
  border-right: 0 solid #f3f3f3;
}

.searchbyl_block01.box03 .iot_leadTitl {
  font-size: 19px;
}

.searchbyl_block01.box03 .extxt_ {
  font-size: 13px;
  padding: 10px;
}

@media only screen and (max-width: 1024px) {
  .searchbyl_block01.box03 .extxt_ {
      position: static;
  }
}

@media only screen and (max-width: 690px) {
  .searchbyl_col002.box03 {
      max-width: 100%;
      margin-bottom: 20px;
  }

  .searchbyl_col002.box03:last-child {
      margin-bottom: 0;
  }
}

/*================searchbyfunction================*/

.searchbyf_col003 {
  display: flex;
  justify-content: space-between;

}

.searchbyf_col003_col001 {
  max-width: 33%;
  width: 100%;
  padding: 20px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
}

.searchbyf_col001_img {
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.searchbyf_title03 {
  text-align: center;
  color: #182845
}

/*================manualdownload================*/

.manualdownload_dl {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 2px dashed #999;
  display: flex;
  justify-content: space-between
}

.manualdownload_dd {
  display: flex;
  max-width: 49%;
  width: 100%;
  align-items: center
}

.manualdownload_dd.txt_pdflink {
  max-width: 100%;
}

.manualdownload_dd .pdf_icon {
  margin-right: 30px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 50px;
  height: auto;
}

.rentalcharge_txt li {
  list-style-type: none;
  position: relative;
  margin-left: 25px;
}

.rentalcharge_txt li::before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  background: #182845;
  width: 8px;
  height: 8px;
  top: 50%;
  transform: translateY(-50%)
}

/*================news and form================*/
.page_iotnews .rss_box dl {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-width: 0 0 1px 0;
  border-style: dashed;
}

.page_iotnews .rss_title a {
  color: #000
}

/*iotnews*/
.rss_title a:hover {
  color: #2e5cc3 !important;
}

@media only screen and (max-width: 690px) {
  .page_iotnews .rss_contents {
      padding: 8px 0 0 0;
  }
}

#submit_button.form_btn_color input {
  border: solid 1px #2e5cc3;
  margin-bottom: 50px;
}

#submit_button.form_btn_color input:hover {
  background-color: #2e5cc3;
}

.formflow li.age.iot_age {
  background: #2e5cc3
}

.formflow li.next.iot_next {
  background: #7895d4
}



/*================the area for tablet and sp================*/

.contactbox {
  padding: 30px;
  border: 5px solid rgba(46, 92, 195, 0.08);
  margin-bottom: 40px;
  color: #182845
}

.contact_title {
  text-align: center;
  margin: 0 auto 30px;
}

.contactbox_col002 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 80%;
  margin: auto;
}

.c_tel_area {
  max-width: 50%;
  width: 100%
}

.c_txt_area {
  max-width: 50%;
  width: 100%
}

.c_tel_area {
  text-align: center
}

.c_tel_fb {
  font-size: 2em
}

.c_tel_fs {
  font-size: 12px;
}

/*=================table_style===============*/

.dlbs_table_04.iot_table_blue {
  width: 100%;
  table-layout: auto;
}

.sp_br {
  display: none
}

.dlbs_table_04.iot_table_blue thead td {
  color: #182845;
  background-color: #f5f5f5;
  font-weight: bold
}

.dlbs_table_04.iot_table_blue thead td,
.dlbs_table_04.iot_table_blue td {
  padding: 5px;
}

/*=================calendar===============*/

.mouth_area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.mouth {
  width: calc(100% / 3 - 1%);
  margin-bottom: 30px;
  border: solid 1px #ddd;
  padding: 10px;
}

.mouth_area tr {}

.mouth_area td {
  border: none;
  padding: 10px;
  text-align: center;
  display: table-cell;
  width: 40px;
  height: 40px;
  line-height: 1;
}

.txt_c {
  text-align: center
}

.holiday {
  /*
  background-color: #2e5cc3;
  border-radius: 50px;
*/
  position: relative;
  color: #fff
}

.holiday::after {
  content: "";
  display: block;
  position: absolute;
  background: #2e5cc3;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  z-index: -1
}

/*holiday color*/
.holiday {
  position: relative;
  color: #fff;
}

.holiday::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  z-index: -1;
}

.holiday.-blu::after {
  background: #2e5cc3;
}

.holiday.-grn::after {
  background: #2ec360;
}

.holiday.-yel::after {
  background: #efdf2d;
}

.holiday.-org::after {
  background: #efa52d;
}



.mouth_area .mouth .table .tr:nth-child(2) .td table .t:nth-child(1) {
  background: #f5f5f5
}

.mouth_area .mouth .table .tr:nth-child(2) .td table .t:nth-child(1) td:nth-child(1) {
  color: #ff0000
}

.mouth_area .mouth .table .tr:nth-child(2) .td table .t:nth-child(1) td:last-child {
  color: #004fff
}

/*===================other=============*/

.col2_m_221 .col .img100 img {
  margin-bottom: 30px;
}

.col_group_box img {
  margin-bottom: 5px;
  max-width: 90px;
}

@media only screen and (max-width: 1090px) {
  .mouth {
      width: 49%;
  }
}

@media only screen and (max-width: 960px) {

  .searchbyl_col001_box {
      max-width: 100%
  }

  .col002_txt_img {
      flex-direction: column;
  }

  .col002 .col001 {
      max-width: 48.5%
  }

  .col001_txt_area {
      max-width: 100%;
      margin-bottom: 30px;
  }

  .col001_img_area {
      max-width: 100%
  }

  .strength_box1_inner {
      min-height: 350px;
  }
}

@media only screen and (max-width: 800px) {
  .mouth {
      width: 100%;
  }
}

@media only screen and (max-width: 690px) {
  .sp_br {
      display: block
  }

  .dlbs_table_04.iot_table_blue thead tr:nth-child(1) td {
      width: 55%
  }

  .dlbs_table_04.iot_table_blue {
      width: 100%;
  }

  .dlbs_table_04.iot_table_blue th {
      width: 100%
  }

  .manualdownload_dl {
      border: none;
      margin-bottom: 0;
      padding: 0;
  }

  .page_iotcontact #form_contact_main dt {
      border-left: 7px #2e5cc3 solid;
  }

  .c_tel_area {
      max-width: 100%;
      margin-bottom: 30px;
  }

  .contact_title {
      margin-bottom: 20px;
  }

  .c_txt_area {
      max-width: 100%;
  }

  .contactbox {
      padding: 25px;
  }

  .contactbox_col002 {
      flex-direction: column;
      max-width: 100%;
  }

  .manualdownload_dl {
      flex-direction: column;
  }

  .manualdownload_dd {
      max-width: 100%;
      margin-bottom: 20px;
      border-bottom: 2px dashed #999;
      padding-bottom: 20px;
  }

  .searchbyf_col003 {
      flex-direction: column
  }

  .searchbyf_col003_col001 {
      max-width: 100%;
      margin-bottom: 30px;
  }

  .searchbyl_col001_box {
      max-width: 100%
  }

  .searchbyl_block01 {
      flex-direction: column
  }

  .searchbyl_col002 {
      max-width: 100%;
      padding: 20px 30px;
      border-right: 15px solid #f3f3f3;
      border-left: 15px solid #f3f3f3;
  }

  .base__ .searchbyl_col002:first-child {
      border-bottom: 0;
  }

  .bg_block_area {
      padding: 15px 15px 10px;
  }

  .col_group .col_group_box {
      flex-basis: calc(100% / 3);
      margin-bottom: 10px;
  }

  .col_group_box img {
      max-width: auto;
  }

  .col002 .col001 {
      max-width: 100%;
  }

  .col002_txt_img {
      margin: 0px;
  }

  .title02_bgtxt {
      margin: 0;
      line-height: 1.5
  }

  .col003 {
      flex-direction: column
  }

  .col003 .col001 {
      max-width: 100%
  }

  .col004_box .col001_box {
      max-width: 100%
  }

  .iot_leadTitl {
      font-size: 20px;
  }

  .searchbyl_block01 .extxt_ {
      position: static;
      padding: 0;
  }

  .searchbyl_col001_box+.searchbyl_col001_box {
      margin-top: 60px;
  }
}

/*===================cloudsurveillancecamera=============*/
.lineupbox .col2_m_221 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
}

.lineupbox .col {
  border: solid 1px rgba(46, 92, 195, 0.2);
  padding: 40px 50px;
  margin-bottom: 0;
}

.lineupbox .col p {
  min-height: 80px;
}

.lineupbox .link_arr {
  position: relative;
  padding: 0 20px 0 0;
}

.lineupbox .link_arr::before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 1px;
  background: #333;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.lineupbox .link_arr::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  transform: ;
  right: 3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg) translateY(-60%);
  transform: rotate(45deg) translateY(-60%);
}

@media only screen and (max-width: 690px) {
  .lineupbox .col {
      margin-bottom: 30px;
  }
}

/*===================login=============*/

.loginbox .col {
  border: solid 1px #eaeaea;
  padding: 20px;
  transition: all .3s ease 0s;
}

.loginbox .col:hover {
  -webkit-box-shadow: 5px 2px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 2px 10px 2px rgba(0, 0, 0, 0.1);
}


/*===================questionandanswer=============*/

.kids_table thead td {
  background-color: rgba(47, 97, 202, 0.2);
  color: #122e6c;
}

/*===================agency=============*/

.agency .dlb_btn a {
  background-color: #122e6c;
  color: #ffffff;
  border-color: #122e6c;
}

.agency .dlb_btn a:hover {
  background-color: #ffffff;
  color: #122e6c;
  border-color: #122e6c;
}



/*==============environmentalsensors==========*/
.icon_sensor {
  text-align: center;
}

.icon_sensor img {
  width: 90px;
  height: auto;
  margin-bottom: 10px;
}

/*製品詳細　NETIS*/
.netisbloc {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.netisbloc .tit {
  padding: 5px 20px;
  background-color: #2e5cc3;
  flex: initial;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  margin-right: auto;
}

.netisbloc .num {
  background-color: #e8e8e8;
  padding: 5px 20px;
  box-shadow: 2px 2px 0 #b7b7b7;
}

@media only screen and (max-width: 690px) {

  .netisbloc .tit,
  .netisbloc .num {
      padding: 5px 15px;
  }
}

/*製品詳細　TAB*/
.pdctdetailTab.dlb_interactive-2_area .dlb_interactive-con.show {
  height: 300px;
  overflow-y: scroll;
}

.pdctdetailTab.dlb_interactive-2_area .dlb_interactive-tab li.active {
  background-color: #ffffff;
  color: #333 !important;
}

.pdctdetailTab.dlb_interactive-2_area .dlb_interactive-tab li {
  border-color: #333;
  background-color: #333;
  color: #ffffff;
}

.pdctdetailTab.dlb_interactive-2_area .dlb_interactive-con {
  border-color: #333 !important;
}

@media only screen and (max-width: 690px) {
  .pdctdetailTab.dlb_interactive-2_area .dlb_interactive-tab li {
      width: 100%;
      margin-right: 0;
  }
}

/*------------------------------------------------

メリット

-------------------------------------------------*/
.pdctundr .feature_area {
  padding: 0;
  background: transparent;
}

.pdctundr .feature_area .iot_col001 {
  width: 48%;
  max-width: 100%;
  padding: 40px 20px 30px;
  margin-bottom: 40px;
}

.pdctundr .iot_title03_01 {
  margin: 20px auto 10px;
  flex-grow: initial;
}

@media only screen and (max-width: 690px) {
  .pdctundr .feature_area .iot_col001 {
      width: 100%;
  }
}

/*------------------------------------------------

flow

-------------------------------------------------*/
.box222 .menu_btn_332 {
  justify-content: space-between;
}

.box222 .menu_btn_332 li {
  list-style: none;
  width: 48.5%;
  margin-right: 0;
  margin-bottom: 10px;
}

.box222 .menu_btn_332 a {
  background-color: #fff;
  border-color: #2e5cc3;
  border-radius: 5px;
  color: #2e5cc3;
}

.box222 .menu_btn_332 a:hover {
  background-color: #2e5cc3;
  border-color: #2e5cc3;
  color: #fff;
}

.iotArea.dlb_content-36 {
  background-color: #fff;
  padding: 0;
}

.iotArea .bgGray {
  background-color: #f5f5f5;
  padding: 30px 0;
  margin: 0 24px;
}

.iotArea .dlb_c36_num {
  color: #02ACC7;
  font-size: 50px;
}

.iotArea .dlb_c36_title {
  color: #02ACC7;
}

.iotArea .dlb_c36_txt {
  border-color: #02ACC7;
}