/*--------------------*
#page_ttl
*--------------------*/
#page_ttl H2{
  text-align:center;
  margin: 3% auto;
}
#profile{
  margin:0 auto;
}
/*--------------------*
#group_prof
*--------------------*/
#group_prof{
  margin: auto;
  padding-bottom: 10px;
}
#group_prof .section_bdy {
  background: url(../img/profile/group_prof/section_bdy.jpg) repeat-y 50% top / 100% auto;
}
#group_prof .section_ftr {
  background: url(../img/profile/group_prof/section_ftr.jpg) no-repeat 50% bottom / 100% auto;
  padding: 0 0 50px;
}
#group_prof .detail_txt{
  margin: 0 auto;
  width: calc(100% - 36px);
  text-align: justify;
  line-height: 1.5;
  font-size: 16px;
}
#group_prof .detail_txt P{
  text-align: justify;
  margin: 12px 0 0;
}
#group_prof .detail_txt P:first-child {
  margin: 0;
}
/*--------------------*
#group_msg
*--------------------*/
#group_msg{
  margin:3% auto 0;
}
#group_msg .section_bdy{
  margin:auto;
  padding: 0 0 5%;
}
#group_msg .detail_txt{
  display:block;
  margin: 2% auto;
  width: 92%;
  border: 3px solid #CF9F39;
  /*border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;*/
  box-shadow: inset 0px 1px 2px 0px #666;
  -webkit-box-shadow: inset 0px 1px 2px 0px #666;
  -moz-box-shadow: inset 0px 1px 2px 0px #666;
  background: -moz-linear-gradient(
    top,
    #bab4a9 0%,
    #f5e7ce 5%,
    #FFF9ED 20%,
    #faf2e3 82%,
    #d3bd94);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#bab4a9),
    color-stop(0.05, #f5e7ce),
    color-stop(0.20, #FFF9ED),
    color-stop(0.82, #faf2e3),
    to(#d3bd94));

}
#group_msg .detail_txt P{
  color:#9D7106;
  color:#612912;
  padding: 4% 5%;
  text-align: left;
}

/*--------------------*
#feature
*--------------------*/
#feature .section_bdy{
  background: url(../img/profile/feature/section_bdy.jpg) repeat-y 50% top / 100% auto;
  padding: 12px 0 20px;
}
#feature .detail_txt{
  color: #fff;
  width: calc(100% - 36px);
  text-align: justify;
  margin: 0 auto;
}
#feature h3{
  background: #000;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  width: calc(100% - 36px);
  margin: 0 auto 12px;
  font-size: 20px;
  padding: 4px;
  font-weight: normal;
}

/*--------------------*
#about_group
*--------------------*/
[id^= "about_group"]{
  margin: 20px 0 0;
}
[id^= "about_group"] .section_ftr {
  padding: 12px 0 40px;
}

[id^= "about_group"] .detail_txt{
  width: calc(100% - 36px);
  text-align: justify;
  margin: 0 auto;
}
[id^= "about_group"] .detail_txt p{
  margin: 12px 0 0;
}
[id^= "about_group"] .detail_txt p:first-child {
  margin: 0;
}

/*--------------------*
#about_group1
*--------------------*/
#about_group1 .section_bdy{
  background: url(../img/profile/group_about1/section_bdy.jpg) repeat-y 50% top / 100% auto;
}
#about_group1 .section_ftr {
  background: url(../img/profile/group_about1/section_ftr.jpg) no-repeat 50% bottom / 100% auto;
}
/*--------------------*
#about_group2
*--------------------*/
#about_group2 .section_bdy{
  background: url(../img/profile/group_about2/section_bdy.jpg) repeat-y 50% top / 100% auto;
}
#about_group2 .section_ftr {
  background: url(../img/profile/group_about2/section_ftr.jpg) no-repeat 50% bottom / 100% auto;
}

/*--------------------*
#about_group3
*--------------------*/
#about_group3 {
  margin: 20px 0;
}
#about_group3 .section_bdy{
  background: url(../img/profile/group_about3/section_bdy.jpg) repeat-y 50% top / 100% auto;
}
#about_group3 .section_ftr {
  background: url(../img/profile/group_about3/section_ftr.jpg) no-repeat 50% bottom / 100% auto;
}
#about_group3 .about3_h3{
  text-align: center;
  margin: 16px 0 0;
}
#about_group3 .about3_h3 img{
  max-width: 381px;
  width: 60vw;
  height:auto;
}
#about_group3 .chart_info{
  margin: 0 0 20px;
}
#about_group3 .chart_info DL{padding:10px 0px;border-top: 1px solid #5A0C08;overflow: hidden;margin: 0 auto;}
#about_group3 .chart_info DL.dl_last{border-bottom: 1px solid #5A0C08;}
#about_group3 .chart_info DT{width:25%;float:left;}
#about_group3 .chart_info DD{width:75%;float:left;}
#about_group3 #chart_area .sub_ttl1{
  background:url(../../image/explain/about_group3/sub_ttl1.jpg) no-repeat left top;
  height:30px;
  margin:10px auto;
}
#about_group3 H5{
  text-align: center;
  margin-bottom: 5%;
}
#about_group3 H6,
#about_group3 #other_chart DT,
#about_group3 #self_chart DT{
  text-align: center;
  padding-bottom: 1%;
}
#about_group3 H5 IMG,
#about_group3 #other_chart DT IMG,
#about_group3 #self_chart IMG{
  width: 100%;
}
#about_group3 P{
  margin-bottom: 5%;
}
#other_chart DL,
#self_chart DL{
  margin-bottom: 2%;
}

#about_group3 H4{
    font-size: 1em;
    padding: 1%;
    text-align: center;
    width: 92%;
    margin: 2% auto;
}
#about_group3 .chart_info img{
  max-width: 70px;
  width: 100%;
  height: auto;
}
#about_group3 .chart_img{
  text-align: center;
}