.electronic {
    /*font-size: 62.5%;*/
}

.electronic .pc .title_img {
    width: 33.9%;
    margin: 0% auto;
    margin-top: 5%;
}

.electronic .co_title {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 4%;
}

.electronic  .co_line {
    width: 94%;
    height: 1px;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: 3%;
}

.electronic .co_title span.co_place {
    font-size: 1.93vw;
    font-weight: normal;
    color: #999;
    padding: 0 1%;
    position: relative;
    z-index: 0;
    background-color: #fff;
}

.electronic .pc #content_box{
    width: 74.3%;
    margin: 0 auto;
}

.electronic .pc #content_box .icon_img{
    overflow: hidden;
}

.electronic .pc #content_box .icon_img img{
    float: left;
    margin-right: 1.5%;
    width: 23%;
}

.electronic .pc #content_box .icon_img img:last-child{
    margin-right: 0%;
}

.electronic .pc #content_box .icon_img img:nth-child(2){
    margin-right: 5%;
}

.electronic .pc #content_box .icon_title{
    overflow: hidden;
}

.electronic .pc #content_box .icon_title .it{
    width: 47.5%;
    overflow: hidden;
    border-bottom: 2px solid black;
}
.electronic .pc #content_box .icon_title .it p{
    font-size: 1.6vw;
    line-height: 2.3vw;
    margin-top: 3%;
}

.electronic .pc #content_box .icon_title .it a{
    text-decoration: underline;
    margin-bottom: 2%;
    display: block;
    color: #1c8ed2;
}

.electronic .pc #content_box .icon_title .it a p{
    font-size: 1.3vw;
    margin-top: 0%;
}

.electronic .pc #content_box .icon_title .it_left{
    float: left;
}

.electronic .pc #content_box .icon_title .it_right{
    float: right;
}

.electronic .pc #content_box .icon_text{
    overflow: hidden;
}

.electronic .pc #content_box .icon_text .it{
    width: 47.5%;
    overflow: hidden;
}

.electronic .pc #content_box .icon_text .it p{
    text-align: justify;
    margin-top: 4%;
    margin-bottom: 7%;
    word-spacing: -1px;
    letter-spacing: 0px;
}

.electronic .pc #content_box .icon_text .it_left{
    float: left;
}

.electronic .pc #content_box .icon_text .it_right{
    float: right;
}

.pc{
    display: block;
}

.mb{
    display: none;
}


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

  .pc{
      display: none;
  }

  .mb{
      display: block;
  }

  .electronic .mb .title_img {
      width: 67%;
      margin: 0% auto;
      margin-top: 5%;
  }

  .electronic .co_title {
      width: 100%;
      position: relative;
      text-align: center;
      margin-top: 3%;
      margin-bottom: 4%;
  }

  .electronic  .co_line {
      width: 100%;
      height: 1px;
      background-color: #999;
      position: absolute;
      top: 50%;
      left: 0%;
  }

  .electronic .co_title span.co_place {
      font-size: 3.93vw;
      font-weight: normal;
      color: #999;
      padding: 0 1%;
      position: relative;
      z-index: 0;
      background-color: #fff;
  }

  .electronic .mb #content_box{
      width: 95%;
      margin: 0 auto;
  }

  .electronic .mb #content_box .c_b{
    margin-top: 3%;
  }

  .electronic .mb #content_box .c_b:last-child{
    margin-bottom: 5%;
  }

  .electronic .mb #content_box .icon_img{
      width: 100%;
      overflow: hidden;
  }

  .electronic .mb #content_box .icon_img img:first-child{
      float: left;
      width: 48.5%;
  }

  .electronic .mb #content_box .icon_img img:nth-child(2){
      float: right;
      width: 48.5%;
  }

  .electronic .mb #content_box .icon_title{
      border-bottom: 2px solid black;
      margin-top: 3%;
      margin-bottom: 3%;
  }

  .electronic .mb #content_box .icon_title p{
      font-size: 3.6vw;
      line-height: 6vw;
  }

  .electronic .mb #content_box .icon_title a{
      text-decoration: underline;
      margin-bottom: 2.2%;
      display: block;
      color: #1c8ed2;
  }

  .electronic .mb #content_box .icon_text{
  }

  .electronic .mb #content_box .icon_text p{
      font-size: 3.4vw;
      text-align: justify;
      line-height: 6vw;
      letter-spacing: 0px;
  }






}