@charset "UTF-8";
/* =================================
Top Page CSS
================================= */
#main { margin: 0 auto 50px; }

.staff_profile .list { text-align: left; }

.staff_profile h3 { margin: 30px 0; }

.staff_profile h3 span {
  display: block;
  padding: 10px 0;
}

.staff_profile h3 span.first {
  font-size: 16px;
  color: #757575;
  line-height: 28px;
}

.staff_profile h3 span.last  {
  font-size: 13px;
  color: #D6BA96;
  line-height: 22px;
}


.box_staff { width: 100%; }

.box_staff .staff_left { width: 650px; }

.box_staff .staff_left strong {
  display: block;
  font-size: 18px;
  color: #7A5A27;
  line-height: 32px;
  padding: 0 0 20px;
}

.box_staff .staff_left p {
  font-size: 13px;
  line-height: 1.8em;
  color: #757575;
  margin-bottom: 30px;
}

.box_staff .staff_left .social p {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}


h3.title_staff {
  width: 100%;
  padding: 10px 10px;
  font-size: 15px;
  color: #000;
  background-color: #e6e6e6;
}

.gallary_staff {
  width: 100%;
  text-align: left;
  font-size: 0;
}

.gallary_staff p {
  max-width: 200px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0 21px;
}

.gallary_staff p span {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1.8em;
  color: #757575;
  text-align: left;
  margin-top: 10px;
}

.staff_profile h4.solid_bottom { margin: 50px 0 15px; }

.staff_right .button_web { margin-top: 10px; }


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

.youtube,
.youtube p,
.youtube p img,
.staff_right,
.staff_right p img,
.box_staff .staff_left,
.gallary_staff,
.gallary_staff p img  { width: 100%; }

.staff_right p { width: 100%; text-align: center; }

.staff_right p img { max-width: 320px; }

@media screen and (max-width: 768px){
  .gallary_staff p {
    max-width: 49%;
    margin: 0;
  }
  .gallary_staff p:nth-child(even) {
    margin-left: 2%;
  }
}

.box_staff .staff_left strong {
    display: block;
    font-size: 16px;
    color: #757575;
    line-height: 32px;
    padding: 20px 0 20px;
}


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

  .gallary_staff p span {
    font-size: 12px;
    line-height: 1.8em;
    padding-bottom: 20px;
  }
  .box_staff .staff_left strong {
      display: block;
      font-size: 12px;
      line-height: 1.8em;
  }
}


















}