/*-----------------------------------------------------------------------------
contents_info
-----------------------------------------------------------------------------*/
#contents_info{
  width: 1000px;
  margin: 0px auto;
  padding: 50px 0;
  overflow: hidden;
}

#contents_info ul{
  width: 100%;
  clear: both;
}

#contents_info ul li{
  width: 25%;
  float: left;
}

#contents_info_title{
  width: 100%;
  padding-bottom: 30px;
  overflow: hidden;
}

#contents_info_title img{
  width: 20%;;
  float: left;
  vertical-align: middle;
}

#contents_info_title dl{
  width: 77.5%;;
  float: right;
  padding: 50px 0;
}

#contents_info_title dl dt,
#contents_info_title dl dd{
  width: 100%;;
  text-align: left;
}

#contents_info_title dl dt h2{
  font-size: 36px;
  color: #036EB8;
}

#contents_info_title dl dd{
  font-size: 30px;
}

.contents_info_data{
  width: 100%;
  clear: both;
  padding: 50px 0;
}

.contents_info_data dl{
  width: 29%;
  margin: 0 2.1%;
  overflow: hidden;
  float: left;
}

.contents_info_data dl dt h3{
  padding: 20px 0;
}

.contents_info_data dl .cid_text{
  height: 320px;
  text-align: left;
  text-indent: 1em;
  padding: 0 16px;
}

.contents_info_data dl dd{
  margin: 10px 0;
}


.contents_info_data dl .cid_buttom{
  height: 50px;
}

.contents_info_data dl .cid_buttom a{
  width: 100%;
  height: 100%;
  display: inline-block;
  line-height: 40px;
}

.contents_info_data .cid_clear_line{
  width: 100%;
  height: 5px;
  background: #dcdcdd;
  margin: 50px 0;
  float: left;
}


/*-----sp_cording-----*/
@media only screen and (max-width: 1300px) and (max-width: 786px){
  #contents_info{
    width: 95%;
    padding: 0;
    margin: 2.5%;
    text-align: left;
  }

  #contents_info ul li{
    width: 50%;
    padding: 20px 5px;
  }


#contents_info_title{
  width: 100%;
  padding-bottom: 30px;
  overflow: hidden;
}

  #contents_info_title img{
    width: 60%;
    margin: 0 20%;
    float: none;
    vertical-align: middle;
  }

  #contents_info_title dl{
    width: 100%;;
    float: none;
    padding: 20px 0;
  }

  #contents_info_title dl dt,
  #contents_info_title dl dd{
    width: 100%;
    text-align: center;
  }

  #contents_info_title dl dt h2{
    font-size: 32px;
    color: #036EB8;
  }

  #contents_info_title dl dd{
    font-size: 24px;
  }

  .contents_info_data dl{
    width: 100%;
    margin: 25px 0;
    overflow: hidden;
    float: none;
  }

  .contents_info_data dl dt h3{
    text-align: center;
  }

  .contents_info_data dl dt img{
    width: 100%;
  }

  .contents_info_data dl .cid_text{
    height: auto;
    padding: 20px 0 40px;
  }

  .contents_info_data .cid_clear_line{
    display: none;
  }

}


/*-----sp_cording_end-----*/