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

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

#con-concept{ width: 800px; margin: 0 auto 50px; }
#con-concept .right{ float: right; }
#con-concept .left{ float: left; }
#con-concept .h-bx{ background: url('../images/concept/top-bg.png') top center no-repeat; position: relative; padding-top: 55px; padding-bottom: 15px; margin-bottom: 25px; }
#con-concept .h-bx .h-ttl{ text-align: center; margin-bottom: 25px; margin-left: -10px; }
#con-concept .h-bx .ttl-point{ position: absolute; left: 145px; top: -10px; }
#con-concept .h-bx .h-abs01{ position: absolute; left: 5px; top: 22px; }
#con-concept .h-bx .h-abs02{ position: absolute; right: 20px; top: 22px; }
#con-concept .h-bx .h-txt{ text-align: center; color: #727171; font-size: 14px; margin-bottom: 20px; }
#con-concept .h-bx ul{ width: 743px; margin: 0 auto; }
#con-concept .h-bx li{ float: left; margin-right: 25px; }
#con-concept .h-bx li:last-child{ float: left; margin-right: 0px; }
#con-concept .h-img{ margin-bottom: 30px; }

#con-concept h4{ margin-bottom: 30px; }
#con-concept .inner{ background: url('../images/concept/inner-top-bg.jpg') top center no-repeat , url('../images/concept/inner-bottom-bg.jpg') bottom center no-repeat , url('../images/concept/inner-repeat-bg.jpg') top left repeat-y ; padding: 25px 40px; margin-bottom: 70px; }
#con-concept .inner .bb-none{ border-bottom: none!important; }
#con-concept .inner .con01{ width: 100%; margin: 0px auto -60px; padding-bottom: 70px; border-bottom: 3px solid #f1f1ef ; position:  }
#con-concept .inner .con01 h5{ margin-bottom: -70px; margin-left: -22px; }
#con-concept .inner .con01 .con-img{ margin-bottom: 30px; }
#con-concept .inner .con01 .in-ttl{ margin-bottom: 30px; }
#con-concept .inner .con01 .left{ width: 430px;  }
#con-concept .f-img{ margin-bottom: 40px; }

#con-concept .f-bx{ width: 800px; margin: 0 auto 95px; }
#con-concept .f-bx li{ float: left; margin-right: 10px; width: 395px; }
#con-concept .f-bx li:last-child{ float: left; margin-right: 0px; }

}


@media screen and (max-width: 767px) { .cc-h2 { background-image: url(../images/works_reform/h2.jpg); }
  .cc-ttl { margin-bottom: 7%; }

#con-concept{ width:100%; margin: 0 auto 50px; }
#con-concept .right{ float: none; }
#con-concept .in-img{ margin: 10%;}
#con-concept .left{ float: none; }

#con-concept .h-bx{ position: relative; padding-top: 55px; padding-bottom: 15px; margin-bottom: 25px; }
#con-concept .h-bx .h-ttl{ text-align: center; width: 90%;  margin:0 auto 5%;  }
#con-concept .h-bx .ttl-point{ position: absolute; left: 30px; top: -10px; }
#con-concept .h-bx .h-abs01{ position: absolute; left: 5px; top: 30px; width: 20%; }
#con-concept .h-bx .h-abs02{ position: absolute; right: -20px; top: 15px; width: 25%; }
#con-concept .h-bx .h-txt{ text-align: center; color: #727171; font-size: 14px; margin-bottom: 20px; }
#con-concept .h-bx ul{ width:98%; margin: 0 auto; }
#con-concept .h-bx li{ float: left; width: 48.5%; margin-right: 3%; margin-bottom: 5%; }
#con-concept .h-bx li:nth-child(2){ float: left; width: 48.5%; margin-right: 0%; }
#con-concept .h-bx li:last-child{ float: none; width: 48.5%; margin-left: 25%; }
#con-concept .h-img{ margin-bottom: 30px; }

#con-concept h4{ margin-bottom: 30px; }
#con-concept .inner{  padding: 5% 3%; margin-bottom: 70px;  }
#con-concept .inner .bb-none{ border-bottom: none!important; }
#con-concept .inner .con01{ width:100%; margin: 0px auto 13%; padding-bottom: 10px; border-bottom: 3px solid #f1f1ef ; position:  }
#con-concept .inner .con01 .con-ttl{ margin:0 auto -10%; width: 65%;   }
#con-concept .inner .con01 .con-ttl_sp02{ margin:0 auto -10%; width: 95%;   }
#con-concept .inner .con01 .con-img{ margin-bottom: 30px; }
#con-concept .inner .con01 .in-ttl{ margin-bottom: 30px; }
#con-concept .inner .con01 .left{ width:100%;  }
#con-concept .f-img{ margin-bottom: 40px; }

#con-concept .f-bx{ width:100%; margin: 0 auto 10%; }
#con-concept .f-bx li{ float: none; margin:0 auto 7%; width:90%; }

}