@charset "UTF-8";
/* member CSS Document */

.box_member {
  border: 10px solid #231815;
  margin-top: 60px;
  padding: 40px 25px 60px;
}
.box_member * {
  font-weight: 600;
}
.box_member .each_person + .each_person {
  margin-top: 50px;
}
.box_member .each_person figure {
  width: 30%;
}
.box_member .each_person .tx_belong {
  font-size: 2.2rem;
}
.box_member .each_person .tx_name {
  font-size: 5.5rem;
  line-height: 1.3;
}
.box_member .each_person .tx_name .en {
  font-size: 2rem;
  margin-left: 1em;
}
.box_member .each_person .tx_info {
  margin-top: 20px;
}
.box_member .each_person .other {
  margin-top: 20px;
}
.box_member .each_person .other dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.box_member .each_person .other dl dt {
  width: 3em;
}
.box_member .each_person .other dl dd {
  width: calc(100% - 3em);
}
.box_member .each_person .tx_link {
  margin-top: 2em;
}
/* PC */
@media print, screen and (min-width: 769px) {
  .box_member .each_person:after {
    clear: both;
    content: "";
    display: block;
  }
  .box_member .each_person figure {
    float: left;
    margin-right: 5%;
  }
  .box_member .each_person .tx,
  .box_member .each_person .tx_info,
  .box_member .each_person .other {
    overflow: hidden;
  }
  .box_member .each_person .tx {
    padding-top: 20px;
  }
}
/* SP */
@media only screen and (max-width: 768px) {
  .box_member {
    border-width: 5px;
    margin-top: 30px;
    padding: 20px 15px;
  }
  .box_member .each_person {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .box_member .each_person + .each_person {
    margin-top: 30px;
  }
  .box_member .each_person figure {
    width: 120px;
  }
  .box_member .each_person .tx {
    margin-left: 20px;
    width: calc(100% - 140px);
  }
  .box_member .each_person .tx_belong {
    font-size: 1.4rem;
  }
  .box_member .each_person .tx_name {
    font-size: 2.8rem;
    margin-left: 0;
  }
  .box_member .each_person .tx_name .en {
    display: block;
    font-size: 1.2rem;
  }
  .box_member .each_person .tx_info {
    margin-top: 15px;
    width: 100%;
  }
  .box_member .each_person .other {
    margin-top: 15px;
    width: 100%;
  }
}