@charset "UTF-8";
:root {
  --corp-supasapo-red: #fd4d4c;
  --corp-supasapo-blue: #007cff;
  --color-black-solid: #000;
  --supasapo-fw-jp: "Noto Sans JP", sans-serif;
  --supasapo-fw-en: "Inter", sans-serif;
  --supasapo-base-px: 6.4vw;
  --supasapo-ease-out-cubic: cubic-bezier(0.215,0.61,0.355,1);
}

body {
  cursor: url("/img/accessibility/cursor.svg"), auto;
}

@media (width < 768px) {
  .l-main.-accessibility {
    padding-top: 18.66667vw;
  }
}
@media (768px <= width) {
  .l-main.-accessibility {
    padding-top: 80px;
  }
}
.l-main__mask-sidecover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-main__mask-sidecover:before, .l-main__mask-sidecover:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background: #fff;
}
.l-main__mask-sidecover:before {
  left: 0;
  translate: -100% 0;
}
.l-main__mask-sidecover:after {
  right: 0;
  translate: 100% 0;
}

.recruit.accessibility .c-pageTitle {
  padding: 0 var(--supasapo-base-px);
}

@media (width < 768px) {
  .recruit.accessibility .c-pageTitle__inner {
    padding: 46vw 0 10vw;
  }
}
@media (768px <= width) {
  .recruit.accessibility .c-pageTitle__inner {
    padding: 80px 0 80px;
  }
}
.recruit.accessibility .c-pageTitle__inner p {
  margin-top: 0;
  color: var(--color-black-solid);
  text-align: left;
  font-family: var(--supasapo-fw-jp);
  font-size: 16px;
  line-height: 32px;
  font-style: normal;
  font-weight: 400;
}

.c-pageTitle__paragraph {
  width: 100%;
}

@media (768px <= width) {
  .c-pageTitle__paragraph {
    max-width: 340px;
  }
}
.recruit.accessibility .c-pageTitle__line__left {
  z-index: 1;
}

.recruit.accessibility .c-pageTitle__line__img {
  z-index: 0;
}

.recruit.accessibility .c-pageTitle__line__01 {
  z-index: 2;
}

/* .l-su-section */
.l-su-section {
  --max-w: 1920px;
  --background: #fff;
  --mt: 0;
  --pt: 0;
  --pb: 0;
  --px: var(--supasapo-base-px);
  position: relative;
  width: 100%;
  max-width: var(--max-w);
  margin: var(--mt) auto 0;
  padding: var(--pt) var(--px) var(--pb);
  background: var(--background);
}
.l-su-section.-bg_white {
  --background: #fff;
}
.l-su-section.-bg_gray {
  --background: #EFEEEE;
}
.l-su-section.-bg_yellow {
  --background: linear-gradient(76deg, #FDC707 0%, #FFEF4D 100%);
}
.l-su-section.-wave_upper_bg_white {
  --mt: 40px;
  --wave-upper-bg: #fff;
}
.l-su-section.-wave_upper_bg_gray {
  --mt: 40px;
  --wave-upper-bg: #EFEEEE;
}
.l-su-section.-wave_lower_bg_white {
  --mt: 40px;
  --wave-lower-bg: #fff;
}
.l-su-section.-wave_lower_bg_gray {
  --mt: 40px;
  --wave-lower-bg: #EFEEEE;
}
.l-su-section.-wave_lower_bg_yellow {
  --mt: 40px;
  --wave-lower-bg: linear-gradient(76deg, #FDC707 0%, #FFEF4D 100%);
}
.l-su-section.-pt_s {
  --pt: 40px;
}
.l-su-section.-pt_m {
  --pt: 56px;
}
.l-su-section.-pt_l {
  --pt: 80px;
}
.l-su-section.-pb_s {
  --pb: 40px;
}
.l-su-section.-pb_m {
  --pb: 56px;
}
.l-su-section.-pb_l {
  --pb: 80px;
}
.l-su-section.-px_0 {
  --px: 0;
}
@media (width < 768px) {
  .l-su-section.-sp_px_0 {
    --px: 0;
  }
}
.l-su-section:before, .l-su-section:after {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--max-w);
  height: 53px;
}
.l-su-section:before {
  background: var(--wave-upper-bg);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
          clip-path: polygon(0 0, 0% 100%, 100% 0);
  z-index: 2;
}
.l-su-section:after {
  background: var(--wave-lower-bg);
  z-index: 1;
}

.l-su-section__inner {
  margin: 0 auto;
  max-width: 960px;
}

/* .c-su-heading-1 */
.c-su-heading-1 {
  padding-bottom: var(--pb);
  position: relative;
}
/* 画面サイズ ７６８px 未満 */
@media (width < 768px) {
  .c-su-heading-1 {
    --pb: 30px;
    --en-fs: 12px;
    --en-lh: 18px;
    --jp-fs: 28px;
    --jp-lh: 33.6px;
    --jp-ls: 2px;
    --jp-mt: 24px;
  }
  .c-su-heading-1.-h2 {
    --pb: 24px;
    --en-fs: 60px;
    --en-lh: 60px;
    --jp-fs: 16px;
    --jp-lh: 32px;
    --jp-ls: 0;
    --jp-mt: 12px;
  }
  .c-su-heading-1.-no_ribbon {
    --en-text-align: center;
    --jp-text-align: center;
    padding-bottom: 0;
  }
  .c-su-heading-1.-no_ribbon:before, .c-su-heading-1.-no_ribbon:after {
    display: none;
  }
}
/* 画面サイズ 768px 以上 */
@media (768px <= width) {
  .c-su-heading-1 {
    --pb: 30px;
    --en-fs: 15px;
    --en-lh: 18px;
    --en-text-align: left;
    --jp-fs: 36px;
    --jp-lh: 43px;
    --jp-ls: 2px;
    --jp-mt: 24px;
    --jp-text-align: left;
  }
  .c-su-heading-1.-h2 {
    --pb: 24px;
    --en-fs: 70px;
    --en-lh: 1;
    --en-text-align: left;
    --jp-fs: 16px;
    --jp-lh: 32px;
    --jp-ls: 0;
    --jp-mt: 12px;
    --jp-text-align: left;
  }
}
.c-su-heading-1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 8px;
  background: var(--corp-supasapo-red);
}

.c-su-heading-1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 80px;
  width: 80px;
  height: 8px;
  background: var(--corp-supasapo-blue);
}

.c-su-heading-1__en {
  display: block;
  color: var(--color-black-solid);
  font-size: var(--en-fs);
  line-height: var(--en-lh);
  font-family: var(--supasapo-fw-en);
  font-weight: 700;
  text-align: var(--en-text-align);
}

.c-su-heading-1__jp {
  display: block;
  color: var(--color-black-solid);
  font-family: var(--supasapo-fw-jp);
  font-size: var(--jp-fs);
  line-height: var(--jp-lh);
  font-weight: 700;
  letter-spacing: var(--jp-ls);
  margin-top: var(--jp-mt);
  text-align: var(--jp-text-align);
}

/* .c-su-heading-2 */
.c-su-heading-2 {
  position: relative;
  color: var(--color-black-solid);
  font-family: var(--supasapo-fw-jp);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.96px;
  padding-left: 18px;
}
.c-su-heading-2 span {
  display: block;
  font-size: 16px;
  margin-top: -3px;
}

.c-su-heading-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 50%;
  background: var(--corp-supasapo-red);
}

.c-su-heading-2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 50%;
  background: var(--corp-supasapo-blue);
}

/* .c-paragraph */
.c-su-paragraph {
  --para-fs: 16px;
  --para-lh: 32px;
  color: var(--color-black-solid);
  text-align: justify;
  font-family: var(--supasapo-fw-jp);
  font-size: var(--para-fs);
  line-height: var(--para-lh);
  font-style: normal;
  font-weight: 400;
}
.c-su-paragraph.-size_xs {
  --para-fs: 14px;
  --para-lh: 22px;
}
.c-su-paragraph.-size_s {
  --para-fs: 14px;
  --para-lh: 24.5px;
}
.c-su-paragraph.-size_m {
  --para-fs: 16px;
  --para-lh: 32px;
}
.c-su-paragraph.-center {
  text-align: center;
}
.c-su-paragraph.-no_justify {
  text-align: left;
}
.c-su-paragraph.-ls_m {
  letter-spacing: 0.06em;
}

.c-su-title {
  --title-ff: var(--supasapo-fw-jp);
  --title-fs: 23px;
  --title-lh: normal;
  --title-ls: 0;
  --title-fw: 700;
  --title-text-align: left;
  color: var(--color-black-solid);
  text-align: var(--title-text-align);
  font-family: var(--title-ff);
  font-style: normal;
  font-size: var(--title-fs);
  line-height: var(--title-lh);
  letter-spacing: var(--title-ls);
  font-weight: var(--title-fw);
}
.c-su-title.-type_1 {
  --title-ff: var(--supasapo-fw-jp);
  --title-fs: 23px;
  --title-lh: normal;
  --title-ls: 0;
  --title-fw: 800;
}
.c-su-title.-type_2 {
  --title-ff: var(--supasapo-fw-jp);
  --title-fs: 24px;
  --title-lh: normal;
  --title-ls: 0;
  --title-fw: 700;
}
.c-su-title.-type_3 {
  --title-ff: var(--supasapo-fw-jp);
  --title-fs: 18px;
  --title-lh: 28px;
  --title-ls: 1.08px;
  --title-fw: 700;
}
.c-su-title.-type_4 {
  --title-ff: var(--supasapo-fw-jp);
  --title-fs: 16px;
  --title-lh: normal;
  --title-ls: 0;
  --title-fw: 800;
}
.c-su-title.-type_5 {
  --title-ff: var(--supasapo-fw-jp);
  --title-fs: 13px;
  --title-lh: 20px;
  --title-ls: 0.78px;
  --title-fw: 700;
}
.c-su-title.-type_6 {
  --title-ff: var(--supasapo-fw-en);
  --title-fs: 12px;
  --title-lh: 20px;
  --title-ls: 0.9px;
  --title-fw: 700;
}
.c-su-title.-type_7 {
  --title-ff: var(--supasapo-fw-jp);
  --title-fs: 12px;
  --title-lh: 20px;
  --title-ls: 0.9px;
  --title-fw: 700;
}
.c-su-title.-center {
  --title-text-align: center;
}

.c-su-title-group__occupation {
  position: relative;
  padding-right: 6px;
  margin-right: 7px;
}
.c-su-title-group__occupation::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 14px;
  background: var(--color-black-solid);
}

.c-su-title-group__year {
  margin-left: -2px;
}

.c-su-title-group__join {
  margin-left: 4px;
}

/* .c-su-qa */
.c-su-qa {
  --qa-pl: 50px;
  --qa-min-h: 40px;
}
.c-su-qa + .c-su-qa {
  margin-top: 24px;
}

.c-su-qa__question {
  position: relative;
  padding: 8px 0 0 var(--qa-pl);
  min-height: var(--qa-min-h);
}
.c-su-qa__question::before {
  content: "Q";
  position: absolute;
  top: 0;
  left: 0;
  background: #2d2d2d;
  display: blovk;
  width: 40px;
  height: 40px;
  padding-top: 0px;
  text-align: center;
  color: #f7f7f7;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-image: url(/img/accessibility/icon_q.svg);
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: 50% 9px;
  text-indent: -9999px;
  overflow: hidden;
}

.c-su-qa__answer {
  position: relative;
  margin-top: 8px;
  padding: 5px 0 0 var(--qa-pl);
  min-height: var(--qa-min-h);
}
.c-su-qa__answer::before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;
  display: blovk;
  width: 40px;
  height: 40px;
  padding-top: 0px;
  text-align: center;
  color: #f7f7f7;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-image: url(/img/accessibility/icon_a.svg), linear-gradient(76deg, #fdc707 0%, #ffef4d 100%);
  background-size: auto auto, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 9px, 0 0;
  text-indent: -9999px;
  overflow: hidden;
}

/* .p-su-divercity */
.p-su-divercity {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.p-su-divercity__item {
  background: #fff;
  padding: 40px 16px;
}

.p-su-divercity__img {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFD700;
}
.p-su-divercity__img img {
  display: block;
}

@media (width < 768px) {
  .p-su-divercity {
    flex-direction: column;
  }
  .p-su-divercity__img {
    padding: 24px;
  }
}
@media (768px <= width) {
  .p-su-divercity {
    flex-direction: row;
  }
  .p-su-divercity__item {
    width: calc(50% - 12px);
  }
  .p-su-divercity__img {
    aspect-ratio: 436/240;
    padding: 10px;
  }
}
/* .p-su-lead */
.p-su-lead__img {
  position: relative;
}

.p-su-lead__msg {
  position: absolute;
  top: var(--su-lead-msg-top);
  left: var(--su-lead-msg-left);
  width: var(--su-lead-msg-width);
}
.p-su-lead__msg img {
  display: block;
}

@media (width < 768px) {
  .p-su-lead + .p-su-lead {
    margin-top: 40px;
  }
  .p-su-lead__img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-su-lead__img img {
    display: block;
    width: 100%;
  }
  .p-su-lead__text {
    padding: 0 var(--supasapo-base-px);
    margin-top: 24px;
  }
  .p-su-lead__msg {
    --su-lead-msg-top: 1.9%;
    --su-lead-msg-left: 5.3%;
    --su-lead-msg-width: 76.5%;
  }
}
@media (768px <= width) {
  .p-su-lead + .p-su-lead {
    margin-top: 40px;
  }
  .p-su-lead {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
  }
  .p-su-lead.-reverse {
    flex-direction: row-reverse;
  }
  .p-su-lead__img {
    width: 43.75%;
    max-width: 420px;
  }
  .p-su-lead__text {
    flex: 1;
  }
  .p-su-lead__msg {
    --su-lead-msg-top: 8.8%;
    --su-lead-msg-left: 0%;
    --su-lead-msg-width: 85%;
  }
}
@media (1040px <= width) {
  .p-su-lead__msg {
    --su-lead-msg-left: -7%;
  }
}
/* .p-img-text */
.p-img-text__img {
  position: relative;
}

@media (width < 768px) {
  .p-img-text + .p-img-text {
    margin-top: 24px;
  }
  .p-img-text__img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-img-text__img img {
    display: block;
    width: 100%;
    max-width: 327px;
  }
  .p-img-text__text {
    margin-top: 16px;
  }
}
@media (768px <= width) {
  .p-img-text + .p-img-text {
    margin-top: 56px;
  }
  .p-img-text {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .p-img-text.-reverse {
    flex-direction: row-reverse;
  }
  .p-img-text__img {
    width: 33.33%;
    max-width: 320px;
  }
  .p-img-text__text {
    flex: 1;
  }
}
.c-su-schedule {
  padding: var(--container-padding);
  background: #FFF8E2;
  min-height: 400px;
}

@media (width < 768px) {
  .c-su-schedule {
    --container-padding: 24px;
    --icon-size: 80px;
    --label-fs: 16px;
    --balloon-size: 100px;
    --balloon-fs: 11px;
    --balloon-left: 20px;
    --balloon-right: auto;
    --down-arrow-balloon-top: -72px;
    --up-arrow-balloon-top: 52px;
    --time-width: 85px;
    --time-height: auto;
    --time-text-align: left;
    --time-lh: 32px;
    --circle-top: 50%;
    --circle-bottom: auto;
    --circle-left: 53px;
    --circle-translate: 0 -50%;
    --label-mt: 0;
    --label-max-width: 100%;
    --label-height: auto;
    --label-text-align: left;
    --icon-mt: 0;
  }
  .c-su-schedule__line {
    display: block;
    position: absolute;
    top: 0;
    left: 53px;
    width: 16px;
    height: 100%;
    background: #FFD700;
    border-radius: 100px;
  }
  .c-su-schedule__list {
    padding: 24px 0;
  }
  .c-su-schedule__item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .c-su-schedule__item + .c-su-schedule__item {
    margin-top: 50px;
  }
  .c-su-schedule__label {
    flex: 1;
  }
}
@media (width >= 768px) {
  .c-su-schedule {
    --container-padding: 0 24px;
    --icon-size: 60px;
    --label-fs: 14px;
    --balloon-size: 80px;
    --balloon-fs: 8px;
    --balloon-left: auto;
    --balloon-right: 0;
    --down-arrow-balloon-top: 24px;
    --up-arrow-balloon-top: 240px;
    --time-width: auto;
    --time-height: 14px;
    --time-text-align: center;
    --time-lh: 1;
    --circle-top: auto;
    --circle-bottom: -21px;
    --circle-left: 50%;
    --circle-translate: -50% 0;
    --label-mt: 26px;
    --label-max-width: 100px;
    --label-height: 32px;
    --label-text-align: center;
    --icon-mt: 6px;
  }
  .c-su-schedule__line {
    display: block;
    position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
    height: 16px;
    background: #FFD700;
    border-radius: 100px;
  }
  .c-su-schedule__list {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
  }
  .c-su-schedule__item {
    position: relative;
    padding-top: 111px;
  }
  .c-su-schedule__label span {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    height: 100%;
    display: block;
  }
}
@media (width > 900px) {
  .c-su-schedule {
    --icon-size: 80px;
    --label-fs: 14px;
    --balloon-size: 100px;
    --balloon-fs: 11px;
    --down-arrow-balloon-top: 16px;
    --up-arrow-balloon-top: 260px;
  }
}
@media (width > 1024px) {
  .c-su-schedule {
    --icon-size: 100px;
    --label-fs: 16px;
    --balloon-size: 100px;
    --balloon-fs: 11px;
    --down-arrow-balloon-top: 16px;
    --up-arrow-balloon-top: 280px;
  }
}
.c-su-schedule__inner {
  position: relative;
}

.c-su-schedule__balloon {
  position: absolute;
  z-index: 1;
  top: var(--balloon-top);
  left: var(--balloon-left);
  right: var(--balloon-right);
  translate: calc(100% - var(--balloon-size) / 2 + 15px) 0;
  width: var(--balloon-size);
  height: calc(var(--balloon-size) + 5px);
  background: var(--balloon-bg);
  background-size: 100% auto;
}
.c-su-schedule__balloon.-down_arrow {
  --balloon-bg: url(/img/accessibility/bg_balloon_down_arrow.svg) no-repeat 0 0;
  --balloon-top: var(--down-arrow-balloon-top);
  --balloon-inner-top: 0;
}
.c-su-schedule__balloon.-up_arrow {
  --balloon-bg: url(/img/accessibility/bg_balloon_up_arrow.svg) no-repeat 0 0;
  --balloon-top: var(--up-arrow-balloon-top);
  --balloon-inner-top: 5px;
}
.c-su-schedule__balloon span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: var(--balloon-inner-top);
  left: 0;
  width: 100%;
  height: 95.2%;
  color: var(--color-black-solid);
  text-align: center;
  font-family: var(--supasapo-fw-jp);
  font-size: var(--balloon-fs);
  font-weight: 700;
  line-height: 140%;
}

.c-su-schedule__time {
  position: relative;
  display: block;
  width: var(--time-width);
  height: var(--time-height);
  color: var(--color-black-solid);
  text-align: var(--time-text-align);
  font-family: var(--supasapo-fw-jp);
  font-size: 14px;
  font-weight: 700;
  line-height: var(--time-lh);
}
.c-su-schedule__time.-red {
  --circle-bg: #FD4D4C;
}
.c-su-schedule__time.-blue {
  --circle-bg: #007CFF;
}
.c-su-schedule__time:after {
  content: "";
  position: absolute;
  top: var(--circle-top);
  bottom: var(--circle-bottom);
  left: var(--circle-left);
  translate: var(--circle-translate);
  display: block;
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
  background-color: var(--circle-bg);
  border-radius: 50%;
}

.c-su-schedule__label {
  display: block;
  margin-top: var(--label-mt);
  max-width: var(--label-max-width);
  height: var(--label-height);
  position: relative;
  white-space: nowrap;
  color: var(--color-black-solid);
  text-align: var(--label-text-align);
  font-family: var(--supasapo-fw-jp);
  font-size: var(--label-fs);
  font-weight: 700;
  line-height: 32px;
}

.c-su-schedule__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-size);
  height: var(--icon-size);
  background: #FFF;
  padding: 12px;
  margin-top: var(--icon-mt);
}

/* .c-su-button */
.c-su-button {
  --arrow-color: #FFF;
  --text-color: #FFF;
  box-sizing: border-box;
  display: flex;
  position: relative;
  padding: 32px 0;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  background: var(--bg-color);
  color: var(--text-color);
  text-align: center;
  font-family: var(--supasapo-fw-jp);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  transition: color 0.3s;
}
.c-su-button.-bg_blue {
  --bg-color: #007CFF;
  --border-color: #007CFF;
}
.c-su-button.-bg_red {
  --bg-color: #FD4D4C;
  --border-color: #FD4D4C;
}
.c-su-button span {
  position: relative;
  z-index: 1;
}
.c-su-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  z-index: 0;
  transition: 0.3s;
}
.c-su-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 2px var(--border-color);
  transition: 0.3s;
}

@media (hover: hover) {
  .c-su-button:not(.-no_hover):hover.-bg_blue {
    --arrow-color: #007CFF;
    --text-color: #007CFF;
  }
  .c-su-button:not(.-no_hover):hover.-bg_red {
    --arrow-color: #FD4D4C;
    --text-color: #FD4D4C;
  }
  .c-su-button:not(.-no_hover):hover:before {
    width: 100%;
  }
  .c-su-button.-no_hover {
    cursor: default;
  }
}
.c-su-button__arrow {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 12px;
  fill: var(--arrow-color);
  transition: fill 0.3s;
}

/* .p-su-entry
*/
.p-su-entry {
  display: flex;
  gap: 24px;
}

@media (width < 768px) {
  .p-su-entry {
    flex-direction: column;
  }
  .p-su-entry__item {
    width: 100%;
  }
}
@media (width >= 768px) {
  .p-su-entry__item {
    width: calc(50% - 12px);
  }
}
.c-su-swiper {
  overflow: visible !important;
  max-width: 960px;
  margin: 0 auto;
}

.c-su-swiper__img {
  overflow: hidden;
}
.c-su-swiper__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 294/165;
}

.c-su-swiper__title {
  margin-top: 24px;
}

.c-su-swiper__sub {
  margin-top: 24px;
}

.c-su-swiper__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}

.c-su-swiper__button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 40px;
  height: 40px;
  background: var(--color-black-solid, #000);
  border-radius: 50%;
}
.c-su-swiper__arrow {
  width: 20px;
  height: 12px;
  fill: #fff;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-52 {
  margin-top: 52px;
}

.mt-56 {
  margin-top: 56px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-68 {
  margin-top: 68px;
}

.mt-72 {
  margin-top: 72px;
}

.mt-76 {
  margin-top: 76px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-84 {
  margin-top: 84px;
}

.mt-88 {
  margin-top: 88px;
}

.mt-92 {
  margin-top: 92px;
}

.mt-96 {
  margin-top: 96px;
}

.mt-100 {
  margin-top: 100px;
}/*# sourceMappingURL=accessibility.css.map */