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

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

#con-reform{ width: 800px; margin: 0 auto 50px; }
#con-reform .h-bx{ width: 800px; margin: 0 auto; background: url('../images/reform/h-img.jpg') top center no-repeat; padding: 20px 0 35px; margin-bottom: 100px; position: relative; }
#con-reform .h-bx .h-ttl{ text-align: center; position: relative; width: 470px; left: -80px; margin:0 auto 40px; }
#con-reform .h-bx .h-txt{ text-align: center; color: #fff; font-size: 14px; margin-bottom: 20px; background: #000; opacity: 0.8; width: 615px; margin: 0 auto; padding: 15px 0; }

#con-reform .bx01{ width: 800px; margin: 0 auto 80px; }
#con-reform .bx01 h5{ padding-left: 30px; margin-bottom: 10px; }
#con-reform .bx01 .top-bx{ width: 740px; margin: 0 auto; background: #fff; border: 5px solid #c9c3b4; position: relative; padding: 30px 0 20px 55px; z-index: 98; }
#con-reform .bx01 .top-bx .con01-point01{ position: absolute; bottom: 0; right: 15px; z-index: 99 }
#con-reform .bx01 .top-bx .con02-point01{ position: absolute; bottom: 0; right: 15px; z-index: 99 }
#con-reform .bx01 .top-bx .top-txt{ width: 480px; line-height: 1.7;  position: relative; z-index: 100; }
#con-reform .bx01 .und-bx{ background: #f08200; padding: 160px 30px 25px;  margin-top: -125px; position: relative;  }
#con-reform .bx01 .und-bx h6{ text-align: center; font-size: 22px ; color: #fff; font-weight: bold; }
#con-reform .bx01 .und-bx .inner{ background: url('../images/reform/con-bg.jpg') top center; padding: 15px 20px; margin-bottom: 25px; }
#con-reform .con01 .und-bx .inner li{ float: right; margin-left: -45px; text-align: center; }
#con-reform .con01 .und-bx .inner li p{ font-weight: bold; }
#con-reform .bx01 .und-bx .con-bottom-txt{ background: #fff; width: 635px; margin: 0 auto; padding: 25px 0; text-align: center; border-radius: 10px; font-weight: bold; font-size: 17px; }
#con-reform .bx01 .con01-point02{ position: absolute; bottom: 0; right: 30px; }
#con-reform .con02 .und-bx01{ background: #f08200; padding: 105px 30px 25px;  margin-top: -70px; position: relative;  }
#con-reform .con02 .und-bx02{  padding: 0px 30px 25px;  position: relative; background: #f08200; }
#con-reform .con02 .und-bx02 .con02-abs{ position: absolute; bottom: 0; left: 0; }
#con-reform .con02 .und-bx01 .inner ul{ margin-bottom: 25px; }
#con-reform .con02 .und-bx02 .inner ul{ margin-bottom: 25px; }
#con-reform .con02 .und-bx01 .inner li{ float: left; margin-right: 50px;  }
#con-reform .con02 .und-bx02 .inner li{ float: left; margin-right: 45px;  }
#con-reform .con02 .und-bx01 .inner li:last-child{ float: left; margin-right: 0px;  }
#con-reform .con02 .und-bx02 .inner li:last-child{ float: left; margin-right: 0px;  }
#con-reform .con02 .und-bx01 h6{ text-align: center; font-size: 22px ; color: #fff; font-weight: bold; }
#con-reform .con02 .und-bx01 h6 span{ display: ; }
#con-reform .con02 .und-bx02 h6{ text-align: center; font-size: 22px ; color: #fff; font-weight: bold; }
#con-reform .con02 .und-bx02 h6 span{ display: ; }
#con-reform .con02 .und-bx01 .inner{ background: url('../images/reform/con-bg.jpg') top center; padding: 15px 45px 50px; margin-bottom: 25px; text-align: center; }
#con-reform .con02 .und-bx02 .inner{ background: url('../images/reform/con-bg.jpg') top center; padding: 15px 45px 30px; margin-bottom: 25px; text-align: center; }
#con-reform .con02 .und-bx01 .inner .b-txt{ margin-bottom: 25px; }
#con-reform .con02 .und-bx02 .inner .b-txt{ margin-bottom: 25px; }
#con-reform .con02 .und-bx02 .inner .in-txt{ width: 585px; margin: 0 auto; }

#con-reform .f-bx{ width: 800px; margin: 0 auto 95px; }
#con-reform .f-bx li{ float: left; margin-right: 10px; width: 395px; }
#con-reform .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-reform{ width:100%; margin: 0 auto 50px; }
#con-reform .right{ float: none; }
#con-reform .left{ float: none; }
#con-reform .h-bx{ width: 100%; margin: 0 auto; background: url('../images/reform/h-img.jpg') top center no-repeat; padding: 20px 0 35px; margin-bottom: 100px; position: relative; }
#con-reform .h-bx .h-ttl{ text-align: center; margin:0 auto 7%; width: 85%; }
#con-reform .h-bx .h-txt{ text-align: center; color: #fff; font-size: 12px; margin-bottom: 20px; background: #000; opacity: 0.8; width: 100%; margin: 0 auto; padding: 5% 3%; }

#con-reform .bx01{ width:100%; margin: 0 auto 80px; }
#con-reform .bx01 h5{ width: 90%; margin:0 auto 7%; }
#con-reform .bx01 .top-bx{ width:100%; margin: 0 auto; background: #fff; border: 5px solid #c9c3b4; position: relative; padding: 5% 3%; z-index: 98; }
#con-reform .bx01 .top-bx .con01-point01{ position: absolute; top: -25px; left: 15px; z-index: 99; width: 20%; }
#con-reform .bx01 .top-bx .con02-point01{ position: absolute; bottom: 0; right: 15px; z-index: 99; width: 20%; }
#con-reform .bx01 .top-bx .top-txt{ width:100%; line-height: 1.7;  position: relative; z-index: 100; }
#con-reform .bx01 .und-bx{ background: #f08200; padding:  5% 3%; position: relative;  }
#con-reform .bx01 .und-bx h6{ text-align: center; font-size: 22px ; color: #fff; font-weight: bold; }
#con-reform .bx01 .und-bx .inner{ background: url('../images/reform/con-bg.jpg') top center; padding: 3%; margin-bottom: 25px; }
#con-reform .con01 .und-bx .inner li{ float: left;  margin-right: 3%; width: 48.5%; text-align: center; }
#con-reform .con01 .und-bx .inner li:nth-child(even){ float: left;  margin-right: 0%; width: 48.5%; text-align: center; }
#con-reform .con01 .und-bx .inner li p{ font-weight: bold; }
#con-reform .bx01 .und-bx .con-bottom-txt{ background: #fff; width:100%; margin: 0 auto; padding: 3% 0; text-align: center; border-radius: 10px; font-weight: bold; font-size: 16px; }
#con-reform .bx01 .con01-point02{ position: absolute; bottom: 2%; right: 5px; width: 15%; }
#con-reform .con02 .und-bx01{ background: #f08200; padding: 3%;   position: relative;  }
#con-reform .con02 .und-bx02{  padding: 3%;  position: relative; background: #f08200; }
#con-reform .con02 .und-bx01 .inner ul{ width: 100%; }
#con-reform .con02 .und-bx02 .inner ul{ width: 100%; }
#con-reform .con02 .und-bx01 .inner li{ float: left; margin-right: 2%; width: 48.5%; margin-bottom: 7%; }
#con-reform .con02 .und-bx01 .inner li:first-child{ float: left; width: 45%;  margin-bottom: 7%;  }
#con-reform .con02 .und-bx01 .inner li:last-child{ float: none; margin-left: 25%;  }
#con-reform .con02 .und-bx01 .inner li:nth-child(2){ float: left; margin-right: 0px; width: 53%; }
#con-reform .con02 .und-bx02 .inner li:first-child{ float: left; width: 54%;  margin-bottom: 7%;  }
#con-reform .con02 .und-bx02 .inner li:nth-child(2){ float: left; margin-right: 0px; width: 46%; margin-bottom: 7%;  }
#con-reform .con02 .und-bx02 .inner li:last-child{ float: none; margin-left: 28%; width: 45%; margin-bottom: 7%; }
#con-reform .con02 .und-bx01 h6{ text-align: center; font-size: 22px ; color: #fff; font-weight: bold; }
#con-reform .con02 .und-bx01 h6 span{ display: none; }
#con-reform .con02 .und-bx02 h6{ text-align: center; font-size: 22px ; color: #fff; font-weight: bold; }
#con-reform .con02 .und-bx02 h6 span{ display: none; }
#con-reform .con02 .und-bx01 .inner{ background: url('../images/reform/con-bg.jpg') top center; padding: 3%; margin-bottom: 25px; text-align: center; }
#con-reform .con02 .und-bx02 .inner{ background: url('../images/reform/con-bg.jpg') top center; padding: 3%; margin-bottom: 25px; text-align: center; }
#con-reform .con02 .und-bx01 .inner .b-txt{ margin-bottom: 25px; }
#con-reform .con02 .und-bx02 .inner .b-txt{ margin-bottom: 25px; }
#con-reform .con02 .und-bx02 .inner .in-txt{ width:100%; margin: 0 auto; }
#con-reform .con02 .und-bx02 .con02-abs{ position: absolute; bottom: 0; left: 0; width: 30%; }

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

}