@charset "UTF-8";
.ab-kokoro-no3 {
  font-family: ab-kokoro-no3, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-bold {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.m-plus-rounded-1c-heavy {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.m-plus-rounded-1c-black {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.m-plus-rounded-2m-bold {
  font-family: "m-plus-rounded-2m", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ab-tombo-bold {
  font-family: "ab-tombo-bold", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kozuka-gothic-pr6n {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GenJyuuGothicX-Bold";
  src: url("../fonts/GenJyuuGothicX-Bold.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicX-Bold {
  font-family: "GenJyuuGothicX-Bold", sans-serif;
}

.staff {
  color: #5e5248;
}
.staff .orange1 {
  color: #ff7e00;
}
.staff .orange2 {
  color: #ff6c00;
}
.staff .orange3 {
  color: #ff7200;
}

/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .staff .title {
    position: relative;
  }
  .staff .title h1 {
    position: absolute;
    top: clamp(4.875rem, -30.718rem + 59.26vw, 6.875rem);
    left: 30px;
    line-height: 5rem;
  }
  .staff .title h1 .waffle {
    font-size: clamp(2.813rem, -2.749rem + 9.26vw, 3.125rem);
    padding-left: 10px;
  }
  .staff .title h1 .staff {
    font-size: clamp(4.688rem, -0.874rem + 9.26vw, 5rem);
    letter-spacing: -5px;
  }
  .staff .title h1 .shokai {
    font-size: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
  }
  .staff .okosan {
    position: relative;
  }
  .staff .okosan h2 {
    position: absolute;
    top: 8px;
    left: 105px;
    color: #a26516;
    font-size: clamp(1rem, -0.78rem + 2.96vw, 1.1rem);
  }
  .staff .okosan h2 span {
    font-size: clamp(1.2rem, -0.58rem + 2.96vw, 1.3rem);
  }
  .staff .okosan p {
    font-weight: 700;
    padding: 10px 50px;
  }
  .staff .staff1 {
    position: relative;
  }
  .staff .staff1 .name {
    position: absolute;
    bottom: 110px;
    right: clamp(6.25rem, -8.209rem + 24.07vw, 7.063rem);
    font-size: 45px;
  }
  .staff .staff1 .yakushoku {
    position: absolute;
    bottom: clamp(1.75rem, -4.924rem + 11.11vw, 2.125rem);
    right: clamp(4.188rem, -18.058rem + 37.04vw, 5.438rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .staff2 {
    position: relative;
  }
  .staff .staff2 .name {
    position: absolute;
    bottom: 110px;
    left: clamp(5.75rem, -5.373rem + 18.52vw, 6.375rem);
    font-size: 45px;
  }
  .staff .staff2 .yakushoku {
    position: absolute;
    bottom: clamp(2.188rem, -3.374rem + 9.26vw, 2.5rem);
    left: clamp(9.313rem, -2.922rem + 20.37vw, 10rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .staff3 {
    position: relative;
  }
  .staff .staff3 .name {
    position: absolute;
    bottom: 110px;
    right: clamp(8.938rem, -15.532rem + 40.74vw, 10.313rem);
    font-size: 45px;
  }
  .staff .staff3 .yakushoku {
    position: absolute;
    bottom: clamp(2.063rem, -4.611rem + 11.11vw, 2.438rem);
    right: clamp(4.5rem, -15.521rem + 33.33vw, 5.625rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .staff4 {
    position: relative;
  }
  .staff .staff4 .name {
    position: absolute;
    bottom: 110px;
    left: clamp(5.375rem, -5.748rem + 18.52vw, 6rem);
    font-size: 45px;
  }
  .staff .staff4 .yakushoku {
    position: absolute;
    bottom: clamp(2rem, -6.898rem + 14.81vw, 2.5rem);
    left: clamp(7.75rem, -8.934rem + 27.78vw, 8.688rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .staff5 {
    position: relative;
  }
  .staff .staff5 .name {
    position: absolute;
    bottom: 110px;
    right: clamp(11.188rem, -14.395rem + 42.59vw, 12.625rem);
    font-size: 45px;
    letter-spacing: 15px;
  }
  .staff .staff5 .yakushoku {
    position: absolute;
    bottom: clamp(3.063rem, -2.499rem + 9.26vw, 3.375rem);
    right: clamp(5.75rem, -14.271rem + 33.33vw, 6.875rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .staff6 {
    position: relative;
  }
  .staff .staff6 .name {
    position: absolute;
    bottom: clamp(6.25rem, -4.873rem + 18.52vw, 6.875rem);
    left: clamp(6.125rem, -10.559rem + 27.78vw, 7.063rem);
    font-size: 45px;
    letter-spacing: 15px;
  }
  .staff .staff6 .yakushoku {
    position: absolute;
    bottom: clamp(2.688rem, -3.986rem + 11.11vw, 3.063rem);
    left: clamp(10.813rem, -8.096rem + 31.48vw, 11.875rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .staff7 {
    position: relative;
  }
  .staff .staff7 .name {
    position: absolute;
    bottom: 110px;
    right: clamp(6.75rem, -21.057rem + 46.3vw, 8.313rem);
    font-size: 45px;
  }
  .staff .staff7 .yakushoku {
    position: absolute;
    bottom: clamp(2.625rem, -0.712rem + 5.56vw, 2.813rem);
    right: clamp(6.438rem, -18.032rem + 40.74vw, 7.813rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .staff8 {
    position: relative;
  }
  .staff .staff8 .name {
    position: absolute;
    bottom: 110px;
    left: clamp(5.125rem, -7.11rem + 20.37vw, 5.813rem);
    font-size: 45px;
  }
  .staff .staff8 .yakushoku {
    position: absolute;
    bottom: clamp(2.438rem, -3.124rem + 9.26vw, 2.75rem);
    left: clamp(8.125rem, -5.222rem + 22.22vw, 8.875rem);
    font-size: 20px;
    line-height: 1.6rem;
  }
  .staff .waffleniha {
    position: relative;
    padding-bottom: 150px;
  }
  .staff .waffleniha .p1 {
    position: absolute;
    top: clamp(10.938rem, -3.522rem + 24.07vw, 11.75rem);
    left: 55px;
    font-size: 27px;
  }
  .staff .waffleniha .p1 span {
    font-size: 20px;
  }
  .staff .waffleniha .p2 {
    position: absolute;
    top: clamp(13.188rem, -7.946rem + 35.19vw, 14.375rem);
    left: 55px;
    font-size: clamp(1.5rem, -1.837rem + 5.56vw, 1.688rem);
    line-height: 2.5rem;
  }
  .staff .waffleniha .p2 span {
    font-size: clamp(2.125rem, -1.212rem + 5.56vw, 2.313rem);
  }
  .staff .waffleniha .p3 {
    position: absolute;
    bottom: 190px;
    left: 55px;
    font-size: clamp(0.875rem, -1.35rem + 3.7vw, 1rem);
  }
  .staff .waffleniha .p3 span {
    background: #ffe2b6;
  }
  .staff .form-banner {
    padding: 20px 10px 110px 10px;
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .staff .title {
    position: relative;
  }
  .staff .title h1 {
    position: absolute;
    top: clamp(2.5rem, -0.865rem + 14.36vw, 7.75rem);
    left: clamp(0.563rem, -0.88rem + 6.15vw, 2.813rem);
    line-height: clamp(3rem, 0.436rem + 10.94vw, 7rem);
  }
  .staff .title h1 .waffle {
    font-size: clamp(1.625rem, -0.058rem + 7.18vw, 4.25rem);
    padding-left: 10px;
  }
  .staff .title h1 .staff {
    font-size: clamp(3rem, 0.716rem + 9.74vw, 6.563rem);
    letter-spacing: clamp(-0.625rem, -0.825rem + 0.85vw, -0.313rem);
  }
  .staff .title h1 .shokai {
    font-size: clamp(2.375rem, 0.492rem + 8.03vw, 5.313rem);
    padding-left: 5px;
  }
  .staff .okosan {
    position: relative;
  }
  .staff .okosan h2 {
    position: absolute;
    top: clamp(-0.375rem, -1.377rem + 4.27vw, 1.188rem);
    left: clamp(2.938rem, -0.949rem + 16.58vw, 9rem);
    color: #a26516;
    font-size: clamp(0.75rem, 0.349rem + 1.71vw, 1.375rem);
    letter-spacing: clamp(-0.094rem, -0.154rem + 0.26vw, 0rem);
  }
  .staff .okosan h2 span {
    font-size: clamp(0.75rem, 0.029rem + 3.08vw, 1.875rem);
  }
  .staff .okosan p {
    font-weight: 700;
    padding: 10px clamp(1.25rem, 0.048rem + 5.13vw, 3.125rem);
    font-size: clamp(0.75rem, 0.349rem + 1.71vw, 1.375rem);
    line-height: clamp(1.5rem, 0.859rem + 2.74vw, 2.5rem);
  }
  .staff .staff1 {
    position: relative;
  }
  .staff .staff1 .name {
    position: absolute;
    bottom: clamp(2.938rem, -1.389rem + 18.46vw, 9.688rem);
    right: clamp(3.625rem, -0.462rem + 17.44vw, 10rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
  }
  .staff .staff1 .yakushoku {
    position: absolute;
    bottom: clamp(0.813rem, -0.51rem + 5.64vw, 2.875rem);
    right: clamp(2.125rem, -1.401rem + 15.04vw, 7.625rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .staff2 {
    position: relative;
  }
  .staff .staff2 .name {
    position: absolute;
    bottom: clamp(3.188rem, -1.54rem + 20.17vw, 10.563rem);
    left: clamp(3.125rem, -0.521rem + 15.56vw, 8.813rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
  }
  .staff .staff2 .yakushoku {
    position: absolute;
    bottom: clamp(1rem, -0.603rem + 6.84vw, 3.5rem);
    left: clamp(5rem, -0.569rem + 23.76vw, 13.688rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .staff3 {
    position: relative;
  }
  .staff .staff3 .name {
    position: absolute;
    bottom: clamp(3.125rem, -1.482rem + 19.66vw, 10.313rem);
    right: clamp(5.063rem, -0.506rem + 23.76vw, 13.75rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
  }
  .staff .staff3 .yakushoku {
    position: absolute;
    bottom: clamp(0.938rem, -0.665rem + 6.84vw, 3.438rem);
    right: clamp(2.188rem, -1.298rem + 14.87vw, 7.625rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .staff4 {
    position: relative;
  }
  .staff .staff4 .name {
    position: absolute;
    bottom: clamp(3.063rem, -1.545rem + 19.66vw, 10.25rem);
    left: clamp(2.938rem, -0.468rem + 14.53vw, 8.25rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
  }
  .staff .staff4 .yakushoku {
    position: absolute;
    bottom: clamp(0.938rem, -0.585rem + 6.5vw, 3.313rem);
    left: clamp(4.188rem, -0.62rem + 20.51vw, 11.688rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .staff5 {
    position: relative;
  }
  .staff .staff5 .name {
    position: absolute;
    bottom: clamp(3rem, -1.527rem + 19.32vw, 10.063rem);
    right: clamp(6.063rem, -1.349rem + 31.62vw, 17.625rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
    letter-spacing: clamp(0.625rem, 0.425rem + 0.85vw, 0.938rem);
  }
  .staff .staff5 .yakushoku {
    position: absolute;
    bottom: clamp(1.438rem, -0.766rem + 9.4vw, 4.875rem);
    right: clamp(3rem, -1.207rem + 17.95vw, 9.563rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .staff6 {
    position: relative;
  }
  .staff .staff6 .name {
    position: absolute;
    bottom: clamp(2.813rem, -1.434rem + 18.12vw, 9.438rem);
    left: clamp(3.375rem, -0.752rem + 17.61vw, 9.813rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
    letter-spacing: clamp(0.625rem, 0.425rem + 0.85vw, 0.938rem);
  }
  .staff .staff6 .yakushoku {
    position: absolute;
    bottom: clamp(1.188rem, -0.736rem + 8.21vw, 4.188rem);
    left: clamp(6rem, -0.45rem + 27.52vw, 16.063rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .staff7 {
    position: relative;
  }
  .staff .staff7 .name {
    position: absolute;
    bottom: clamp(2.938rem, -1.389rem + 18.46vw, 9.688rem);
    right: clamp(3.938rem, -0.59rem + 19.32vw, 11rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
  }
  .staff .staff7 .yakushoku {
    position: absolute;
    bottom: clamp(1.188rem, -0.575rem + 7.52vw, 3.938rem);
    right: clamp(3.375rem, -1.473rem + 20.68vw, 10.938rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .staff8 {
    position: relative;
  }
  .staff .staff8 .name {
    position: absolute;
    bottom: clamp(2.75rem, -1.497rem + 18.12vw, 9.375rem);
    left: clamp(2.938rem, -0.508rem + 14.7vw, 8.313rem);
    font-size: clamp(1.563rem, 0.04rem + 6.5vw, 3.938rem);
  }
  .staff .staff8 .yakushoku {
    position: absolute;
    bottom: clamp(1.125rem, -0.598rem + 7.35vw, 3.813rem);
    left: clamp(4.438rem, -0.611rem + 21.54vw, 12.313rem);
    font-size: clamp(0.75rem, 0.149rem + 2.56vw, 1.688rem);
    line-height: clamp(0.9rem, 0.003rem + 3.83vw, 2.3rem);
  }
  .staff .waffleniha {
    position: relative;
    padding-bottom: clamp(0rem, -2.003rem + 8.55vw, 3.125rem);
  }
  .staff .waffleniha .p1 {
    position: absolute;
    top: clamp(5.5rem, -1.551rem + 30.09vw, 16.5rem);
    left: clamp(1.5rem, -0.543rem + 8.72vw, 4.688rem);
    font-size: clamp(0.938rem, -0.024rem + 4.1vw, 2.438rem);
  }
  .staff .waffleniha .p1 span {
    font-size: clamp(0.75rem, 0.029rem + 3.08vw, 1.875rem);
  }
  .staff .waffleniha .p2 {
    position: absolute;
    top: clamp(7.438rem, -0.696rem + 34.7vw, 20.125rem);
    left: clamp(1.5rem, -0.543rem + 8.72vw, 4.688rem);
    font-size: clamp(0.938rem, -0.024rem + 4.1vw, 2.438rem);
    line-height: clamp(1.3rem, -0.11rem + 6.02vw, 3.5rem);
  }
  .staff .waffleniha .p2 span {
    font-size: clamp(1.25rem, 0.088rem + 4.96vw, 3.063rem);
  }
  .staff .waffleniha .p3 {
    position: absolute;
    bottom: clamp(0.75rem, -3.176rem + 16.75vw, 6.875rem);
    left: clamp(1.5rem, -0.543rem + 8.72vw, 4.688rem);
    font-size: clamp(0.531rem, 0.03rem + 2.14vw, 1.313rem);
  }
  .staff .waffleniha .p3 span {
    background: #ffe2b6;
  }
  .staff .form-banner {
    padding: 20px 10px 110px 10px;
  }
}/*# sourceMappingURL=staff.css.map */