@charset "UTF-8";
@media screen and (min-width: 768px),print {

.cc-ttl-Box-01 { background: url('../images/style/h2.jpg') top center no-repeat , url('../images/index/h-bg.jpg') top center ; }
.cc-ttl { margin-bottom: 45px; }

#con-style{ width: 800px; margin: 0 auto 50px; }
#con-style .right{ float: right; }
#con-style .left{ float: left; }

#con-style .h-bx{ width: 800px; margin: 0 auto 60px; background: url('../images/style/top-bg.jpg') top center; padding: 40px 30px 30px; position: relative; }
#con-style .h-bx .ttl-point01{ position: absolute; left: 110px; top: 30px; }
#con-style .h-bx .ttl-point02{ position: absolute; right: 7px; top: 50px; }
#con-style .h-bx .h-ttl{ text-align: center; margin-bottom: 25px; }
#con-style .h-bx .h-txt{ text-align: center; margin-bottom: 25px; }
#con-style .h-bx .top-ank{ width: 100%;  }
#con-style .h-bx .top-ank li{ float: left; margin-right: 40px; }
#con-style .h-bx .top-ank li:last-child{ float: left; margin-right: 0px; }

#con-style .con01{ margin-bottom: 35px; padding: 90px 0 0; }
#con-style .con01 .bx-img{ margin-right: -145px; margin-top: -90px; }
#con-style .con01 .bx-img01{ margin-left: -145px; margin-top: -90px; }
#con-style .con01 .txt-bx{ width: 500px; background: #fff; padding: 45px 40px 35px; }
#con-style .con01 .txt-bx .in-txt{ color: #727171; }
#con-style .con01 .txt-bx h5{ margin-bottom: 25px; }



}

 
@media screen and (max-width: 767px) { .cc-h2 { background-image: url(../images/works_reform/h2.jpg); }
  .cc-ttl { margin-bottom: 7%; }
  
#con-style{ width:100%; margin: 0 auto 50px; }
#con-style .right{ float:none; }
#con-style .left{ float:none; }

#con-style .h-bx{ width:100%; margin: 0 auto 20%; background: url('../images/style/top-bg.jpg') top center; padding: 15% 5% 5%; position: relative; }
#con-style .h-bx .ttl-point01{ position: absolute; left: 10px; top: 80px; width: 25%; }
#con-style .h-bx .ttl-point02{ position: absolute; right: 7px; top: 110px; width: 30%; }
#con-style .h-bx .h-ttl{ text-align: center; margin-bottom: 25px; }
#con-style .h-bx .h-txt{ text-align: center; margin-bottom: 25px; }
#con-style .h-bx .top-ank{ width:100%;  }
#con-style .h-bx .top-ank li{ float:none; margin-bottom: 5%; width: 100%; }
#con-style .h-bx .top-ank li:last-child{ float:none; margin-right: 0px; }

#con-style .con01{ margin-bottom: 35px; padding:  0 0; }
#con-style .con01 .bx-img{ margin-right: ;  }
#con-style .con01 .bx-img01{ margin-left: ;  }
#con-style .con01 .txt-bx{ width:100%; background: #fff; padding: 7% 3%; }
#con-style .con01 .txt-bx h5{ margin-bottom: 25px; }


}