@charset "UTF-8";

/*-----------------------------------------------------------------------------------visual----------*/

.main_about{
width:100%;
height:280px;
background:url( ../images/v_about.jpg) no-repeat center center #c4a978;
/*background-size:cover;*/
}

@media screen and (max-width: 979px) {

  .main_about{ height:100%; }

}


/*----------------------------------------------------------------------------------page_tit----------*/

@media screen and (min-width: 980px) {

  #title h2{ margin-top:-208px; }

  #title p{ margin:-50px 0 0 120px; }

}

@media screen and (max-width: 979px) {

  #title h2{
  height:46px;
  background: url( ../images/title2_about.png) no-repeat center top;
  }

}


/*----------------------------------------------------------------------------------content----------*/

.est{
margin:50px auto 0;
width:960px;
}

.est_text{
float:left;
width:600px;
padding-top:20px;
}

.est h3 {
border-bottom: 1px solid #dddddd;
padding-bottom: 18px;
position: relative;
}

.est h3:after {
background-color: #c4a978;
content: "";
height: 1px;
width: 50px;
position: absolute;
bottom: -1px;
left: 0;
}

.est p{ margin-top:14px; }

.est_pic{
float:right;
width:320px;
}

.goal{
margin:80px auto 0;
width:960px;
position:relative;
}

.goal h3 {
border-bottom: 1px solid #dddddd;
padding-bottom: 18px;
position: relative;
}

.goal h3:after {
background-color: #c4a978;
content: "";
height: 1px;
width: 50px;
position: absolute;
bottom: -1px;
left: 0;
}

.goal .read { margin-top:14px; }

.goal ul { margin:20px 0 0 70px; }

.goal li { float:left; }

.goal li + li{ margin-left:38px; }

.goal .text {
width:660px;
margin:40px 0 0 300px;
}

.goal .circle {
position:absolute;
top:30px;
left:-62px;
z-index:-1;
}

.face{
margin:100px auto 0;
width:960px;
}

.face_text{
float:left;
width:600px;
padding-top:10px;
}

.face h3 {
border-bottom: 1px solid #dddddd;
padding-bottom: 18px;
position: relative;
}

.face h3:after {
background-color: #c4a978;
content: "";
height: 1px;
width: 50px;
position: absolute;
bottom: -1px;
left: 0;
}

.face p{ margin-top:14px; }

.face_pic{
float:right;
width:320px;
}

.env{
margin:80px auto 0;
width:960px;
position:relative;
}

.env h3 {
border-bottom: 1px solid #dddddd;
padding-bottom: 18px;
position: relative;
}

.env h3:after {
background-color: #c4a978;
content: "";
height: 1px;
width: 50px;
position: absolute;
bottom: -1px;
left: 0;
}

.env p {
margin-top:20px;
padding:28px 35px 28px 330px;
background:url( ../images/pic_about04.jpg) no-repeat left bottom;
background-color:#f0f5fa;
}

.partner{
margin:100px auto 0;
width:960px;
padding-bottom:70px;
}

.partner_text{
float:left;
width:600px;
padding-top:10px;
}

.partner h3 {
border-bottom: 1px solid #dddddd;
padding-bottom: 18px;
position: relative;
}

.partner h3:after {
background-color: #c4a978;
content: "";
height: 1px;
width: 50px;
position: absolute;
bottom: -1px;
left: 0;
}

.partner p{ margin-top:14px; }

.partner_pic{
float:right;
width:320px;
}

.btn_story{
margin-top:18px;
line-height:1.0;
}

.btn_more {
display:inline-block;
width:340px;
height:42px;
text-align:center;
text-decoration:none;
line-height:42px;
outline:none;
}

.btn_more::before,
.btn_more::after {
position:absolute;
z-index:-1;
display:block;
content:'';
}

.btn_more,
.btn_more::before,
.btn_more::after {
-webkit-transition:all .3s;
transition:all .3s;
}

.btn_more {
border:1px solid #c4a978;
color:#c4a978;
overflow:hidden;
font-weight:bold;
}

.btn_more:hover {
color:#fff;
background-color:#c4a978;
cursor:pointer;
}

@media screen and (max-width: 979px) {

  .est,
  .goal,
  .face,
  .env,
  .partner{
  width:90%;
  margin-top:70px;
  }

  .est_text{
  float:none;
  width:100%;
  }

  .est_pic{
  float:none;
  width:100%;
  max-width:320px;
  margin:30px auto 0;
  }

  .goal ul { margin-left:0; }

  .goal li {
  float:none;
  margin-left:0 !important;
  margin-bottom:32px;
  text-align:center;
  }

  .goal .text {
  width:100%;
  margin:0;
  }

  .goal .circle {
  display:none;
  }

  .face_text{
  float:none;
  width:100%;
  }

  .face_pic{
  float:none;
  width:100%;
  max-width:320px;
  margin:30px auto 0;
  }

  .env p {
  padding:20px;
  background-image:none;
  }

  .partner_text{
  float:none;
  width:100%;
  }

  .partner_pic{
  float:none;
  width:100%;
  max-width:320px;
  margin:40px auto 0;
  }

  .btn_story{
  margin-top:18px;
  line-height:1.0;
  text-align:center;
  }

  .btn_more {
  max-width:99%;
  }

}
.imgstyle{ width:100%; max-width:800px;}
.imgstyle_contact{ max-width:800px; width:100%;}