@charset "utf-8";
/* Outputed by SCSS */
.cf:before, #menbersWrap #icons:before, .cf:after, #menbersWrap #icons:after {
  content: "";
  display: table;
  zoom: 1;
}

.cf:after, #menbersWrap #icons:after {
  clear: both;
}

/* =========================================================
	NET MEMBER STYLE
========================================================= */
/*--------------------------------------------------
	MODULES
--------------------------------------------------*/
/*----- title -----*/
.title {
  margin-bottom: 10px;
}

/*--------------------------------------------------
	STYLES
--------------------------------------------------*/
#menbersWrap {
  padding: 0 50px;
  margin-bottom: 50px;
}
#menbersWrap h3 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
  font-size: 1.5rem;
  color: #D94E7F;
}
#menbersWrap dl {
  letter-spacing: -.40em;
}
#menbersWrap dl dt, #menbersWrap dl dd {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: top;
  vertical-align: middle;
}
#menbersWrap #card {
  margin-bottom: 60px;
}
#menbersWrap #card dd {
  padding-left: 30px;
}
#menbersWrap #icons {
  margin-bottom: 30px;
}
#menbersWrap #icons dl {
  width: 410px;
  float: left;
  margin-bottom: 30px;
}
#menbersWrap #icons dl dt, #menbersWrap #icons dl dd {
  vertical-align: top;
}
#menbersWrap #icons dl dt {
  width: 185px;
  text-align: center;
}
#menbersWrap #icons dl dd {
  width: 205px;
  padding: 0 10px;
}
#menbersWrap #icons dl dd p:first-child {
  margin-bottom: 5px;
  color: #404040;
  font-size: 12px;
  font-size: 1rem;
}
#menbersWrap #info h4 {
  margin-bottom: 15px;
  text-align: center;
}
#menbersWrap #info h4 span {
  color: #fff;
  font-size: 20px;
  font-size: 1.2rem;
}
#menbersWrap #info h4 span a {
  padding: 3px 15px;
  color: #fff;
  background-color: darkgray;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: top;
}
#menbersWrap #info h4 span a:hover {
  background-color: #ccc;
}
#menbersWrap #info dl {
  width: 700px;
  margin: 0 auto;
  padding: 20px;
  background-color: #efede9;
}
#menbersWrap #info dl dt, #menbersWrap #info dl dd {
  display: block;
}
#menbersWrap #info dl dt {
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px;
  font-size: 1.4rem;
}


@media screen and (max-width: 639px){
  #menbersWrap {
    padding: 0 20px;
  }
  #menbersWrap #card dd {
    padding-left: 0;
    padding-top: 10px;
  }

  #menbersWrap #icons dl,
  #menbersWrap #icons dl dt,
  #menbersWrap #icons dl dd,
  #menbersWrap #info dl {
    width: auto;
  }
  #menbersWrap dl dt,
  #menbersWrap #icons dl dt,
  #menbersWrap #icons dl dd p:first-child {
    width: 100%;
    text-align: center !important;
  }
}