@charset "UTF-8";
/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック
 */
/**
 * Google Fonts の読み込み
 * @param {string} $family - フォント名（要URLエンコード）
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Sans JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Serif JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Lato
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Roboto
 * @param {array} [$weights:(400)] - ウェイト
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
/**
 * 三角形
 * @param {string} $direction - 三角の向き 上:T / 下:B / 左:L / 右:R
 * @param {number} $w - 幅
 * @param {number} $h - 高さ
 * @param {string} $color - 色
 */
/**
 * ローディングアニメーション
 * @param {number} $size - 円のサイズ
 * @param {number} $thickness - 円の枠線の太さ
 * @param {string} $backcolor - 円の色
 * @param {string} $forecolor - 円の強調色
 * @param {string} [$duration=1] - アニメーションのスピード（単位は秒:s）
 */
@media screen and (min-width: 768px) {
  .people-page .page__heading {
    padding-top: 5.8565153734vw;
    padding-bottom: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .page__heading {
    padding-top: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .page__heading {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .people-page .page__heading {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
.people-page .page__heading .page__heading--text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #09015A;
}
@media screen and (min-width: 768px) {
  .people-page .page__heading .page__heading--text {
    font-size: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .page__heading .page__heading--text {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .people-page .page__heading .page__heading--text {
    font-size: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .people-page .page__heading .page__heading--textSmall {
    font-size: 1.756954612vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .page__heading .page__heading--textSmall {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .people-page .page__heading .page__heading--textSmall {
    font-size: 5.3333333333vw;
  }
}
.people-page .profile__list--wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  .people-page .profile__list--wrapper {
    padding-bottom: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .profile__list--wrapper {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .people-page .profile__list--wrapper {
    padding-bottom: 13.3333333333vw;
  }
}
.people-page .profile__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .people-page .profile__list {
    gap: 2.9282576867vw;
    width: 80.5270863836vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .profile__list {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .profile__list {
    width: 1100px;
  }
}
@media screen and (max-width: 767px) {
  .people-page .profile__list {
    -moz-column-gap: 2.9333333333vw;
    column-gap: 2.9333333333vw;
    row-gap: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .people-page .faq__wrapper {
    margin-top: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .people-page .faq__wrapper {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .people-page .faq__wrapper {
    margin-top: 8vw;
  }
}