@charset "UTF-8";



/*============================================================
General
======================================================================*/

#member {
  background: url("../images/primal/img_background.jpg");
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-rendering: optimizeLegibility;
}



/*============================================================
Title
============================================================*/

#label-member {
  display: block;
  width: 300px;
  height: auto;
  margin: -30px auto 5px;
  background: url('../images/common/btn_nav_members.png') no-repeat;
  background-size: contain;
  color: #7a4922;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 8px;
}



/*============================================================
Eyecatch
============================================================*/

#box-members-eyecatch {
  position: relative;
  height: 1000px;
  background: url('../images/members/bg-members-eyecatch.jpg') no-repeat;
  background-size: 85%;
  background-position: center;
}

#box-members-eyecatch img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}



/*============================================================
Contetns: body
============================================================*/

#box-member {
  width: 800px;
  margin: 0 auto 120px;
}

.box-member-thumb {
  display: inline-block;
  position: relative;
  float: left;
  width: 250px;
  height: 250px;
  margin: 0 16px 0 0;
}

.img-members-thumb {
  display: block;
  height: 100%;
  margin: 0 auto;
}

.box-member-info {
  display: inline-block;
  position: relative;
  float: left;
  width: 534px;
}

.head-member-info {
  margin: 0 0 24px;
}

.label-member-name {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-kerning: 4px;
}

.label-member-sub {
  display: block;
  font-size: 14px;
  font-kerning: 4px;
}

.text-member-info {
  margin: 0 0 24px;
  font-size: 14px;
  font-kerning: 2px;
  line-height: 1.4;
}

.box-member-career {
  margin: 0 0 24px;
}

.label-member-career {
  display: block;
  font-size: 13px;
}

.list-member-career {
  font-size: 13px;
}

.date-member-career {
  display: inline-block;
  width: 64px;
  font-size: 13px;
}

.text-member-career {
  display: inline-block;
  width: 464px;
  font-size: 13px;
}

.text-member-career strike {
  color: #6d6d6d;
}

.text-member-career a {
  display: inline-block;
  color: #2f2f2f;
}

.box-member-url {
  line-height: 1;
}

.link-member-url {
  color: #2f2f2f;
  font-size: 11px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  #label-member {
    background: none;
  }
  #box-members-eyecatch {
    display: none;
  }
  #box-member {
    width: 100%;
  }
  .box-member-thumb {
    display: block;
    float: none;
    margin: 0 auto 32px;
  }
  .box-member-info {
    width: 100%;
  }
  .label-member-name {
    margin: 0 0 8px;
    font-size: 24px;
  }
  .label-member-sub {
    font-size: 12px;
  }
  .text-member-info {
    margin: 0 0 48px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.5px;
  }
  .label-member-career {
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 16px;
  }
  .list-member-career {
    margin: 12px 0 0;
  }
  .date-member-career {
    display: block;
    width: inherit;
    margin: 0 0 4px;
    font-size: 13px;
  }
  .text-member-career {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    font-size: 13px;
  }
  .link-member-url {
    font-size: 13px;
  }
}