@charset "utf-8";
.wrapper {
  padding-top: 145px;
}
	
.staff_head {
	margin-bottom: clamp(30px, 3.79746835443038vw, 60px)!important;/*base wide size w1580 ⇒ 60px*/
}

.staff-01 {
  background: url("../staff/images/staff_01_head_1580.png") no-repeat top right;
}
.staff-02 {
  background: url("../staff/images/staff_02_head_1580.png") no-repeat top right;
}
.staff-03 {
  background: url("../staff/images/staff_03_head_1580.png") no-repeat top right;
}
.staff-04 {
  background: url("../staff/images/staff_04_head_1580.png") no-repeat top right;
}
.staff-05 {
  background: url("../staff/images/staff_05_head_1580.png") no-repeat top right;
}
.staff-06 {
  background: url("../staff/images/staff_06_head_1580.png") no-repeat top right;
}
.staff-07 {
  background: url("../staff/images/staff_07_head_1580.png") no-repeat top right;
}
.staff-08 {
  background: url("../staff/images/staff_08_head_1580.png") no-repeat top right;
  
}

@media all and (max-width: 1580px) {
	.staff_head img {
  width: 100%;
  height: auto;
}
	
  .staff-01 {
    background: url("../staff/images/staff_01_head_1580.png") no-repeat top right;
    background-size: cover;
  }
  .staff-02 {
    background: url("../staff/images/staff_02_head_1580.png") no-repeat top right;
    background-size: cover;
  }
  .staff-03 {
    background: url("../staff/images/staff_03_head_1580.png") no-repeat top right;
    background-size: cover;
  }
  .staff-04 {
    background: url("../staff/images/staff_04_head_1580.png") no-repeat top right;
    background-size: cover;
  }
  .staff-05 {
    background: url("../staff/images/staff_05_head_1580.png") no-repeat top right;
    background-size: cover;
  }
  .staff-06 {
    background: url("../staff/images/staff_06_head_1580.png") no-repeat top right;
    background-size: cover;
  }
  .staff-07 {
    background: url("../staff/images/staff_07_head_1580.png") no-repeat top right;
    background-size: cover;
  }
  .staff-08 {
    background: url("../staff/images/staff_08_head_1580.png") no-repeat top right;
    background-size: cover;
  }
}
@media all and (max-width: 1366px) {
  .staff-01 {
    background: url("../staff/images/staff_01_head_1366.png") no-repeat top right;
    background-size: cover;
  }
  .staff-02 {
    background: url("../staff/images/staff_02_head_1366.png") no-repeat top right;
    background-size: cover;
  }
  .staff-03 {
    background: url("../staff/images/staff_03_head_1366.png") no-repeat top right;
    background-size: cover;
  }
  .staff-04 {
    background: url("../staff/images/staff_04_head_1366.png") no-repeat top right;
    background-size: cover;
  }
  .staff-05 {
    background: url("../staff/images/staff_05_head_1366.png") no-repeat top right;
    background-size: cover;
  }
  .staff-06 {
    background: url("../staff/images/staff_06_head_1366.png") no-repeat top right;
    background-size: cover;
  }
  .staff-07 {
    background: url("../staff/images/staff_07_head_1366.png") no-repeat top right;
    background-size: cover;
  }
  .staff-08 {
    background: url("../staff/images/staff_08_head_1366.png") no-repeat top right;
    background-size: cover;
  }
}
@media all and (max-width: 767px) {
  .staff-01 {
    background: url("../staff/images/staff_01_head_767.png") no-repeat top right;
    background-size: cover;
  }
  .staff-02 {
    background: url("../staff/images/staff_02_head_767.png") no-repeat top right;
    background-size: cover;
  }
  .staff-03 {
    background: url("../staff/images/staff_03_head_767.png") no-repeat top right;
    background-size: cover;
  }
  .staff-04 {
    background: url("../staff/images/staff_04_head_767.png") no-repeat top right;
    background-size: cover;
  }
  .staff-05 {
    background: url("../staff/images/staff_05_head_767.png") no-repeat top right;
    background-size: cover;
  }
  .staff-06 {
    background: url("../staff/images/staff_06_head_767.png") no-repeat top right;
    background-size: cover;
  }
  .staff-07 {
    background: url("../staff/images/staff_07_head_767.png") no-repeat top right;
    background-size: cover;
  }
  .staff-08 {
    background: url("../staff/images/staff_08_head_767.png") no-repeat top right;
    background-size: cover;
  }
}

@media screen and (min-width: 1580px) and (max-width: 1600px) {
.staff_head {
		margin-bottom: clamp(60px, 3.75vw, 70px)!important;/*base wide size w1600 ⇒ 60px*/
}
}

/*インタビュー部分*/
.staff_wrap {
  display: flex;
  flex-direction: column;
}

.staff_wrap .textArea h3 {
  font-size: clamp(18px, 2.34375vw, 24px); /*base wide size w768 ⇒ 18px*/
  font-weight: 700;
  line-height: 1.3;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #029ce4;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.staff_wrap .textArea h3::before {
  content: "Q. ";
}
.staff_wrap .textArea p + h3 {
  margin-top: 20px;
}
.staff_wrap .textArea p {
  margin-top: 20px;
  font-size: clamp(16px, 1.171303074670571vw, 18px); /*base wide size w1366px ⇒ 16px*/
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
.staff_wrap_l {
  display: flex;
  margin-right: 4%;
	/*padding-top: 5vh;*/
}
.staff_wrap_l:not(:first-child) {
  padding-top: 10rem;
}

.staff_wrap_l .imageArea {
  width: 42vw;
}
.staff_wrap_l .imageArea img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  border-radius: 0 40px 40px 0;
}
.staff_wrap_l .textArea {
  width: 60rem;
  width: calc(50vw - 10rem);
  margin-left: 3.6rem;
}
/*005.html、1枚目のみ適用*/
.staff_wrap_l .imageArea img.img-005 {
  width: 100%;
  height: auto;
  max-width: 600px;
  aspect-ratio: 4 / 5;
  border-radius: 0 40px 40px 0;
}
@media all and (max-width: 767px) {
  .staff_wrap_l {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
  }
  .staff_wrap_l .imageArea {
    width: 84vw;
  }
  .staff_wrap_l .textArea {
    width: 100%;
    margin: 30px auto 0 auto;
    padding: 0 4vw;
  }
  /*005.html、1枚目のみ適用*/
  .staff_wrap_l .imageArea img.img-005 {
    width: 80%;
  }
}
.staff_wrap_r {
  display: flex;
  /*align-items: center;*/
  padding-top: 10rem;
  margin-left: auto;
}
.staff_wrap_r .imageArea {
  width: 42vw;
}
.staff_wrap_r .imageArea img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  border-radius: 40px 0 0 40px;
}
.staff_wrap_r .textArea {
  width: 60rem;
  width: calc(50vw - 10rem);
  margin-right: 3.6rem;
}
@media all and (max-width: 767px) {
  .staff_wrap_r {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 5rem;
    margin-left: 0;
  }
  .staff_wrap_r .imageArea {
    width: 84vw;
    order: 1;
  }
  .staff_wrap_r .textArea {
    width: 100%;
    margin: 30px auto 0 auto;
    padding: 0 4vw;
    order: 2;
  }
}
.staff_wrap_cen {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10rem 4vw 0 4vw;
}
@media all and (max-width: 767px) {
  .staff_wrap_cen {
    padding: 20px 4vw 0 4vw;
  }
}