@charset "UTF-8";
/*====================================================================================
■01.Banner
■02.TOP PAGE
====================================================================================*/
/*====================================================================================
■01.Banner
====================================================================================*/
/*====================================================================================
■02.TOP PAGE
====================================================================================*/
.banner {
  background: url(../common_img/line_banner.png) repeat;
  box-sizing: border-box;
  /* padding: 20px 0px; */
  margin: 0 auto;
  height: 570px;
}

.banner .in_banner {
  background: url(../images/bg_banner.png) no-repeat center 20px;
  height: 550px;
  margin: 0 auto;
}

.banner .in_banner .content {
  background: url(../images/bg_in_banner.png) no-repeat center top;
  position: relative;
  margin: 0 auto;
    width: 100%;
  height: 550px;
  box-sizing: border-box;
}

.banner .in_banner .content h2 {
  padding-top: 123px;
}

.banner .in_banner .box_banner {
  box-shadow: 2px 2px 2px #333;
}

.link_top a{
    text-decoration: none;
}

.link_top a img{
    opacity: 1;
}

.section1 {
  background: url(../images/bg_sec1.png) no-repeat center top;
  height: 454px;
  padding: 45px 0px 50px;
  box-sizing: border-box;
}

.section1 .bg_box {
  background: url(../images/bg_txt_left.jpg) no-repeat left top;
  height: 300px;
  padding: 15px;
  box-sizing: border-box;
  width: 500px;
}

.section1 .bg_box .bg_p {
  background: #fff;
  display: inline-block;
  padding: 1px 7px 0px;
  text-align: center;
}

.section1 .bg_txt1 {
  background: url(../images/bg_txt1_sec1.png) no-repeat right top;
  height: 165px;
}

.section1 .bg_txt2 {
  background: url(../images/bg_txt2_sec1.png) no-repeat left top;
  height: 165px;
}

.section1 .bg_txt1:hover, .section1 .bg_txt2:hover{
     opacity: 0.7;   
}

.section1 .bg_txt1:hover img, .section1 .bg_txt2:hover img{
     opacity: 1;   
}

.section2 {
  background: url(../common_img/bg_sec2.png) repeat left top;
  padding: 50px 0px 70px;
}

.section2 .new {
  width: 640px;
  background: url(../images/bg_news.png) repeat-y;
  padding: 10px;
  box-sizing: border-box;
}

.section2 .new .list_new {
  background: #fff;
  padding: 17px 30px;
  box-sizing: border-box;
}

.section2 .new .tit {
  background: url(../common_img/line_news.png) repeat-x bottom left;
  padding-bottom: 3px;
}

.section2 .new .scroll {
  overflow-y: scroll;
  height: 157px;
}

.section2 .new dl {
  padding: 15px 10px;
  border-bottom: 1px dashed #aaa;
}

.section2 .new dt {
  color: #aaa;
}

.section2 .new dd a {
  text-decoration: none;
}

.section2 .new dd a:hover {
  text-decoration: underline;
}

.section2 .info_new {
  background: url(../images/bg_txt_sec2.png) no-repeat;
  height: 275px;
  width: 340px;
  padding-top: 20px;
}

.section2 .info_new:hover {
  opacity: 0.7;
}

.section2 .info_new p {
  width: 180px;
}

.section3 {
  background: url(../images/bg_sec3.png) no-repeat center top;
  height: 342px;
  position: relative;
}

.section3 h4 {
  position: relative;
  top: -30px;
}

.section3 .pos {
  right: 10px;
  position: absolute;
    z-index: 99999;
}

.section3 .cir1 {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -90px;
}

.section3 .cir2 {
  margin-right: 65px;
  position: relative;
  margin-top: 140px;
}

.section3 .cir3 {
  margin-left: 65px;
  margin-top: 140px;
}

.section4 {
  background: url(../common_img/bg_sec2.png) repeat left top;
  padding: 65px 0px;
}

.section4 .txt {
  box-sizing: border-box;
}

.section4 .txt p {
  color: #281f0a;
}

.section4 .box_shadow {
  box-shadow: 2px 2px 3px #ccc;
}

.section5 {
  background: url(../common_img/bg_sec5.png) repeat;
  padding: 60px 0px 90px;
}

.section5 .info_sec {
  width: 470px;
  height: 330px;
  background: url(../common_img/line_banner.png) repeat;
  padding: 10px 0px;
  box-sizing: border-box;
}

.section5 .info_sec .in_sec {
  background: #fff;
}