.mv {
  min-height: min(560px, 560 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .mv {
    min-height: calc(482 / 390 * var(--inner-width) * 1px);
  }
}
.mv::after {
  background-image: url(../img/common/mv-frame-f3f3f3.svg);
}

.mv__bg picture,
.mv__bg img {
  transform: scale(1);
}

.person-mv__inner {
  --person-mv-height-ratio: 1;
  width: min(1040px, 1040 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto;
  padding-top: calc(min(112px, 112 / 1280 * var(--inner-width) * 1px) * var(--person-mv-height-ratio));
  height: 100%;
}
@media only screen and (max-width: 48em) {
  .person-mv__inner {
    width: 100%;
    padding-top: 0;
    padding-left: calc(27 / 390 * var(--inner-width) * 1px);
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
  }
}

.person-mv__contents {
  width: min(324px, 324 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-mv__contents {
    width: auto;
  }
}

.person-mv__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: min(57.6px, 57.6 / 1280 * var(--inner-width) * 1px);
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  white-space: nowrap;
}
@media only screen and (max-width: 48em) {
  .person-mv__title {
    margin-bottom: calc(21 / 390 * var(--inner-width) * 1px);
    flex-direction: column;
    align-items: flex-start;
    font-size: calc(20 / 390 * var(--inner-width) * 1px);
  }
}
.person-mv__title span:first-child {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  position: relative;
  margin-right: min(18px, 18 / 1280 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 48em) {
  .person-mv__title span:first-child {
    margin-right: 0;
    font-size: calc(20 / 390 * var(--inner-width) * 1px);
  }
}
.person-mv__title span:first-child::after {
  display: block;
  content: "";
  width: 2px;
  height: min(19.2px, 19.2 / 1280 * var(--inner-width) * 1px);
  background: #fff;
  margin-left: min(18px, 18 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-mv__title span:first-child::after {
    height: calc(16 / 390 * var(--inner-width) * 1px);
    margin-left: calc(15 / 390 * var(--inner-width) * 1px);
  }
}
.person-mv__title span:last-child {
  padding-bottom: 0.1em;
}

.person-mv__dept {
  font-weight: 500;
  font-size: min(16.8px, 16.8 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
  margin-bottom: min(9.6px, 9.6 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-mv__dept {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(4 / 390 * var(--inner-width) * 1px);
  }
  .person-mv__dept span {
    display: inline-block;
    line-height: 1.5;
  }
}

.person-mv__name {
  font-weight: 700;
  font-size: min(28.8px, 28.8 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(4.8px, 4.8 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-mv__name {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(4 / 390 * var(--inner-width) * 1px);
  }
}

.person-mv__data {
  font-size: min(16.8px, 16.8 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
  margin-bottom: min(19.2px, 19.2 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-mv__data {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 390 * var(--inner-width) * 1px);
  }
}

.person-mv__tags {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: min(9.6px, 9.6 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-mv__tags {
    gap: calc(10 / 390 * var(--inner-width) * 1px);
  }
}
.person-mv__tags li {
  font-size: min(16.8px, 16.8 / 1280 * var(--inner-width) * 1px);
  border: 1px solid currentColor;
  border-radius: min(38.4px, 38.4 / 1280 * var(--inner-width) * 1px);
  height: min(28.8px, 28.8 / 1280 * var(--inner-width) * 1px);
  padding: 0 min(14.4px, 14.4 / 1280 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 48em) {
  .person-mv__tags li {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
    height: calc(24 / 390 * var(--inner-width) * 1px);
    border-radius: calc(32 / 390 * var(--inner-width) * 1px);
    padding: 0 calc(12 / 390 * var(--inner-width) * 1px);
  }
}

.person-mv__note {
  margin-top: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  font-weight: 500;
  font-size: min(12px, 12 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-mv__note {
    margin-top: calc(24 / 390 * var(--inner-width) * 1px);
    font-size: calc(22 / 390 * var(--inner-width) * 1px);
    white-space: nowrap;
    line-height: 0.5;
    transform-origin: left top;
    transform: scale(0.5);
  }
}

.person__wrap {
  position: relative;
  background: #f3f3f3;
  padding-top: min(126px, 126 / 1280 * var(--inner-width) * 1px);
  padding-bottom: min(200px, 200 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person__wrap {
    padding-top: calc(52 / 390 * var(--inner-width) * 1px);
    padding-bottom: calc(176 / 390 * var(--inner-width) * 1px);
  }
}

.person__inner {
  width: min(1040px, 1040 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 48em) {
  .person__inner {
    width: 100%;
    padding: 0 calc(32 / 390 * var(--inner-width) * 1px);
  }
}

.person__main-catch {
  text-align: center;
  font-size: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  margin-bottom: min(90px, 90 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .person__main-catch {
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(64 / 390 * var(--inner-width) * 1px);
  }
}

.person-intro {
  margin-bottom: min(96px, 96 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-intro {
    margin-bottom: calc(64 / 390 * var(--inner-width) * 1px);
  }
}

.person-intro__inner {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
@media only screen and (max-width: 48em) {
  .person-intro__inner {
    flex-direction: column;
  }
}

.person-section {
  width: min(520px, 520 / 1280 * var(--inner-width) * 1px);
  padding: 0 min(56px, 56 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-section {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (min-width: 48.0625em) {
  .person-intro .person-section:first-child {
    padding-left: 0;
    padding-right: min(28px, 28 / 1280 * var(--inner-width) * 1px);
    border-right: 1px solid #000;
  }
}
@media only screen and (max-width: 48em) {
  .person-intro .person-section:first-child {
    padding-left: 0;
    padding-bottom: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 390 * var(--inner-width) * 1px);
    border-bottom: 1px solid #000;
  }
}

.person-columns .person-section {
  padding: 0;
  width: min(496px, 496 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-columns .person-section {
    width: 100%;
  }
}

.person-columns .person-section + .person-section {
  margin-top: min(80px, 80 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-columns .person-section + .person-section {
    margin-top: calc(64 / 390 * var(--inner-width) * 1px);
  }
}

.person-section__title {
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  font-weight: 500;
  margin-bottom: min(16px, 16 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-section__title {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
    text-align: center;
    margin-bottom: calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.person-section__caption {
  font-weight: 700;
  font-size: min(18px, 18 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(8px, 8 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-section__caption {
    font-size: calc(18 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 390 * var(--inner-width) * 1px);
    text-align: center;
  }
}

.person-section__text {
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
}
@media only screen and (max-width: 48em) {
  .person-section__text {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
  }
}

.person-section__career-flow li {
  position: relative;
  font-weight: 500;
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  .person-section__career-flow li {
    flex-direction: column;
    align-items: flex-start;
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.person-section__career-flow li + li {
  margin-top: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-section__career-flow li + li {
    margin-top: calc(24 / 390 * var(--inner-width) * 1px);
  }
}
.person-section__career-flow li + li::before {
  content: "";
  position: absolute;
  width: min(9px, 9 / 1280 * var(--inner-width) * 1px);
  height: min(17px, 17 / 1280 * var(--inner-width) * 1px);
  left: 0;
  right: 0;
  bottom: calc(100% + min(8px, 8 / 1280 * var(--inner-width) * 1px));
  margin: 0 auto;
  background: url(../img/common/person-flow-arrow.svg) no-repeat center center/contain;
}
@media only screen and (max-width: 48em) {
  .person-section__career-flow li + li::before {
    width: calc(9 / 390 * var(--inner-width) * 1px);
    height: calc(17 / 390 * var(--inner-width) * 1px);
    bottom: 100%;
  }
}

.person-section__career-date {
  width: min(52px, 52 / 1280 * var(--inner-width) * 1px);
  flex-shrink: 0;
}
@media only screen and (max-width: 48em) {
  .person-section__career-date {
    width: auto;
    margin-bottom: calc(8 / 390 * var(--inner-width) * 1px);
  }
}

.person-columns {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 48em) {
  .person-columns {
    flex-direction: column;
  }
}
.person-columns.reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 48em) {
  .person-columns.reverse {
    flex-direction: column;
  }
}

.person-columns__image {
  position: -webkit-sticky;
  position: sticky;
  top: min(120px, 120 / 1280 * var(--inner-width) * 1px);
  width: min(480px, 480 / 1280 * var(--inner-width) * 1px);
  border-radius: min(10px, 10 / 1280 * var(--inner-width) * 1px);
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .person-columns__image {
    position: static;
    width: 100%;
    height: calc(410 / 390 * var(--inner-width) * 1px);
    border-radius: calc(10 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 390 * var(--inner-width) * 1px);
  }
}

.person__pair {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person__pair {
    display: block;
  }
}
.person__pair > * {
  flex: 1;
}

.person-schedule,
.person-project {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: min(40px, 40 / 1280 * var(--inner-width) * 1px) 0 0;
  margin-top: min(80px, 80 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(80px, 80 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .person-schedule,
  .person-project {
    padding: calc(24 / 390 * var(--inner-width) * 1px) 0 calc(59 / 390 * var(--inner-width) * 1px);
    margin: calc(40 / 390 * var(--inner-width) * 1px) 0;
    flex-direction: column;
  }
}

@media only screen and (max-width: 48em) {
  .person-project {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
  }
}

.person-schedule__title,
.person-project__title {
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
  font-weight: 500;
  margin-bottom: min(26px, 26 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-schedule__title,
  .person-project__title {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.person-schedule__graph {
  position: relative;
  width: 100%;
  margin-top: max(-102px, -102 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-schedule__graph {
    margin-top: calc(-76 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(-32 / 390 * var(--inner-width) * 1px);
    height: auto;
  }
}

.person-schedule__mask,
.person-schedule__text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.person-schedule__mask path {
  stroke-dasharray: 480;
  stroke-dashoffset: 0;
  stroke: #f3f3f3;
  transition-property: stroke-dashoffset;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}
.person-schedule__graph.is-active .person-schedule__mask path {
  stroke-dashoffset: 480;
}

.person-schedule__text {
  opacity: 0;
  transform: scale(0.8);
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transition-delay: 0.5s;
}
.person-schedule__graph.is-active .person-schedule__text {
  opacity: 1;
  transform: scale(1);
}

.person-project__image {
  width: min(440px, 440 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto;
}
@media only screen and (max-width: 48em) {
  .person-project__image {
    width: auto;
  }
}
.person-project__image img {
  border-radius: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(8px, 8 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-project__image img {
    border-radius: calc(8 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(8 / 390 * var(--inner-width) * 1px);
  }
}
.person-project__image figcaption {
  font-weight: 500;
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
}
@media only screen and (max-width: 48em) {
  .person-project__image figcaption {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
  }
}

.person-off-time {
  border-radius: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  background: #fff;
  margin-top: min(96px, 96 / 1280 * var(--inner-width) * 1px);
  padding: min(48px, 48 / 1280 * var(--inner-width) * 1px) min(40px, 40 / 1280 * var(--inner-width) * 1px) min(40px, 40 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .person-off-time {
    margin-top: calc(40 / 390 * var(--inner-width) * 1px);
    border-radius: calc(10 / 390 * var(--inner-width) * 1px);
    padding: calc(40 / 390 * var(--inner-width) * 1px) calc(16 / 390 * var(--inner-width) * 1px);
  }
}

.person-off-time__heading {
  text-align: center;
  font-family: "Syncopate", sans-serif;
  font-size: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  margin-bottom: min(20px, 20 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-off-time__heading {
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 390 * var(--inner-width) * 1px);
  }
}

.person-off-time__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(40px, 40 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-off-time__inner {
    flex-direction: column;
  }
}

.person-off-time__image {
  width: min(384px, 384 / 1280 * var(--inner-width) * 1px);
  height: min(224px, 224 / 1280 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  flex-shrink: 0;
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .person-off-time__image {
    width: 100%;
    height: calc(170 / 390 * var(--inner-width) * 1px);
    border-radius: calc(8 / 390 * var(--inner-width) * 1px);
  }
}

.person-off-time__title {
  font-size: min(18px, 18 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  margin-bottom: min(14px, 14 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-off-time__title {
    font-size: calc(18 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(13 / 390 * var(--inner-width) * 1px);
  }
}

.person-off-time__text {
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
}
@media only screen and (max-width: 48em) {
  .person-off-time__text {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
  }
}

.person-other {
  margin-top: min(160px, 160 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-other {
    margin-top: calc(80 / 390 * var(--inner-width) * 1px);
  }
}

.person-other__title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  font-size: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  line-height: 1.5;
}
@media only screen and (max-width: 48em) {
  .person-other__title {
    gap: calc(8 / 390 * var(--inner-width) * 1px);
    font-size: calc(40 / 390 * var(--inner-width) * 1px);
  }
}
.person-other__title span:first-child {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(20px, 20 / 1280 * var(--inner-width) * 1px);
  line-height: 1.2;
}
@media only screen and (max-width: 48em) {
  .person-other__title span:first-child {
    font-size: calc(20 / 390 * var(--inner-width) * 1px);
  }
}

.person-movie {
  display: block;
  width: min(335px, 335 / 1280 * var(--inner-width) * 1px);
  height: min(600px, 600 / 1280 * var(--inner-width) * 1px);
  margin: min(56px, 56 / 1280 * var(--inner-width) * 1px) auto 0;
  position: relative;
}
@media only screen and (max-width: 48em) {
  .person-movie {
    width: auto;
    height: calc(585 / 390 * var(--inner-width) * 1px);
    margin: calc(40 / 390 * var(--inner-width) * 1px) calc(32 / 390 * var(--inner-width) * 1px) 0;
  }
}
.person-movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.person-movie.is-active iframe {
  opacity: 1;
  pointer-events: all;
}

.person-movie__thumbnail {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  overflow: hidden;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
@media only screen and (max-width: 48em) {
  .person-movie__thumbnail {
    border-radius: calc(8 / 390 * var(--inner-width) * 1px);
  }
}
.person-movie__thumbnail img {
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.person-movie__thumbnail:hover img {
  transform: scale(1.1);
}
.person-movie__thumbnail::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: min(136px, 136 / 1280 * var(--inner-width) * 1px);
  height: min(136px, 136 / 1280 * var(--inner-width) * 1px);
  border-radius: min(136px, 136 / 1280 * var(--inner-width) * 1px);
  background: url(../img/common/play.svg) no-repeat center center/contain;
}
@media only screen and (max-width: 48em) {
  .person-movie__thumbnail::after {
    width: calc(132 / 390 * var(--inner-width) * 1px);
    height: calc(132 / 390 * var(--inner-width) * 1px);
    border-radius: calc(132 / 390 * var(--inner-width) * 1px);
  }
}
.person-movie.is-active .person-movie__thumbnail {
  opacity: 0;
  pointer-events: none;
}

.person-carousel {
  overflow: hidden;
  margin-top: min(40px, 40 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-carousel {
    margin-top: calc(40 / 390 * var(--inner-width) * 1px);
  }
}
.person-carousel .swiper {
  margin: 0 auto;
  width: min(1060px, 1060 / 1280 * var(--inner-width) * 1px);
  overflow: visible;
}
@media only screen and (max-width: 48em) {
  .person-carousel .swiper {
    width: calc(264 / 390 * var(--inner-width) * 1px);
  }
}

.person-carousel__item {
  margin: 0 min(10px, 10 / 1280 * var(--inner-width) * 1px);
  display: block;
  position: relative;
  border-radius: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .person-carousel__item {
    margin: 0 calc(12 / 390 * var(--inner-width) * 1px);
  }
}
.person-carousel__item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/person-carousel-splash.png) no-repeat center bottom/100% auto;
}
.person-carousel__item img {
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.person-carousel__item:hover img {
  transform: scale(1.1);
}

.person-carousel__buttons {
  margin-top: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(24px, 24 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .person-carousel__buttons {
    margin-top: calc(36 / 390 * var(--inner-width) * 1px);
    gap: calc(16 / 390 * var(--inner-width) * 1px);
  }
}

.person-carousel__prev,
.person-carousel__next {
  background: transparent;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.person-carousel__prev.swiper-button-disabled,
.person-carousel__next.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.person-carousel__prev .arrow,
.person-carousel__next .arrow {
  --arrow-size: 56;
  --arrow-sp-size: 56;
  --arrow-border: 1;
  color: #48a63f;
}

.line-1 {
  top: 0;
  right: calc(50% + min(283px, 283 / 1280 * var(--inner-width) * 1px));
}
@media only screen and (max-width: 48em) {
  .line-1 {
    right: calc(232 / 390 * var(--inner-width) * 1px);
  }
}
.line-1 {
  width: min(548px, 548 / 1280 * var(--inner-width) * 1px);
  height: min(362px, 362 / 1280 * var(--inner-width) * 1px);
}
.line-1 img {
  width: min(548px, 548 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .line-1 {
    width: calc(548 / 390 * var(--inner-width) * 1px);
    height: calc(0.6605839416 * 548 / 390 * var(--inner-width) * 1px);
  }
  .line-1 img {
    width: calc(548 / 390 * var(--inner-width) * 1px);
  }
}

.line-2 {
  top: min(1065px, 1065 / 1280 * var(--inner-width) * 1px);
  left: calc(50% + min(345px, 345 / 1280 * var(--inner-width) * 1px));
}
@media only screen and (max-width: 48em) {
  .line-2 {
    display: none;
  }
}
.line-2 {
  width: min(528px, 528 / 1280 * var(--inner-width) * 1px);
  height: min(318px, 318 / 1280 * var(--inner-width) * 1px);
}
.line-2 img {
  width: min(528px, 528 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .line-2 {
    width: calc(528 / 390 * var(--inner-width) * 1px);
    height: calc(0.6022727273 * 528 / 390 * var(--inner-width) * 1px);
  }
  .line-2 img {
    width: calc(528 / 390 * var(--inner-width) * 1px);
  }
}

.line-3 {
  bottom: 0;
  right: calc(50% + min(177px, 177 / 1280 * var(--inner-width) * 1px));
}
@media only screen and (max-width: 48em) {
  .line-3 {
    bottom: calc(-50 / 390 * var(--inner-width) * 1px);
    right: auto;
    left: calc(110 / 390 * var(--inner-width) * 1px);
  }
}
.line-3 {
  width: min(464px, 464 / 1280 * var(--inner-width) * 1px);
  height: min(366px, 366 / 1280 * var(--inner-width) * 1px);
}
.line-3 img {
  width: min(464px, 464 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .line-3 {
    width: calc(464 / 390 * var(--inner-width) * 1px);
    height: calc(0.7887931034 * 464 / 390 * var(--inner-width) * 1px);
  }
  .line-3 img {
    width: calc(464 / 390 * var(--inner-width) * 1px);
  }
}/*# sourceMappingURL=person.css.map */