@charset "UTF-8";
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* ベースカラー
*--------------------------------------*/
/*--------------------------------------*
* フォント
*--------------------------------------*/
@font-face {
  font-family: "urw-din-medium";
  src: url(../assets/font/urw-din-medium.ttf);
}
/*--------------------------------------*
* ブレイクポイント
*--------------------------------------*/
/*--------------------------------------*
* vw変換(SP用)
*--------------------------------------*/
/*--------------------------------------*
* vw変換(PC用)
*--------------------------------------*/
/*--------------------------------------*
* デフォルトスタイル
*--------------------------------------*/
html,
body {
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  font-family: "senobi-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #50545c;
  font-family: "senobi-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow-x: hidden;
  overflow-y: auto; /* 縦スクロールを有効にする */
  height: auto;
}

img,
video,
object {
  width: 100%;
  border: none;
  display: block;
}

.cen {
  font-family: "century-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

/*--------------------------------------*
* aタグ
*--------------------------------------*/
a {
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #000;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.6;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
}
a[href=""] {
  pointer-events: none;
}

/*--------------------------------------*
* ローディング
*--------------------------------------*/
#loading-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999;
}

/*--------------------------------------*
* layout
*--------------------------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* ヘッダー
*--------------------------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* フッター
*--------------------------------------*/
/*--------------------------------------*
* object
*--------------------------------------*/
/*-------------------
* component
-------------------*/
/*-------------------
* project
-------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* FV
*--------------------------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* セクション共通
*--------------------------------------*/
@media screen and (max-width: 768px) {
  .sp_logo {
    position: fixed;
    translate: 0 -50%;
    height: 20%;
    top: 50%;
    left: 2%;
  }
  .sp_logo img {
    width: auto;
    height: 100%;
  }
}
.bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.bg img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.horizontal-wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.horizontal-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100vh;
}

.panel {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.panel .image {
  height: 100vh;
  width: auto;
  display: block;
}

.fadein {
  opacity: 0;
}

.zoom {
  overflow: hidden;
}
.zoom img {
  scale: 1.5;
}

/* .zoom_img の初期スタイル (必要であれば) */
.zoom_img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

/* .zoom_in がエリアに入った後に .zoom_img に適用するスタイル */
.zoom_in.in-target-area .zoom_img {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

/* アニメーションを使用する場合 */
.zoom_in.in-target-area .zoom_img.animate {
  -webkit-animation: zoomIn 0.5s ease-in-out forwards;
          animation: zoomIn 0.5s ease-in-out forwards;
}

@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.panel1 .logo {
  position: absolute;
  translate: 0 -50%;
  height: 20%;
  top: 50%;
  left: 2%;
}
.panel1 .logo img {
  width: auto;
  height: 100%;
}

.panel3 .grid {
  margin: 0 2.2vh 0 8vh;
  display: grid;
  gap: 6vh;
}
.panel3 .grid p {
  width: 46.5vh;
  color: #50545c;
  line-height: 2;
  font-size: 2.2vh;
}
.panel3 .img1 {
  width: 43.5vh;
}
.panel3 .img2 {
  width: 64vh;
}

.side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
}

.section1_top {
  margin-right: 28vh;
}
.section1_top .wrap {
  position: relative;
}
.section1_top .wrap .center_text {
  position: absolute;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
}
.section1_top .figure_image {
  position: relative;
  width: 129.5vh;
}
.section1_top .figure_image figure {
  position: absolute;
}
.section1_top .img1 {
  top: 7vh;
  left: 4.5vh;
  width: 34.5vh;
}
.section1_top .img2 {
  width: 40.5vh;
  bottom: -3.5vh;
  left: 39vh;
}
.section1_top .img3 {
  top: 0;
  left: 67.5vh;
  width: 49.7vh;
}
.section1_top .img4 {
  bottom: 11.5vh;
  right: 0;
  width: 47.5vh;
}

.section2_top {
  margin-right: 28vh;
}
.section2_top .figure_image {
  position: relative;
  width: 115.7vh;
}
.section2_top .figure_image figure {
  position: absolute;
}
.section2_top .img1 {
  top: 0;
  left: 4.5vh;
  width: 36.2vh;
}
.section2_top .img2 {
  width: 31.4vh;
  bottom: 6vh;
  left: 15vh;
}
.section2_top .img3 {
  top: 22.2vh;
  left: 50vh;
  width: 46vh;
}
.section2_top .img4 {
  bottom: 9.5vh;
  left: 60.5vh;
  width: 61.5vh;
}
.section2_top .img5 {
  top: 8vh;
  right: 0;
  width: 28.1vh;
}

.section3_top {
  margin-right: 28vh;
}
.section3_top .figure_image {
  width: 147.8vh;
  position: relative;
}
.section3_top .figure_image figure {
  position: absolute;
}
.section3_top .img1 {
  top: 0;
  left: 4.5vh;
  width: 40.2vh;
}
.section3_top .img2 {
  bottom: 5vh;
  left: 6vh;
  width: 40.3vh;
}
.section3_top .img3 {
  top: 12.3vh;
  left: 56.4vh;
  width: 45.7vh;
}
.section3_top .img4 {
  bottom: 9vh;
  left: 56.4vh;
  width: 27.4vh;
}
.section3_top .img5 {
  bottom: 4vh;
  right: 16vh;
  width: 27.4vh;
}
.section3_top .img6 {
  top: 9vh;
  right: 0;
  width: 36.2vh;
}

.section4_top {
  margin: 0 28vh 0 0;
}
.section4_top .figure_image {
  width: 117.4vh;
  position: relative;
}
.section4_top .figure_image figure {
  position: absolute;
}
.section4_top .img1 {
  top: 6vh;
  left: 12.5vh;
  width: 40.2vh;
}
.section4_top .img2 {
  bottom: 2.2vh;
  left: 12.5vh;
  width: 61.6vh;
}
.section4_top .img3 {
  top: 15vh;
  right: -10vh;
  width: 53.7vh;
}

.section5_top {
  margin: 0 28vh 0 0;
}
.section5_top .figure_image {
  width: 79.6vh;
  position: relative;
}
.section5_top .figure_image figure {
  position: absolute;
}
.section5_top .img1 {
  top: 9vh;
  left: 15.4vh;
  width: 28vh;
}
.section5_top .img2 {
  top: 6vh;
  right: -10vh;
  width: 37.3vh;
}
.section5_top .img3 {
  bottom: 5.5vh;
  left: 8.8vh;
  width: 75.8vh;
}

.section6_top {
  margin: 0 28vh 0 0;
}
.section6_top .figure_image {
  width: 94.5vh;
  position: relative;
}
.section6_top .figure_image figure {
  position: absolute;
}
.section6_top .img1 {
  top: 10.1vh;
  left: 16.8vh;
  width: 22.9vh;
}
.section6_top .img2 {
  bottom: 8vh;
  left: 6vh;
  width: 54.5vh;
}
.section6_top .img3 {
  top: 4.5vh;
  right: -10vh;
  width: 49.7vh;
}
.section6_top .img4 {
  bottom: 11vh;
  right: 0vh;
  width: 20.6vh;
}

.section7_top {
  margin: 0 28vh 0 0;
}
.section7_top .figure_image {
  width: 112vh;
  position: relative;
}
.section7_top .figure_image figure {
  position: absolute;
}
.section7_top .img1 {
  top: 44.4vh;
  left: 5vh;
  width: 16.6vh;
}
.section7_top .img2 {
  bottom: 4.5vh;
  left: 15vh;
  width: 14vh;
}
.section7_top .img3 {
  top: 20vh;
  left: 40.5vh;
  width: 17.5vh;
}
.section7_top .img4 {
  top: 12vh;
  left: 67vh;
  width: 12.6vh;
}
.section7_top .img5 {
  top: 52vh;
  right: 0vh;
  width: 13.3vh;
}
.section7_top .img6 {
  top: 4vh;
  left: 2vh;
  width: 26vh;
}
.section7_top .img7 {
  bottom: 13vh;
  left: 32.1vh;
  width: 51.3vh;
}
.section7_top .img8 {
  top: 10vh;
  right: -10vh;
  width: 29.3vh;
}

.staff_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100vh;
}

.staff_wrapper {
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8vh;
}
.staff_wrapper figure {
  width: 35vh;
}

.box_wrapper {
  margin-top: 4vh;
  margin-right: 21.5vh;
  width: 34vh;
}

.credit {
  margin-top: 5vh;
  display: grid;
  gap: 5vh;
}
.credit li {
  padding: 0 1vh 1vh 1vh;
  border-bottom: 1px solid #50545c;
}
.credit li a {
  font-family: "urw-din-medium";
  color: #50545c;
  width: 34vh;
  display: grid;
  grid-template-columns: auto 8vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 2.4vh;
  white-space: pre-line;
  line-height: 1.4;
}
.credit li a span {
  display: block;
}

.item_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100vh;
  margin-top: 13vh;
}
.item_image .item_wrap {
  margin-left: 9vh;
  display: grid;
  grid-template-columns: 43.4vh auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5vh;
}

.buy_btn {
  width: 10vh;
}

.buy_small {
  width: 8vh;
}

.panel5 .limited_wrap .img1 {
  width: 64.5vh;
}
.panel5 .limited_wrap .text {
  width: 52.5vh;
  margin: 0 0 0 auto;
}
.panel5 .limited_wrap p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1vh auto 0;
  text-align: center;
  background-color: #f3f0e7;
  padding: 0.5vh;
  font-size: 1.9vh;
}
.panel5 .limited_wrap p:nth-child(1) {
  margin: 5.5vh auto 0;
}

.staff_code_wrap a {
  margin: 0 17vh;
  width: 48.5vh;
}
.staff_code_wrap a img {
  border-radius: 20px;
}

.footer_bg {
  background-color: #83aeb2;
  width: 56.2vh;
  height: 100vh;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer_bg .dod_logo {
  margin: 3vh 0 9vh;
  width: 56.2vh;
}
.footer_bg .dod_logo img {
  width: 11vh;
  margin: 0 auto;
}
.footer_bg .what {
  font-size: 4.2vh;
  text-align: center;
  color: #efefe3;
}
.footer_bg .com {
  font-size: 2.2vh;
  line-height: 2.1818181818;
  color: #efefe3;
  width: 41vh;
  margin: 0 auto;
}
.footer_bg .site {
  width: 22vh;
  margin: 7vh auto 0;
}

.link_wrap {
  position: relative;
  padding: 0 12vh 0 18vh;
}
.link_wrap .all_items {
  width: 32vh;
}
.link_wrap ul {
  display: grid;
  width: 80%;
  gap: 4vh;
  text-align: center;
  margin: 8vh auto 13vh;
}
.link_wrap ul li {
  padding-bottom: 0.5vh;
  border-bottom: 1px solid #50545c;
}
.link_wrap ul li a {
  font-size: 2.2vh;
  color: #50545c;
}
.link_wrap .logo {
  width: 24vh;
  margin: 0 auto 15vh;
}
.link_wrap .bottom_image {
  width: 28vh;
  position: absolute;
  bottom: -9vh;
  left: 12vh;
}

.high {
  font-size: 2vh;
  position: fixed;
  top: 6vh;
  left: 2vh;
}
.high li {
  padding: 0 3vh 0 0.5vh;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin-bottom: 2.5vh;
}

.staff_page .panel {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.staff_page .panel a {
  margin-top: 16.5vh;
}
.staff_page .panel a figure {
  width: 38vh;
}
.staff_page .panel a p {
  font-size: 2.2vh;
  text-align: center;
  margin-top: 3vh;
  position: relative;
  padding: 1vh 0;
}
.staff_page .panel a p:before, .staff_page .panel a p:after {
  content: "";
  position: absolute;
  width: 1.2vh;
  height: 1.2vh;
  background-size: contain;
}
.staff_page .panel a p:before {
  background-image: url(../assets/images/left_icon.png);
  top: 0;
  left: 0;
}
.staff_page .panel a p:after {
  background-image: url(../assets/images/right_icon.png);
  bottom: 0;
  right: 0;
}
.staff_page .panel .group_image {
  height: 100vh;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 100px;
}
.staff_page .panel .group_image img {
  padding-bottom: 5.3973013493vh;
}
.staff_page .panel1 {
  padding-left: 20.8vh;
}
.staff_page .panel2,
.staff_page .panel3,
.staff_page .panel4,
.staff_page .panel5,
.staff_page .panel6 {
  padding-left: 25.4872563718vh;
}
.staff_page .panel1 .group_image {
  width: 94.4527736132vh;
}
.staff_page .panel2 .group_image {
  width: 138.3808095952vh;
}
.staff_page .panel3 .group_image {
  width: 203.8980509745vh;
}
.staff_page .panel4 .group_image {
  width: 59.2203898051vh;
}
.staff_page .panel5 .group_image {
  width: 100vh;
}
.staff_page .panel6 .group_image {
  width: 197.3013493253vh;
}
.staff_page .panel6 {
  padding-right: 15vh;
}

.staff_style li {
  position: absolute;
}

.staff_wrapper figure img {
  -webkit-transform: scale();
          transform: scale();
}

.staff1 .staff_wrapper figure img {
  width: 100%;
  margin-top: 5vh;
}
.staff1 .staff_wrapper li:nth-child(1) {
  top: 25vh;
  right: 0;
}
.staff1 .staff_wrapper li:nth-child(2) {
  bottom: 20vh;
  right: 0;
}
.staff1 .staff_wrapper li:nth-child(3) {
  bottom: 40vh;
  left: 0;
}

.staff2 .staff_wrapper figure img {
  width: 100%;
  margin-top: 5vh;
}
.staff2 .staff_wrapper li:nth-child(1) {
  top: 40vh;
  right: 0;
}
.staff2 .staff_wrapper li:nth-child(2) {
  bottom: 45vh;
  left: 0;
}

.staff3 .staff_wrapper figure img {
  width: 95%;
  margin-top: 5vh;
}
.staff3 .staff_wrapper li:nth-child(1) {
  top: 12vh;
  right: 3vh;
}
.staff3 .staff_wrapper li:nth-child(2) {
  top: 28vh;
  left: -3vh;
}
.staff3 .staff_wrapper li:nth-child(3) {
  bottom: 41vh;
  left: -1vh;
}
.staff3 .staff_wrapper li:nth-child(4) {
  bottom: 56vh;
  right: 1vh;
}

.staff4 .staff_wrapper figure img {
  width: 94%;
  margin-top: 10vh;
}
.staff4 .staff_wrapper li:nth-child(1) {
  top: 33vh;
  left: -2vh;
}
.staff4 .staff_wrapper li:nth-child(2) {
  bottom: 33vh;
  left: -2vh;
}
.staff4 .staff_wrapper li:nth-child(3) {
  top: 18vh;
  right: 2vh;
}

.staff5 .staff_wrapper figure img {
  width: 70%;
  margin-top: 7vh;
}
.staff5 .staff_wrapper li:nth-child(1) {
  top: 34vh;
  right: 4vh;
}
.staff5 .staff_wrapper li:nth-child(2) {
  top: 60vh;
  right: 6vh;
}

.staff6 .staff_wrapper figure img {
  width: 110%;
  margin-top: 5vh;
}
.staff6 .staff_wrapper li:nth-child(1) {
  top: 31vh;
  right: 1vh;
}
.staff6 .staff_wrapper li:nth-child(2) {
  top: 58vh;
  left: -3vh;
}
.staff6 .staff_wrapper li:nth-child(3) {
  top: 43vh;
  left: -8vh;
}

.staff7 .staff_wrapper figure img {
  width: 100%;
  margin-top: 5vh;
}
.staff7 .staff_wrapper li:nth-child(1) {
  top: 13vh;
  right: 2vh;
}
.staff7 .staff_wrapper li:nth-child(2) {
  top: 32vh;
  left: -2vh;
}
.staff7 .staff_wrapper li:nth-child(3) {
  bottom: 33vh;
  right: -1vh;
}

.staff8 .staff_wrapper figure img {
  width: 85%;
  margin-top: 32vh;
}
.staff8 .staff_wrapper li:nth-child(1) {
  top: 61vh;
  right: 6vh;
}

.staff9 .staff_wrapper figure img {
  width: 140%;
  margin-top: 5vh;
}
.staff9 .staff_wrapper li:nth-child(1) {
  top: 40vh;
  right: -6vh;
}
.staff9 .staff_wrapper li:nth-child(2) {
  top: 29vh;
  left: 0;
}
.staff9 .staff_wrapper li:nth-child(3) {
  bottom: 40vh;
  right: -4vh;
}
.staff9 .staff_wrapper li:nth-child(4) {
  bottom: 54vh;
  left: 8vh;
}

.staff10 .staff_wrapper figure img {
  width: 100%;
  margin-top: 7vh;
}
.staff10 .staff_wrapper li:nth-child(1) {
  top: 29vh;
  left: 1vh;
}
.staff10 .staff_wrapper li:nth-child(2) {
  top: 33vh;
  right: -2vh;
}
.staff10 .staff_wrapper li:nth-child(3) {
  bottom: 34vh;
  right: 2vh;
}
.staff10 .staff_wrapper li:nth-child(4) {
  bottom: 45vh;
  left: -5vh;
}

.staff11 .staff_wrapper figure img {
  width: 110%;
  margin-top: 5vh;
}
.staff11 .staff_wrapper li:nth-child(1) {
  top: 25vh;
  left: 1vh;
}
.staff11 .staff_wrapper li:nth-child(2) {
  top: 27vh;
  right: -5vh;
}
.staff11 .staff_wrapper li:nth-child(3) {
  bottom: 40vh;
  left: -1vh;
}
.staff11 .staff_wrapper li:nth-child(4) {
  bottom: 55vh;
  right: 1vh;
}

.staff12 .staff_wrapper figure img {
  width: 105%;
  margin-top: 5vh;
}
.staff12 .staff_wrapper li:nth-child(1) {
  top: 25vh;
  left: -3vh;
}

.staff13 .staff_wrapper figure img {
  width: 86%;
  margin-top: 20vh;
}
.staff13 .staff_wrapper li:nth-child(1) {
  top: 29vh;
  left: 1vh;
}
.staff13 .staff_wrapper li:nth-child(2) {
  top: 48vh;
  right: 1vh;
}
.staff13 .staff_wrapper li:nth-child(3) {
  bottom: 26vh;
  left: -3vh;
}

.staff14 .staff_wrapper figure img {
  width: 86%;
  margin-top: 26vh;
}
.staff14 .staff_wrapper li:nth-child(1) {
  top: 32vh;
  left: 3vh;
}
.staff14 .staff_wrapper li:nth-child(2) {
  top: 49vh;
  right: -1vh;
}
.staff14 .staff_wrapper li:nth-child(3) {
  bottom: 26vh;
  left: -1vh;
}

.staff15 .staff_wrapper figure img {
  width: 100%;
  margin-top: 10vh;
}
.staff15 .staff_wrapper li:nth-child(1) {
  top: 42vh;
  left: 1vh;
}
.staff15 .staff_wrapper li:nth-child(2) {
  top: 34vh;
  right: 1vh;
}
.staff15 .staff_wrapper li:nth-child(3) {
  bottom: 33vh;
  right: 6vh;
}

.staff16 .staff_wrapper figure img {
  width: 85%;
  margin-top: 28vh;
}
.staff16 .staff_wrapper li:nth-child(1) {
  top: 34vh;
  right: 1vh;
}
.staff16 .staff_wrapper li:nth-child(2) {
  top: 53vh;
  left: 1vh;
}
.staff16 .staff_wrapper li:nth-child(3) {
  bottom: 27vh;
  right: 0;
}

.staff17 .staff_wrapper figure img {
  width: 85%;
  margin-top: 15vh;
}
.staff17 .staff_wrapper li:nth-child(1) {
  top: 21vh;
  left: 1vh;
}
.staff17 .staff_wrapper li:nth-child(2) {
  top: 46vh;
  right: 1vh;
}
.staff17 .staff_wrapper li:nth-child(3) {
  bottom: 56vh;
  left: 1vh;
}
.staff17 .staff_wrapper li:nth-child(4) {
  bottom: 39vh;
  left: -1vh;
}

.staff18 .staff_wrapper figure img {
  width: 108%;
  margin-top: 3vh;
}
.staff18 .staff_wrapper li:nth-child(1) {
  top: 27vh;
  right: -5vh;
}
.staff18 .staff_wrapper li:nth-child(2) {
  top: 10vh;
  left: 9vh;
}
.staff18 .staff_wrapper li:nth-child(3) {
  bottom: 41vh;
  right: -4vh;
}
.staff18 .staff_wrapper li:nth-child(4) {
  bottom: 48vh;
  left: 0;
}

.staff19 .staff_wrapper figure img {
  width: 100%;
  margin-top: 5vh;
}
.staff19 .staff_wrapper li:nth-child(1) {
  top: 14vh;
  left: 1vh;
}
.staff19 .staff_wrapper li:nth-child(2) {
  top: 43vh;
  right: -1vh;
}
.staff19 .staff_wrapper li:nth-child(3) {
  bottom: 41vh;
  right: -1vh;
}/*# sourceMappingURL=style.css.map */