@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.staff .staff_wrap {
  position: relative;
  width: 1330px;
  margin: 115px auto 0;
  padding: 260px 95px 70px 95px;
  background: rgba(227, 232, 212, 0.5);
  border-radius: 20px;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_wrap {
    width: calc((1330/1920)*100vw);
    margin-top: calc((115/1920)*100vw);
    padding: calc((260/1920)*100vw) calc((95/1920)*100vw) calc((70/1920)*100vw) calc((95/1920)*100vw);
    border-radius: calc((20/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_wrap {
    width: 100%;
    margin-top: calc((80/1200)*100vw);
    padding: calc((170/1200)*100vw) calc((50/1200)*100vw) calc((50/1200)*100vw) calc((50/1200)*100vw);
    border-radius: calc((20/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_wrap {
    margin-top: calc((80/600)*100vw);
    padding: calc((200/600)*100vw) calc((30/600)*100vw) calc((30/600)*100vw) calc((30/600)*100vw);
    border-radius: calc((20/600)*100vw);
  }
}
.staff .staff_wrap:first-of-type {
  margin-top: 0;
}
.staff .staff_wrap:nth-child(even) {
  background: rgba(255, 169, 46, 0.15);
}
.staff .staff_wrap:nth-child(even) .staff_name .en {
  color: rgba(233, 128, 0, 0.6);
}
.staff .staff_wrap:nth-child(even) .staff_detail dt {
  color: #e98000;
}
.staff .staff_wrap:nth-child(even) .staff_ikigomi dt {
  color: #e98000;
}
.staff .staff_img {
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1919px) {
  .staff .staff_img {
    right: calc((100/1920)*100vw);
    max-width: calc((401/1920)*100vw);
    max-height: calc((923/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_img {
    right: calc((60/1200)*100vw);
    max-width: calc((360/1200)*100vw);
    max-height: calc((650/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_img {
    top: calc((-50/600)*100vw);
    right: calc((-10/600)*100vw);
    transform: translateY(0);
    max-width: calc((160/600)*100vw);
    max-height: calc((400/600)*100vw);
  }
}
.staff .staff_name {
  position: absolute;
  top: -50px;
  left: -15px;
  width: 100%;
  padding-left: 105px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 408px;
  background: url("../images/staff/staff_name_bg.png") top left no-repeat;
  background-size: contain;
  letter-spacing: .1em;
  line-height: 1.5;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_name {
    top: calc((-50/1920)*100vw);
    left: calc((-15/1920)*100vw);
    padding-left: calc((105/1920)*100vw);
    height: calc((408/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_name {
    top: calc((-50/1200)*100vw);
    left: calc((-20/1200)*100vw);
    padding-left: calc((70/1200)*100vw);
    height: calc((280/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_name {
    top: calc((-50/600)*100vw);
    left: calc((-20/600)*100vw);
    padding-left: calc((50/600)*100vw);
    height: calc((330/600)*100vw);
  }
}
.staff .staff_name .position {
  font-size: 2.4rem;
  font-weight: 700;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_name .position {
    font-size: calc((24/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_name .position {
    font-size: calc((16/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_name .position {
    font-size: calc((24/600)*100vw);
  }
}
.staff .staff_name .jp {
  font-size: 5.4rem;
  font-weight: 700;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_name .jp {
    font-size: calc((54/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_name .jp {
    font-size: calc((40/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_name .jp {
    font-size: calc((50/600)*100vw);
  }
}
.staff .staff_name .en {
  color: #749d01;
  font-size: 2.1rem;
  font-weight: 500;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_name .en {
    font-size: calc((21/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_name .en {
    font-size: calc((14/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_name .en {
    font-size: calc((22/600)*100vw);
    letter-spacing: 0;
  }
}
.staff .staff_detail {
  position: relative;
  z-index: 11;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 570px;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_detail {
    width: calc((570/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_detail {
    width: calc((570/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_detail {
    width: 100%;
  }
}
.staff .staff_detail dt, .staff .staff_detail dd {
  margin-top: 1em;
  font-size: 2.2rem;
  line-height: 1.75;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_detail dt, .staff .staff_detail dd {
    font-size: calc((22/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_detail dt, .staff .staff_detail dd {
    font-size: calc((16/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_detail dt, .staff .staff_detail dd {
    font-size: calc((24/600)*100vw);
  }
}
.staff .staff_detail dt {
  width: 190px;
  color: #008000;
  font-weight: 700;
  letter-spacing: .1em;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_detail dt {
    width: calc((190/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_detail dt {
    width: calc((150/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_detail dt {
    width: 33%;
  }
}
.staff .staff_detail dt:before {
  content: '■';
}
.staff .staff_detail dd {
  width: 380px;
  font-weight: 500;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_detail dd {
    width: calc((380/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_detail dd {
    width: calc((380/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_detail dd {
    width: 65%;
  }
}
.staff .staff_detail dd li {
  display: inline-block;
  margin-right: 1em;
}
@media only screen and (max-width: 640px) {
  .staff .staff_detail dd li {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
  }
}
.staff .staff_detail dd li:before {
  content: '・';
}
.staff .staff_ikigomi {
  margin-top: 40px;
  padding: 30px 400px 30px 40px;
  background: #FFF;
  border-radius: 15px;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_ikigomi {
    margin-top: calc((40/1920)*100vw);
    padding: calc((30/1920)*100vw) calc((400/1920)*100vw) calc((30/1920)*100vw) calc((40/1920)*100vw);
    border-radius: calc((15/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_ikigomi {
    margin-top: calc((40/1200)*100vw);
    padding: calc((30/1200)*100vw) calc((300/1200)*100vw) calc((30/1200)*100vw) calc((40/1200)*100vw);
    border-radius: calc((15/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_ikigomi {
    margin-top: calc((40/600)*100vw);
    padding: calc((30/600)*100vw);
    border-radius: calc((15/600)*100vw);
  }
}
.staff .staff_ikigomi dt, .staff .staff_ikigomi dd {
  font-size: 2.2rem;
  line-height: 1.75;
}
@media only screen and (max-width: 1919px) {
  .staff .staff_ikigomi dt, .staff .staff_ikigomi dd {
    font-size: calc((22/1920)*100vw);
  }
}
@media only screen and (max-width: 1200px) {
  .staff .staff_ikigomi dt, .staff .staff_ikigomi dd {
    font-size: calc((16/1200)*100vw);
  }
}
@media only screen and (max-width: 640px) {
  .staff .staff_ikigomi dt, .staff .staff_ikigomi dd {
    font-size: calc((24/600)*100vw);
  }
}
.staff .staff_ikigomi dt {
  color: #008000;
  font-weight: 700;
  letter-spacing: .1em;
}
.staff .staff_ikigomi dt:before {
  content: '■';
}
.staff .staff_ikigomi dd {
  margin-top: 1em;
}