/* ------------------------------
    mixin
------------------------------ */
/* ------------------------------
    staff
------------------------------ */
#page_staff #sec_mv figcaption {
  color: #a58061;
  font-family: "Jost", sans-serif;
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 500;
  text-align: right;
  margin-top: 0.5em;
  margin-right: 3rem;
}
#page_staff #sec_staff {
  margin-top: 10rem;
}
#page_staff #sec_staff .box {
  margin: 15rem 0;
}
#page_staff #sec_staff .box .ttl_wrap {
  margin-bottom: 4rem;
}
#page_staff #sec_staff .box .m-txt {
  color: #a58061;
}
#page_staff #sec_staff .box .profile {
  margin-top: 6rem;
}
#page_staff #sec_staff .box .profile + .profile {
  margin-top: 15rem;
}
#page_staff #sec_staff .box .profile .img_wrap {
  width: 50rem;
  margin: 0 auto;
}
#page_staff #sec_staff .box .profile .img {
  aspect-ratio: 1/1;
}
#page_staff #sec_staff .box .profile .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page_staff #sec_staff .box .profile .position {
  color: #a58061;
  margin-top: 4rem;
}
#page_staff #sec_staff .box .profile .name {
  font-size: 3.5rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0.2em 0 1em;
}
#page_staff #sec_staff .box .profile .name .ja {
  color: #a58061;
}
#page_staff #sec_staff .box .profile .name .en {
  font-family: "Cormorant Infant", serif;
  font-size: 2.4rem;
  margin-left: 0.5em;
}
#page_staff #sec_staff .box .profile .ttl {
  font-size: 2.2rem;
  line-height: 1.4;
  margin-bottom: 1em;
}
#page_staff #sec_staff .box .profile .ttl .en {
  font-family: "Cormorant Infant", serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 500;
  margin-right: 0.5em;
}
#page_staff #sec_staff .box .profile .sttl {
  font-size: 2.2rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-top: 6rem;
  margin-bottom: 0.5em;
}
#page_staff #sec_staff .box .profile .bg {
  background: #fff;
  padding: 6rem 6rem 8rem;
}
#page_staff #sec_staff .box .txt_wrap {
  margin-top: 6rem;
  padding: 0 6rem;
}
#page_staff #sec_staff .box .js-omit {
  position: relative;
}
#page_staff #sec_staff .box .js-omit_item {
  height: 250px;
  overflow: hidden;
  transition: height 0.4s ease;
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  #page_staff #sec_staff .box .js-omit_item {
    height: 200px;
  }
}
#page_staff #sec_staff .box .js-omit_btn {
  background: transparent;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 10rem;
}
#page_staff #sec_staff .box .js-omit_btn .m-ico_circle {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 5rem;
  height: 5rem;
  rotate: 90deg;
}
#page_staff #sec_staff .box .js-omit_btn.is-open .m-ico_circle {
  rotate: -90deg;
}