@charset "UTF-8";
@media (min-width: 769px) {
  .member_block {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
  }
}
@media (min-width: 769px) {
  .member_content {
    width: clamp(0rem, 54.166666666666664vw, 48.75rem);
  }
}
@media (max-width: 768px) {
  .member_content {
    margin-top: clamp(0rem, 11.200000000000001vw, 2.625rem);
  }
}
.member_basicData {
  font-family: var(--en_mds_sans);
}
.member_name {
  font-weight: 700;
}
@media (min-width: 769px) {
  .member_name_ja {
    font-size: clamp(0.625rem, 1.666666666666667vw, 1.5rem);
  }
  .member_name_en {
    font-size: clamp(0.625rem, 0.833333333333333vw, 0.75rem);
    margin-top: clamp(0rem, 2.222222222222222vw, 2rem);
  }
}
@media (max-width: 768px) {
  .member_name_ja {
    font-size: clamp(0.625rem, 6.4vw, 1.5rem);
  }
  .member_name_en {
    font-size: clamp(0.625rem, 3.2vw, 0.75rem);
    margin-top: clamp(0rem, 8.533333333333333vw, 2rem);
  }
}
.member_job {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: var(--en_mds_sans);
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
}
.member_job_item:after {
  display: inline-block;
  content: "/";
  margin-inline: 0.5em;
}
.member_job_item:last-child:after {
  content: none;
}
@media (min-width: 769px) {
  .member_job {
    font-size: clamp(0.625rem, 0.833333333333333vw, 0.75rem);
    line-height: 1.333333333333333;
    margin-top: clamp(0rem, 2.222222222222222vw, 2rem);
  }
}
@media (max-width: 768px) {
  .member_job {
    font-size: clamp(0.625rem, 3.2vw, 0.75rem);
    line-height: 1.333333333333333;
    margin-top: clamp(0rem, 7.466666666666668vw, 1.75rem);
  }
}
@media (min-width: 769px) {
  .member_photo {
    margin-bottom: clamp(0rem, 3.888888888888889vw, 3.5rem);
  }
}
@media (max-width: 768px) {
  .member_photo {
    margin-bottom: clamp(0rem, 11.200000000000001vw, 2.625rem);
  }
}
.member_body h2 {
  font-family: var(--en_mds_sans);
  font-weight: 700;
}
.member_body h2,
.member_body p {
  margin-top: 0.5em;
}
.member_body p +h2 {
  margin-top: 1lh;
}
@media (min-width: 769px) {
  .member_body {
    font-size: clamp(0.625rem, 1.041666666666667vw, 0.9375rem);
    line-height: 1.866666666666667;
  }
}
@media (max-width: 768px) {
  .member_body {
    font-size: clamp(0.625rem, 3.733333333333334vw, 0.875rem);
    line-height: 1.571428571428571;
  }
}
.relatedworks {
  font-family: var(--en_mds_sans);
  font-weight: 700;
}
.relatedworks_list_cntnr.opened .relatedworks_button_label:before {
  rotate: 0deg;
}
.relatedworks_item_title {
  margin-top: 1em;
}
.relatedworks_button {
  width: 100%;
}
.relatedworks_button:hover {
  opacity: 0.5;
}
.relatedworks_button_label {
  position: relative;
  display: block;
  width: fit-content;
  line-height: calc(2em + 1px);
  margin-inline: auto;
  padding-right: 2em;
}
.relatedworks_button_label:before,
.relatedworks_button_label:after {
  position: absolute;
  display: block;
  width: 1em;
  height: 1px;
  margin: auto;
  content: "";
  inset: 0 0 0 auto;
  background-color: #000;
}
.relatedworks_button_label:before {
  rotate: 90deg;
}
@media (min-width: 769px) {
  .relatedworks {
    margin-top: clamp(0rem, 6.944444444444445vw, 6.25rem);
  }
  .relatedworks_head {
    font-size: clamp(0.625rem, 1.388888888888889vw, 1.25rem);
  }
  .relatedworks_content {
    margin-top: clamp(0rem, 2.777777777777778vw, 2.5rem);
  }
  .relatedworks_content.opened .relatedworks_item:nth-child(n+9) {
    display: block;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  .relatedworks_content.opened .relatedworks_button {
    display: none;
  }
  .relatedworks_list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .relatedworks_list:before,
  .relatedworks_list:after {
    display: block;
    width: calc((300 / 1270) * 100%);
    content: "";
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .relatedworks_item {
    width: calc((300 / 1270) * 100%);
    -webkit-transition-property: opacity, display;
    -moz-transition-property: opacity, display;
    -o-transition-property: opacity, display;
    -ms-transition-property: opacity, display;
    transition-property: opacity, display;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transition-behavior: allow-discrete;
  }
  .relatedworks_item:nth-child(n+5) {
    margin-top: clamp(0rem, 2.777777777777778vw, 2.5rem);
  }
  .relatedworks_item:nth-child(n+9) {
    display: none;
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .relatedworks_item_title {
    font-size: clamp(0.625rem, 1.111111111111111vw, 1rem);
    line-height: 1.5;
  }
  .relatedworks_button {
    font-size: clamp(0.625rem, 0.972222222222222vw, 0.875rem);
    margin-top: clamp(0rem, 2.777777777777778vw, 2.5rem);
  }
}
@media (max-width: 768px) {
  .relatedworks {
    margin-top: clamp(0rem, 21.333333333333336vw, 5rem);
  }
  .relatedworks_head {
    font-size: clamp(0.625rem, 5.333333333333334vw, 1.25rem);
  }
  .relatedworks_content {
    margin-top: clamp(0rem, 10.666666666666668vw, 2.5rem);
  }
  .relatedworks_list_cntnr {
    overflow: visible;
    margin-inline: clamp(-0.625rem, -2.666666666666667vw, 0rem);
  }
  .relatedworks_item {
    width: clamp(0rem, 58.666666666666664vw, 13.75rem);
    padding-inline: clamp(0rem, 2.666666666666667vw, 0.625rem);
  }
  .relatedworks_item_title {
    font-size: clamp(0.625rem, 3.733333333333334vw, 0.875rem);
    line-height: 1.571428571428571;
    margin-top: clamp(0rem, 4.266666666666667vw, 1rem);
  }
  .relatedworks_arrow {
    position: static;
    width: clamp(0rem, 13.333333333333334vw, 3.125rem);
    height: auto;
    margin: 0;
    margin-top: clamp(0rem, 8vw, 1.875rem);
  }
  .relatedworks_arrow:after {
    content: none;
  }
  .relatedworks_arrow_cntnr {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
  }
  .relatedworks_arrow_next {
    margin-left: clamp(0rem, 4.266666666666667vw, 1rem);
  }
}