@charset "UTF-8";

/* ==========================================
    リセットCSS関係
   ========================================== */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

ul,
ol {
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

textarea {
  resize: vertical;
}

input[type="submit"],
input[type="button"],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

img,
video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.splide__slide {
  -webkit-text-size-adjust: 100%;
}

.uppercase {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}

/* ==========================================
    CSS変数
   ========================================== */
:root {
  /* フォント関係 */
  --base-font: "Noto Sans JP", sans-serif;
  --second-font: "Noto serif JP", serif;
  --heavy: 900;
  --bold: 700;
  --medium: 500;
  --normal: 400;

  /* 色関係 */
  --black: #000;
  --black2: #1e1e1e;
  --white: #fff;
  --gray: #e9e9e9;
  --gray2: #f8f8f8;
  --gray3: #ececec;
  --gray4: #f0f0f0;
  --gray5: #d6d6d6;
  --gray6: #d9d9d9;
  --gray7: #c1c1c1;
  --gray8: #4a4a4a;
  --green: #00715a;
  --green2: #115849;
  --green3: #11bf77;
  --green4: #29d08b;
  --green5: #40cc92;
  --green6: #1bab70;
  --green7: #5ee0aa;
  --light-green: #e9f7f5;
  --gold: #d2ce49;
  --gold2: #c3c14c;
  --gold3: #d6cf07;
  --orange: #f67c09;
}

/* ==========================================
    html, body
   ========================================== */
html {
  font-size: 100%;
}

@media screen and (max-width: 767.98px) {
  html {
    font-size: 3.8647342995vw;
  }
}

@media (min-width: 768px) and (max-width: 1440px) {
  html {
    font-size: calc((100vw - 768px) / 432 * 2 + 12px);
    font-size: 1.11111111vw;
  }
}

body {
  font-family: var(--base-font);
  font-weight: var(--bold);
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  color: var(--black);
}

.bz {
  overflow: hidden;
}

/* ==========================================
    ヘッダー
   ========================================== */
.bz-header {
  position: relative;
  z-index: 1;
  background-color: var(--white);
}

.bz-header__link {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8.8px;
  column-gap: 0.55rem;
}

.bz-header__logo-img {
  width: 55px;
  width: 3.4375rem;
  aspect-ratio: 1/1;
}

.bz-header__logo-txt {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: var(--medium);
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--black);
}

@media (min-width: 768px) {
  .bz-header__logo {
    column-gap: 9.68px;
    column-gap: 0.605rem;
  }

  .bz-header__logo-img {
    width: 60.5px;
    width: 3.78125rem;
  }

  .bz-header__logo-txt {
    font-size: 16.2px;
    font-size: 1.0125rem;
  }
}

/* ==========================================
    FV
   ========================================== */
.bz-fv {
  position: relative;
}

.bz-fv-img {
  position: relative;
  z-index: 2;
}

.bz-fv__cta-wrapper {
  margin-top: -113px;
  margin-top: -7.0625rem;
}

.bz-fv__bg01-img {
  position: absolute;
  top: -55px;
  top: -3.4375rem;
  left: 0;
  z-index: 0;
}

.bz-fv__bg02-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.bz-fv__bg03-img {
  position: absolute;
  top: 374px;
  top: 23.375rem;
  left: 0;
  z-index: 3;
}

@media (min-width: 768px) {
  .bz-fv {
    padding-top: 43.5px;
    padding-top: calc(43.5 / 1680 * 100vw);
    /* padding-top: 2.71875rem; */
  }

  .bz-fv__cta-wrapper {
    margin-top: -120px;
    margin-top: calc(-120 / 1680 * 100vw);
    /* margin-top: -7.5rem; */
  }

  .bz-fv__bg01-img {
    top: -61.5px;
    top: calc(-61.5 / 1680 * 100vw);
    /* top: -3.84375rem; */
  }

  .bz-fv__bg02-img {
    top: 433px;
    top: calc(433 / 1680 * 100vw);
    /* top: 27.0625rem; */
    z-index: 2;
  }

  .bz-fv__bg03-img {
    top: 468px;
    top: calc(468 / 1680 * 100vw);
    /* top: 29.25rem; */
    z-index: 1;
  }
}

/* ==========================================
    CTA
   ========================================== */
.cta-wrapper {
  position: relative;
  z-index: 4;
  width: 369.6px;
  width: 23.1rem;
  margin-inline: auto;
}

.cta__link {
  background-color: var(--white);
  border: 2.1px solid var(--white);
  border: 0.13125rem solid var(--white);
  box-shadow: 0px 3.15px 19.95px rgba(0, 33, 26, 0.4);
  box-shadow: 0rem 0.196875rem 1.246875rem rgba(0, 33, 26, 0.4);
  border-radius: 124.95px;
  border-radius: 7.809375rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 11.36px 10px 16.71px;
  padding: 0.71rem 0.625rem 1.044375rem;
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .cta__link:hover {
    opacity: 0.7;
  }
}

.cta__label {
  font-size: 15.75px;
  font-size: 0.984375rem;
  line-height: calc(19 / 15.75);
  letter-spacing: 0.1em;
  padding: 4.25px 14.7px 5.15px 15.75px;
  padding: 0.265625rem 0.91875rem 0.321875rem 0.984375rem;
  border-radius: 3.15px;
  border-radius: 0.196875rem;
  background-color: var(--green);
  color: var(--white);
}

.cta__text {
  margin-top: 7.75px;
  margin-top: 0.484375rem;
  font-size: 22.05px;
  font-size: 1.378125rem;
  line-height: calc(26 / 22.05);
  letter-spacing: 0.07em;
  color: var(--green2);
}

.cta__icon-img {
  position: absolute;
  top: 50%;
  right: 16.11px;
  right: 1.006875rem;
  transform: translateY(-50%);
  width: 10.51px;
  width: 0.656875rem;
  z-index: 5;
}

@media (min-width: 768px) {
  .cta-wrapper {
    width: 442px;
    width: 27.625rem;
  }

  .cta__link {
    padding: 16.36px 10px 20.71px;
    padding: 1.0225rem 0.625rem 1.294375rem;
  }

  .cta__label {
    padding: 4.25px 14.7px 5.15px 16.75px;
    padding: 0.265625rem 0.91875rem 0.321875rem 1.046875rem;
  }

  .cta__text {
    margin-top: 9.75px;
    margin-top: 0.609375rem;
  }

  .cta__icon-img {
    right: 32.11px;
    right: 2.006875rem;
  }
}

/* ==========================================
    英語を使った仕事に就きたい！
   ========================================== */
.bz-want {
  position: relative;
  padding-top: 58.13px;
  padding-top: 3.633125rem;
  z-index: 5;
}

.bz-want__ttl-ttl {
  font-size: 40.42px;
  font-size: 2.52625rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--black2);
  margin-left: 29.19px;
  margin-left: 1.824375rem;
}

.bz-want__ttl-em {
  color: var(--white);
  background-color: var(--black2);
  padding: 3px 8.79px 5px 13.47px;
  padding: 0.1875rem 0.549375rem 0.3125rem 0.841875rem;
  display: inline-block;
  margin-right: 8px;
  margin-right: 0.5rem;
  margin-left: -7px;
  margin-left: -0.4375rem;
}

.bz-want__list {
  margin-top: 73.62px;
  margin-top: 4.60125rem;
  display: flex;
  flex-direction: column;
  row-gap: 67px;
  row-gap: 4.1875rem;
}

.bz-want__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  column-gap: 36px;
  column-gap: 2.25rem;
}

.bz-want__item--reverse {
  flex-direction: row-reverse;
}

.bz-want__item-script {
  position: absolute;
}

.bz-want__item-script--01 {
  top: -35.43px;
  top: -2.214375rem;
  right: 56.93px;
  right: 3.558125rem;
  width: 251.07px;
  width: 15.691875rem;
  z-index: 2;
}

.bz-want__item-script--02 {
  top: -40.12px;
  top: -2.5075rem;
  right: 38.91px;
  right: 2.431875rem;
  width: 251.1px;
  width: 15.69375rem;
  z-index: 2;
}

.bz-want__item-script--03 {
  top: -33.15px;
  top: -2.071875rem;
  right: 71.91px;
  right: 4.494375rem;
  width: 217.25px;
  width: 13.578125rem;
  z-index: 2;
}

.bz-want__item-img-wrapper {
  position: relative;
  width: 218px;
  width: 13.625rem;
}

.bz-want__item-img {
  position: relative;
  z-index: 1;
}

.bz-want__item-bg-img {
  position: absolute;
  left: 10px;
  left: 0.625rem;
  top: 10px;
  top: 0.625rem;
  z-index: 0;
}

.bz-want__item-bg-img--reverse {
  left: -10px;
  left: -0.625rem;
}

.bz-want__content {
  flex: 1;
}

.bz-want__badge-ttl {
  margin-top: 35.94px;
  margin-top: 2.24625rem;
  width: 200px;
  width: 12.5rem;
  margin-left: -50px;
  margin-left: -3.125rem;
  position: relative;
  z-index: 1;
  font-weight: var(--bold);
}

.bz-want__badge-ttl--reverse {
  width: 230px;
  width: 14.375rem;
  margin-top: 46px;
  margin-top: 2.875rem;
  margin-left: 20px;
  margin-left: 1.25rem;
  margin-right: -90px;
  margin-right: -5.625rem;
}

.bz-want__badge-ttl--03 {
  width: 232.55px;
  width: 14.534375rem;
  margin-left: -70px;
  margin-left: -4.375rem;
}

.bz-want__badge-ttl span {
  display: inline-block;
  font-size: 30.78px;
  font-size: 1.92375rem;
  line-height: 1.3;
  letter-spacing: 0.04em;
  color: var(--white);
  transform: matrix(1, -0.09, -0.12, 0.99, 0, 0);
  background: var(--black2);
  padding: 7px 11px 8px;
  padding: 0.4375rem 0.6875rem 0.5rem;
}

.bz-want__badge-span02 {
  margin-top: 2px;
  margin-top: 0.125rem;
  margin-left: 10px;
  margin-left: 0.625rem;
}

.bz-want__badge-span04 {
  margin-top: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
}

.bz-want__note {
  margin-top: 40.7px;
  margin-top: 2.54375rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--black2);
}

.bz-want__note--reverse {
  margin-top: 37px;
  margin-top: 2.3125rem;
  margin-left: 41px;
  margin-left: 2.5625rem;
}

.bz-want__bg01-img {
  position: absolute;
  top: 35px;
  top: 2.1875rem;
  z-index: -1;
}

.bz-want__bg02-img {
  position: absolute;
  top: 436px;
  top: 27.25rem;
  z-index: -1;
}

@media (min-width: 768px) {
  .bz-want {
    padding-top: 66px;
    padding-top: 4.125rem;
  }

  .bz-want__inner {
    max-width: 1350px;
    max-width: 84.375rem;
    margin-inline: auto;
  }

  .bz-want__ttl-ttl {
    font-size: 52.54px;
    font-size: 3.28375rem;
    text-align: center;
    margin-left: 13px;
    margin-left: 0.8125rem;
  }

  .bz-want__ttl-em {
    padding: 5px 10px 7px 17px;
    padding: 0.3125rem 0.625rem 0.4375rem 1.0625rem;
    margin-right: 12px;
    margin-right: 0.75rem;
  }

  .bz-want__list {
    margin-top: 122.05px;
    margin-top: 7.628125rem;
    flex-direction: row;
    column-gap: 39px;
    column-gap: 2.4375rem;
    margin-left: 81px;
    margin-left: 5.0625rem;
  }

  .bz-want__item--reverse {
    margin-top: 124px;
    margin-top: 7.75rem;
    flex-direction: row;
    margin-left: 8px;
    margin-left: 0.5rem;
  }

  .bz-want__item--03 {
    margin-top: 219px;
    margin-top: 13.6875rem;
    margin-left: -3px;
    margin-left: -0.1875rem;
  }

  .bz-want__item-script--01 {
    right: 63.93px;
    right: 3.995625rem;
  }

  .bz-want__badge-ttl {
    margin-left: -70px;
    margin-left: -4.375rem;
  }

  .bz-want__note {
    margin-top: 38.7px;
    margin-top: 2.41875rem;
    font-size: 18px;
    font-size: 1.125rem;
    width: 145px;
    width: 9.0625rem;
  }

  .bz-want__item-script--02 {
    top: -47.12px;
    top: -2.945rem;
    right: 21.91px;
    right: 1.369375rem;
  }

  .bz-want__item-bg-img--reverse {
    left: 10px;
    left: 0.625rem;
  }

  .bz-want__badge-ttl--reverse {
    margin-top: 38px;
    margin-top: 2.375rem;
    margin-left: -90px;
    margin-left: -5.625rem;
  }

  .bz-want__note--reverse {
    margin-left: -10px;
    margin-left: -0.625rem;
  }

  .bz-want__item-script--03 {
    top: -36.15px;
    top: -2.259375rem;
    right: 56.91px;
    right: 3.556875rem;
  }

  .bz-want__badge-ttl--03 {
    margin-left: -90px;
    margin-left: -5.625rem;
  }

  .bz-want__bg01-img {
    top: 148px;
    top: 9.25rem;
    top: calc(148 / 1680 * 100vw);
  }

  .bz-want__bg02-img {
    top: 469px;
    top: 29.1875rem;
    top: calc(469 / 1680 * 100vw);
  }
}

/* ==========================================
    理想の働き方ができる！
   ========================================== */
.bz-work {
  position: relative;
  padding-top: 180px;
  padding-top: 11.25rem;
  z-index: 5;
}

.bz-work::after {
  content: "";
  position: absolute;
  top: -129px;
  right: -300px;
  width: 235.34px;
  height: 477.53px;
  background: linear-gradient(23.25deg, #ffffff 27.68%, #6edf5f 88.84%);
  opacity: 0.6;
  filter: blur(65px);
  transform: matrix(-0.21, 0.98, 0.98, 0.21, 0, 0);
  z-index: 1;
}

.bz-work__inner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bz-work__head {
  margin-left: 28px;
  margin-left: 1.75rem;
}

.bz-work__lead {
  font-size: 16.1px;
  font-size: 1.00625rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--black2);
  margin-left: 3px;
  margin-left: 0.1875rem;
}

.bz-work__heading-ttl {
  position: relative;
  margin-top: 9px;
  margin-top: 0.5625rem;
  font-size: 29.1px;
  font-size: 1.81875rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--black2);
}

.bz-work__heading-em {
  padding: 0px 4.79px 1px 9.47px;
  padding: 0rem 0.299375rem 0.0625rem 0.591875rem;
  background-color: var(--black2);
  color: var(--white);
  line-height: 1.4;
  display: inline-block;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.bz-work__heading-img {
  margin-top: 7.23px;
  margin-top: 0.451875rem;
  width: 363.71px;
  width: 22.731875rem;
  margin-inline: auto;
  position: relative;
  left: -6px;
  left: -0.375rem;
}

.bz-work__heading-decoration01-img {
  position: absolute;
  top: 131px;
  top: 8.1875rem;
  left: 2px;
  left: 0.125rem;
  width: 34px;
  width: 2.125rem;
}

.bz-work__points {
  margin-top: 48.49px;
  margin-top: 3.030625rem;
  display: flex;
  flex-direction: column;
  row-gap: 42.62px;
  row-gap: 2.66375rem;
}

.bz-work__point {
  margin-left: 183px;
  margin-left: 11.4375rem;
}

.bz-work__point--03 {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.bz-work-point-description-img {
  width: 166.58px;
  width: 10.41125rem;
}

.bz-work-point-description-img--02 {
  width: 148px;
  width: 9.25rem;
}

.bz-work__point-text {
  margin-top: 3.61px;
  margin-top: 0.225625rem;
  font-size: 33px;
  font-size: 2.0625rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: var(--black2);
  transform: matrix(1, 0, -0.17, 0.98, 0, 0);
  margin-left: 18px;
  margin-left: 1.125rem;
}

.bz-work__bg-img01 {
  position: absolute;
  top: 26px;
  top: 1.625rem;
  left: 0;
}

.bz-work__bg-img02 {
  position: absolute;
  top: 22px;
  top: 1.375rem;
  left: 0;
  width: 95px;
  width: 5.9375rem;
  z-index: -1;
}

.bz-work__logo-img {
  position: absolute;
  top: 19px;
  top: 1.1875rem;
  right: 2px;
  right: 0.125rem;
  width: 110px;
  width: 6.875rem;
  z-index: 5;
}

@media (min-width: 768px) {
  .bz-work {
    padding-top: 232px;
    padding-top: 14.5rem;
    padding-top: calc(232 / 1680 * 100vw);
  }

  .bz-work__inner {
    max-width: 1306px;
    max-width: calc(1306 / 1680 * 100vw);
    padding-inline: 20px;
    padding-inline: 1.25rem;
    margin-inline: auto;
    z-index: 2;
    overflow: visible;
  }

  .bz-work__head {
    position: relative;
    width: fit-content;
    margin-left: 209px;
    margin-left: 13.0625rem;
    margin-left: calc(209 / 1680 * 100vw);
  }

  .bz-work__lead {
    font-size: 20.93px;
    font-size: 1.308125rem;
    font-size: calc(20.93 / 1680 * 100vw);
    margin-left: 5px;
    margin-left: 0.3125rem;
  }

  .bz-work__heading-ttl {
    margin-top: -7px;
    margin-top: -0.4375rem;
    font-size: 37.83px;
    font-size: 2.364375rem;
    font-size: calc(37.83 / 1680 * 100vw);
    display: flex;
    align-items: center;
    column-gap: 14.81px;
    column-gap: 0.925625rem;
    text-wrap: nowrap;
  }

  .bz-work__heading-em {
    padding: 0px 5.79px 1px 10.47px;
    padding: 0rem 0.361875rem 0.0625rem 0.654375rem;
    margin-right: 0;
  }

  .bz-work__heading-img {
    width: 507px;
    width: 31.6875rem;
    width: calc(507 / 1680 * 100vw);
    margin-inline: 0;
    position: relative;
    top: -7px;
    top: -0.4375rem;
  }

  .bz-work__heading-decoration01-img {
    top: -11px;
    top: -0.6875rem;
    left: -83px;
    left: -5.1875rem;
    width: 55.9px;
    width: 3.49375rem;
    width: calc(55.9 / 1680 * 100vw);
  }

  .bz-work__heading-decoration02-img {
    position: absolute;
    top: -67px;
    top: -4.1875rem;
    right: -15.61px;
    right: -0.975625rem;
    width: 55.9px;
    width: 3.49375rem;
    width: calc(55.9 / 1680 * 100vw);
  }

  .bz-work__points {
    margin-top: 44px;
    margin-top: 2.75rem;
    margin-top: calc(44 / 1680 * 100vw);
    row-gap: 0;
    margin-left: 440.77px;
    margin-left: 27.548125rem;
    margin-left: calc(440.77 / 1680 * 100vw);
  }

  .bz-work__point {
    margin-left: 0;
  }

  .bz-work__point--02 {
    margin-top: 38px;
    margin-top: 2.375rem;
    margin-top: calc(38 / 1680 * 100vw);
    margin-left: 200.59px;
    margin-left: 12.536875rem;
    margin-left: calc(200.59 / 1680 * 100vw);
  }

  .bz-work__point--03 {
    margin-top: 32px;
    margin-top: 2rem;
    margin-top: calc(32 / 1680 * 100vw);
    margin-left: 453px;
    margin-left: 28.3125rem;
    margin-left: calc(453 / 1680 * 100vw);
    width: fit-content;
  }

  .bz-work-point-description-img {
    width: 199.9px;
    width: 12.49375rem;
    width: calc(199.9 / 1680 * 100vw);
  }

  .bz-work__point-text {
    margin-top: 4.33px;
    margin-top: 0.270625rem;
    margin-top: calc(4.33 / 1680 * 100vw);
    font-size: 39.6px;
    font-size: 2.475rem;
    font-size: calc(39.6 / 1680 * 100vw);
    transform: matrix(1, 0, -0.17, 0.98, 0, 0);
    margin-left: 23px;
    margin-left: 1.4375rem;
    margin-left: calc(23 / 1680 * 100vw);
  }

  .bz-work-point-description-img--02 {
    width: 177.59px;
    width: 11.099375rem;
    width: calc(177.59 / 1680 * 100vw);
  }

  .bz-work__bg-img01 {
    top: 4px;
    top: 0.25rem;
    top: calc(4 / 1680 * 100vw);
  }

  .bz-work__bg-img02 {
    left: 297px;
    left: 18.5625rem;
    left: calc(297 / 1680 * 100vw);
    top: -147px;
    top: -9.1875rem;
    width: 156.22px;
    width: 9.76375rem;
  }

  .bz-work__logo-img {
    top: 44px;
    top: 2.75rem;
    top: calc(44 / 1680 * 100vw);
    right: 475px;
    right: 29.6875rem;
    right: calc(475 / 1680 * 100vw);
  }
}

/* ==========================================
    どんな会社？
   ========================================== */
.bz-company {
  margin-top: 34.21px;
  margin-top: 2.138125rem;
  position: relative;
  z-index: 5;
}

.bz-company__inner {
  padding-inline: 14px;
  padding-inline: 0.875rem;
}

.bz-company__card {
  padding: 11px 29px 41px;
  padding: 0.6875rem 1.8125rem 2.5625rem;
  background-color: var(--white);
  border-radius: 60px;
  border-radius: 3.75rem;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.08);
  box-shadow: 0rem 0.25rem 0.4375rem rgba(0, 0, 0, 0.08);
}

.bz-company__logo-wrapper {
  width: 88px;
  width: 5.5rem;
  margin-inline: auto;
}

.bz-company__ttl {
  margin-top: -26px;
  margin-top: -1.625rem;
  width: 268px;
  width: 16.75rem;
  margin-inline: auto;
  position: relative;
  left: -14px;
  left: -0.875rem;
}

.bz-company__kpi {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.bz-company__kpi-label {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1;
  letter-spacing: 0.12em;
  color: var(--white);
  background-color: var(--black2);
  padding: 3px 12px 6px 13px;
  padding: 0.1875rem 0.75rem 0.375rem 0.8125rem;
  border-radius: 100px;
  border-radius: 6.25rem;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  left: -2.5px;
  left: -0.15625rem;
}

.bz-company__kpi-img-wrapper {
  margin-top: -30px;
  margin-top: -1.875rem;
  width: 216.93px;
  width: 13.558125rem;
  margin-inline: auto;
  position: relative;
  left: 20.5px;
  left: 1.28125rem;
}

.bz-company__text {
  margin-top: 8.26px;
  margin-top: 0.51625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--medium);
  line-height: 2.1;
  letter-spacing: 0.12em;
  color: var(--black2);
  text-align: center;
}

@media (min-width: 768px) {
  .bz-company {
    margin-top: 70px;
    margin-top: 4.375rem;
  }

  .bz-company__inner {
    max-width: 856px;
    max-width: 53.5rem;
    padding-inline: 20px;
    padding-inline: 1.25rem;
    margin-inline: auto;
  }

  .bz-company__card {
    padding: 15.2px 34px 30px;
    padding: 0.95rem 2.125rem 1.875rem;
  }

  .bz-company__logo-wrapper {
    width: 105.6px;
    width: 6.6rem;
    position: relative;
    left: -14px;
    left: -0.875rem;
  }

  .bz-company__ttl {
    margin-top: -28px;
    margin-top: -1.75rem;
    width: 268px;
    width: 16.75rem;
    left: -27px;
    left: -1.6875rem;
  }

  .bz-company__kpi {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }

  .bz-company__kpi-label {
    padding: 3px 12px 6px 13px;
    padding: 0.1875rem 0.75rem 0.375rem 0.8125rem;
    position: relative;
    left: -15px;
    left: -0.9375rem;
  }

  .bz-company__kpi-img-wrapper {
    width: 216.93px;
    width: 13.558125rem;
    left: 7px;
    left: 0.4375rem;
  }

  .bz-company__text {
    margin-top: 23.26px;
    margin-top: 1.45375rem;
    position: relative;
    left: -12px;
    left: -0.75rem;
  }
}

/* ==========================================
    国境なきエンジニア
   ========================================== */
.bz-global {
  position: relative;
  margin-top: -154px;
  margin-top: -9.625rem;
}

.bz-global__bg-img {
  position: absolute;
  top: 0;
  left: 0;
}

.bz-global__inner {
  position: relative;
  z-index: 1;
}

.bz-global__head {
  padding-top: 467px;
  padding-top: 29.1875rem;
  text-align: center;
  color: var(--black2);
}

.bz-global__lead {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bz-global__ttl {
  margin-top: -11px;
  margin-top: -0.6875rem;
  width: 341.33px;
  width: 21.333125rem;
  margin-inline: auto;
}

.bz-global__sub {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bz-global__sub-strong {
  padding: 0px 3px 2px 3px;
  padding: 0rem 0.1875rem 0.125rem 0.1875rem;
  background-color: var(--black2);
  color: var(--gold);
  margin: 0 4px 0 2px;
  margin: 0 0.25rem 0 0.125rem;
}

.bz-global__sub + .bz-global__sub {
  margin-top: 7px;
  margin-top: 0.4375rem;
  margin-left: 7px;
  margin-left: 0.4375rem;
  line-height: 1.65;
}

.bz-global__employee {
  margin-top: -15px;
  margin-top: -0.9375rem;
}

.bz-global__employee-track {
  margin-left: -10px;
  margin-left: -0.625rem;
}

.bz-global__network-image-wrapper {
  position: relative;
  z-index: 2;
  margin-top: -63px;
  margin-top: -3.9375rem;
  width: 400px;
  width: 25rem;
  margin-inline: auto;
}

.bz-global__line {
  margin-top: -4.08px;
  margin-top: -0.255rem;
  width: 1.5px;
  width: 0.09375rem;
  height: 31px;
  height: 1.9375rem;
  margin-inline: auto;
  background-color: var(--black2);
}

.bz-global__projects {
  position: relative;
  margin-top: 15px;
  margin-top: 0.9375rem;
  margin-left: -5px;
  margin-left: -0.3125rem;
}

.bz-global__projects-ttl {
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--white);
  width: 349px;
  width: 21.8125rem;
  height: 38px;
  height: 2.375rem;
  text-align: center;
  display: grid;
  place-items: center;
  margin-inline: auto;
  background-color: var(--black2);
}

.bz-global__projects-slide {
  margin-top: 21px;
  margin-top: 1.3125rem;
}

.bz-global__projects .splide__arrows {
  display: none;
}

.bz-global__projects .splide__pagination {
  bottom: -42px;
  bottom: -2.625rem;
}

.bz-global__projects .splide__pagination__page {
  width: 6px;
  width: 0.375rem;
  height: 6px;
  height: 0.375rem;
  background-color: var(--white);
  opacity: 0.4;
}

.bz-global__projects .splide__pagination__page.is-active {
  transform: scale(1);
  background-color: var(--white);
  opacity: 1;
}

.bz-global__projects-note {
  margin-top: 10px;
  margin-top: 0.625rem;
  position: relative;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: var(--normal);
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-align: center;
}

.bz-global__cta-wrapper {
  margin-top: 57px;
  margin-top: 3.5625rem;
}

@media (min-width: 768px) {
  .bz-global {
    margin-top: -700px;
    margin-top: -43.75rem;
    margin-top: calc(-700 / 1680 * 100vw);
  }

  .bz-global__inner {
    max-width: 1137.24px;
    max-width: 71.0775rem;
    padding-inline: 20px;
    padding-inline: 1.25rem;
    margin-inline: auto;
  }

  .bz-global__head {
    padding-top: 1025px;
    padding-top: 64.0625rem;
    padding-top: calc(1025 / 1680 * 100vw);
  }

  .bz-global__lead {
    font-size: 22.1px;
    font-size: 1.38125rem;
  }

  .bz-global__ttl {
    width: 443.03px;
    width: 27.689375rem;
  }

  .bz-global__sub {
    margin-top: 8.18px;
    margin-top: 0.51125rem;
    font-size: 20.8px;
    font-size: 1.3rem;
  }

  .bz-global__sub + .bz-global__sub {
    margin-top: 12.1px;
    margin-top: 0.75625rem;
  }

  .bz-global__employee {
    margin-top: -20px;
    margin-top: -1.25rem;
    position: relative;
    z-index: 1;
  }

  .bz-global__employee .splide__track {
    visibility: visible;
    margin-left: 0px;
    margin-left: 0rem;
  }

  .bz-global__employee-list {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr);
    column-gap: 15.65px;
    column-gap: 0.978125rem;
  }

  .bz-global__network-image-wrapper {
    margin-top: -80px;
    margin-top: -5rem;
    width: 883px;
    width: 55.1875rem;
    margin-inline: auto;
  }

  .bz-global__line {
    margin-top: -9px;
    margin-top: -0.5625rem;
    height: 42px;
    height: 2.625rem;
  }

  .bz-global__projects {
    margin-top: 24.71px;
    margin-top: 1.5444rem;
    width: 985.04px;
    width: 61.565rem;
    margin-inline: auto;
  }

  .bz-global__projects-ttl {
    font-size: 25.2px;
    font-size: 1.575rem;
    width: 418.8px;
    width: 26.175rem;
    height: 45.6px;
    height: 2.85rem;
  }

  .bz-global__projects-slide {
    margin-top: 37.39px;
    margin-top: 2.3369rem;
  }

  .bz-global__projects .splide__arrows {
    display: block;
  }

  .bz-global__projects .splide__arrow {
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
  }

  /* 左矢印 */
  .bz-global__projects .splide__arrow--prev {
    background-image: url(../img/projects-slider-prev.svg);
    left: -40px;
    left: -2.5rem;
  }

  /* 右矢印 */
  .bz-global__projects .splide__arrow--next {
    background-image: url(../img/projects-slider-next.svg);
    right: -40px;
    right: -2.5rem;
  }

  .bz-global__projects .splide__pagination {
    bottom: -47px;
    bottom: -2.9375rem;
  }

  .bz-global__projects .splide__arrow {
    top: 63%;
    width: 34.32px;
    width: 2.145rem;
    height: 34.32px;
    height: 2.145rem;
    opacity: 1;
    transition: opacity 0.3s;
  }

  .bz-global__projects .splide__arrow--prev {
    left: 0rem;
  }

  .bz-global__projects .splide__arrow--next {
    right: -1rem;
  }

  .bz-global__projects-note {
    margin-top: 14.21px;
    margin-top: 0.888125rem;
    font-size: 10px;
  }

  @media (any-hover: hover) {
    .bz-global__projects .splide__arrow:hover {
      opacity: 0.4;
    }
  }

  .bz-global__cta-wrapper {
    margin-top: 53px;
    margin-top: 3.3125rem;
  }
}

@media (min-width: 1750px) {
  .bz-global {
    margin-top: calc(-650 / 1680 * 100vw);
  }
}

@media (min-width: 1920px) {
  .bz-global {
    margin-top: calc(-500 / 1680 * 100vw);
  }
}

/* ==========================================
    IT×English
   ========================================== */
.bz-growth {
  padding: 41.13px 0 171.13px;
  padding: 2.570625rem 0 10.6825rem;
  position: relative;
  overflow: hidden;
}

.bz-growth__inner-sp {
  padding-inline: 26px;
  padding-inline: 1.625rem;
}

.bz-growth__heading {
  width: 388px;
  width: 24.25rem;
  margin-inline: auto;
  font-size: 69.02px;
  font-size: 4.31375rem;
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--black2);
  mix-blend-mode: hard-light;
  opacity: 0.1;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  left: 7px;
  left: 0.4375rem;
}

.bz-growth__heading-small {
  margin: 0 15px 0 11px;
  margin: 0 0.9375rem 0 0.6875rem;
  position: relative;
  top: 3px;
  top: 0.1875rem;
  font-size: 41.02px;
  font-size: 2.56375rem;
  font-weight: var(--heavy);
  line-height: 1;
  letter-spacing: 0.09em;
}

.bz-growth__img-wrapper {
  margin-top: -3px;
  margin-top: -0.1875rem;
  position: relative;
  z-index: 1;
  width: 375.39px;
  width: 23.461875rem;
  margin-left: auto;
}

.bz-growth__img {
  aspect-ratio: 375.39/240.56;
}

.bz-growth__head {
  margin-top: 61.72px;
  margin-top: 3.8575rem;
  position: relative;
  margin-left: 10px;
  margin-left: 0.625rem;
}

.bz-growth__head-img-wrapper {
  position: absolute;
  top: -119px;
  top: -7.4375rem;
  left: -33px;
  left: -2.0625rem;
  width: 239.64px;
  width: 14.9775rem;
  z-index: 1;
}

.bz-growth__ttl {
  font-size: 34.57px;
  font-size: 2.160625rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--black2);
}

.bz-growth__ttl-small {
  font-size: 16.9px;
  font-size: 1.05625rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
  display: block;
}

.bz-growth__training {
  margin-top: 23.8px;
  margin-top: 1.4875rem;
}

.bz-growth__section-ttl {
  width: 288px;
  width: 18rem;
  height: 47px;
  height: 2.9375rem;
  border-radius: 2px;
  border-radius: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24.46px;
  font-size: 1.52875rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--white);
  background-color: var(--black2);
  position: relative;
  z-index: 1;
  text-wrap: nowrap;
  margin-inline: auto;
}

.bz-growth__section-em {
  color: var(--gold2);
}

.bz-growth__trainer {
  margin-top: -27px;
  margin-top: -1.6875rem;
  position: relative;
  padding: 27px 22px 20px;
  padding: 1.6875rem 1.375rem 1.25rem;
  background-color: var(--white);
  color: var(--black2);
  border: 1px solid var(--white);
  border: 0.0625rem solid var(--white);
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.05);
  box-shadow: 0rem 0rem 1.625rem rgba(0, 0, 0, 0.05);
}

.bz-growth__trainer-script-img {
  position: absolute;
  top: 26px;
  top: 1.625rem;
  left: 69px;
  left: 4.3125rem;
  width: 54.1px;
  width: 3.38125rem;
}

.bz-growth__trainer-caption {
  margin-top: 19px;
  margin-top: 1.1875rem;
  font-size: 16.46px;
  font-size: 1.02875rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-align: center;
  position: relative;
}

.bz-growth__trainer-value {
  margin-top: -7px;
  margin-top: -0.4375rem;
  text-align: center;
  position: relative;
}

.bz-growth__trainer-num {
  font-size: 35.46px;
  font-size: 2.21625rem;
  font-weight: var(--heavy);
  line-height: 1.4;
  letter-spacing: 0.06em;
  color: var(--green3);
}

.bz-growth__trainer-unit {
  font-size: 24.46px;
  font-size: 1.52875rem;
  font-weight: var(--heavy);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--green3);
}

.bz-growth__trainer-more {
  font-size: 24.46px;
  font-size: 1.52875rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bz-growth__trainer-content {
  margin-top: 10.94px;
  margin-top: 0.68375rem;
}

.bz-growth__trainer-image-wrapper {
  position: relative;
  width: 318px;
  width: 19.875rem;
  margin-inline: auto;
}

.bz-growth__trainer-image {
  aspect-ratio: 318/180;
}

.bz-growth__trainer-decoration {
  position: absolute;
  top: -43px;
  top: -2.6875rem;
  right: -13px;
  right: -0.8125rem;
  width: 95px;
  width: 5.9375rem;
}

.bz-growth__trainer-ttl {
  margin-top: 12px;
  margin-top: 0.75rem;
  padding-left: 2px;
  padding-left: 0.125rem;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: var(--bold);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-wrap: nowrap;
}

.bz-growth__trainer-desc {
  margin-top: 7px;
  margin-top: 0.4375rem;
  padding-inline: 3px;
  padding-inline: 0.1875rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.bz-growth__culture {
  margin-top: 32px;
  margin-top: 2rem;
  position: relative;
}

.bz-growth__culture-blocks {
  margin-top: -25px;
  margin-top: -1.5625rem;
  position: relative;
  padding: 44px 22px 20.5px;
  padding: 2.75rem 1.375rem 1.28125rem;
  background-color: var(--white);
  color: var(--black2);
  border: 1px solid var(--white);
  border: 0.0625rem solid var(--white);
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.05);
  box-shadow: 0rem 0rem 1.625rem rgba(0, 0, 0, 0.05);
}

.bz-growth__culture-block + .bz-growth__culture-block {
  margin-top: 26px;
  margin-top: 1.625rem;
}

.bz-growth__culture-block-ttl {
  position: relative;
  font-size: 20.46px;
  font-size: 1.27875rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  width: 154px;
  width: 9.625rem;
  margin-inline: auto;
  text-align: center;
}

.bz-growth__culture-block-ttl--02 {
  width: 170.6px;
  width: 10.6625rem;
  left: -2px;
  left: -0.125rem;
}

.bz-growth__culture-block-ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -85px;
  left: -5.3125rem;
  transform: translateY(-50%);
  width: 76px;
  width: 4.75rem;
  height: 1px;
  height: 0.0625rem;
  background-color: var(--black);
}

.bz-growth__culture-block-ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -85px;
  right: -5.3125rem;
  transform: translateY(-50%);
  width: 76px;
  width: 4.75rem;
  height: 1px;
  height: 0.0625rem;
  background-color: var(--black);
}

.bz-growth__culture-block-ttl--02::before {
  width: 64px;
  width: 4rem;
  left: -72px;
  left: -4.5rem;
}

.bz-growth__culture-block-ttl--02::after {
  width: 64px;
  width: 4rem;
  right: -72px;
  right: -4.5rem;
}

.bz-growth__culture-block-ttl-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 154.3px;
  width: 9.64375rem;
}

.bz-growth__culture-block-ttl-img--02 {
  width: 170.6px;
  width: 10.6625rem;
  left: 49%;
}

.bz-growth__culture-block-desc {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.1em;
  padding-inline: 3px;
  padding-inline: 0.1875rem;
}

.bz-growth__culture-block01-photos {
  margin-top: 7px;
  margin-top: 0.4375rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 6px;
  column-gap: 0.375rem;
}

.bz-growth__culture-block-img {
  aspect-ratio: 156/96;
}

.bz-growth__culture-block-img--small {
  aspect-ratio: 76/64;
}

.bz-growth__note {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.15em;
}

.bz-growth__culture-block02-photos {
  margin-top: 7px;
  margin-top: 0.4375rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 6px;
  column-gap: 0.375rem;
}

.bz-growth__culture-block-small {
  margin-top: 6px;
  margin-top: 0.375rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: var(--normal);
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-align: center;
}

.bz-growth__culture-instagram {
  margin-top: 20px;
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 7.5px;
  column-gap: 0.46875rem;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: var(--normal);
  line-height: 1.7;
  letter-spacing: 0.09em;
  position: relative;
  left: 10px;
  left: 0.625rem;
  color: var(--black2);
}

.bz-growth__culture-instagram-img {
  width: 21.5px;
  width: 1.34375rem;
}

.bz-growth__cert {
  margin-top: 38px;
  margin-top: 2.375rem;
}

.bz-growth__bonus {
  margin-top: -26px;
  margin-top: -1.625rem;
  padding: 77.97px 9.45px 34px;
  padding: 4.873125rem 0.590625rem 2.125rem;
  background-color: var(--white);
  border: 1px solid var(--white);
  border: 0.0625rem solid var(--white);
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.05);
  box-shadow: 0rem 0rem 1.625rem rgba(0, 0, 0, 0.05);
  color: var(--black2);
}

.bz-growth__bonus-content {
  position: relative;
  background-color: var(--white);
  border: 2px solid var(--gray);
  border: 0.125rem solid var(--gray);
  border-radius: 5px;
  border-radius: 0.3125rem;
  padding: 51px 13px 16px;
  padding: 3.1875rem 0.8125rem 1rem;
  margin-inline: 16px;
  margin-inline: 1rem;
}

.bz-growth__bonus-img-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 342.55px;
  width: 21.409375rem;
}

.bz-growth__bonus-ttl-wrapper {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.bz-growth__bonus-decoration-img {
  width: 58.06px;
  width: 3.62875rem;
  margin-inline: auto;
}

.bz-growth__bonus-ttl {
  margin-top: 8.73px;
  margin-top: 0.545625rem;
  font-size: 21.46px;
  font-size: 1.34125rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-align: center;
}

.bz-growth__bonus-ttl .highlight {
  display: inline-block;
  margin-top: 3px;
  margin-top: 0.1875rem;
  font-weight: var(--heavy);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--green3);

  border-bottom: 2px solid var(--green3);
  border-bottom: 0.125rem solid var(--green3);
}

.bz-growth__example {
  margin-top: 24px;
  margin-top: 1.5rem;
  position: relative;
  padding: 21.6px 30px 11px 47px;
  padding: 1.35rem 1.875rem 0.6875rem 2.9375rem;
  background-color: var(--gray2);
  border-radius: 5px;
  border-radius: 0.3125rem;
}

.bz-growth__example-img {
  position: absolute;
  top: -11.8px;
  top: -0.7375rem;
  left: -4.65px;
  left: -0.290625rem;
  width: 53.09px;
  width: 3.318125rem;
}

.bz-growth__example-item {
  font-size: 12.5px;
  font-size: 0.78125rem;
  font-weight: var(--normal);
  line-height: 1.5;
  letter-spacing: 0.13em;
}

.bz-growth__sum-row {
  display: flex;
  align-items: flex-end;
}

.bz-growth__sum-row--02 {
  margin-top: 3px;
  margin-top: 0.1875rem;
  align-items: center;
  margin-left: 32px;
  margin-left: 2rem;
  column-gap: 47px;
  column-gap: 2.9375rem;
}

.bz-growth__sum-caption {
  font-size: 12.5px;
  font-size: 0.78125rem;
  line-height: 1.5;
  letter-spacing: 0.13em;
}

.bz-growth__sum-line {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  margin-left: 0.625rem;
}

.bz-growth__sum-line::after {
  position: absolute;
  content: "";
  bottom: 3px;
  bottom: 0.1875rem;
  left: -3px;
  left: -0.1875rem;
  width: 123px;
  width: 7.6875rem;
  height: 8px;
  height: 0.5rem;
  background-color: var(--gold3);
  z-index: 0;
}

.bz-growth__sum-value {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  position: relative;
  top: 3px;
  top: 0.1875rem;
  z-index: 1;
}

.bz-growth__sum-value .kerning {
  letter-spacing: -0.08em;
}

.bz-growth__sum-unit {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  position: relative;
  top: 3px;
  top: 0.1875rem;
  z-index: 1;
}

.bz-growth__sum-value02 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.bz-growth__support {
  margin-top: 15px;
  margin-top: 0.9375rem;
  display: flex;
  align-items: flex-end;
  column-gap: 24px;
  column-gap: 1.5rem;
  padding-inline: 29px;
  padding-inline: 1.8125rem;
}

.bz-growth__support-img-wrapper {
  width: 157px;
  width: 9.8125rem;
}

.bz-growth__support-img {
  aspect-ratio: 157/100;
}

.bz-growth__support-badges {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  row-gap: 0.375rem;
}

.bz-growth__support-script-img {
  position: absolute;
  top: -43.7px;
  top: -2.73125rem;
  left: -11px;
  left: -0.6875rem;
  width: 51.1px;
  width: 3.19375rem;
}

.bz-growth__support-badge {
  width: 102px;
  width: 6.375rem;
  height: 30px;
  height: 1.875rem;
  display: grid;
  place-items: center;
  background-color: var(--black2);
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: var(--gold3);
}

.bz-growth__support-note {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 38.95px;
  font-size: 2.434375rem;
  font-weight: var(--heavy);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--green3);
  text-align: center;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
  border-bottom: 2.4px solid var(--green3);
  border-bottom: 0.15rem solid var(--green3);
  width: fit-content;
  margin-inline: auto;
}

.bz-growth__cta-wrapper {
  margin-top: 41px;
  margin-top: 2.5625rem;
}

.bz-growth::after {
  position: absolute;
  content: "";
  top: 80px;
  top: 5rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/growth-bg-sp.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

@media (min-width: 768px) {
  .bz-growth {
    padding: 9px 0 139px;
    padding: 0.5625rem 0 8.6875rem;
  }

  .bz-growth::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/growth-bg-pc.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .bz-growth__inner-pc {
    max-width: 860px;
    max-width: 53.75rem;
    padding-inline: 20px;
    padding-inline: 1.25rem;
    margin-inline: auto;
  }

  .bz-growth__heading {
    font-size: 161.51px;
    font-size: 10.094375rem;
    margin: 0 0 0 -48px;
    margin: 0 0 0 -3rem;
  }

  .bz-growth__heading-small {
    font-size: 95.99px;
    font-size: 5.999375rem;
    margin: 0 29.14px 0 34.06px;
    margin: 0 1.82125rem 0 2.12875rem;
  }

  .bz-growth__img-wrapper {
    margin-top: -31px;
    margin-top: -1.9375rem;
    width: 463.61px;
    width: 28.975625rem;
    margin-left: auto;
  }

  .bz-growth__img {
    aspect-ratio: 463.61/297.09;
  }

  .bz-growth__inner-sp {
    padding-inline: 0;
  }

  .bz-growth__head {
    margin-top: 50.03px;
    margin-top: 3.126875rem;
    margin-left: 10px;
    margin-left: 0.625rem;
  }

  .bz-growth__head-img-wrapper {
    top: -186px;
    top: -11.625rem;
    left: initial;
    right: 356.74px;
    right: 22.29625rem;
    width: 289.96px;
    width: 18.1225rem;
    z-index: 1;
  }

  .bz-growth__ttl {
    font-size: 44.95px;
    font-size: 2.809375rem;
    margin-left: 7px;
    margin-left: 0.4375rem;
  }

  .bz-growth__ttl-small {
    font-size: 21.97px;
    font-size: 1.373125rem;
  }

  .bz-growth__training {
    margin-top: 35.45px;
    margin-top: 2.215625rem;
  }

  .bz-growth__section-ttl {
    font-size: 29.35px;
    font-size: 1.834375rem;
    width: 345.6px;
    width: 21.6rem;
    height: 56.4px;
    height: 3.525rem;
    border-radius: 2.4px;
    border-radius: 0.15rem;
  }

  .bz-growth__trainer {
    padding: 44.39px 73px 40.71px 69px;
    padding: 2.774375rem 4.5625rem 2.544375rem 4.3125rem;
  }

  .bz-growth__trainer-script-img {
    top: 34px;
    top: 2.125rem;
    left: 267px;
    left: 16.6875rem;
    width: 64.92px;
    width: 4.0575rem;
  }

  .bz-growth__trainer-caption {
    font-size: 23.7px;
    font-size: 1.48125rem;
  }

  .bz-growth__trainer-value {
    margin-top: -10px;
    margin-top: -0.625rem;
  }

  .bz-growth__trainer-num {
    font-size: 52.5px;
    font-size: 3.28125rem;
  }

  .bz-growth__trainer-unit {
    font-size: 35.22px;
    font-size: 2.20125rem;
  }

  .bz-growth__trainer-more {
    font-size: 35.22px;
    font-size: 2.20125rem;
  }

  .bz-growth__trainer-content {
    margin-top: 16.22px;
    margin-top: 1.01375rem;
    display: flex;
    align-items: flex-start;
    column-gap: 32px;
    column-gap: 2rem;
  }

  .bz-growth__trainer-image-wrapper {
    width: 257px;
    width: 16.0625rem;
  }

  .bz-growth__trainer-image {
    aspect-ratio: 257/187;
  }

  .bz-growth__trainer-decoration {
    top: -47.71px;
    top: -2.9821875rem;
    left: -22px;
    left: -1.375rem;
    right: initial;
    width: 97.96px;
    width: 6.124375rem;
  }

  .bz-growth__trainer-right {
    margin-top: 21.71px;
    margin-top: 1.356875rem;
    flex: 1;
  }

  .bz-growth__trainer-ttl {
    margin-top: 0;
    font-size: 21px;
    font-size: 1.3125rem;
  }

  .bz-growth__trainer-desc {
    margin-top: 2.29px;
    margin-top: 0.143125rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .bz-growth__culture {
    margin-top: 30px;
    margin-top: 1.875rem;
  }

  .bz-growth__culture-blocks {
    padding: 71.8px 84.98px 23.28px 85.38px;
    padding: 4.4875rem 5.31125rem 1.455rem 5.33625rem;
    border: 1.62px solid var(--white);
    border: 0.10125rem solid var(--white);
  }

  .bz-growth__culture-block + .bz-growth__culture-block {
    margin-top: 34px;
    margin-top: 2.125rem;
  }

  .bz-growth__culture-block-ttl {
    width: 203.68px;
    width: 12.73rem;
    font-size: 24px;
    font-size: 1.5rem;
  }

  .bz-growth__culture-block-ttl::before {
    left: -210.54px;
    left: -13.15875rem;
    width: 150.48px;
    width: 9.405rem;
    height: 1.62px;
    height: 0.10125rem;
  }

  .bz-growth__culture-block-ttl::after {
    right: -210.54px;
    right: -13.15875rem;
    width: 150.48px;
    width: 9.405rem;
    height: 1.62px;
    height: 0.10125rem;
  }

  .bz-growth__culture-block-ttl-img {
    width: 203.68px;
    width: 12.73rem;
  }

  .bz-growth__culture-block-desc {
    margin-top: 9.53px;
    margin-top: 0.595625rem;
    width: 521px;
    width: 32.5625rem;
    margin-inline: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
    letter-spacing: 0.1em;
  }

  .bz-growth__culture-block01-photos {
    margin-top: 19.12px;
    margin-top: 1.195rem;
    column-gap: 12px;
    column-gap: 0.75rem;
    width: 606px;
    width: 37.875rem;
    margin-inline: auto;
  }

  .bz-growth__culture-block-img {
    aspect-ratio: 297/152;
  }

  .bz-growth__culture-block-ttl--02 {
    width: 225.2px;
    width: 14.075rem;
  }

  .bz-growth__culture-block-ttl--02::before {
    left: -199.98px;
    left: -12.49875rem;
    width: 150.48px;
    width: 9.405rem;
    height: 1.62px;
    height: 0.10125rem;
  }

  .bz-growth__culture-block-ttl--02::after {
    right: -199.98px;
    right: -12.49875rem;
    width: 150.48px;
    width: 9.405rem;
    height: 1.62px;
    height: 0.10125rem;
  }

  .bz-growth__culture-block-ttl-img--02 {
    width: 225.2px;
    width: 14.075rem;
  }

  .bz-growth__culture-note {
    margin-left: 4px;
    margin-left: 0.25rem;
  }

  .bz-growth__culture-block02-photos {
    margin-top: 11px;
    margin-top: 0.6875rem;
    column-gap: 11.43px;
    column-gap: 0.714375rem;
    width: 606px;
    width: 37.875rem;
    margin-inline: auto;
  }

  .bz-growth__culture-block-img--small {
    aspect-ratio: 144.83/121.96;
  }

  .bz-growth__culture-block-small {
    margin-top: 10.04px;
    margin-top: 0.6275rem;
    font-size: 14.52px;
    font-size: 0.9075rem;
  }

  .bz-growth__culture-instagram {
    margin-top: 40.77px;
    margin-top: 2.548125rem;
    column-gap: 9.75px;
    column-gap: 0.609375rem;
    font-size: 13px;
    font-size: 0.8125rem;
  }

  .bz-growth__culture-instagram-img {
    width: 27.95px;
    width: 1.746875rem;
  }

  .bz-growth__cert {
    margin-top: 78px;
    margin-top: 4.875rem;
  }

  .bz-growth__bonus {
    padding: 84.17px 43.6px 48.95px;
    padding: 5.260625rem 2.725rem 3.059375rem;
    border: 1px solid var(--white);
    border: 0.0625rem solid var(--white);
  }

  .bz-growth__bonus-content {
    padding: 52.04px 25px 26px 26px;
    padding: 3.2525rem 1.5625rem 1.625rem 1.625rem;
    width: 662px;
    width: 41.375rem;
    margin-inline: auto;
  }

  .bz-growth__bonus-img-wrapper {
    width: 712.8px;
    width: 44.55rem;
  }

  .bz-growth__bonus-ttl-wrapper {
    margin-top: -3.06px;
    margin-top: -0.19125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 25px;
    column-gap: 1.5625rem;
  }

  .bz-growth__bonus-decoration-img {
    width: 76.64px;
    width: 4.79rem;
    margin: 18px 0 0;
    margin: 1.125rem 0 0;
  }

  .bz-growth__bonus-ttl {
    font-size: 28.33px;
    font-size: 1.770625rem;
    text-align: left;
  }

  .bz-growth__bonus-ttl .highlight {
    margin-top: 2px;
    margin-top: 0.125rem;
    font-size: 28.33px;
    font-size: 1.770625rem;
    border-bottom: 2.64px solid var(--green3);
    border-bottom: 0.165rem solid var(--green3);
  }

  .bz-growth__example {
    margin-top: 49.77px;
    margin-top: 3.110625rem;
    padding: 25.7px 45.85px 23.3px 72px;
    padding: 1.60625rem 2.865625rem 1.45625rem 4.5rem;
    display: flex;
    align-items: center;
    column-gap: 53.85px;
    column-gap: 3.365625rem;
  }

  .bz-growth__example-img {
    top: -35.44px;
    top: -2.215rem;
    left: -6.53px;
    left: -0.408125rem;
    width: 81.98px;
    width: 5.12375rem;
  }

  .bz-growth__example-list {
    width: fit-content;
  }

  .bz-growth__example-item {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
    letter-spacing: 0.13em;
    text-wrap: nowrap;
  }

  .bz-growth__sum {
    flex: 1;
  }

  .bz-growth__sum-row {
    align-items: flex-start;
  }

  .bz-growth__sum-caption {
    width: 40px;
    width: 2.5rem;
    font-size: 16.25px;
    font-size: 1.015625rem;
    line-height: 1.5;
    letter-spacing: 0.13em;
  }

  .bz-growth__sum-line {
    text-wrap: nowrap;
    margin-left: 8px;
    margin-left: 0.5rem;
  }

  .bz-growth__sum-line::after {
    width: 159.9px;
    width: 9.99375rem;
    height: 10.4px;
    height: 0.65rem;
  }

  .bz-growth__sum-value {
    font-size: 36.4px;
    font-size: 2.275rem;
    text-wrap: nowrap;
  }

  .bz-growth__sum-unit {
    font-size: 19.5px;
    font-size: 1.21875rem;
  }

  .bz-growth__sum-row--02 {
    margin-left: 0;
    column-gap: 45px;
    column-gap: 2.8125rem;
  }

  .bz-growth__sum-value02 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.4;
    letter-spacing: 0.08em;
    margin-left: 12px;
    margin-left: 0.75rem;
  }

  .bz-growth__support {
    margin-top: 25.48px;
    margin-top: 1.5925rem;
    align-items: center;
    justify-content: center;
    column-gap: 31.44px;
    column-gap: 1.965rem;
    width: 519.36px;
    width: 32.46rem;
    margin-inline: auto;
    padding-inline: 0;
  }

  .bz-growth__support-img-wrapper {
    width: 188.4px;
    width: 11.775rem;
  }

  .bz-growth__support-img {
    aspect-ratio: 188.4/120;
  }

  .bz-growth__support-badges {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5.76px;
    column-gap: 0.36rem;
  }

  .bz-growth__support-script-img {
    top: -46.26px;
    top: -2.89125rem;
    left: -18.24px;
    left: -1.14rem;
    width: 61.32px;
    width: 3.8325rem;
  }

  .bz-growth__support-badge {
    width: 146.88px;
    width: 9.18rem;
    height: 43.2px;
    height: 2.7rem;
    font-size: 23.04px;
    font-size: 1.44rem;
  }

  .bz-growth__support-note {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 46.74px;
    font-size: 2.92125rem;
    padding-bottom: 5.56px;
    padding-bottom: 0.3475rem;
    border-bottom: 2.88px solid var(--green3);
    border-bottom: 0.18rem solid var(--green3);
  }

  .bz-growth__cta-wrapper {
    margin-top: 119px;
    margin-top: 7.4375rem;
  }
}

@media (min-width: 768px) and (max-width: 1500px) {
  .bz-growth {
    top: -50px;
    top: calc(-50 / 1500 * 100vw);
  }

  .bz-growth__heading {
    margin-top: 50px;
    margin-top: calc(50 / 1500 * 100vw);
  }
}

/* ==========================================
    数字で見るバイリンガルゲート
   ========================================== */
.bz-analyze {
  padding: 201.54px 0 238.16px;
  padding: 12.59625rem 0 14.885rem;
  position: relative;
  overflow: hidden;
  margin-top: -329px;
  margin-top: -20.5625rem;
}

.bz-analyze__inner {
  padding-inline: 39px;
  padding-inline: 2.4375rem;
  color: var(--black2);
  position: relative;
  z-index: 1;
  width: 100%;
}

.bz-analyze__ttl {
  font-size: 32.33px;
  font-size: 2.020625rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  margin-left: 3px;
  margin-left: 0.1875rem;
  text-wrap: nowrap;
}

.bz-analyze__ttl-highlight {
  padding: 0 5px 1px 11px;
  padding: 0 0.3125rem 0.0625rem 0.6875rem;
  background-color: var(--black2);
  color: var(--white);
  margin-right: 3px;
  margin-right: 0.1875rem;
  position: relative;
  top: -2px;
  top: -0.125rem;
}

.bz-analyze__list {
  margin-top: 26.1px;
  margin-top: 1.63125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.65px 10.7px;
  gap: 0.415625rem 0.66875rem;
}

.bz-analyze__img {
  aspect-ratio: 163/163;
}

.bz-analyze__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .bz-analyze {
    padding: 274px 0 269.4px;
    padding: 17.125rem 0 16.8375rem;
    padding: calc(274 / 1680 * 100vw) 0 calc(269.4 / 1680 * 100vw);
    margin-top: -336px;
    margin-top: -21rem;
    margin-top: calc(-336 / 1680 * 100vw);
    overflow: visible;
  }

  .bz-analyze__inner {
    max-width: 1003.16px;
    max-width: 62.6975rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 60.85px;
    column-gap: 3.803125rem;
  }

  .bz-analyze__ttl {
    font-size: 37.83px;
    font-size: 2.364375rem;
  }

  .bz-analyze__ttl-highlight {
    padding: 0 7px 1px 13px;
    padding: 0 0.4375rem 0.0625rem 0.8125rem;
    margin-right: 6px;
    margin-right: 0.375rem;
  }

  .bz-analyze__list {
    margin-top: 0;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1920px) {
  .bz-analyze {
    padding-top: calc(250 / 1680 * 100vw);
    margin-top: calc(-196 / 1680 * 100vw);
  }

  .bz-analyze__bg-img {
    top: -150px;
    top: calc(-100 / 1920 * 100vw);
  }
}

/* ==========================================
    入社後のリアルを取材
   ========================================== */
.bz-interview {
  padding: 150.16px 0 100px;
  padding: 9.385rem 0 6.25rem;
  overflow: hidden;
  position: relative;
  margin-top: -236px;
  margin-top: -14.75rem;
}

.bz-interview__inner {
  padding-inline: 19px;
  padding-inline: 1.1875rem;
  color: var(--black2);
}

.bz-interview__header {
  position: relative;
}

.bz-interview__ttl {
  font-size: 28.33px;
  font-size: 1.770625rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  font-family: var(--second-font);
  margin-left: 10px;
  margin-left: 0.625rem;
}

.bz-interview__ttl-medium {
  font-size: 37.33px;
  font-size: 2.333125rem;
  line-height: 1.1;
  letter-spacing: 0.15em;
}

.bz-interview__ttl-em {
  display: inline-block;
  font-size: 47.33px;
  font-size: 2.958125rem;
  line-height: 1.1;
  letter-spacing: 0.15em;
  margin-top: -2px;
  margin-top: -0.125rem;
  margin-left: -10px;
  margin-left: -0.625rem;
}

.bz-interview__ttl-em--02 {
  display: inline-block;
  margin-top: -7px;
  margin-top: -0.4375rem;
  margin-left: -2px;
  margin-left: -0.125rem;
}

.bz-interview__subttl {
  margin-top: 7px;
  margin-top: 0.4375rem;
  margin-left: 8px;
  margin-left: 0.5rem;
  display: flex;
  align-items: flex-end;
}

.bz-interview__subttl-frame {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: var(--bold);
  line-height: 1;
  letter-spacing: 0.14em;
  transform: matrix(1, 0, -0.25, 0.98, 0, 0);
  background: var(--black2);
  padding: 6px 11px 8px 15px;
  padding: 0.375rem 0.6875rem 0.5rem 0.9375rem;
  color: var(--white);
  margin-left: 3px;
  margin-left: 0.1875rem;
}

.bz-interview__subttl-small {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: var(--bold);
  line-height: 1;
  letter-spacing: 0.14em;
  transform: matrix(1, 0, -0.19, 0.98, 0, 0);
  position: relative;
  top: -4px;
  top: -0.25rem;
  left: 5px;
  left: 0.3125rem;
}

.bz-interview__main-img-wrapper {
  position: absolute;
  z-index: 1;
  top: -99px;
  top: -6.1875rem;
  right: -31px;
  right: -1.9375rem;
  width: 190.04px;
  width: 11.8775rem;
}

.bz-interview__bg-ttl {
  position: absolute;
  top: -45px;
  top: -2.8125rem;
  left: -19px;
  left: -1.1875rem;
  font-size: 72.02px;
  font-size: 4.50125rem;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.09em;
  color: var(--black2);
  mix-blend-mode: hard-light;
  opacity: 0.1;
}

.bz-interview__slider {
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.bz-interview__card {
  background-color: var(--white);
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
  box-shadow: 0rem 0rem 0.5625rem rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  border-radius: 0.5rem;
  position: relative;
  padding: 19px 17px 41px 17px;
  padding: 1.1875rem 1.0625rem 2.5625rem 1.0625rem;
  margin: 10px;
  margin: 0.625rem;
  /* 768px以下でカード高さを統一（一番高いカードに合わせる） */
  min-height: 832px;
  min-height: 52rem;
  display: flex;
  flex-direction: column;
}

.bz-interview__number {
  position: absolute;
  top: -17px;
  top: -1.0625rem;
  left: -3px;
  left: -0.1875rem;
  width: 66px;
  width: 4.125rem;
}

.bz-interview__name {
  margin-left: 70px;
  margin-left: 4.375rem;
  width: 78px;
  width: 4.875rem;
}

.bz-interview__lead {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-left: 7px;
  margin-left: 0.4375rem;
  font-size: 19.33px;
  font-size: 1.208125rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bz-interview__img-wrapper {
  margin-top: 9px;
  margin-top: 0.5625rem;
  width: 316px;
  width: 19.75rem;
}

.bz-interview__img {
  aspect-ratio: 316/112;
}

.bz-interview__slider {
  margin-top: 4px;
  margin-top: 0.25rem;
  width: 100vw;
  margin-right: calc(50% - 50vw);
}

.bz-interview__track {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.bz-interview__qa-list {
  margin-top: 17px;
  margin-top: 1.0625rem;
  margin-left: 7px;
  margin-left: 0.4375rem;
}

.bz-interview__qa-item + .bz-interview__qa-item {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.bz-interview__question {
  font-size: 16px;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.bz-interview__answer-intro {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.bz-interview__answer-wrapper {
  margin-top: 4px;
  margin-top: 0.25rem;
}

.bz-interview__answer-detail {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.bz-interview__toggle {
  margin-top: 5px;
  margin-top: 0.3125rem;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.1em;
  width: fit-content;
  margin-left: auto;
  margin-right: 10px;
  margin-right: 0.625rem;
  border-bottom: 1.08px solid var(--black2);
  border-bottom: 0.0675rem solid var(--black2);
  background-color: var(--white);
}

.bz-interview__arrows {
  display: none;
}

.bz-interview__note {
  margin-top: 40px;
  margin-top: 2.5rem;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
}

.bz-interview__link {
  margin-top: 9px;
  margin-top: 0.5625rem;
  width: 266px;
  width: 16.625rem;
  height: 73px;
  height: 4.5625rem;
  display: grid;
  place-items: center;
  background-color: var(--white);
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
  box-shadow: 0rem 0rem 0.5625rem rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  border-radius: 0.5rem;
  margin-inline: auto;
  position: relative;
  z-index: 1;
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .bz-interview__link:hover {
    opacity: 0.7;
  }
}

.bz-interview__link-img {
  width: 162.69px;
  width: 10.168125rem;
}

.bz-interview__answer-wrapper {
  display: none;
  position: relative;
  height: auto;
  overflow: visible;
}

.bz-interview__answer-wrapper[aria-hidden="false"] {
  display: block;
}

.bz-interview__answer-detail {
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}

/* インタビュースライダーのページネーション調整 */
.bz-interview__slider .splide__pagination {
  position: relative;
  transition: transform 0.3s ease-in-out;
  bottom: 0px;
  bottom: 0rem;
  left: -18px;
  left: -1.125rem;
}

.bz-interview__slider .splide__pagination__page {
  width: 6px;
  width: 0.375rem;
  height: 6px;
  height: 0.375rem;
  background-color: var(--green4);
  opacity: 0.4;
}

.bz-interview__slider .splide__pagination__page.is-active {
  opacity: 1;
  transform: scale(1);
}

.bz-interview__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

@media (min-width: 768px) {
  .bz-interview {
    margin-top: -174px;
    margin-top: -10.875rem;
    padding: 150px 0 300px;
    padding: 9.375rem 0 18.75rem;
  }

  .bz-interview__inner {
    max-width: 880px;
    max-width: 55rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bz-interview__header {
    margin-left: 80px;
    margin-left: 5rem;
  }

  .bz-interview__ttl {
    font-size: 36.83px;
    font-size: 2.301875rem;
  }

  .bz-interview__ttl-em {
    font-size: 61.53px;
    font-size: 3.845625rem;
    margin-left: -15px;
    margin-left: -0.9375rem;
  }

  .bz-interview__ttl-medium {
    font-size: 48.53px;
    font-size: 3.033125rem;
  }

  .bz-interview__ttl-em--02 {
    margin-left: 2px;
    margin-left: 0.125rem;
  }

  .bz-interview__subttl {
    margin-left: -3px;
    margin-left: -0.1875rem;
  }

  .bz-interview__subttl-frame {
    font-size: 32.5px;
    font-size: 2.03125rem;
    padding: 8px 15px 9px 15px;
    padding: 0.5rem 0.9375rem 0.5625rem 0.9375rem;
  }

  .bz-interview__subttl-small {
    font-size: 19.5px;
    font-size: 1.21875rem;
    top: -2px;
    top: -0.125rem;
    left: 14px;
    left: 0.875rem;
  }

  .bz-interview__main-img-wrapper {
    width: 247.06px;
    width: 15.44125rem;
    top: -127px;
    top: -7.9375rem;
    right: 90px;
    right: 5.625rem;
  }

  .bz-interview__main-img {
    aspect-ratio: 247.06/335.4;
  }

  .bz-interview__bg-ttl {
    position: absolute;
    top: -103.35px;
    top: -6.459375rem;
    left: -227px;
    left: -14.1875rem;
    font-size: 184.79px;
    font-size: 11.549375rem;
  }

  .bz-interview__slider {
    width: 100%;
    margin: 0;
    margin-top: 44.6px;
    margin-top: 2.7875rem;
  }

  .bz-interview__card {
    padding: 23px 60px 63px;
    padding: 1.4375rem 3.75rem 3.9375rem;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
    box-shadow: 0rem 0rem 0.5625rem rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    border-radius: 0.5rem;
    /* 768px以上では高さ統一を解除（自動高さに戻す） */
    min-height: auto;
    display: block;
  }

  .bz-interview__number {
    top: -8.56px;
    top: -0.535rem;
    right: 45.7px;
    right: 2.91875rem;
    left: initial;
    width: 116px;
    width: 7.25rem;
  }

  .bz-interview__name {
    position: absolute;
    top: 99.56px;
    top: 6.2225rem;
    right: -20.9px;
    right: -1.30625rem;
    width: 131px;
    width: 8.1875rem;
  }

  .bz-interview__lead {
    font-size: 27.33px;
    font-size: 1.708125rem;
    margin-left: -3px;
    margin-left: -0.125rem;
  }

  .bz-interview__img-wrapper {
    margin-top: 30px;
    margin-top: 1.875rem;
    width: 680px;
    width: 42.5rem;
    margin-inline: auto;
  }

  .bz-interview__img {
    aspect-ratio: 680/147.2;
  }

  .bz-interview__qa-list {
    margin-top: 38.8px;
    margin-top: 2.425rem;
    margin-left: 3px;
    margin-left: 0.125rem;
  }

  .bz-interview__qa-item + .bz-interview__qa-item {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }

  .bz-interview__question {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .bz-interview__answer-intro {
    margin-top: 10px;
    margin-top: 0.625rem;
    font-size: 15px;
    font-size: 0.9375rem;
    display: none !important; /* 768px以上では基本的に非表示（!importantで強制） */
  }

  /* 続きを読むボタンがない項目のみ768px以上でも.answer-introを表示 */
  .bz-interview__qa-item--no-toggle .bz-interview__answer-intro {
    display: block !important;
  }

  .bz-interview__answer-wrapper {
    margin-top: 10px;
    margin-top: 0.625rem;
    display: block !important; /* 768px以上では常に表示 */
    height: auto !important; /* 高さ制限を解除 */
    overflow: visible !important; /* オーバーフローを可視化 */
    opacity: 1 !important; /* 完全に不透明 */
  }

  .bz-interview__answer-detail {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .bz-interview__answer-detail p + p {
    margin-top: 24px;
    margin-top: 1.5rem;
  }

  .bz-interview__toggle {
    font-size: 15px;
    font-size: 0.9375rem;
    display: none; /* 768px以上では非表示 */
  }

  .bz-interview .splide__arrows {
    display: block;
  }

  .bz-interview .splide__arrow {
    width: 44.93px;
    width: 2.808125rem;
    height: 44.93px;
    height: 2.808125rem;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
  }

  /* 左矢印 */
  .bz-interview .splide__arrow--prev {
    background-image: url(../img/interview-arrow-prev.svg);
    left: -0.5rem;
  }

  /* 右矢印 */
  .bz-interview .splide__arrow--next {
    background-image: url(../img/interview-arrow-next.svg);
    right: -0.5rem;
  }

  .bz-interview__note {
    margin-top: 34px;
    margin-top: 2.125rem;
    font-size: 13px;
    font-size: 0.8125rem;
  }

  .bz-interview__link {
    margin-top: 9px;
    margin-top: 0.5625rem;
    width: 266px;
    width: 16.625rem;
    height: 73px;
    height: 4.5625rem;
  }

  .bz-interview__link-img {
    width: 162.69px;
    width: 10.168125rem;
  }
}

@media (min-width: 1920px) {
  .bz-interview {
    padding-top: calc(480 / 1920 * 100vw);
    margin-top: calc(-340 / 1920 * 100vw);
  }
}

/* ==========================================
    評価制度
   ========================================== */
.bz-evaluation {
  padding: 188px 0 200px;
  padding: 11.75rem 0 12.5rem;
  position: relative;
  margin-top: -199px;
  margin-top: -12.4375rem;
}

.bz-evaluation__inner {
  padding-inline: 17px;
  padding-inline: 1.0625rem;
}

.bz-evaluation__ttl {
  position: relative;
  font-size: 23.33px;
  font-size: 1.458125rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--black2);
  width: fit-content;
  margin-left: 18px;
  margin-left: 1.125rem;
}

.bz-evaluation__line {
  display: block;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
  border-bottom: 1px solid var(--black);
  border-bottom: 0.0625rem solid var(--black);
  line-height: 1.4;
  width: fit-content;
}

.bz-evaluation__eyebrow {
  display: block;
  margin-top: 13px;
  margin-top: 0.8125rem;
  line-height: 1.4;
  width: fit-content;
}

.bz-evaluation__heading {
  display: block;
  margin-top: 9px;
  margin-top: 0.5625rem;
  font-size: 51.1192px;
  font-size: 3.19495rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--green3);
  transform: matrix(1, 0, -0.17, 0.98, 0, 0);
  background-color: var(--white);
  padding: 1px 11px 1px 13px;
  padding: 0.0625rem 0.6875rem 0.0625rem 0.8125rem;
  width: fit-content;
  margin-left: -7px;
  margin-left: -0.4375rem;
}

.bz-evaluation__ttl-img {
  position: absolute;
  top: -38px;
  top: -2.375rem;
  right: -35px;
  right: -2.1875rem;
  width: 52.33px;
  width: 3.270625rem;
}

.bz-evaluation__img-wrapper {
  margin-top: 16.44px;
  margin-top: 1.0275rem;
  width: 375.41px;
  width: 23.463125rem;
}

.bz-evaluation__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .bz-evaluation {
    padding: 142.3px 0 130px;
    padding: 8.89375rem 0 8.125rem;
    padding: calc(142.3 / 1680 * 100vw) 0 calc(130 / 1680 * 100vw);
    margin-top: -303px;
    margin-top: -18.9375rem;
    margin-top: calc(-303px / 1680 * 100vw);
  }

  .bz-evaluation__inner {
    max-width: 657.24px;
    max-width: 41.0775rem;
    margin-inline: auto;
  }

  .bz-evaluation__ttl {
    font-size: 30.33px;
    font-size: 1.895625rem;
    margin-left: 21px;
    margin-left: 1.3125rem;
  }

  .bz-evaluation__line {
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
    border-bottom: 1.3px solid var(--black);
    border-bottom: 0.08125rem solid var(--black);
  }

  .bz-evaluation__eyebrow {
    margin-top: 11.7px;
    margin-top: 0.73125rem;
    margin-left: 3px;
    margin-left: 0.1875rem;
  }

  .bz-evaluation__heading {
    margin-top: 11.46px;
    margin-top: 0.71625rem;
    font-size: 66.45px;
    font-size: 4.153125rem;
    padding: 0px 12px 3px 17px;
    padding: 0rem 0.75rem 0.1875rem 1.0625rem;
  }

  .bz-evaluation__ttl-img {
    top: -49px;
    top: -3.0625rem;
    right: -48px;
    right: -3rem;
    width: 68.03px;
    width: 4.251875rem;
  }

  .bz-evaluation__img-wrapper {
    margin-top: 34.23px;
    margin-top: 2.139375rem;
    width: 617.24px;
    width: 38.5775rem;
    margin-inline: auto;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .bz-evaluation__bg-img {
    height: 110%;
  }
}

@media (min-width: 1920px) {
  .bz-evaluation {
    padding-top: calc(320 / 1920 * 100vw);
  }
}

/* ==========================================
    代表挨拶
   ========================================== */
.bz-message {
  padding: 93px 0 158px;
  padding: 5.8125rem 0 9.875rem;
  position: relative;
  margin-top: -196px;
  margin-top: -12.25rem;
}

.bz-message__content {
  position: relative;
}

.bz-message__header {
  display: flex;
  align-items: flex-start;
  column-gap: 27px;
  column-gap: 1.6875rem;
  position: relative;
}

.bz-message__mv-img-wrapper {
  width: 264px;
  width: 16.5rem;
}

.bz-message__mv-img {
  aspect-ratio: 264/385;
}

.bz-message__label {
  writing-mode: vertical-rl;
  color: var(--white);
  margin-top: 6px;
  margin-top: 0.375rem;
}

.bz-message__label-main {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: var(--bold);
  line-height: 1.6;
  letter-spacing: 0.6em;
  margin-left: 11px;
  margin-left: 0.6875rem;
}

.bz-message__label-company {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.19;
  letter-spacing: 0.2em;
  margin-top: 105px;
  margin-top: 6.5625rem;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.bz-message__label-position {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.19;
  letter-spacing: 0.2em;
  margin-top: 138px;
  margin-top: 8.625rem;
}

.bz-message__label-name {
  margin-top: -8px;
  margin-top: -0.5rem;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: var(--medium);
  line-height: 1.15;
  letter-spacing: 0.2em;
  font-family: var(--second-font);
}

.bz-message__bg-message {
  position: absolute;
  /* bottom: -58px; */
  /* bottom: -3.625rem; */
  top: 365px;
  top: 22.6875rem;
  left: 13px;
  left: 0.8125rem;
  font-size: 72.02px;
  font-size: 4.5013rem;
  font-weight: var(--bold);
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.09em;
  color: var(--white);
  mix-blend-mode: hard-light;
  opacity: 0.1;
}

.bz-message__body {
  margin-top: 55.45px;
  margin-top: 3.4656rem;
  padding-inline: 25px;
  padding-inline: 1.5625rem;
}

.bz-message__subhead {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.1em;
  background: linear-gradient(90deg, #b3e795 0%, #14dbc7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-bottom: 7px;
  padding-bottom: 0.4375rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
  position: relative;
}

.bz-message__subhead::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  background: linear-gradient(90deg, #b3e795 0%, #14dbc7 100%);
}

.bz-message__text {
  margin-top: 14px;
  margin-top: 0.875rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.7;
  letter-spacing: 0.09em;
  color: var(--white);
  padding-left: 4px;
  padding-left: 0.25rem;
}

.bz-message__text + .bz-message__subhead {
  margin-top: 19px;
  margin-top: 1.1875rem;
}

.bz-message__gallery {
  margin-top: 53.55px;
  margin-top: 3.3469rem;
}

.bz-message__gallery-img-wrapper {
  width: 370px;
  width: 23.125rem;
  margin-inline: auto;
}

.bz-message__gallery-img {
  aspect-ratio: 370/214;
}

.bz-message__cta-wrapper {
  margin-top: 42px;
  margin-top: 2.625rem;
}

.bz-message__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 92%;
  z-index: -2;
}

@media (min-width: 768px) {
  .bz-message {
    padding: 191px 0 285px;
    padding: 11.9375rem 0 17.8125rem;
  }

  .bz-message__inner {
    max-width: 976px;
    max-width: 61rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bz-message__content {
    display: flex;
    align-items: flex-start;
    column-gap: 32px;
    column-gap: 2rem;
    left: 24px;
    left: 1.5rem;
  }

  .bz-message__header {
    column-gap: 12px;
    column-gap: 0.75rem;
  }

  .bz-message__mv-img-wrapper {
    width: 291px;
    width: 18.1875rem;
  }

  .bz-message__mv-img {
    aspect-ratio: 291/424;
  }

  .bz-message__label-main {
    margin-top: 2px;
    margin-top: 0.125rem;
    margin-left: 3px;
    margin-left: 0.1875rem;
  }

  .bz-message__label-company {
    margin-top: 40px;
    margin-top: 2.5rem;
    margin-left: 7px;
    margin-left: 0.4375rem;
  }

  .bz-message__label-position {
    margin-top: 84px;
    margin-top: 5.25rem;
    margin-left: 0;
  }

  .bz-message__label-name {
    margin-top: -7px;
    margin-top: -0.4375rem;
  }

  .bz-message__bg-message {
    top: -7px;
    top: -0.4375rem;
    bottom: initial;
    right: -64px;
    right: -4rem;
    left: initial;
    font-size: 108.03px;
    font-size: 6.7519rem;
  }

  .bz-message__body {
    margin-top: 87px;
    margin-top: 5.4375rem;
  }

  .bz-message__subhead {
    font-size: 24px;
    font-size: 1.5rem;
    padding-bottom: 9px;
    padding-bottom: 0.5625rem;
  }

  .bz-message__text {
    margin-top: 14px;
    margin-top: 0.875rem;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.1em;
  }

  .bz-message__text + .bz-message__subhead {
    margin-top: 24px;
    margin-top: 1.5rem;
  }

  .bz-message__gallery {
    margin-top: 80.4px;
    margin-top: 5.025rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    column-gap: 1.5rem;
  }

  .bz-message__gallery-img-wrapper {
    width: 298px;
    width: 18.625rem;
  }

  .bz-message__gallery-img {
    aspect-ratio: 298/171.2;
  }

  .bz-message__cta-wrapper {
    margin-top: -37.6px;
    margin-top: -2.35rem;
  }

  .bz-message__bg-img {
    top: -296px;
    top: -18.5rem;
    height: 100%;
  }
}

@media (min-width: 1920px) {
  .bz-message {
    padding-top: calc(300 / 1920 * 100vw);
  }
  .bz-message__bg-img {
    height: 120%;
  }
}

/* ==========================================
    募集要項
   ========================================== */
.bz-recruitment {
  padding: 337.13px 0 31px;
  padding: 21.0417rem 0 1.9375rem;
  margin-top: -406px;
  margin-top: -25.375rem;
  position: relative;
}

.bz-recruitment__inner {
  padding-inline: 32px;
  padding-inline: 2rem;
  color: var(--black2);
}

.bz-recruitment__ttl {
  font-size: 28.33px;
  font-size: 1.7706rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  margin-left: -4px;
  margin-left: -0.25rem;
}

.bz-recruitment__wrapper {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.bz-recruitment__item {
  padding: 12px 4px 12px 9px;
  padding: 0.75rem 0.25rem 0.75rem 0.5625rem;
  width: 100%;
  border-bottom: 1px solid var(--gray3);
  border-bottom: 0.0625rem solid var(--gray3);
}

.bz-recruitment__item:last-of-type {
  border-bottom: none;
}

.bz-recruitment__term {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bz-recruitment__text {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.bz-recruitment__label {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.bz-recruitment__note {
  margin-top: 2px;
  margin-top: 0.125rem;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: var(--normal);
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.bz-recruitment__text-small {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: var(--normal);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.bz-recruitment__bullets {
  margin-top: 6px;
  margin-top: 0.375rem;
  list-style-type: disc;
  margin-left: 21px;
  margin-left: 1.3125rem;
}

.bz-recruitment__bullet {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.bz-recruitment__bullet::marker {
  font-size: 8px;
  font-size: 0.5rem;
}

.bz-recruitment__bullet-small {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.bz-recruitment__bullet-medium {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.bz-recruitment__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 145%;
  z-index: -3;
}

@media (min-width: 768px) {
  .bz-recruitment {
    padding: 437px 0 67px;
    padding: 27.1875rem 0 4.1875rem;
    margin-top: -583px;
    margin-top: -36.4375rem;
  }

  .bz-recruitment__inner {
    max-width: 1063px;
    max-width: 66.4375rem;
    padding-inline: 20px;
    padding-inline: 1.25rem;
    margin-inline: auto;
  }

  .bz-recruitment__ttl {
    font-size: 34px;
    font-size: 2.125rem;
    margin-left: 0;
    text-align: center;
  }

  .bz-recruitment__wrapper {
    margin-top: 48.04px;
    margin-top: 3.0025rem;
    display: flex;
    align-items: flex-start;
    column-gap: 101.64px;
    column-gap: 6.3525rem;
  }

  .bz-recruitment__list {
    width: 460.68px;
    width: 28.7925rem;
  }

  .bz-recruitment__item {
    padding: 17px 0 17px 11.6px;
    padding: 1.0625rem 0 1.0625rem 0.725rem;
    border-bottom: 1.32px solid var(--gray3);
    border-bottom: 0.0825rem solid var(--gray3);
  }

  .bz-recruitment__term {
    font-size: 19.8px;
    font-size: 1.2375rem;
  }

  .bz-recruitment__text {
    font-size: 17.16px;
    font-size: 1.0725rem;
  }

  .bz-recruitment__label {
    font-size: 17.16px;
    font-size: 1.0725rem;
    margin-top: 3.68px;
    margin-top: 0.23rem;
  }

  .bz-recruitment__note {
    margin-top: 3.84px;
    margin-top: 0.24rem;
    font-size: 13.2px;
    font-size: 0.825rem;
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
  }

  .bz-recruitment__text-small {
    font-size: 13.2px;
    font-size: 0.825rem;
  }

  .bz-recruitment__bullet {
    font-size: 17.16px;
    font-size: 1.0725rem;
  }

  .bz-recruitment__bullet-small {
    font-size: 13.2px;
    font-size: 0.825rem;
  }

  .bz-recruitment__bullet-medium {
    font-size: 14.52px;
    font-size: 0.9075rem;
  }

  .bz-recruitment__bg-img {
    height: 100%;
    height: 148.75rem;
  }
}

@media (min-width: 1600px) {
  .bz-recruitment__bg-img {
    height: min(calc(2380 / 1680 * 100vw), 2625px);
  }
}

@media (min-width: 1920px) {
  .bz-recruitment {
    padding-top: calc(500 / 1920 * 100vw);
  }
}

/* ==========================================
    よくあるご質問
   ========================================== */
.bz-faq {
  padding: 22px 0 23px;
  padding: 1.375rem 0 1.4375rem;
}

.bz-faq__inner {
  padding-inline: 32px;
  padding-inline: 2rem;
  color: var(--black2);
}

.bz-faq__ttl {
  font-size: 28.33px;
  font-size: 1.7706rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bz-faq__list {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.bz-faq__item {
  padding: 24px 0 24px 9px;
  padding: 1.5rem 0 1.5rem 0.5625rem;
  border-bottom: 1px solid var(--gray3);
  border-bottom: 0.0625rem solid var(--gray3);
}

.bz-faq__item:last-of-type {
  border: none;
}

.bz-faq__head {
  position: relative;
  display: flex;
  align-items: flex-start;
  column-gap: 12px;
  column-gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}

.bz-faq__q-img-wrapper {
  width: 27px;
  width: 1.6875rem;
}

.bz-faq__question {
  flex: 1;
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  padding-right: 35px;
  padding-right: 2.1875rem;
}

.bz-faq__toggle {
  position: absolute;
  top: 50%;
  right: 29px;
  right: 1.8125rem;
  transform: translateY(-50%);
}

.bz-faq__bar {
  position: absolute;
  width: 15px;
  width: 0.9375rem;
  height: 1.43px;
  height: 0.0894rem;
  background: var(--green4);
  transition: transform 0.3s ease;
}

.bz-faq__bar--h {
  transform: rotate(0deg);
}

.bz-faq__bar--v {
  transform: rotate(90deg);
}

.bz-faq__panel {
  height: 0;
  overflow: hidden;
  transition: height 0.32s ease;
}

.bz-faq__answer {
  padding: 9px 5px 0 37px;
  padding: 0.5625rem 0.3125rem 0 2.3125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.bz-faq__toggle[aria-expanded="true"] .bz-faq__bar--v {
  transform: rotate(0deg);
}

@media (min-width: 768px) {
  .bz-faq {
    padding: 68px 0 68px;
    padding: 4.25rem 0 4.25rem;
  }

  .bz-faq__inner {
    max-width: 713px;
    max-width: 44.5625rem;
    padding-inline: 20px;
    padding-inline: 1.25rem;
    margin-inline: auto;
  }

  .bz-faq__ttl {
    font-size: 34px;
    font-size: 2.125rem;
    text-align: center;
  }

  .bz-faq__list {
    margin-top: 21.8px;
    margin-top: 1.3625rem;
  }

  .bz-faq__item {
    padding: 27px 0 27px 8.3px;
    padding: 1.6875rem 0 1.6875rem 0.5188rem;
  }

  .bz-faq__head {
    column-gap: 14.7px;
    column-gap: 0.9188rem;
  }

  .bz-faq__qimg-wrapper {
    width: 32px;
    width: 2rem;
  }

  .bz-faq__question {
    margin-top: 4.2px;
    margin-top: 0.2625rem;
    font-size: 18px;
    font-size: 1.125rem;
  }

  .bz-faq__answer {
    padding: 5px 0px 0 41px;
    padding: 0.3125rem 0 0 2.5625rem;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}

/* ==========================================
    最後のCTA
   ========================================== */
.bz-last__cta-wrapper {
  padding-bottom: 37.13px;
  padding-bottom: 2.3206rem;
}

@media (min-width: 768px) {
  .bz-last__cta-wrapper {
    padding-bottom: 72px;
    padding-bottom: 4.5rem;
  }
}

/* ==========================================
    フッター
   ========================================== */
.bz-footer {
  padding: 22.8px 0 14px;
  padding: 1.425rem 0 0.875rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bz-footer::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img//footer-bg-sp.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.bz-footer__inner {
  padding-inline: 20px;
  padding-inline: 1.25rem;
}

.bz-footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 32.4px;
  column-gap: 2.025rem;
}

.bz-footer__social-link {
  display: block;
}

.bz-footer__icon-img--wrapper--wantedly {
  width: 28.8px;
  width: 1.8rem;
}

.bz-footer__icon-img--wrapper--instagram {
  width: 22.4px;
  width: 1.4rem;
}

.bz-footer__nav {
  margin-top: 20.8px;
  margin-top: 1.3rem;
}

.bz-footer__nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 30px;
  column-gap: 1.875rem;
}

.bz-footer__nav-link {
  display: block;
  font-size: 12px;
  font-size: max(8px, 0.75rem);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--white);
}

.bz-footer__bottom {
  margin-top: 4px;
  text-align: center;
}

.bz-footer__copyright {
  font-size: 10px;
  font-size: max(8px, 0.625rem);
  font-weight: var(--normal);
  line-height: 1.4;
  letter-spacing: 0.15em;
  color: var(--white);
}

.bz-footer__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .bz-footer::after {
    background-image: url("../img//footer-bg-pc.webp");
  }
}

/* ==========================================
    固定ボタン
   ========================================== */
.kotei-button {
  position: fixed;
  bottom: 0.5em;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}

.kotei-button.hidden {
  opacity: 0;
  visibility: hidden;
}

/* ==========================================
    コンタクトページ
   ========================================== */

/* ==========================================
    プログレスバー
   ========================================== */
/* プログレスバー */
.bilingual-gate-contact-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--white);
  z-index: 1000;
  box-shadow: 0px 2px 4px rgba(0, 66, 53, 0.09);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 66, 53, 0.09);
  height: 55px;
  height: 3.4375rem;
}

.bilingual-gate-contact-progress__inner {
  padding: 19px 13px 19px 21px;
  padding: 1.1875rem 0.8125rem 1.1875rem 1.3125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bilingual-gate-contact-progress__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.bilingual-gate-contact-progress__list {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 1.25rem;
}

.bilingual-gate-contact-progress__item {
  position: relative;
  display: flex;
  align-items: center;
}

/* ドット間の線 */
.bilingual-gate-contact-progress__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -20px;
  right: -1.25rem;
  top: 50%;
  width: 20px;
  width: 1.25rem;
  height: 5px;
  height: 0.3125rem;
  background-color: var(--gray);
  transition: all 0.5s ease;
  z-index: 1;
  opacity: 1;
  transform: translateY(-50%) scaleX(1);
  transform-origin: left center;
}

/* アクティブ時の線の色変更とアニメーション */
.bilingual-gate-contact-progress__item.is-completed:not(:last-child)::after {
  background-color: var(--green5);
}

.bilingual-gate-contact-progress__dot {
  display: block;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  border-radius: 50%;
  background: var(--gray);
  transition: background-color 0.3s ease;
  position: relative;
  z-index: 2;
}

.bilingual-gate-contact-progress__item.is-active
  .bilingual-gate-contact-progress__dot,
.bilingual-gate-contact-progress__item.is-completed
  .bilingual-gate-contact-progress__dot {
  background-color: var(--green5);
}

.bilingual-gate-contact-progress__rest {
  margin-left: 18px;
  margin-left: 1.125rem;
  color: var(--green6);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: calc(17.2 / 14);
  letter-spacing: 0.04em;
}

/* ==========================================
    FV
   ========================================== */
.bilingual-gate-contact-fv {
  margin-top: 55px;
  margin-top: 3.4375rem;
  position: relative;
}

.bilingual-gate-contact-fv__mv-wrapper {
  position: relative;
}

.bilingual-gate-contact-fv__mv-img {
  aspect-ratio: 414/106;
}

.bilingual-gate-contact-fv__logo {
  position: absolute;
  top: 29px;
  top: 1.8125rem;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 7.04px;
  column-gap: 0.44rem;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 49px;
  height: 3.0625rem;
}

.bilingual-gate-contact-fv__logo-img-wrapper {
  width: 44px;
  width: 2.75rem;
}

.bilingual-gate-contact-fv__ttl {
  display: block;
  font-size: 9.6px;
  font-size: 0.6rem;
  font-weight: var(--medium);
  line-height: 1.3;
  letter-spacing: 0.04em;
  color: var(--black);
}

.bilingual-gate-contact-fv__text {
  margin-top: 22px;
  margin-top: 1.375rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--medium);
  line-height: 1.7;
  letter-spacing: 0.1em;
  color: var(--black2);
  text-align: center;
  padding-bottom: 19px;
  padding-bottom: 1.1875rem;
  position: relative;
}

.bilingual-gate-contact-fv__text::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 312px;
  width: 19.5rem;
  height: 1px;
  height: 0.0625rem;
  background-color: var(--green5);
}

/* エラーメッセージ */
.bilingual-gate-contact__error-messages {
  position: fixed;
  top: 60px;
  top: 3.75rem; /* ヘッダーの高さ分調整 */
  left: 16px;
  left: 1rem;
  right: 16px;
  right: 1rem;
  background-color: #fff5f5;
  border: 2px solid #fc8181;
  border: 0.125rem solid #fc8181;
  border-radius: 8px;
  border-radius: 0.5rem;
  padding: 20px;
  padding: 1.25rem;
  z-index: 9999;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  animation: slideDown 0.3s ease-out;
  max-height: 50vh;
  overflow-y: auto;
  position: relative;
}

.bilingual-gate-contact__error-title {
  color: #c53030;
  font-size: 16px;
  font-size: 1rem;
  font-weight: var(--bold);
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.bilingual-gate-contact__error-close {
  position: absolute;
  top: 12px;
  top: 0.75rem;
  right: 16px;
  right: 1rem;
  background: none;
  border: none;
  font-size: 24px;
  font-size: 1.5rem;
  color: #c53030;
  cursor: pointer;
  line-height: 1;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bilingual-gate-contact__error-close:hover {
  background-color: rgba(197, 48, 48, 0.1);
  border-radius: 50%;
}

.bilingual-gate-contact__error-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bilingual-gate-contact__error-item {
  color: #c53030;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding-left: 16px;
  padding-left: 1rem;
  position: relative;
}

.bilingual-gate-contact__error-item::before {
  content: "•";
  color: #c53030;
  position: absolute;
  left: 0;
  top: 0;
}

.bilingual-gate-contact__error-item:last-child {
  margin-bottom: 0;
}

/* エラーメッセージのアニメーション */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* リアルタイムバリデーションスタイル */
.bilingual-gate-contact__input.validation-error,
.bilingual-gate-contact__select.validation-error,
.bilingual-gate-contact__textarea.validation-error {
  background-color: #fff5f5 !important;
  box-shadow: 0 0 0 3px rgba(252, 129, 129, 0.2) !important;
  box-shadow: 0 0 0 0.1875rem rgba(252, 129, 129, 0.2) !important;
}

.bilingual-gate-contact__field-error {
  color: #c53030;
  font-size: 12px;
  font-size: 0.75rem;
  margin-left: 4px;
  margin-left: 0.25rem;
  display: none;
  clear: both; /* 横並びのレイアウトを解除して下に表示 */
  width: 100%; /* 全幅で表示 */
}

/* 語学資格項目内のエラーメッセージ */
.bilingual-gate-contact__cert-item .bilingual-gate-contact__field-error {
  margin-left: 0;
  padding: 6px 8px;
  padding: 0.375rem 0.5rem;
  background-color: rgba(197, 48, 48, 0.1);
  border-radius: 4px;
  border-radius: 0.25rem;
  border-left: 3px solid #c53030;
  border-left: 0.1875rem solid #c53030;
}

.bilingual-gate-contact__field-error.show {
  display: block;
  animation: fadeIn 0.2s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
    transform: translateY(-0.3125rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .bilingual-gate-contact-fv__mv-img {
    aspect-ratio: 1680/139;
  }

  .bilingual-gate-contact-fv__logo {
    top: 45px;
    top: 2.8125rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 414px;
    width: 25.875rem;
    height: 49px;
    height: 3.0625rem;
  }

  .bilingual-gate-contact-fv__text {
    margin-top: 40px;
    margin-top: 2.5rem;
    font-size: 17px;
    font-size: 1.0625rem;
    padding-bottom: 7px;
    padding-bottom: 0.4375rem;
  }

  .bilingual-gate-contact-fv__text::after {
    width: 682px;
    width: 42.625rem;
    height: 1px;
    height: 0.0625rem;
  }
}

/* ==========================================
    フォーム
   ========================================== */
.bilingual-gate-contact__question {
  padding: 20px 0 32px;
  padding: 1.25rem 0 2rem;
}

.bilingual-gate-contact__inner {
  padding-inline: 22px;
  padding-inline: 1.375rem;
  color: var(--black2);
}

.bilingual-gate-contact__head {
  display: flex;
  align-items: center;
  gap: 10px;
  gap: 0.625rem;
}

.bilingual-gate-contact__img-wrapper {
  width: 76px;
  width: 4.75rem;
  border-radius: 50%;
  overflow: hidden;
}

.bilingual-gate-contact__img {
  aspect-ratio: 1/1;
}

.bilingual-gate-contact__title-wrapper {
  padding: 13px 30px 14px 21px;
  padding: 0.8125rem 1.875rem 0.875rem 1.3125rem;
  background-color: var(--light-green);
  border-radius: 0 10px 10px 10px;
  border-radius: 0 0.625rem 0.625rem 0.625rem;
  flex: 1;
}

.bilingual-gate-contact__title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--medium);
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.bilingual-gate-contact__title-em {
  font-weight: var(--bold);
  color: var(--green6);
}

.bilingual-gate-contact__note {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
  display: inline-block;
  margin-left: -6px;
  margin-left: -0.375rem;
}

.bilingual-gate-contact__answer {
  margin-top: 13px;
  margin-top: 0.8125rem;
  background-color: var(--gray4);
  border-radius: 10px;
  border-radius: 0.625rem;
  padding: 23px 23px 28px;
  padding: 1.4375rem 1.4375rem 1.75rem;
  border: none;
}

.bilingual-gate-contact__radio-group {
  border-radius: 5px;
  border-radius: 0.3125rem;
  background-color: var(--white);
  padding: 13.25px 23px 11.25px 18px;
  padding: 0.8281rem 1.4375rem 0.7031rem 1.125rem;
  display: flex;
  align-items: center;
  gap: 8px;
  gap: 0.5rem;
  border: 2px solid transparent;
  border: 0.125rem solid transparent;
  cursor: pointer;
  user-select: none;
}

.bilingual-gate-contact__radio-group:has(
    .bilingual-gate-contact__radio:checked
  ) {
  border: 2px solid var(--green7);
  border: 0.125rem solid var(--green7);
}

.bilingual-gate-contact__radio-group:focus {
  outline: 2px solid var(--green7);
  outline: 0.125rem solid var(--green7);
  outline-offset: 2px;
  outline-offset: 0.125rem;
}

.bilingual-gate-contact__radio-group:focus:has(
    .bilingual-gate-contact__radio:checked
  ) {
  outline: none;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3);
  box-shadow: 0 0 0 0.1875rem rgba(76, 175, 80, 0.3);
}

.bilingual-gate-contact__radio,
.bilingual-gate-contact__checkbox {
  position: absolute;
  /* “視覚的に”隠すが、フォーカスは可能にするテクニック */
  opacity: 0;
  width: 1px;
  width: 0.0625rem;
  height: 1px;
  height: 0.0625rem;
  margin: -1px;
  margin: -0.0625rem;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.bilingual-gate-contact__radio-custom,
.bilingual-gate-contact__checkbox-custom {
  background-color: var(--white);
  border: 1px solid var(--gray5);
  border: 0.0625rem solid var(--gray5);
  border-radius: 50%;
  position: relative;
  width: 19px;
  width: 1.1875rem;
  height: 19px;
  height: 1.1875rem;
  display: inline-block;
}

.bilingual-gate-contact__radio:checked + .bilingual-gate-contact__radio-custom,
.bilingual-gate-contact__checkbox:checked
  + .bilingual-gate-contact__checkbox-custom {
  border: 1px solid var(--green6);
  border: 0.0625rem solid #000;
}

/* チェック時の内側の丸 */
.bilingual-gate-contact__radio:checked
  + .bilingual-gate-contact__radio-custom::after,
.bilingual-gate-contact__checkbox:checked
  + .bilingual-gate-contact__checkbox-custom::after {
  content: "";
  position: absolute;
  inset: 4px;
  inset: 0.25rem;
  background-color: var(--green6);
  border-radius: 50%;
}

/* キーボード操作時のフォーカス見える化 */
.bilingual-gate-contact__radio:focus-visible
  + .bilingual-gate-contact__radio-custom,
.bilingual-gate-contact__checkbox:focus-visible
  + .bilingual-gate-contact__checkbox-custom,
.bilingual-gate-contact__input:focus-visible,
.bilingual-gate-contact__textarea:focus-visible,
.bilingual-gate-contact__select:focus-visible {
  outline: 1px solid var(--green6);
  outline: 0.0625rem solid var(--green6);
  outline-offset: 1px;
  outline-offset: 0.0625rem;
}

.bilingual-gate-contact__radio-label {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: var(--bold);
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.bilingual-gate-contact__cert-list {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.bilingual-gate-contact__cert-lead {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--medium);
  line-height: 1.7;
  letter-spacing: 0;
  margin-left: 7px;
  margin-left: 0.4375rem;
}

.bilingual-gate-contact__cert-em {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--bold);
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-right: 12px;
  margin-right: 0.75rem;
}

.bilingual-gate-contact__cert-items {
  margin-top: 8px;
  margin-top: 0.5rem;
  display: grid;
  gap: 4px;
  gap: 0.25rem;
}

.bilingual-gate-contact__cert-item {
  display: flex;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  gap: 0.625rem;
  margin-left: 80px;
  margin-left: 5rem;
}

.bilingual-gate-contact__cert-item--wrap {
  flex-wrap: wrap;
}

.bilingual-gate-contact__cert-label {
  display: flex;
  align-items: center;
  column-gap: 8px;
  column-gap: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--medium);
  line-height: 1.7;
  letter-spacing: 0.1em;
  width: 80px;
  width: 5rem;
}

.bilingual-gate-contact__input {
  width: 159px;
  width: 9.9375rem;
  width: 142px;
  width: 8.875rem;
  background-color: var(--white);
  border-radius: 5px;
  border-radius: 0.3125rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: var(--normal);
  line-height: 2;
  letter-spacing: 0;
  padding-inline: 7px;
  padding-inline: 0.4375rem;
}

.bilingual-gate-contact__textarea {
  width: 218px;
  width: 13.625rem;
  background-color: var(--white);
  border-radius: 5px;
  border-radius: 0.3125rem;
  min-height: 82px;
  min-height: 5.125rem;
  resize: vertical;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: var(--normal);
  line-height: 2;
  letter-spacing: 0;
  margin-left: 24px;
  margin-left: 1.5rem;
  padding: 6px 11px;
  padding: 0.375rem 0.6875rem;
}

.bilingual-gate-contact__input::placeholder,
.bilingual-gate-contact__textarea::placeholder {
  color: var(--gray6);
  font-weight: var(--normal);
}

.bilingual-gate-contact__cert-list + .bilingual-gate-contact__radio-group {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.bilingual-gate-contact__field {
  margin-top: 8px;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 12px;
  column-gap: 0.75rem;
  margin-left: 7px;
  margin-left: 0.4375rem;
}

.bilingual-gate-contact__label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
  width: 63px;
  width: 3.9375rem;
  text-wrap: nowrap;
}

.bilingual-gate-contact__label--wide00 {
  width: 76px;
  width: 4.75rem;
}

.bilingual-gate-contact__input--wide {
  width: 242px;
  width: 15.125rem;
  padding: 10px 10px 9px 8px;
  padding: 0.625rem 0.625rem 0.5625rem 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--normal);
  line-height: 2;
  letter-spacing: 0;
  border-radius: 5px;
  border-radius: 0.3125rem;
}

.bilingual-gate-contact__input--wide::placeholder {
  color: var(--gray7);
}

.bilingual-gate-contact__select-wrapper {
  position: relative;
}

.bilingual-gate-contact__select {
  width: 242px;
  width: 15.125rem;
  padding: 10px 10px 9px 8px;
  padding: 0.625rem 0.625rem 0.5625rem 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--normal);
  line-height: 2;
  letter-spacing: 0;
  color: var(--gray8);
  border-radius: 5px;
  border-radius: 0.3125rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--white);
}

.bilingual-gate-contact__select--narrow02 {
  width: 228px;
  width: 14.25rem;
}

.bilingual-gate-contact__select-wrapper::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 13px;
  right: 0.8125rem;
  transform: translateY(-50%);
  width: 16px;
  width: 1rem;
  height: 12px;
  height: 0.75rem;
  background-image: url("../img//select-arrow.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}

.bilingual-gate-contact__overseas + .bilingual-gate-contact__radio-group,
.bilingual-gate-contact__social + .bilingual-gate-contact__radio-group,
.bilingual-gate-contact__location + .bilingual-gate-contact__radio-group,
.bilingual-gate-contact__citizenship + .bilingual-gate-contact__radio-group,
.bilingual-gate-contact__radio-group + .bilingual-gate-contact__radio-group {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.bilingual-gate-contact__label--wide {
  width: 100%;
}

.bilingual-gate-contact__input--wide02,
.bilingual-gate-contact__textarea--wide03 {
  margin-top: 3px;
  margin-top: 0.1875rem;
  width: 100%;
  padding: 15px 16px;
  padding: 0.9375rem 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--normal);
  line-height: 2;
  letter-spacing: 0;
}

.bilingual-gate-contact__textarea--wide03 {
  margin-left: 0;
}

.bilingual-gate-contact__input--wide02::placeholder {
  color: var(--gray7);
}

.bilingual-gate-contact__field + .bilingual-gate-contact__field {
  margin-top: 17px;
  margin-top: 1.0625rem;
}

.bilingual-gate-contact__birth {
  margin-top: 3px;
  margin-top: 0.1875rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 9px;
  column-gap: 0.5625rem;
}

.bilingual-gate-contact__select--narrow {
  width: 102px;
  width: 6.375rem;
  padding: 14px 16px;
  padding: 0.875rem 1rem;
}

.bilingual-gate-contact__privacy {
  padding: 37px 0 40px;
  padding: 2.3125rem 0 2.5rem;
  color: var(--black2);
}

.bilingual-gate-contact__privacy-ttl {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: var(--bold);
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-align: center;
}

.bilingual-gate-contact__privacy-text {
  margin-top: 6px;
  margin-top: 0.375rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: var(--normal);
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-align: center;
}

.bilingual-gate-contact__privacy-link {
  color: var(--green6);
  border-bottom: 1px solid var(--green6);
  border-bottom: 0.0625rem solid var(--green6);
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .bilingual-gate-contact__privacy-link:hover {
    opacity: 0.7;
  }
}

.bilingual-gate-contact__submit {
  margin-top: 32px;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

.bilingual-gate-contact__button {
  display: block;
  padding: 28px 53px 29px;
  padding: 1.75rem 3.3125rem 1.8125rem;
  background-color: var(--orange);
  border: 2px solid var(--white);
  border: 0.125rem solid var(--white);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.25);
  border-radius: 125px;
  border-radius: 7.8125rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: calc(23 / 18);
  letter-spacing: 0.05em;
  color: var(--white);
  text-align: center;
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .bilingual-gate-contact__button:hover {
    opacity: 0.7;
  }

  .bilingual-gate-contact__button:disabled:hover,
  .bilingual-gate-contact__button.disabled:hover {
    opacity: 0.5; /* disabledの場合はhoverしても変わらない */
  }
}

/* 送信ボタンのdisabledスタイル */
.bilingual-gate-contact__button:disabled,
.bilingual-gate-contact__button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #cccccc;
  background-color: #ccc;
  border-color: #999999;
  border-color: #999;
}

@media (min-width: 768px) {
  .bilingual-gate-contact__question {
    padding: 45.8px 0 45px;
    padding: 2.8625rem 0 2.8125rem;
  }

  .bilingual-gate-contact__inner {
    max-width: 696px;
    max-width: 43.5rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-contact__head {
    column-gap: 15.8px;
    column-gap: 0.9875rem;
  }

  .bilingual-gate-contact__img-wrapper {
    width: 86.4px;
    width: 5.4rem;
  }

  .bilingual-gate-contact__title-wrapper {
    width: 401px;
    width: 25.0625rem;
    padding: 21px 21px 20px 42px;
    padding: 1.3125rem 1.3125rem 1.25rem 2.625rem;
    flex: none;
  }

  .bilingual-gate-contact__title {
    font-size: 16px;
    font-size: 1rem;
  }

  .bilingual-gate-contact__note {
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 6px;
    margin-left: 0.375rem;
  }

  .bilingual-gate-contact__answer {
    margin-top: 15px;
    margin-top: 0.9375rem;
    border-radius: 10px;
    border-radius: 0.625rem;
    padding: 28px 166px 33px;
    padding: 1.75rem 10.375rem 2.0625rem;
  }

  .bilingual-gate-contact__privacy {
    padding: 50px 0 58px;
    padding: 3.125rem 0 3.625rem;
  }

  .bilingual-gate-contact__button {
    padding: 28px 110px 29px;
    padding: 1.75rem 6.875rem 1.8125rem;
  }
}

/* ==========================================
    サンクスページ
   ========================================== */
/* ==========================================
    FV
   ========================================== */
.bilingual-gate-thanks-fv {
  padding: 31px 0 69.88px;
  padding: 1.9375rem 0 4.3675rem;
  position: relative;
}

.bilingual-gate-thanks-fv__inner {
  padding-inline: 9px;
  padding-inline: 0.5625rem;
  color: var(--white);
}

.bilingual-gate-thanks-fv__img {
  width: 341px;
  width: 21.3125rem;
  margin-inline: auto;
}

.bilingual-gate-thanks-fv__ttl {
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: var(--medium);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}

.bilingual-gate-thanks-fv__ttl-line {
  font-weight: var(--bold);
  line-height: 1;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--white);
  border-bottom: 0.0625rem solid var(--white);
}

.bilingual-gate-thanks-fv__text {
  margin-top: 27px;
  margin-top: 1.6875rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--medium);
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-align: center;
}

.bilingual-gate-thanks-fv__photos {
  margin-top: 34.12px;
  margin-top: 2.1325rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  gap: 0.4375rem;
}

.bilingual-gate-thanks-fv__photos-img {
  aspect-ratio: 127/158;
}

.bilingual-gate-thanks-fv__bg-img {
  position: absolute;
  top: -55px;
  top: -3.4375rem;
  left: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .bilingual-gate-thanks-fv {
    padding: 43.75px 0 45px;
    padding: 2.734375rem 0 2.8125rem;
  }

  .bilingual-gate-thanks-fv__inner {
    max-width: 970px;
    max-width: 60.625rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-thanks-fv__img {
    width: 531px;
    width: 33.1875rem;
  }

  .bilingual-gate-thanks-fv__ttl {
    margin-top: 21.05px;
    margin-top: 1.315625rem;
    font-size: 21.6px;
    font-size: 1.35rem;
  }

  .bilingual-gate-thanks-fv__ttl-line {
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    border-bottom: 1.2px solid var(--white);
    border-bottom: 0.075rem solid var(--white);
  }

  .bilingual-gate-thanks-fv__text {
    margin-top: 31.4px;
    margin-top: 1.9625rem;
    font-size: 16.8px;
    font-size: 1.05rem;
  }

  .bilingual-gate-thanks-fv__photos {
    margin-top: 54.6px;
    margin-top: 3.4125rem;
    gap: 15px;
    gap: 0.9375rem;
  }

  .bilingual-gate-thanks-fv__photos-img {
    aspect-ratio: 300/158;
  }

  .bilingual-gate-thanks-fv__bg-img {
    top: -61px;
    top: -3.8125rem;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .bilingual-gate-thanks-fv__bg-img {
    top: 0;
  }
}

@media (min-width: 1920px) {
  .bilingual-gate-thanks-fv__bg-img {
    top: clamp(-200px, calc(-100px + (100vw - 1920px) * -0.15625), -100px);
  }
}

/* ==========================================
    カジュアル面談の流れ
   ========================================== */
.bilingual-gate-thanks-flow {
  margin-top: -69.08px;
  margin-top: -4.3175rem;
  padding: 54.08px 0 45px;
  padding: 3.38rem 0 2.8125rem;
  position: relative;
}

.bilingual-gate-thanks-flow__inner {
  padding-inline: 42px;
  padding-inline: 2.625rem;
  color: var(--black2);
}

.bilingual-gate-thanks-flow__ttl {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-align: center;
}

.bilingual-gate-thanks-flow__steps {
  margin-top: 15px;
  margin-top: 0.9375rem;
  width: 282px;
  width: 17.625rem;
  margin-inline: auto;
}

.bilingual-gate-thanks-flow__step {
  height: 55px;
  height: 3.4375rem;
  display: grid;
  place-items: center;
  background-color: var(--white);
  border-radius: 10px;
  border-radius: 0.625rem;
  border: 0.7px solid var(--gray6);
  border: 0.04375rem solid var(--gray6);
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bilingual-gate-thanks-flow__step + .bilingual-gate-thanks-flow__step {
  margin-top: 23px;
  margin-top: 1.4375rem;
}

.bilingual-gate-thanks-flow__step:not(:last-of-type):after {
  position: absolute;
  content: "";
  bottom: -18px;
  bottom: -1.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10.5px;
  width: 0.65625rem;
  height: 7.9px;
  height: 0.49375rem;
  background-image: url("../img/thanks-flow-arrow.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bilingual-gate-thanks-flow__notes {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.bilingual-gate-thanks-flow__note {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: var(--normal);
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.bilingual-gate-thanks-flow__bg-img {
  position: absolute;
  top: -100px;
  top: -6.25rem;
  left: 0;
  z-index: -2;
}

@media (min-width: 768px) {
  .bilingual-gate-thanks-flow {
    margin-top: -45px;
    margin-top: -2.8125rem;
    padding: 45.35px 0 71px;
    padding: 2.834375rem 0 4.4375rem;
  }

  .bilingual-gate-thanks-flow__inner {
    max-width: 493.6px;
    max-width: 30.85rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-thanks-flow__ttl {
    font-size: 28.6px;
    font-size: 1.7875rem;
  }

  .bilingual-gate-thanks-flow__steps {
    margin-top: 28.4px;
    margin-top: 1.775rem;
    width: 100%;
  }

  .bilingual-gate-thanks-flow__step {
    height: 66px;
    height: 4.125rem;
    font-size: 21.6px;
    font-size: 1.35rem;
  }

  .bilingual-gate-thanks-flow__step:not(:last-of-type):after {
    bottom: -20px;
    bottom: -1.25rem;
    width: 12.5px;
    width: 0.78125rem;
    height: 9.9px;
    height: 0.61875rem;
  }

  .bilingual-gate-thanks-flow__step + .bilingual-gate-thanks-flow__step {
    margin-top: 26.4px;
    margin-top: 1.65rem;
  }

  .bilingual-gate-thanks-flow__notes {
    margin-top: 31.4px;
    margin-top: 1.9625rem;
    width: fit-content;
    margin-inline: auto;
  }

  .bilingual-gate-thanks-flow__note {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .bilingual-gate-thanks-flow__bg-img {
    top: -220px;
    top: -13.75rem;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .bilingual-gate-thanks-flow__bg-img {
    height: 140%;
  }
}

/* ==========================================
    サポート
   ========================================== */
.bilingual-gate-thanks-support {
  padding: 37px 0 93.46px;
  padding: 2.3125rem 0 5.84125rem;
  background-color: var(--white);
}

.bilingual-gate-thanks-support__inner {
  padding-inline: 28px;
  padding-inline: 1.75rem;
  color: var(--black2);
}

.bilingual-gate-thanks-support__ttl {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-align: center;
}

.bilingual-gate-thanks-support__slider {
  width: 289px;
  width: 18.0625rem;
  margin-inline: auto;
}

.bilingual-gate-thanks-support__img-wrapper {
  width: 260.1px;
  width: 16.25625rem;
  margin-inline: auto;
  aspect-ratio: 260.1/321.1;
}

.bilingual-gate-thanks-support__name {
  margin-top: -16px;
  margin-top: -1rem;
  font-size: 18.24px;
  font-size: 1.14rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
  border-bottom: 1px solid var(--black);
  border-bottom: 0.0625rem solid var(--black);
  width: fit-content;
  margin-left: auto;
}

.bilingual-gate-thanks-support__dept {
  font-size: 14.4px;
  font-size: 0.9rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.bilingual-gate-thanks-support__text {
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.bilingual-gate-thanks-support .splide__arrow {
  transition: opacity 0.3s;
}

/* 左矢印 */
.bilingual-gate-thanks-support .splide__arrow--prev {
  background-image: url(../img/thanks-support-arrow-prev.svg);
  left: -53px;
  left: -3.3125rem;
  top: 44%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 右矢印 */
.bilingual-gate-thanks-support .splide__arrow--next {
  background-image: url(../img/thanks-support-arrow-next.svg);
  right: -53px;
  right: -3.3125rem;
  top: 44%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bilingual-gate-thanks-support .splide__pagination {
  bottom: -34px;
  bottom: -2.125rem;
}

.bilingual-gate-thanks-support .splide__pagination__page {
  width: 6px;
  width: 0.375rem;
  height: 6px;
  height: 0.375rem;
  background-color: var(--green4);
  opacity: 0.3;
}

.bilingual-gate-thanks-support .splide__pagination__page.is-active {
  opacity: 1;
  transform: scale(1);
}

@media (any-hover: hover) {
  .bilingual-gate-thanks-support .splide__arrow:hover {
    opacity: 0.7;
  }
}

@media (min-width: 768px) {
  .bilingual-gate-thanks-support {
    padding: 65.7px 0 68.46px;
    padding: 4.10625rem 0 4.27875rem;
  }

  .bilingual-gate-thanks-support__inner {
    max-width: 967px;
    max-width: 60.4375rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-thanks-support__ttl {
    font-size: 28.6px;
    font-size: 1.7875rem;
  }

  .bilingual-gate-thanks-support__slider {
    margin-top: -12px;
    margin-top: -0.75rem;
    width: 100%;
  }

  .bilingual-gate-thanks-support__list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    gap: 1.875rem;
  }

  .bilingual-gate-thanks-support__name {
    margin-top: -24px;
    margin-top: -1.5rem;
  }

  .bilingual-gate-thanks-support__arrows {
    display: none;
  }

  .bilingual-gate-thanks-support .splide__track {
    visibility: visible;
  }
}

/* ==========================================
    ミッション
   ========================================== */
.bilingual-gate-thanks-mission {
  position: relative;
  padding: 20.2px 0 280px;
  padding: 1.2625rem 0 17.5rem;
}

.bilingual-gate-thanks-mission__inner {
  padding-inline: 22px;
  padding-inline: 1.375rem;
  color: var(--black2);
}

.bilingual-gate-thanks-mission__col--01 {
  margin-left: 36px;
  margin-left: 2.25rem;
}

.bilingual-gate-thanks-mission__cursive-wrapper--01 {
  width: 132px;
  width: 8.25rem;
  margin-left: -20.89px;
  margin-left: -1.305625rem;
}

.bilingual-gate-thanks-mission__heading {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: var(--heavy);
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.bilingual-gate-thanks-mission__text {
  margin-top: 9px;
  margin-top: 0.5625rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.bilingual-gate-thanks-mission__col--02 {
  margin-top: 23.4px;
  margin-top: 1.4625rem;
  width: fit-content;
  margin-inline: auto;
}

.bilingual-gate-thanks-mission__cursive-wrapper--02 {
  width: 94px;
  width: 5.875rem;
  margin-left: auto;
  margin-right: -56.25px;
  margin-right: -3.515625rem;
}

.bilingual-gate-thanks-mission__heading--02 {
  margin-top: 2px;
  margin-top: 0.125rem;
}

.bilingual-gate-thanks-mission__bullets {
  margin-top: 7px;
  margin-top: 0.4375rem;
}

.bilingual-gate-thanks-mission__bullet {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.bilingual-gate-thanks-mission__col--03 {
  margin-top: 39.27px;
  margin-top: 2.454375rem;
  margin-left: 29px;
  margin-left: 1.8125rem;
}

.bilingual-gate-thanks-mission__cursive-wrapper--03 {
  width: 102.35px;
  width: 6.396875rem;
  margin-left: -23.35px;
  margin-left: -1.459375rem;
}

.bilingual-gate-thanks-mission__values {
  margin-top: 5px;
  margin-top: 0.3125rem;
  width: 312px;
  width: 19.5rem;
}

.bilingual-gate-thanks-mission__value {
  display: flex;
  align-items: center;
}

.bilingual-gate-thanks-mission__value-jp {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: var(--heavy);
  line-height: 1.8;
  letter-spacing: 0.03em;
}

.bilingual-gate-thanks-mission__value-line {
  flex-grow: 1;
  height: 1px;
  height: 0.0625rem;
  background-color: var(--black2);
  margin: 0 9px 0 9px;
  margin: 0 0.5625rem 0 0.5625rem;
}

.bilingual-gate-thanks-mission__value-en {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.8;
  letter-spacing: 0.18em;
  width: 70px;
  width: 4.375rem;
}

.bilingual-gate-thanks-mission__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .bilingual-gate-thanks-mission {
    padding: 53px 0 250px;
    padding: 3.3125rem 0 15.625rem;
  }

  .bilingual-gate-thanks-mission__inner {
    max-width: 1040.35px;
    max-width: 65.021875rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-thanks-mission__cols {
    display: flex;
    align-items: flex-start;
    position: relative;
    left: -3px;
    left: -0.1875rem;
  }

  .bilingual-gate-thanks-mission__col--01 {
    width: 337.4px;
    width: 21.0875rem;
  }

  .bilingual-gate-thanks-mission__col--02 {
    margin-top: 59px;
    margin-top: 3.6875rem;
    margin-left: 22.6px;
    margin-left: 1.4125rem;
    margin-right: 0;
    width: 220.55px;
    width: 13.784375rem;
  }

  .bilingual-gate-thanks-mission__col--03 {
    margin-top: 123px;
    margin-top: 7.6875rem;
    margin-left: 76.45px;
    margin-left: 4.778125rem;
    width: 335.35px;
    width: 20.959375rem;
  }

  .bilingual-gate-thanks-mission__cursive-wrapper--01 {
    margin-left: -20.89px;
    margin-left: -1.305625rem;
    width: 136.8px;
    width: 8.55rem;
  }

  .bilingual-gate-thanks-mission__heading {
    margin-top: 13.2px;
    margin-top: 0.825rem;
  }

  .bilingual-gate-thanks-mission__heading--02 {
    margin-top: 2.4px;
    margin-top: 0.15rem;
  }

  .bilingual-gate-thanks-mission__text {
    margin-top: 9px;
    margin-top: 0.5625rem;
  }

  .bilingual-gate-thanks-mission__cursive-wrapper--02 {
    margin-left: -16.69px;
    margin-left: -1.043125rem;
    width: 98.86px;
    width: 6.17875rem;
  }

  .bilingual-gate-thanks-mission__cursive-wrapper--03 {
    margin-left: -21.35px;
    margin-left: -1.334375rem;
    margin-right: 0;
    width: 102.35px;
    width: 6.396875rem;
  }

  .bilingual-gate-thanks-mission__values {
    margin-top: 2px;
    margin-top: 0.125rem;
  }
}

/* ==========================================
    キャリアパス
   ========================================== */
.bilingual-gate-thanks-career {
  padding: 48px 0 4px;
  padding: 3rem 0 0.25rem;
  position: relative;
  margin-top: -314px;
  margin-top: -19.625rem;
}

.bilingual-gate-thanks-career__img {
  width: 398px;
  width: 24.875rem;
  margin-left: 3px;
  margin-left: 0.1875rem;
}

.bilingual-gate-thanks-career__salary {
  padding: 33px 0 28px;
  padding: 2.0625rem 0 1.75rem;
}

.bilingual-gate-thanks-career__salary-ttl {
  font-size: 40.8954px;
  font-size: 2.5559625rem;
  font-weight: var(--bold);
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.15em;
  color: var(--green3);
  transform: matrix(1, 0, -0.17, 0.98, 0, 0);
  padding: 0px 8px 3px 13px;
  padding: 0 0.5rem 0.1875rem 0.8125rem;
  background-color: var(--white);
  width: fit-content;
  margin-inline: auto;
}

.bilingual-gate-thanks-career__salary-list {
  margin-top: 18.91px;
  margin-top: 1.1825rem;
  width: 384px;
  width: 24rem;
  margin-inline: auto;
}

.bilingual-gate-thanks-career__salary-item {
  position: relative;
}

.bilingual-gate-thanks-career__salary-item:not(:last-of-type)::after {
  position: absolute;
  content: "";
  bottom: -11px;
  bottom: -0.6875rem;
  left: 49%;
  transform: translateX(-50%);
  background-image: url("../img/salary-arrow.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  width: 1.5625rem;
  height: 13.6px;
  height: 0.85rem;
}

.bilingual-gate-thanks-career__salary-item
  + .bilingual-gate-thanks-career__salary-item {
  margin-top: 13px;
  margin-top: 0.8125rem;
}

.bilingual-gate-thanks-career__salary-item-img {
}

.bilingual-gate-thanks-career__salary-note {
  margin-top: -5.55px;
  margin-top: -0.346875rem;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: var(--normal);
  line-height: 1.9;
  letter-spacing: 0.1em;
  text-align: right;
  padding-right: 26px;
  padding-right: 1.625rem;
}

.bilingual-gate-thanks-career__bg-img {
  position: absolute;
  top: 40px;
  top: 2.5rem;
  left: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .bilingual-gate-thanks-career {
    padding: 126px 0 0;
    padding: 7.875rem 0 0;
    margin-top: -301px;
    margin-top: -18.8125rem;
  }

  .bilingual-gate-thanks-career__inner {
    max-width: 906px;
    max-width: 56.375rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-thanks-career__img {
    width: 809px;
    width: 50.5625rem;
    margin-inline: auto;
    position: relative;
    left: -14px;
    left: -0.875rem;
  }

  .bilingual-gate-thanks-career__bg-img {
    top: 86px;
    top: 5.375rem;
  }

  .bilingual-gate-thanks-career__salary {
    padding: 37.7px 0 19.1px;
    padding: 2.35625rem 0 1.19375rem;
  }

  .bilingual-gate-thanks-career__salary-ttl {
    font-size: 49.0745px;
    font-size: 3.06715625rem;
    transform: matrix(1, 0, -0.17, 0.98, 0, 0);
    padding: 0px 8px 3px 13px;
    padding: 0 0.5rem 0.1875rem 0.8125rem;
  }

  .bilingual-gate-thanks-career__salary-list {
    margin-top: 20.29px;
    margin-top: 1.265625rem;
    width: 460.8px;
    width: 28.875rem;
    margin-inline: auto;
  }

  .bilingual-gate-thanks-career__salary-item::after {
    width: 29.7px;
    width: 1.853125rem;
    height: 16.2px;
    height: 1.0125rem;
  }

  .bilingual-gate-thanks-career__salary-item
    + .bilingual-gate-thanks-career__salary-item {
    margin-top: 16px;
    margin-top: 1rem;
  }

  .bilingual-gate-thanks-career__salary-note {
    margin-top: -6.55px;
    margin-top: -0.4084375rem;
    width: 444px;
    width: 27.75rem;
    margin-inline: auto;
    padding-right: 6.6px;
    padding-right: 0.4125rem;
    font-size: 9.6px;
    font-size: 0.6rem;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .bilingual-gate-thanks-career__bg-img {
    height: 105%;
  }
}

@media (min-width: 1920px) {
  .bilingual-gate-thanks-career {
    padding-top: calc(350 / 1920 * 100vw);
    padding-bottom: calc(50 / 1920 * 100vw);
  }

  .bilingual-gate-thanks-career__bg-img {
    height: auto;
    top: -120px;
  }
}

/* ==========================================
    エンジニアとしてのリアルな1日
   ========================================== */
.bilingual-gate-thanks-day {
  position: relative;
  padding-bottom: 43px;
  padding-bottom: 2.6875rem;
}

.bilingual-gate-thanks-day__inner {
  color: var(--black2);
}

.bilingual-gate-thanks-day__ttl {
  width: 392px;
  width: 24.5rem;
  margin-left: auto;
}

.bilingual-gate-thanks-day__img-wrapper {
  margin-top: 5.8px;
  margin-top: 0.3625rem;
  width: 348.8px;
  width: 21.8rem;
  margin-inline: auto;
}

.bilingual-gate-thanks-day__message {
  margin-top: 29px;
  margin-top: 1.8125rem;
  width: 357px;
  width: 22.3125rem;
  margin-inline: auto;
  position: relative;
  background-color: var(--white);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border-radius: 0.625rem;
  padding: 24px 45px 19px;
  padding: 1.5rem 2.8125rem 1.1875rem;
}

.bilingual-gate-thanks-day__message--ttl {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: var(--bold);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
  border-bottom: 1px solid var(--black);
  border-bottom: 0.0625rem solid var(--black);
  width: fit-content;
  margin-inline: auto;
}

.bilingual-gate-thanks-day__message-ttl-em {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.bilingual-gate-thanks-day__message-text {
  margin-top: 21px;
  margin-top: 1.3125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.9;
  letter-spacing: 0.1em;
  text-align: center;
}

.bilingual-gate-thanks-day__message-img-wrapper {
  position: absolute;
  top: -4.5px;
  top: -0.28125rem;
  left: -7.5px;
  left: -0.46875rem;
  width: 68px;
  width: 4.25rem;
  border-radius: 50%;
  overflow: hidden;
  outline: 3.2px solid var(--green4);
  outline: 0.2rem solid var(--green4);
  background-color: var(--green4);
}

.bilingual-gate-thanks-day__message-img {
  aspect-ratio: 1/1;
}

.bilingual-gate-thanks-day__message-note {
  margin-top: 7px;
  margin-top: 0.4375rem;
  padding-right: 31px;
  padding-right: 1.9375rem;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: var(--normal);
  line-height: 1.9;
  letter-spacing: 0.1em;
  text-align: right;
}

.bilingual-gate-thanks-day__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

@media (min-width: 768px) {
  .bilingual-gate-thanks-day {
    padding-bottom: 56.4px;
    padding-bottom: 3.525rem;
  }

  .bilingual-gate-thanks-day__inner {
    max-width: 1160px;
    max-width: 72.5rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-thanks-day__ttl {
    width: 837px;
    width: 52.3125rem;
    margin-left: auto;
  }

  .bilingual-gate-thanks-day__img-wrapper {
    margin-top: -72px;
    margin-top: -4.5rem;
    width: 418.56px;
    width: 26.16rem;
    margin-inline: auto;
  }

  .bilingual-gate-thanks-day__message {
    margin-top: 30.8px;
    margin-top: 1.925rem;
    padding: 28.8px 58px 22.8px;
    padding: 1.8rem 3.625rem 1.425rem;
    width: 428.4px;
    width: 26.775rem;
  }

  .bilingual-gate-thanks-day__message--ttl {
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 3.2px;
    padding-bottom: 0.2rem;
    border-bottom: 1.2px solid var(--black);
    border-bottom: 0.075rem solid var(--black);
  }

  .bilingual-gate-thanks-day__message-ttl-em {
    font-size: 22.8px;
    font-size: 1.425rem;
  }

  .bilingual-gate-thanks-day__message-text {
    margin-top: 25.2px;
    margin-top: 1.575rem;
    font-size: 15.6px;
    font-size: 0.975rem;
  }

  .bilingual-gate-thanks-day__message-img-wrapper {
    top: -5.4px;
    top: -0.3375rem;
    left: -9px;
    left: -0.5625rem;
    width: 81.6px;
    width: 5.1rem;
    outline: 3.84px solid var(--green4);
    outline: 0.24rem solid var(--green4);
  }

  .bilingual-gate-thanks-day__message-note {
    margin-top: 8.4px;
    margin-top: 0.525rem;
    font-size: 9.6px;
    font-size: 0.6rem;
    width: 428.4px;
    width: 26.775rem;
    margin-inline: auto;
    padding-right: 4.2px;
    padding-right: 0.2625rem;
  }
}

@media (min-width: 1920px) {
  .bilingual-gate-thanks-day {
    padding-top: calc(150 / 1920 * 100vw);
  }
  .bilingual-gate-thanks-day__bg-img {
    top: -270px;
    height: 120%;
  }
}

/* ==========================================
    連絡先
   ========================================== */
.bilingual-gate-thanks-contact {
  padding: 28px 0 21px;
  padding: 1.75rem 0 1.3125rem;
  position: relative;
}

.bilingual-gate-thanks-contact::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.8);
}

.bilingual-gate-thanks-contact__inner {
  padding: 0 26px 0 36px;
  padding: 0 1.625rem 0 2.25rem;
  color: var(--black2);
  position: relative;
  z-index: 1;
}

.bilingual-gate-thanks-contact__title {
  font-size: 17.57px;
  font-size: 1.098125rem;
  font-weight: var(--bold);
  line-height: 1.4;
  letter-spacing: 0.15em;
}

.bilingual-gate-thanks-contact__panel {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.bilingual-gate-thanks-contact__badge {
  padding: 1px 7px 3px;
  padding: 0.0625rem 0.4375rem 0.1875rem;
  background-color: var(--black2);
  color: var(--white);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
  width: fit-content;
}

.bilingual-gate-thanks-contact__list {
  margin-left: 4px;
  margin-left: 0.25rem;
  padding: 4px 0 2px 9px;
  padding: 0.25rem 0 0.125rem 0.5625rem;
  border-left: 1px solid var(--black);
  border-left: 0.0625rem solid var(--black);
}

.bilingual-gate-thanks-contact__item {
  display: flex;
  align-items: center;
  column-gap: 16px;
  column-gap: 1rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: var(--normal);
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.bilingual-gate-thanks-contact__term {
  width: 96px;
  width: 6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.bilingual-gate-thanks-contact__desc {
  flex: 1;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-wrap: nowrap;
}

.bilingual-gate-thanks-contact__link {
  color: var(--black2);
}

.bilingual-gate-thanks-contact__bg-img {
  position: absolute;
  inset: 0;
  aspect-ratio: 414/189;
  z-index: -1;
}

@media (min-width: 768px) {
  .bilingual-gate-thanks-contact {
    padding: 28px 0 21px;
    padding: 1.75rem 0 1.3125rem;
  }

  .bilingual-gate-thanks-contact__inner {
    max-width: 388px;
    max-width: 24.25rem;
    margin-inline: auto;
    padding-inline: 20px;
    padding-inline: 1.25rem;
  }

  .bilingual-gate-thanks-contact__bg-img {
    aspect-ratio: 1680/189;
  }
}

@media (min-width: 768px) and (max-width: 1679px) {
  .bilingual-gate-thanks-contact__bg-img {
    height: 100%;
  }
}
