@charset "UTF-8";
/* それぞれの参照用幅（px） */
/* コンテンツ基準の水平位置（left/rightどちらにも使える値） */
* {
  min-height: 0vw;
}

.overflow-adjuster {
  overflow-x: hidden;
  overflow-y: visible;
}

.parallax-index {
  position: relative;
  z-index: auto;
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
}
:root {
  --parallax-leadmsg-height: calc(var(--vhL) * 100 * 3);
}

:root {
  /* Font sizes */
  --fs-010: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  --fs-020: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  --fs-030: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  --fs-040: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  --fs-050: clamp(0.8rem, 0rem + 4vw, 1.05rem);
  --fs-060: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --fs-070: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --fs-080: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --fs-090: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --fs-100: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --fs-110: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --fs-120: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --fs-130: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  /* Spaces (8pt grid想定) */
  --sp-0: 0rem;
  --sp-100: 0.4rem; /* 4px */
  --sp-200: 0.8rem; /* 8px */
  --sp-300: 1.2rem; /* 12px */
  --sp-400: 1.6rem; /* 16px */
  --sp-500: 2.4rem; /* 24px */
  --sp-600: 3.2rem; /* 32px */
}

:root {
  --fs-btn: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  --fs-fvlead-cc: clamp(1.4933333333rem, 0rem + 7.4666666667vw, 1.96rem);
  --fs-fvlead-bc: clamp(0.8rem, 0rem + 4vw, 1.05rem);
  --fs-navitem-jp: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  --fs-navitem-en: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  --fs-paragraph-100: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  --fs-paragraph-200: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  --mg-btm-paragraph-100: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  --mg-btm-section-100: clamp(4.2666666667rem, 0rem + 21.3333333333vw, 5.6rem);
  --mg-btm-common-004: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  --mg-btm-common-008: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
  --mg-btm-common-010: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  --fw-paragraph-100: 500;
  --lh-paragraph-100: 200%;
}

@media (min-width: 768px) {
  :root {
    --fs-btn: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
    --fs-fvlead-cc: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
    --fs-fvlead-bc: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    --fs-navitem-jp: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
    --fs-navitem-en: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
    --fs-paragraph-100: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
    --fs-paragraph-200: clamp(0.9107142857rem, 0rem + 1.8973214286vw, 1.2142857143rem);
    --h-minheight: var(--h-169);
    --mg-btm-paragraph-100:clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    --fw-paragraph-100: 500;
    --lh-paragraph-100: 200%;
  }
}
@media (min-width: 1025px) {
  :root {
    --fs-btn: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
    --fs-fvlead-cc: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
    --fs-fvlead-bc: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    --fs-navitem-jp: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
    --fs-navitem-en: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
    --fs-paragraph-100: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
    --fs-paragraph-200: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
    --h-minheight: var(--h-169);
    --mg-btm-paragraph-100: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    --fw-paragraph-100: 500;
    --lh-paragraph-100: 200%;
  }
}
.service {
  position: relative;
  z-index: 100;
}

.ihstartup {
  position: relative;
  z-index: 200;
}

.staffs {
  position: relative;
  z-index: 300;
}

:root {
  --w-sp-min: 20rem;
  --w-sp-mid: 23.4375rem;
  --w-sp-max: 26.25rem;
  --w-tab-min: 48rem;
  --w-tab-mid: 56rem;
  --w-tab-max: 64rem;
  --w-pc-min: 64.0625rem;
  --w-pc-mid: 85.375rem;
  --w-pc-max: 240rem;
  --w-4kd-min: 48rem;
  --w-4kd-mid: 85.375rem;
  --w-4kd-max: 240rem;
  --gap: 24px;
  --color-darkgray: #3C3C3C ;
}

@media (min-width: 0px) {
  :root {
    --cw: 100vw;
    --pad: clamp(1.4933333333rem, 0rem + 7.4666666667vw, 1.96rem); /* 左右余白が要るならここで一元管理 */
  }
}
@media (min-width: 768px) {
  :root {
    --cw: clamp(var(--w-tab-min), 100vw, var(--w-tab-max));
    --pad: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem); /* 左右余白が要るならここで一元管理 */
  }
}
@media (min-width: 1025px) {
  :root {
    --cw: clamp(var(--w-pc-min), 100vw, var(--w-pc-max));
    --pad: clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem); /* 左右余白が要るならここで一元管理 */
  }
}
html {
  font-size: 16px; /* アクセシビリティ基準を守る */
}

body {
  font-size: clamp(14px, 1.2vw, 18px);
}

:root {
  /* 行長の安全域（本文ブロック用） */
  --measure: clamp(52ch, 60ch, 70ch);
  /* タイポ（例） */
  --fs-body: clamp(16px, 0.9vw + 12px, 18px);
  --fs-h1: clamp(28px, 3vw + 12px, 56px);
  --fs-h2: clamp(22px, 2vw + 12px, 36px);
  /* 余白スケール */
  --space-s: clamp(8px, 1.2vw, 16px);
  --space-m: clamp(16px, 2vw, 32px);
  --space-l: clamp(24px, 3vw, 48px);
}

/* スマホだけ改行を有効 */
.br-sp {
  display: inline;
}

.br-pc {
  display: none;
}

@media (min-width: 768px) {
  /* PCの場合は逆に */
  .br-sp {
    display: none;
  }
  .br-pc {
    display: inline;
  }
}
/* スマホだけ改行を有効 */
.disp-sp {
  display: inline;
}

.disp-pc {
  display: none;
}

@media (min-width: 768px) {
  /* PCの場合は逆に */
  .disp-sp {
    display: none;
  }
  .disp-pc {
    display: inline;
  }
}
@media (max-width: 680px) {
  .pc-br {
    display: none;
  }
}
main {
  position: relative;
  z-index: 100;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
}

/* ベースのinner */
.c-inner {
  max-width: var(--cw); /* コンテンツ幅（例: 1024〜1980pxの流体） */
  margin-inline: auto; /* 中央寄せ */
  padding-inline: var(--pad); /* 左右余白 */
}

/* Utility classes */
.full {
  position: relative;
  width: 100vw; /* 画面幅 */
  left: 50%;
  right: 50%;
  margin-left: -50vw; /* コンテナの中央から左右に吐き出す */
  margin-right: -50vw;
  /* 必要なら中身の左右余白はここで */
  /* padding-inline: var(--pad); */
}

.wide {
  max-width: min(100%, 1400px); /* innerより少し広い幅 */
  margin-inline: auto;
  padding-inline: var(--pad);
}

.narrow {
  max-width: 800px; /* 読み物系の狭いカラム幅 */
  margin-inline: auto;
}

.bleedL {
  margin-left: 0;
  margin-right: auto;
  width: calc(100% - var(--pad));
}

.bleedR {
  margin-right: 0;
  margin-left: auto;
  width: calc(100% - var(--pad));
}

/* セクション共通レール */
--section {
  display: grid;
  grid-template-columns: [full-start] minmax(var(--pad), 1fr) [content-start] minmax(0, var(--cw)) [content-end] minmax(var(--pad), 1fr) [full-end];
  gap: var(--gap);
  position: relative;
}

/* ✅ デフォルトは“中央レール”に乗せておく（これが無いと潰れる） */
--section > * {
  grid-column: full-start/full-end;
}

--section > .wide {
  grid-column: content-start/content-end;
} /* 端まで */
--section > .bleedL {
  grid-column: full-start/content-end;
} /* 左だけ端まで */
--section > .bleedR {
  grid-column: content-start/full-end;
} /* 右だけ端まで */
/* （.wide は省略可。デフォルトが wide 相当になるため付けなくてOK） */
/* レーン指定ユーティリティ */
/* PC帯（1024px以上）のデフォルトはこれだけでOK */
.container {
  inline-size: min(var(--cw), 100%); /* 100vwを超えない保険 */
  margin-inline: auto;
  position: relative;
  padding-inline: var(--pad);
}

/* TAB/SP はいつも通りメディアクエリで切替 */
@media (max-width: 1024px) {
  .container {
    inline-size: min(100%, 48rem);
    padding-inline: 1rem;
  }
}
/* 左端から -12rem はみ出す（PC帯どこでも一定の見え方） */
.decor-left {
  position: absolute;
  left: calc(-12rem - max(0px, 100vw - var(--cw)) / 2 + var(--pad));
  /* ↑ var(--pad) を足し戻すと「内側の列」基準になる */
  top: 50%;
  transform: translateY(-50%);
  width: clamp(14rem, 28vw, 24rem); /* サイズは緩く流体 */
}

/* 右端も同様（右padding分を足し戻す） */
.decor-right {
  position: absolute;
  right: calc(-10rem - max(0px, 100vw - var(--cw)) / 2 + var(--pad));
  bottom: 2rem;
  width: clamp(16rem, 30vw, 32rem);
}

:root {
  --fvheight__index__pc: calc( var(--vh, 1vh) * 100);
  --fvheight__index__tab: calc( var(--vh, 1vh) * 100);
  --fvheight__index__sp: calc( var(--vh, 1vh) * 100);
  --fvheight__other__pc: calc( var(--vh, 1vh) * 28);
  --fvheight__other__tab: calc( var(--vh, 1vh) * 50);
  --fvheight__other__sp: calc( var(--vh, 1vh) * 50);
  --fvheight__journal__single: calc( var(--vh, 1vh) * 80);
}

body {
  background-color: #F5F5F5;
}

main {
  background-color: #F5F5F5;
}

:root {
  --space-inline: clamp(1rem, 5vw, 2rem);
}

.container {
  margin-inline: auto;
  padding-inline: var(--space-inline);
}

.-mincho {
  font-family: "Zen Old Mincho", "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.-gothic {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.ff__alphabet {
  font-family: "Roboto", sans-serif;
}

.ff__alphabet__2 {
  font-family: "Train One", cursive;
}

.ff__oswald {
  font-family: "Oswald", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", sans-serif;
}

.ff__notosans {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

:root {
  --ff__oswald:
      "Oswald", sans-serif ;
  --gothic:
      "Noto sans JP","游明朝",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝", sans-serif ;
}

body {
  font-family: var(--gothic);
}

:root {
  --lh-090: 0.90;
  --lh-100: 1.00;
  --lh-110: 1.10;
  --lh-112: 1.12;
  --lh-115: 1.15;
  --lh-120: 1.20;
  --lh-125: 1.25;
  --lh-150: 1.50;
  --lh-160: 1.60;
  --lh-170: 1.70;
  --lh-180: 1.80;
  --lh-190: 1.90;
  --lh-200: 2.00;
  --lh-210: 2.10;
  --lh-220: 2.20;
  --lh-230: 2.30;
  --lh-240: 2.40;
  --lh-250: 2.50;
  --ls-002: 0.02em;
  --ls-003: 0.03em;
  --ls-004: 0.04em;
  --ls-005: 0.05em;
  --ls-006: 0.06em;
  --ls-007: 0.07em;
  --ls-008: 0.08em;
  --ls-009: 0.09em;
  --ls-010: 0.10em;
  --ls-011: 0.11em;
  --ls-012: 0.12em;
  --ls-013: 0.13em;
  --ls-014: 0.14em;
  --ls-015: 0.15em;
  --fw-s:300 ;
  --fw-m:500 ;
  --fw-sb:600 ;
  --fw-b:800 ;
}

.infinity-looper {
  width: 100%; /* 必要に応じて固定幅でもOK */
}
.infinity-looper img {
  width: clamp(26.6666666667rem, 0rem + 133.3333333333vw, 35rem); /* 画像サイズは揃える */
  margin: 0rem clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) 0rem 0rem;
  flex-shrink: 0; /* 縮まないよう固定 */
}
@media (min-width: 768px) {
  .infinity-looper img {
    width: 100vw; /* 画像サイズは揃える */
    max-width: 100vw;
    margin: 0rem clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem) 0rem 0rem;
    flex-shrink: 0; /* 縮まないよう固定 */
  }
}
.infinity-looper .wrapper {
  overflow: hidden;
}
.infinity-looper .tracks {
  display: flex;
  width: -moz-max-content;
  width: max-content; /* コンテンツ幅に合わせる */
}
.infinity-looper .tracks.--left2right {
  animation: left-scroll 40s linear infinite;
}
.infinity-looper .tracks.--right2left {
  animation: right-scroll 40s linear infinite;
}

@keyframes left-scroll {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
  /* 👆「全体の半分ぶん」動かすことでループ */
}
@keyframes right-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
  /* 👆「全体の半分ぶん」動かすことでループ */
}
/* =====================
   SP（モバイルファースト）
   ===================== */
.c-image-slider {
  position: relative;
  top: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 100%;
  overflow-x: hidden;
}
.c-image-slider .image-slider_upper .image-slider_lower {
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.c-image-slider .image-slider_upper {
  position: relative;
  top: 0px;
  left: clamp(-16rem, 0rem + -80vw, -21rem);
  z-index: auto;
  transform: translate(0%, 0%);
  display: flex;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(0rem, 0rem + 0vw, 0rem);
}
.c-image-slider .image-slider_lower {
  position: relative;
  top: 0px;
  left: clamp(-16rem, 0rem + -80vw, -21rem);
  z-index: auto;
  transform: translate(0%, 0%);
  display: flex;
}
.c-image-slider img {
  display: block;
  width: clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem);
  padding: clamp(0.32rem, 0rem + 1.6vw, 0.42rem);
  -o-object-fit: cover;
     object-fit: cover;
}

/* =====================
   TAB
   ===================== */
@media (min-width: 768px) {
  .c-image-slider {
    position: relative;
    top: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
    left: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
    width: 100%;
    overflow-x: hidden;
  }
  .c-image-slider .image-slider_upper .image-slider_lower {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  .c-image-slider .image-slider_upper {
    position: relative;
    top: 0px;
    left: clamp(-16.0714285714rem, 0rem + -33.4821428571vw, -21.4285714286rem);
    z-index: auto;
    transform: translate(0%, 0%);
    display: flex;
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
  .c-image-slider .image-slider_lower {
    position: relative;
    top: 0px;
    left: clamp(-16.0714285714rem, 0rem + -33.4821428571vw, -21.4285714286rem);
    z-index: auto;
    transform: translate(0%, 0%);
    display: flex;
  }
  .c-image-slider img {
    display: block;
    width: clamp(17.1428571429rem, 0rem + 35.7142857143vw, 22.8571428571rem);
    padding: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/* =====================
   PC
   ===================== */
@media (min-width: 1025px) {
  .c-image-slider {
    position: relative;
    top: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
    left: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
    width: 100%;
    overflow-x: hidden;
  }
  .c-image-slider .image-slider_upper .image-slider_lower {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  .c-image-slider .image-slider_upper {
    position: relative;
    top: 0px;
    left: clamp(-14.069363104rem, 0rem + -21.9619326501vw, -52.7086383602rem);
    z-index: auto;
    transform: translate(0%, 0%);
    display: flex;
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
  .c-image-slider .image-slider_lower {
    position: relative;
    top: 0px;
    left: clamp(-14.069363104rem, 0rem + -21.9619326501vw, -52.7086383602rem);
    z-index: auto;
    transform: translate(0%, 0%);
    display: flex;
  }
  .c-image-slider img {
    display: block;
    width: clamp(17.821193265rem, 0rem + 27.8184480234vw, 66.7642752562rem);
    padding: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
    -o-object-fit: cover;
       object-fit: cover;
  }
}
:root {
  --header-nav: 999999999 ;
  --header-drawer: 99999999 ;
  --header-fv: 9999999 ;
}

header {
  z-index: var(--header-nav);
}

.header-drawer {
  z-index: var(--header-drawer);
}

.header-fv {
  z-index: var(--header-fv);
}

/*
document.querySelectorAll("*").forEach(el => {
    const rect = el.getBoundingClientRect();
    if (
        rect.top < 0 ||
        rect.left < 0 ||
        rect.bottom > window.innerHeight ||
        rect.right > window.innerWidth
    ) {
        console.log("はみ出てる要素:", el, rect);
    }
});

*/
.header-parallax-clipper {
  position: relative;
  overflow: visible; /* ← 重要：hidden/auto/scroll にしない */
}

.fv-media.--pc {
  display: none;
}
@media (min-width: 768px) {
  .fv-media.--pc {
    display: block;
  }
}

@media (min-width: 768px) {
  .fv-media.--sp {
    display: none;
  }
}

.fv-media.--sp {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* 3枚を重ねて全画面表示 */
.fv-media.--sp .bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transform: scale(1.05);
  animation-name: heroFadeZoom;
  animation-duration: 9s; /* 全サイクルの長さ */
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* 1枚目 */
.fv-media.--sp .bgimg:nth-child(1) {
  animation-delay: 0s;
}

/* 2枚目 */
.fv-media.--sp .bgimg:nth-child(2) {
  animation-delay: 3s;
}

/* 3枚目 */
.fv-media.--sp .bgimg:nth-child(3) {
  animation-delay: 6s;
}

/* フェード＋ゆるズームのキーフレーム */
@keyframes heroFadeZoom {
  0% {
    opacity: 0;
    transform: scale(1.08);
  }
  5% {
    opacity: 1;
    transform: scale(1.02);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  35% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 0;
    transform: scale(1.08);
  }
}
.header-fv {
  position: sticky;
  top: 0; /* ← bottom ではなく top を使う */
  z-index: 0; /* 必要に応じて上げる。-1 は避ける */
  width: 100vw;
  max-width: 100vw;
  height: 100lvh; /* 100vh はやめて lvh を使うのでOK */
  padding-bottom: env(safe-area-inset-bottom);
  overflow: hidden;
  /* レイヤー安定化 */
  /* 画像が100%に縮まずはみ出すのを防ぐなら max-width:100% でもOK */
}
.header-fv .fv-media {
  position: absolute;
  inset: 0;
  z-index: 0; /* ← -1 をやめる（iOSでの描画順ブレ回避） */
}
.header-fv .fv-media::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}
.header-fv .fv-media > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  will-change: transform; /* スクロールで動かす場合のみ */
  backface-visibility: hidden;
}
.header-fv .fv-media > .bgvideo {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.header-fv .txt-fvcopy {
  position: absolute;
  z-index: 10;
  bottom: clamp(17.0666666667rem, 0rem + 85.3333333333vw, 22.4rem);
  left: clamp(9.6rem, 0rem + 48vw, 12.6rem);
  transform: translate(0%, 0%);
  rotate: 90deg;
  transform-origin: left top;
  backface-visibility: hidden;
  will-change: transform, opacity;
  color: #fff;
  mix-blend-mode: overlay; /* オーバーレイを指定 */
}
@media (min-width: 768px) {
  .header-fv .txt-fvcopy {
    bottom: clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem);
    left: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    transform: translate(0%, 0%);
    rotate: 0deg;
    transform-origin: initial initial;
  }
}
@media (min-width: 1025px) {
  .header-fv .txt-fvcopy {
    bottom: clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem);
    left: clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem);
  }
}
.header-fv .txt-fvcopy .txt-fvcopy-main {
  font-size: clamp(3.3066666667rem, 0rem + 16.5333333333vw, 4.34rem);
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 90%;
  opacity: 0.8;
}
@media (min-width: 768px) {
  .header-fv .txt-fvcopy .txt-fvcopy-main {
    font-size: clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem);
    opacity: 1;
  }
}
@media (min-width: 1025px) {
  .header-fv .txt-fvcopy .txt-fvcopy-main {
    font-size: clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem);
  }
}
.header-fv .accent-layer {
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  overflow: hidden; /* ここが肝 */
}
.header-fv .accent-image {
  display: block;
  max-width: none;
}
.header-fv .accent-image.--obje-arrow-01, .header-fv .accent-image.--obje-arrow-02, .header-fv .accent-image.--obje-arrow-03 {
  backface-visibility: hidden;
  will-change: transform, opacity;
}
@media (min-width: 768px) {
  .header-fv .accent-image.--obje-arrow-01, .header-fv .accent-image.--obje-arrow-02, .header-fv .accent-image.--obje-arrow-03 {
    display: block;
    opacity: 0;
  }
}
.header-fv .accent-image.--obje-arrow-01 {
  position: absolute;
  top: 50%;
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-7.4666666667rem, 0rem + -37.3333333333vw, -9.8rem));
  transform: translate(0, 0);
  width: clamp(11.7333333333rem, 0rem + 58.6666666667vw, 15.4rem);
}
@media (min-width: 768px) {
  .header-fv .accent-image.--obje-arrow-01 {
    top: 50%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-21.4285714286rem, 0rem + -44.6428571429vw, -28.5714285714rem));
    transform: translate(0, 0);
    width: clamp(25.3928571429rem, 0rem + 52.9017857143vw, 33.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .header-fv .accent-image.--obje-arrow-01 {
    top: 30%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-51.5876647145rem, 0rem + -80.5270863836vw, -193.2650073206rem));
    transform: translate(0, 0);
    width: clamp(26.9193814056rem, 0rem + 42.0204978038vw, 100.8491947291rem);
  }
}
.header-fv .accent-image.--obje-arrow-02 {
  position: absolute;
  top: 20%;
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
  transform: translate(-50%, -50%);
  width: clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem);
}
@media (min-width: 768px) {
  .header-fv .accent-image.--obje-arrow-02 {
    top: 30%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-39.6428571429rem, 0rem + -82.5892857143vw, -52.8571428571rem));
    transform: translate(-50%, -50%);
    width: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .header-fv .accent-image.--obje-arrow-02 {
    top: 90%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-86.2920937042rem, 0rem + -134.6998535871vw, -323.2796486091rem));
    transform: translate(-50%, -50%);
    width: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
  }
}
.header-fv .accent-image.--obje-arrow-03 {
  position: absolute;
  top: 80%;
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-4.2666666667rem, 0rem + -21.3333333333vw, -5.6rem));
  transform: translate(-50%, -50%);
  width: clamp(8.5333333333rem, 0rem + 42.6666666667vw, 11.2rem);
}
@media (min-width: 768px) {
  .header-fv .accent-image.--obje-arrow-03 {
    top: 40%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-10.7142857143rem, 0rem + -22.3214285714vw, -14.2857142857rem));
    transform: translate(-50%, -50%);
    width: clamp(16.0714285714rem, 0rem + 33.4821428571vw, 21.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .header-fv .accent-image.--obje-arrow-03 {
    top: 40%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-9.3795754026rem, 0rem + -14.6412884334vw, -35.1390922401rem));
    transform: translate(-50%, -50%);
    width: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
  }
}
.header-fv .img-fvcc {
  position: absolute;
  z-index: 10;
  top: 48%;
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem));
  transform: translate(-50%, -50%);
  right: initial;
  transform: translate(0%, 0%);
  width: 90%;
}
@media (min-width: 768px) {
  .header-fv .img-fvcc {
    top: 50%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem));
    transform: translate(-50%, -50%);
    right: initial;
    transform: translate(0%, 0%);
    width: clamp(45rem, 0rem + 93.75vw, 60rem);
  }
}
@media (min-width: 1025px) {
  .header-fv .img-fvcc {
    top: 60%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem));
    transform: translate(-50%, -50%);
    right: initial;
    transform: translate(0%, 0%);
    width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
  }
}

.grad-layer {
  animation: bg-gradient 3s linear infinite alternate;
  position: absolute;
  z-index: auto;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.grad-layer.--index {
  background: linear-gradient(45deg, #fa8bff, #2bd2ff, #2bff88) 0/300% 100%;
}
.grad-layer.--recruit {
  background: linear-gradient(90deg, #1da0b4, #6945ba);
}
@keyframes bg-gradient {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

/* もし .leadmsg-parallax 側にも .txt-fvcopy があるならクラス名を変えるか、
   JSを `.fv .txt-fvcopy` でスコープする（後述JSで対応） */
/* ========================================================= */
.leadmsg-parallax.--index {
  position: relative;
  top: auto;
  left: 0%;
  z-index: 99999;
  transform: translate(0%, 0%);
  /* min-height: 180vh; */
  /* padding-top: 100vh; */
  padding-top: var(--parallax-leadmsg-height);
  padding-bottom: clamp(9.6rem, 0rem + 48vw, 12.6rem);
  padding-left: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  overflow-x: hidden;
  color: var(--color-darkgray);
  color: #fff;
}
@media (min-width: 768px) {
  .leadmsg-parallax.--index {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    padding-top: clamp(107.1428571429rem, 0rem + 223.2142857143vw, 142.8571428571rem); /* 100vh 相当の意図ならこのまま */
    padding-bottom: clamp(17.1428571429rem, 0rem + 35.7142857143vw, 22.8571428571rem);
    padding-left: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--index {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    /* min-height: 180vh; */
    /* padding-top: 100vh; */
    padding-top: clamp(93.7957540264rem, 0rem + 146.4128843338vw, 351.3909224012rem);
    padding-bottom: clamp(15.0073206442rem, 0rem + 23.4260614934vw, 56.2225475842rem);
    padding-left: clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem);
  }
}
.leadmsg-parallax.--index .txt-cc {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.6rem, 0rem + 8vw, 2.1rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: var(--fs-fvlead-cc);
  font-weight: 600;
  letter-spacing: var(--ls-010);
  line-height: 140%;
}
@media (min-width: 768px) {
  .leadmsg-parallax.--index .txt-cc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(6.4285714286rem, 0rem + 13.3928571429vw, 8.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-cc);
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--index .txt-cc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-cc);
  }
}
.leadmsg-parallax.--index .txt-bc-wrapper p {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: var(--fs-fvlead-bc);
  font-weight: 600;
  letter-spacing: var(--ls-010);
  line-height: 160%;
}
@media (min-width: 768px) {
  .leadmsg-parallax.--index .txt-bc-wrapper p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-bc);
    line-height: 180%;
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--index .txt-bc-wrapper p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-bc);
    line-height: 180%;
  }
}
.leadmsg-parallax.--index .txt-bc-wrapper p:last-of-type {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .leadmsg-parallax.--index .txt-bc-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(6.4285714286rem, 0rem + 13.3928571429vw, 8.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--index .txt-bc-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}

.leadmsg-parallax.--recruit {
  position: relative;
  top: auto;
  left: 0%;
  z-index: 99999;
  transform: translate(0%, 0%);
  /* min-height: 180vh; */
  /* padding-top: 100vh; */
  padding-top: var(--parallax-leadmsg-height);
  padding-bottom: clamp(9.6rem, 0rem + 48vw, 12.6rem);
  padding-left: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  overflow-x: hidden;
  color: var(--color-darkgray);
  color: #fff;
}
@media (min-width: 768px) {
  .leadmsg-parallax.--recruit {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    padding-top: clamp(107.1428571429rem, 0rem + 223.2142857143vw, 142.8571428571rem); /* 100vh 相当の意図ならこのまま */
    padding-bottom: clamp(17.1428571429rem, 0rem + 35.7142857143vw, 22.8571428571rem);
    padding-left: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--recruit {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    /* min-height: 180vh; */
    /* padding-top: 100vh; */
    padding-top: clamp(93.7957540264rem, 0rem + 146.4128843338vw, 351.3909224012rem);
    padding-bottom: clamp(15.0073206442rem, 0rem + 23.4260614934vw, 56.2225475842rem);
    padding-left: clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem);
  }
}
.leadmsg-parallax.--recruit.--index {
  color: var(--color-darkgray);
  color: #fff;
}
.leadmsg-parallax.--recruit.--recruit {
  color: #fff;
}
.leadmsg-parallax.--recruit .txt-cc {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.6rem, 0rem + 8vw, 2.1rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: var(--fs-fvlead-cc);
  font-weight: 600;
  letter-spacing: var(--ls-010);
  line-height: 140%;
}
@media (min-width: 768px) {
  .leadmsg-parallax.--recruit .txt-cc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(6.4285714286rem, 0rem + 13.3928571429vw, 8.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-cc);
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--recruit .txt-cc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-cc);
  }
}
.leadmsg-parallax.--recruit .txt-bc-wrapper p {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: var(--fs-fvlead-bc);
  font-weight: 600;
  letter-spacing: var(--ls-010);
  line-height: 160%;
}
@media (min-width: 768px) {
  .leadmsg-parallax.--recruit .txt-bc-wrapper p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-bc);
    line-height: 180%;
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--recruit .txt-bc-wrapper p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: var(--fs-fvlead-bc);
    line-height: 180%;
  }
}
.leadmsg-parallax.--recruit .txt-bc-wrapper p:last-of-type {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .leadmsg-parallax.--recruit .txt-bc-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(6.4285714286rem, 0rem + 13.3928571429vw, 8.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .leadmsg-parallax.--recruit .txt-bc-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}

.lfv {
  position: relative;
  z-index: 1;
  width: 100vw;
  max-width: 100vw;
  height: 900px;
  min-height: var(--h-minheight);
  overflow: hidden;
  /* =====================
     .lfv-media
     ===================== */
  /* =====================
     .fixed-ttl
     ===================== */
  /* =====================
     レイアウト全体（lfv本体）
     ===================== */
}
.lfv .lfv-media {
  position: absolute;
  z-index: auto;
  top: 16.25rem;
  right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem));
  transform: translate(0%, -50%);
  width: clamp(19.84rem, 0rem + 99.2vw, 26.04rem);
}
.lfv .lfv-media .media-mask {
  width: 100%;
  -webkit-mask-image: url("../../assets/media/visuals/arrowmask.svg");
          mask-image: url("../../assets/media/visuals/arrowmask.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.lfv .lfv-media > img {
  width: clamp(42.6666666667rem, 0rem + 213.3333333333vw, 56rem);
}
@media (min-width: 768px) {
  .lfv .lfv-media {
    top: 20rem;
    right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
    transform: translate(0%, -50%);
    width: clamp(33.75rem, 0rem + 70.3125vw, 45rem);
  }
  .lfv .lfv-media > img {
    width: clamp(42.8571428571rem, 0rem + 89.2857142857vw, 57.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .lfv .lfv-media {
    top: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
    right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
    transform: translate(0%, 0%);
    width: clamp(29.5456625183rem, 0rem + 46.1200585652vw, 110.6881405564rem);
  }
  .lfv .lfv-media > img {
    width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
  }
}
.lfv .fixed-ttl {
  position: absolute;
  top: 22.5rem;
  left: calc(clamp(0rem, 0rem + 0vw, 0rem) + var(--pad));
  z-index: auto;
  transform: translate(0%, 0%);
}
.lfv .fixed-ttl .copy-main {
  font-size: clamp(2.6666666667rem, 0rem + 13.3333333333vw, 3.5rem);
  font-weight: 900;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
  opacity: 1;
  writing-mode: vertical-rl;
}
@media (min-width: 768px) {
  .lfv .fixed-ttl {
    top: 23.75rem;
    left: calc(clamp(0rem, 0rem + 0vw, 0rem) + var(--pad));
  }
  .lfv .fixed-ttl .copy-main {
    font-size: clamp(4.3928571429rem, 0rem + 9.1517857143vw, 5.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .lfv .fixed-ttl {
    top: clamp(13.1314055637rem, 0rem + 20.4978038067vw, 49.1947291362rem);
    left: calc(clamp(0rem, 0rem + 0vw, 0rem) + var(--pad));
  }
  .lfv .fixed-ttl .copy-main {
    font-size: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
  }
}
@media (min-width: 768px) {
  .lfv {
    width: 100vw;
    height: 100vh;
    min-height: var(--h-minheight);
    overflow: hidden;
  }
}
@media (min-width: 1025px) {
  .lfv {
    width: 100vw;
    height: 100vh;
    min-height: var(--h-minheight);
    overflow: hidden;
  }
}

.fixed-staff-lfv {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 50vh;
  margin: clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-staff-lfv {
    height: 50vh;
    margin: clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv {
    height: 120vh;
    margin: clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-staff-lfv .lfv-media {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0, 0);
  width: 100vw;
  margin: clamp(13.8666666667rem, 0rem + 69.3333333333vw, 18.2rem) 0 0 0;
  /* 共通ベース（個別差分は各修飾子で上書き） */
}
@media (min-width: 768px) {
  .fixed-staff-lfv .lfv-media {
    margin: clamp(16.0714285714rem, 0rem + 33.4821428571vw, 21.4285714286rem) 0 0 0;
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .lfv-media {
    margin: clamp(14.069363104rem, 0rem + 21.9619326501vw, 52.7086383602rem) 0 0 0;
  }
}
.fixed-staff-lfv .lfv-media .bg-media-wrapper {
  width: 100vw;
  overflow-x: hidden;
}
.fixed-staff-lfv .lfv-media .bg-media {
  position: relative;
  z-index: -1;
  top: 0%;
  left: 0%;
  transform: translate(0, 0);
  width: 130%;
  padding-top: clamp(13.8666666667rem, 0rem + 69.3333333333vw, 18.2rem);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center clamp(-3.2rem, 0rem + -16vw, -4.2rem);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .lfv-media .bg-media {
    width: 100%;
    padding-top: clamp(32.1428571429rem, 0rem + 66.9642857143vw, 42.8571428571rem);
    background-position: center clamp(-7.5rem, 0rem + -15.625vw, -10rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .lfv-media .bg-media {
    width: 100%;
    padding-top: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
  }
}
.fixed-staff-lfv .lfv-media .bg-media.--staff-01 {
  background-image: url(../../assets/media/visuals/stafftopimg-1.jpg);
}
.fixed-staff-lfv .lfv-media .bg-media.--staff-02 {
  background-image: url(../../assets/media/visuals/stafftopimg-3.jpg);
}
.fixed-staff-lfv .lfv-media .bg-media.--staff-03 {
  background-image: url(../../assets/media/visuals/stafftopimg-5.jpg);
}
.fixed-staff-lfv .lfv-media .bg-media.--staff-04 {
  background-image: url(../../assets/media/visuals/stafftopimg-2.jpg);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .lfv-media .bg-media.--staff-04 {
    padding-top: clamp(42.8571428571rem, 0rem + 89.2857142857vw, 57.1428571429rem);
  }
}
.fixed-staff-lfv .lfv-media .bg-media.--staff-05 {
  background-image: url(../../assets/media/visuals/stafftopimg-7.jpg);
}
.fixed-staff-lfv .cutout-title {
  position: absolute;
  z-index: -1;
  top: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
  right: 0;
  transform: translate(0%, -100%);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .cutout-title {
    top: clamp(1.6071428571rem, 0rem + 3.3482142857vw, 2.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .cutout-title {
    top: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-staff-lfv .cutout-title .ttl {
  font-size: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  font-weight: 900;
  letter-spacing: var(--ls-000);
  line-height: var(--lh-100);
  color: transparent;
  -webkit-text-stroke: 1px #9aa6b2;
  text-stroke: 1px #9aa6b2;
}
@media (min-width: 768px) {
  .fixed-staff-lfv .cutout-title .ttl {
    font-size: clamp(3.75rem, 0rem + 7.8125vw, 5rem);
    -webkit-text-stroke-width: 2px;
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .cutout-title .ttl {
    font-size: clamp(3.2828513909rem, 0rem + 5.1244509517vw, 12.298682284rem);
  }
}
.fixed-staff-lfv .cutout-title .number {
  font-size: clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem);
  font-weight: 900;
  letter-spacing: var(--ls-000);
  line-height: var(--lh-100);
  color: transparent;
  -webkit-text-stroke: 1px #9aa6b2;
  text-stroke: 1px #9aa6b2;
}
@media (min-width: 768px) {
  .fixed-staff-lfv .cutout-title .number {
    font-size: clamp(12.3214285714rem, 0rem + 25.6696428571vw, 16.4285714286rem);
    -webkit-text-stroke-width: 2px;
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .cutout-title .number {
    font-size: clamp(10.786511713rem, 0rem + 16.8374816984vw, 40.4099560761rem);
  }
}
.fixed-staff-lfv .staff-info {
  position: absolute;
  z-index: auto;
  top: clamp(-4.2666666667rem, 0rem + -21.3333333333vw, -5.6rem);
  left: clamp(4.8rem, 0rem + 24vw, 6.3rem);
  transform: translate(-50%, -100%);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .staff-info {
    top: clamp(-0.5357142857rem, 0rem + -1.1160714286vw, -0.7142857143rem);
    left: clamp(9.6428571429rem, 0rem + 20.0892857143vw, 12.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .staff-info {
    left: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
  }
}
.fixed-staff-lfv .staff-info .name-en {
  display: block;
  margin: 0 0 clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) 0;
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .staff-info .name-en {
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .staff-info .name-en {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.fixed-staff-lfv .staff-info .name-jp {
  display: block;
  margin: 0 0 clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem) 0;
  font-size: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .staff-info .name-jp {
    margin: 0 0 clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) 0;
    font-size: clamp(2.7857142857rem, 0rem + 5.8035714286vw, 3.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .staff-info .name-jp {
    font-size: clamp(2.4386896047rem, 0rem + 3.8067349927vw, 9.1361639824rem);
  }
}
.fixed-staff-lfv .staff-info .joindate {
  display: block;
  margin: 0 0 clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) 0;
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .staff-info .joindate {
    margin: 0 0 clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) 0;
    font-size: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .staff-info .joindate {
    font-size: clamp(0.7034681552rem, 0rem + 1.0980966325vw, 2.635431918rem);
  }
}
.fixed-staff-lfv .staff-info .department {
  display: block;
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .staff-info .department {
    font-size: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .staff-info .department {
    font-size: clamp(0.7034681552rem, 0rem + 1.0980966325vw, 2.635431918rem);
  }
}
.fixed-staff-lfv .fixed-ttl {
  position: absolute;
  z-index: auto;
  bottom: 30%;
  left: calc(clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) + var(--pad));
  transform: translate(0%, 0%);
}
.fixed-staff-lfv .fixed-ttl .copy-main {
  font-size: clamp(3.7333333333rem, 0rem + 18.6666666667vw, 4.9rem);
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 90%;
  color: #1D1D1D;
  opacity: 1;
  writing-mode: vertical-rl;
}
@media (min-width: 768px) {
  .fixed-staff-lfv .fixed-ttl .copy-main {
    font-size: clamp(3.75rem, 0rem + 7.8125vw, 5rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .fixed-ttl .copy-main {
    font-size: clamp(3.2828513909rem, 0rem + 5.1244509517vw, 12.298682284rem);
  }
}
.fixed-staff-lfv .staff-message {
  position: absolute;
  z-index: auto;
  bottom: clamp(-6.4rem, 0rem + -32vw, -8.4rem);
  left: 0%;
  transform: translate(0%, 0%);
  width: clamp(18.1333333333rem, 0rem + 90.6666666667vw, 23.8rem);
  padding: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(1.6rem, 0rem + 8vw, 2.1rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  background-color: #F5F5F5;
  border-radius: 0 clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) 0 0;
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-003);
  line-height: var(--lh-160);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .staff-message {
    bottom: 0%;
    width: clamp(42.8571428571rem, 0rem + 89.2857142857vw, 57.1428571429rem);
    padding: clamp(1.6071428571rem, 0rem + 3.3482142857vw, 2.1428571429rem) 0 clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    border-radius: 0 clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem) 0 0;
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    letter-spacing: var(--ls-005);
    line-height: 180%;
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .staff-message {
    bottom: -0.625rem;
    width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
    padding: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem);
    border-radius: 0 clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem) 0 0;
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-staff-lfv .arrow {
  position: absolute;
  z-index: auto;
  bottom: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
  right: 8%;
  transform: translate(0%, -50%);
  width: clamp(6.4rem, 0rem + 32vw, 8.4rem);
}
@media (min-width: 768px) {
  .fixed-staff-lfv .arrow {
    bottom: clamp(5.8928571429rem, 0rem + 12.2767857143vw, 7.8571428571rem);
    width: clamp(13.9285714286rem, 0rem + 29.0178571429vw, 18.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff-lfv .arrow {
    bottom: clamp(-1.8759150805rem, 0rem + -2.9282576867vw, -7.027818448rem);
    width: clamp(16.8832357247rem, 0rem + 26.3543191801vw, 63.2503660322rem);
  }
}

header {
  position: fixed;
  top: 0%;
  left: 50%;
  z-index: 999999;
  transform: translate(-50%, 0%);
  height: auto;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 92vw;
  height: auto;
  margin: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) auto 0 auto;
}
@media (min-width: 768px) {
  .header-inner {
    width: 96vw;
    height: clamp(7.6912518302rem, 0rem + 12.0058565154vw, 28.8140556369rem);
    margin: 0 auto;
  }
}

.header-logo {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .header-logo {
    margin: clamp(-2.1104044656rem, 0rem + -3.2942898975vw, -7.906295754rem) 0rem 0rem 0rem;
  }
}
.header-logo .svgbody {
  width: clamp(6.4rem, 0rem + 32vw, 8.4rem);
}
@media (min-width: 768px) {
  .header-logo .svgbody {
    width: clamp(9.9423499268rem, 0rem + 15.5197657394vw, 37.2474377745rem);
  }
}

.menulist {
  display: none;
}
@media (min-width: 1025px) {
  .menulist {
    display: block;
  }
}
.menulist .inner {
  display: flex;
  align-items: center;
}
.menulist .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0rem clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
}
.menulist .item .main {
  display: block;
  margin: 0rem 0rem clamp(0.1875915081rem, 0rem + 0.2928257687vw, 0.7027818448rem) 0rem;
  font-size: var(--fs-navitem-jp);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
}
.menulist .item .sub {
  display: block;
  font-size: var(--fs-navitem-en);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
}

/* =====================
   SP（モバイルファースト）
   ===================== */
.accenttxt {
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
}
@media (min-width: 768px) {
  .accenttxt {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
    font-weight: 500;
    letter-spacing: var(--ls-010);
    line-height: var(--lh-100);
  }
}
@media (min-width: 1025px) {
  .accenttxt {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
    font-weight: 500;
    letter-spacing: var(--ls-010);
    line-height: var(--lh-100);
  }
}
.accenttxt.-left {
  position: absolute;
  rotate: 90deg;
  transform-origin: 0% 100%;
  top: clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem);
  left: clamp(-0.4266666667rem, 0rem + -2.1333333333vw, -0.56rem);
  z-index: auto;
  transform: translate(0%, 0%);
}
@media (min-width: 768px) {
  .accenttxt.-left {
    position: absolute;
    rotate: 90deg;
    transform-origin: 0% 100%;
    top: 20lvh;
    left: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
  }
}
@media (min-width: 1025px) {
  .accenttxt.-left {
    position: absolute;
    rotate: 90deg;
    transform-origin: 0% 100%;
    top: 20lvh;
    left: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
  }
}
.accenttxt.-right {
  position: absolute;
  rotate: -90deg;
  transform-origin: 100% 100%;
  top: clamp(26.6666666667rem, 0rem + 133.3333333333vw, 35rem);
  right: clamp(-0.4266666667rem, 0rem + -2.1333333333vw, -0.56rem);
  z-index: auto;
  transform: translate(0%, 0%);
}
@media (min-width: 768px) {
  .accenttxt.-right {
    position: absolute;
    rotate: -90deg;
    transform-origin: 100% 100%;
    top: 50lvh;
    right: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
  }
}
@media (min-width: 1025px) {
  .accenttxt.-right {
    position: absolute;
    rotate: -90deg;
    transform-origin: 100% 100%;
    top: 50lvh;
    right: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
  }
}

.footer-recruit__bg {
  position: absolute;
  inset: calc(-1 * clamp(7.4666666667rem, 0rem + 37.3333333333vw, 9.8rem)) 0 0 0; /* 上に突き出す */
  background: linear-gradient(180deg, #ff3db9 0%, #ffd400 100%);
  z-index: -1; /* コンテンツの背面へ */
  clip-path: polygon(0 0, 100% clamp(7.4666666667rem, 0rem + 37.3333333333vw, 9.8rem), 100% 100%, 0 100%);
  will-change: clip-path;
}
@media (min-width: 768px) {
  .footer-recruit__bg {
    inset: calc(-1 * clamp(12.8571428571rem, 0rem + 26.7857142857vw, 17.1428571429rem)) 0 0 0;
    clip-path: polygon(0 0, 100% clamp(12.8571428571rem, 0rem + 26.7857142857vw, 17.1428571429rem), 100% 100%, 0 100%);
  }
}
@media (min-width: 1025px) {
  .footer-recruit__bg {
    inset: calc(-1 * clamp(11.2554904832rem, 0rem + 17.5695461201vw, 42.1669106881rem)) 0 0 0;
    clip-path: polygon(0 0, 100% clamp(11.2554904832rem, 0rem + 17.5695461201vw, 42.1669106881rem), 100% 100%, 0 100%);
  }
}

.footer-recruit {
  position: relative;
  z-index: 999;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) clamp(0rem, 0rem + 0vw, 0rem);
  background-image: linear-gradient(0deg, #FFD103, #FF00E5);
}
@media (min-width: 768px) {
  .footer-recruit {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .footer-recruit {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.footer-recruit .section-ttl {
  color: #fff;
}
.footer-recruit .entry-wrapper {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
}
@media (min-width: 768px) {
  .footer-recruit .entry-wrapper {
    display: flex;
    align-items: center;
  }
}
.footer-recruit .recruitimg-wrapper {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
}
.footer-recruit .recruitimg-wrapper .recruit-mask {
  -webkit-mask-image: url("../../assets/media/visuals/recruit-mask.svg");
          mask-image: url("../../assets/media/visuals/recruit-mask.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: clamp(17.5466666667rem, 0rem + 87.7333333333vw, 23.03rem);
}
@media (min-width: 768px) {
  .footer-recruit .recruitimg-wrapper .recruit-mask {
    width: 100vw;
    max-width: 100vw;
  }
}
@media (min-width: 1025px) {
  .footer-recruit .recruitimg-wrapper .recruit-mask {
    width: clamp(43.1460468521rem, 0rem + 67.3499267936vw, 161.6398243045rem);
  }
}
.footer-recruit .recruitimg-wrapper .recruit-staffimg {
  width: 100%;
  margin-top: clamp(-1.7066666667rem, 0rem + -8.5333333333vw, -2.24rem);
}
@media (min-width: 768px) {
  .footer-recruit .recruitimg-wrapper .recruit-staffimg {
    margin-top: clamp(-4.6897877013rem, 0rem + -7.3206442167vw, -17.5695461201rem);
  }
}
.footer-recruit .recruitimg-wrapper .recruit-arrow {
  position: absolute;
  z-index: 100;
  top: initial;
  bottom: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  left: initial;
  right: clamp(9.0666666667rem, 0rem + 45.3333333333vw, 11.9rem);
  transform: translate(0%, -50%);
  width: clamp(6.4rem, 0rem + 32vw, 8.4rem);
}
@media (min-width: 768px) {
  .footer-recruit .recruitimg-wrapper .recruit-arrow {
    position: absolute;
    z-index: 100;
    top: initial;
    bottom: clamp(1.6071428571rem, 0rem + 3.3482142857vw, 2.1428571429rem);
    left: initial;
    right: clamp(16.0714285714rem, 0rem + 33.4821428571vw, 21.4285714286rem);
    transform: translate(0%, -50%);
    width: clamp(17.1428571429rem, 0rem + 35.7142857143vw, 22.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .footer-recruit .recruitimg-wrapper .recruit-arrow {
    position: absolute;
    z-index: 100;
    top: initial;
    bottom: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
    left: initial;
    right: clamp(-2.8138726208rem, 0rem + -4.39238653vw, -10.541727672rem);
    transform: translate(0%, -50%);
    width: clamp(15.0073206442rem, 0rem + 23.4260614934vw, 56.2225475842rem);
  }
}
.footer-recruit .recruit-logo {
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: auto;
  transform: translate(-50%, -50%);
}
.footer-recruit .entrybtn-wrapper {
  position: absolute;
  z-index: auto;
  top: clamp(9.6rem, 0rem + 48vw, 12.6rem);
  bottom: 0;
  left: initial;
  right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-3.2rem, 0rem + -16vw, -4.2rem));
  transform: translate(0%, 0%);
}
@media (min-width: 768px) {
  .footer-recruit .entrybtn-wrapper {
    position: absolute;
    z-index: auto;
    top: clamp(25.7142857143rem, 0rem + 53.5714285714vw, 34.2857142857rem);
    bottom: initial;
    left: initial;
    right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-5.3571428571rem, 0rem + -11.1607142857vw, -7.1428571429rem));
    transform: translate(0%, 0%);
  }
}
@media (min-width: 1025px) {
  .footer-recruit .entrybtn-wrapper {
    top: clamp(18.7591508053rem, 0rem + 29.2825768668vw, 70.2781844802rem);
    right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-9.3795754026rem, 0rem + -14.6412884334vw, -35.1390922401rem));
  }
}

footer {
  position: relative;
  z-index: 100;
  top: 0%;
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
}

.footer-nav-area {
  position: relative;
  z-index: 999;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  background-color: #FFD103;
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(11.7333333333rem, 0rem + 58.6666666667vw, 15.4rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
}
@media (min-width: 768px) {
  .footer-nav-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(17.1428571429rem, 0rem + 35.7142857143vw, 22.8571428571rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(10.3175329429rem, 0rem + 16.1054172767vw, 38.6530014641rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem);
  }
}

.footer-nav-area .company-info {
  display: flex;
  flex-direction: column;
}
.footer-nav-area .company-info .company-name {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .footer-nav-area .company-info .company-name {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .company-info .company-name {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.footer-nav-area .company-info .company-name .footer-logo {
  width: clamp(8.5333333333rem, 0rem + 42.6666666667vw, 11.2rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .footer-nav-area .company-info .company-name .footer-logo {
    width: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .company-info .company-name .footer-logo {
    width: clamp(11.2554904832rem, 0rem + 17.5695461201vw, 42.1669106881rem);
  }
}
.footer-nav-area .company-info .company-name .name-caption {
  display: flex;
  flex-direction: column;
}
.footer-nav-area .company-info .company-name .name-caption .en {
  display: block;
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-140);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .footer-nav-area .company-info .company-name .name-caption .en {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .company-info .company-name .name-caption .en {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.footer-nav-area .company-info .company-name .name-caption .jp {
  display: block;
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-140);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .footer-nav-area .company-info .company-name .name-caption .jp {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .company-info .company-name .name-caption .jp {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.footer-nav-area .company-info .contact {
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-160);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .footer-nav-area .company-info .contact {
    font-size: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .company-info .contact {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.footer-nav-area .company-info .contact .separate-mgbtm {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .footer-nav-area .company-info .contact .separate-mgbtm {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .company-info .contact .separate-mgbtm {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}

.footer-nav-area .nav {
  width: 50%;
  position: relative;
  z-index: auto;
  top: clamp(2.6666666667rem, 0rem + 13.3333333333vw, 3.5rem);
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
}
.footer-nav-area .nav::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, -50%);
  width: 1px;
  height: calc(100% + clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem));
  background-color: var(--color-darkgray);
  opacity: 0.4;
}
@media (min-width: 768px) {
  .footer-nav-area .nav {
    position: relative;
    z-index: auto;
    top: clamp(8.0357142857rem, 0rem + 16.7410714286vw, 10.7142857143rem);
    bottom: initial;
    left: 0%;
    right: initial;
    transform: translate(0%, 0%);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
  .footer-nav-area .nav::before {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .nav {
    position: relative;
    z-index: auto;
    top: clamp(8.0357142857rem, 0rem + 16.7410714286vw, 10.7142857143rem);
    top: 0;
    bottom: initial;
    left: 0%;
    right: initial;
    transform: translate(0%, 0%);
  }
}
.footer-nav-area .nav .navlist {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .footer-nav-area .nav .navlist {
    grid-template-columns: repeat(2, 1fr);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .nav .navlist {
    grid-template-columns: repeat(3, 1fr);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.3766471449rem, 0rem + 5.270863836vw, 12.6500732064rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.footer-nav-area .nav .item {
  display: flex;
  flex-direction: column;
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .footer-nav-area .nav .item {
    padding: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .nav .item {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem) clamp(1.1255490483rem, 0rem + 1.756954612vw, 4.2166910688rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.footer-nav-area .nav .item .jp {
  display: block;
  margin: 0rem 0rem clamp(0rem, 0rem + 0vw, 0rem) 0rem;
  font-size: var(--fs-navitem-jp);
  font-weight: 500;
  letter-spacing: var(--ls-003);
  line-height: var(--lh-000);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .footer-nav-area .nav .item .jp {
    margin: 0rem 0rem clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem) 0rem;
  }
}
@media (min-width: 1025px) {
  .footer-nav-area .nav .item .jp {
    margin: 0rem 0rem clamp(0.1875915081rem, 0rem + 0.2928257687vw, 0.7027818448rem) 0rem;
  }
}
.footer-nav-area .nav .item .en {
  display: block;
  font-size: var(--fs-navitem-en);
  font-weight: 500;
  letter-spacing: var(--ls-003);
  line-height: var(--lh-000);
  white-space: nowrap;
}

.footer-btmbar {
  position: relative;
  z-index: 9999;
  top: 0%;
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
  background-color: #E8E8E8;
}

.footer-btmbar-biglogo {
  position: relative;
  z-index: auto;
  top: 0%;
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
  width: 100vw;
  max-width: 100vw;
  height: auto;
  margin: clamp(-5.3333333333rem, 0rem + -26.6666666667vw, -7rem) 0rem 0rem 0rem;
  pointer-events: none;
}
@media (min-width: 768px) {
  .footer-btmbar-biglogo {
    margin: clamp(-5.3571428571rem, 0rem + -11.1607142857vw, -7.1428571429rem) 0rem 0rem 0rem;
  }
}
@media (min-width: 1025px) {
  .footer-btmbar-biglogo {
    margin: clamp(-12.1934480234rem, 0rem + -19.0336749634vw, -45.6808199122rem) 0rem 0rem 0rem;
  }
}

.footer-btmbar .copyright {
  padding: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 400;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  white-space: nowrap;
  color: #5C5959;
  text-align: center;
}
@media (min-width: 768px) {
  .footer-btmbar .copyright {
    padding: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .footer-btmbar .copyright {
    padding: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}

.header-drawer {
  position: relative;
}

body.-drawer-locked {
  overflow: hidden;
}

@media (min-width: 1025px) {
  .header-drawer {
    display: none;
  }
}
/* ハンバーガーボタン */
.btn-drawer {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000000;
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
  overflow: visible;
}
.btn-drawer .toggle-line {
  position: absolute;
  left: 11px;
  width: 26px;
  height: 1px;
  background-color: #333;
  transition: all 0.4s;
}
.btn-drawer .toggle-line:nth-of-type(1) {
  top: 14px;
}
.btn-drawer .toggle-line:nth-of-type(2) {
  top: 23px;
}
.btn-drawer .toggle-line:nth-of-type(3) {
  top: 32px;
}
.btn-drawer .caption {
  padding: 2.5rem 0 0 0;
}
.btn-drawer .caption .en {
  display: none;
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  font-weight: 600;
  letter-spacing: var(--ls-005);
  line-height: var(--lh-100);
}
.btn-drawer.is-active .toggle-line:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}
.btn-drawer.is-active .toggle-line:nth-of-type(2) {
  opacity: 0;
}
.btn-drawer.is-active .toggle-line:nth-of-type(3) {
  transform: translateY(-9px) rotate(45deg);
}

.drawer {
  position: fixed;
  z-index: 999999; /* 最前面へ */
  inset: 0; /* top/right/bottom/left = 0 */
  opacity: 0;
  pointer-events: none; /* 閉時はクリックを通す */
  transition: opacity 0.4s ease;
}

.drawer .logo {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0.2;
}
.drawer .logo .inner {
  width: 200px;
  height: auto;
}

.drawer .bg {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  opacity: 0;
  backface-visibility: hidden;
  overflow: hidden;
  transition: transform 1s cubic-bezier(0.19, 1, 0.1, 1), opacity 2s cubic-bezier(0.19, 1, 0.1, 1);
}
.drawer .bg.-moving__idx2btm {
  transform: translate3d(-50%, -60%, 0);
}
.drawer .bg .inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../../assets/media/drawer/drawerbg.jpg) no-repeat center center/cover;
  background: linear-gradient(10deg, #FFBF5E, #00C8FF);
}
.drawer .bg .inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
}

.drawer .menulists {
  position: absolute;
  z-index: auto;
  top: 50%;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  display: inline-block;
}
.drawer .menulists .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0rem clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
}
.drawer .menulists .item .jp {
  display: block;
  margin: 0rem 0rem clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) 0rem;
  font-size: var(--fs-navitem-jp);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
}
.drawer .menulists .item .en {
  display: block;
  margin: 0rem 0rem clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) 0rem;
  font-size: var(--fs-navitem-en);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
}
@media (hover: hover) and (pointer: fine) {
  .drawer .menulists .item:hover::before {
    color: #fff;
  }
}
.drawer .menulists .wrapper-drawer-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) 0rem 0rem 0rem;
}

.drawer .menucontainer {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: min(320px, 90vw);
  height: 100vh;
  padding: 0 0 80px 0;
  transition: opacity 0.5s ease;
  opacity: 0;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drawer .menucontainer::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* メニュー項目 */
.header-drawer .menulists {
  width: 100%;
  margin: 0 0 48px 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3em;
  line-height: 1;
  display: block;
  margin-bottom: 12px;
}

.drawer .drawer-contact {
  position: relative;
  margin-top: 32px;
}

.header-drawer.active-drawer .drawer {
  opacity: 1;
  pointer-events: auto;
}

.header-drawer.active-drawer .drawer .bg {
  opacity: 1;
}
.header-drawer.active-drawer .drawer .bg.-moving__idx2btm {
  transform: translate(-50%, -50%);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.1, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.1, 1);
}

/* フォーカス */
.drawer a:focus-visible,
.drawer button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.85);
  outline-offset: 2px;
}

/* aria-hidden の補助（display:none は使わない） */
.drawer[aria-hidden=true] {
  visibility: visible;
}

.service.--index {
  margin: 0 0 clamp(6.4rem, 0rem + 32vw, 8.4rem) 0;
  padding: clamp(3.2rem, 0rem + 16vw, 4.2rem) 0 0 0;
}
@media (min-width: 768px) {
  .service.--index {
    margin: 0 0 clamp(9.6428571429rem, 0rem + 20.0892857143vw, 12.8571428571rem) 0;
    padding: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) 0 0 0;
  }
}
.service.--index .cards {
  /* SP default: stacked */
}
@media (min-width: 768px) {
  .service.--index .cards {
    display: flex;
  }
}
.service.--index .cards .card {
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.2666666667rem, 0rem + 21.3333333333vw, 5.6rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .service.--index .cards .card {
    width: 50%;
    padding: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.service.--index .cards .card-ttl {
  margin: 0 0 clamp(1.3866666667rem, 0rem + 6.9333333333vw, 1.82rem) 0;
}
.service.--index .cards .card-ttl.-jobseekers {
  color: #ACB921;
}
.service.--index .cards .card-ttl.-recruiters {
  color: #5E78B3;
}
@media (min-width: 768px) {
  .service.--index .cards .card-ttl {
    margin: 0 0 clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) 0;
  }
}
.service.--index .cards .card-ttl .for {
  display: block;
  font-size: clamp(0.96rem, 0rem + 4.8vw, 1.26rem);
  font-weight: 800;
  letter-spacing: var(--ls-005);
  line-height: 80%;
}
@media (min-width: 768px) {
  .service.--index .cards .card-ttl .for {
    font-size: clamp(1.5rem, 0rem + 3.125vw, 2rem);
  }
}
.service.--index .cards .card-ttl .target {
  display: block;
  font-size: clamp(1.4933333333rem, 0rem + 7.4666666667vw, 1.96rem);
  font-weight: 800;
  letter-spacing: var(--ls-005);
  line-height: var(--lh-100);
}
@media (min-width: 768px) {
  .service.--index .cards .card-ttl .target {
    font-size: clamp(2.5714285714rem, 0rem + 5.3571428571vw, 3.4285714286rem);
  }
}
.service.--index .cards .line-wrapper {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  padding: 0 0 0 clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
}
@media (min-width: 768px) {
  .service.--index .cards .line-wrapper {
    padding: 0 0 0 clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
}
.service.--index .cards .line-wrapper.-jobseekers::before, .service.--index .cards .line-wrapper.-recruiters::before {
  content: "";
  display: block;
  position: absolute;
  top: clamp(-0.4266666667rem, 0rem + -2.1333333333vw, -0.56rem);
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 1px;
  height: calc(100% + clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem));
}
@media (min-width: 768px) {
  .service.--index .cards .line-wrapper.-jobseekers::before, .service.--index .cards .line-wrapper.-recruiters::before {
    top: clamp(-0.4285714286rem, 0rem + -0.8928571429vw, -0.5714285714rem);
    height: calc(100% + clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem));
  }
}
.service.--index .cards .line-wrapper.-jobseekers::before {
  background-color: #ACB921;
}
.service.--index .cards .line-wrapper.-recruiters::before {
  background-color: #5E78B3;
}
.service.--index .cards .line-wrapper .image {
  overflow: hidden;
  aspect-ratio: 16/9;
}
.service.--index .cards .bc-wrapper {
  margin: clamp(0.64rem, 0rem + 3.2vw, 0.84rem) 0 clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) 0;
}
@media (min-width: 768px) {
  .service.--index .cards .bc-wrapper {
    margin: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) 0 clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) 0;
  }
}
.service.--index .cards .bc-wrapper .chapter-ttl {
  margin: clamp(0.64rem, 0rem + 3.2vw, 0.84rem) 0 clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) 0;
  font-size: clamp(0.8rem, 0rem + 4vw, 1.05rem);
  font-weight: 600;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .service.--index .cards .bc-wrapper .chapter-ttl {
    margin: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) 0 clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) 0;
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .service.--index .cards .bc-wrapper .chapter-ttl {
    margin: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) 0 clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) 0;
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.service.--index .cards .bc-wrapper .bc {
  margin: 0 0 clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) 0;
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .service.--index .cards .bc-wrapper .bc {
    margin: 0 0 clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) 0;
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .service.--index .cards .bc-wrapper .bc {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}

.fixed-service {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  margin-top: clamp(-13.8666666667rem, 0rem + -69.3333333333vw, -18.2rem);
  margin-bottom: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
  padding-bottom: clamp(13.8666666667rem, 0rem + 69.3333333333vw, 18.2rem);
}
@media (min-width: 768px) {
  .fixed-service {
    margin-top: clamp(-7.5rem, 0rem + -15.625vw, -10rem);
    margin-bottom: clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem);
    padding-bottom: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service {
    margin-top: clamp(-6.5657027818rem, 0rem + -10.2489019034vw, -24.5973645681rem);
    margin-bottom: clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem);
    padding-bottom: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
  }
}
.fixed-service.--hrservice::before {
  content: "";
  display: block;
  position: absolute;
  top: clamp(-5.3333333333rem, 0rem + -26.6666666667vw, -7rem);
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  height: calc(100% + clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem));
  background: linear-gradient(0deg, #66e05c 0%, #12c3a7 40%, #05b7ff 100%);
  border-radius: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) 0 0;
}
@media (min-width: 768px) {
  .fixed-service.--hrservice::before {
    top: clamp(-5.3571428571rem, 0rem + -11.1607142857vw, -7.1428571429rem);
    width: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    height: calc(100% + clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem));
    border-radius: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem) clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem) 0 0;
  }
}
@media (min-width: 1025px) {
  .fixed-service.--hrservice::before {
    top: clamp(-4.6897877013rem, 0rem + -7.3206442167vw, -17.5695461201rem);
    width: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    height: calc(100% + clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem));
    border-radius: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem) clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem) 0 0;
  }
}
.fixed-service.--soservice::before {
  content: "";
  display: block;
  position: absolute;
  top: clamp(-5.3333333333rem, 0rem + -26.6666666667vw, -7rem);
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  height: calc(100% + clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem));
  background: linear-gradient(0deg, #E64D00 0%, #E500FF 100%);
}
@media (min-width: 768px) {
  .fixed-service.--soservice::before {
    top: clamp(-5.3571428571rem, 0rem + -11.1607142857vw, -7.1428571429rem);
    width: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    height: calc(100% + clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem));
  }
}
@media (min-width: 1025px) {
  .fixed-service.--soservice::before {
    top: clamp(-4.6897877013rem, 0rem + -7.3206442167vw, -17.5695461201rem);
    width: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    height: calc(100% + clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem));
  }
}
.fixed-service .ttl-section {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-service .ttl-section {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.5714285714rem, 0rem + 5.3571428571vw, 3.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service .ttl-section {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-service .ttl-section .jp {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.96rem, 0rem + 4.8vw, 1.26rem);
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-service .ttl-section .jp {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service .ttl-section .jp {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.3131405564rem, 0rem + 2.0497803807vw, 4.9194729136rem);
    font-size: clamp(1.0317532943rem, 0rem + 1.6105417277vw, 3.8653001464rem);
  }
}
.fixed-service .ttl-section .jp.--hr::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, -50%);
  width: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  height: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  background-image: url(../../assets/media/smallparts/circle-greengrad.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  .fixed-service .ttl-section .jp.--hr::before {
    width: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    height: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service .ttl-section .jp.--hr::before {
    width: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    height: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-service .ttl-section .jp.--so::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, -50%);
  width: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  height: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  background-image: url(../../assets/media/smallparts/circle-pinkgrad.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  .fixed-service .ttl-section .jp.--so::before {
    width: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    height: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service .ttl-section .jp.--so::before {
    width: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    height: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-service .ttl-section .img-sectionttl-img-hrservice {
  width: clamp(17.0666666667rem, 0rem + 85.3333333333vw, 22.4rem);
}
@media (min-width: 768px) {
  .fixed-service .ttl-section .img-sectionttl-img-hrservice {
    width: clamp(33.75rem, 0rem + 70.3125vw, 45rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service .ttl-section .img-sectionttl-img-hrservice {
    width: clamp(40.8011530015rem, 0rem + 63.6896046852vw, 152.8550512445rem);
  }
}
.fixed-service .ttl-section .img-sectionttl-img-soservice {
  width: clamp(17.0666666667rem, 0rem + 85.3333333333vw, 22.4rem);
}
@media (min-width: 768px) {
  .fixed-service .ttl-section .img-sectionttl-img-soservice {
    width: clamp(33.75rem, 0rem + 70.3125vw, 45rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service .ttl-section .img-sectionttl-img-soservice {
    width: clamp(40.8011530015rem, 0rem + 63.6896046852vw, 152.8550512445rem);
  }
}

.fixed-service.--service-desc .copy-wrapper {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .copy-wrapper {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(6.4285714286rem, 0rem + 13.3928571429vw, 8.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .copy-wrapper {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-service.--service-desc .txt-cc {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.96rem, 0rem + 4.8vw, 1.26rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-180);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .txt-cc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .txt-cc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.4386896047rem, 0rem + 3.8067349927vw, 9.1361639824rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}
.fixed-service.--service-desc .txt-bc {
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: 180%;
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .txt-bc {
    width: clamp(42.8571428571rem, 0rem + 89.2857142857vw, 57.1428571429rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(8.5714285714rem, 0rem + 17.8571428571vw, 11.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .txt-bc {
    width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(7.5036603221rem, 0rem + 11.7130307467vw, 28.1112737921rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-service.--service-desc .txt-bc p {
  margin: 0rem 0rem clamp(0.64rem, 0rem + 3.2vw, 0.84rem) 0rem;
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .txt-bc p {
    margin: 0rem 0rem clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) 0rem;
  }
}
.fixed-service.--service-desc .strength-fields .ttl {
  display: flex;
  align-items: center;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-service.--service-desc .strength-fields .ttl img {
  width: clamp(1.6rem, 0rem + 8vw, 2.1rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .ttl img {
    width: clamp(2.5714285714rem, 0rem + 5.3571428571vw, 3.4285714286rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .ttl img {
    width: clamp(2.2510980966rem, 0rem + 3.513909224vw, 8.4333821376rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-service.--service-desc .strength-fields .ttl .jp {
  font-size: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-weight: 700;
  letter-spacing: var(--ls-005);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .ttl .jp {
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    font-weight: 700;
    letter-spacing: var(--ls-005);
    line-height: var(--lh-100);
    color: var(--color-darkgray);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .ttl .jp {
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    font-weight: 700;
    letter-spacing: var(--ls-005);
    line-height: var(--lh-100);
    color: var(--color-darkgray);
  }
}
.fixed-service.--service-desc .strength-fields .cards {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  display: grid;
  grid-template-columns: 1fr; /* SP: 1列 */
  gap: clamp(1.28rem, 0rem + 6.4vw, 1.68rem) clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  padding: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.7733333333rem, 0rem + 13.8666666667vw, 3.64rem);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .cards {
    display: grid;
    grid-template-columns: 2fr; /* SP: 1列 */
    gap: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
    padding: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .cards {
    display: grid;
    grid-template-columns: 3fr; /* SP: 1列 */
    gap: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
    padding: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
  }
}
.fixed-service.--service-desc .strength-fields .cards::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 100%;
  height: auto;
  background-image: url("../../assets/media/visuals/service-strength-sp.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  height: clamp(18.56rem, 0rem + 92.8vw, 24.36rem);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .cards::before {
    content: "";
    display: block;
    position: absolute;
    top: clamp(-4.2857142857rem, 0rem + -8.9285714286vw, -5.7142857143rem);
    left: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
    width: 100%;
    height: auto;
    background-image: url("../../assets/media/visuals/service-strength.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: clamp(7.3928571429rem, 0rem + 15.4017857143vw, 9.8571428571rem);
    height: clamp(26.25rem, 0rem + 54.6875vw, 35rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .cards::before {
    content: "";
    display: block;
    position: absolute;
    top: clamp(-5.6277452416rem, 0rem + -8.78477306vw, -21.0834553441rem);
    left: 0%;
    z-index: auto;
    transform: translate(0%, 0%);
    width: 100%;
    height: auto;
    background-image: url("../../assets/media/visuals/service-strength.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: clamp(6.4719070278rem, 0rem + 10.102489019vw, 24.2459736457rem);
    height: clamp(22.9799597365rem, 0rem + 35.8711566618vw, 86.0907759883rem);
  }
}
.fixed-service.--service-desc .strength-fields .card {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  width: clamp(13.8666666667rem, 0rem + 69.3333333333vw, 18.2rem);
  margin: 0rem 0rem clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) 0rem;
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .card {
    width: clamp(13.9285714286rem, 0rem + 29.0178571429vw, 18.5714285714rem);
    margin: 0rem 0rem clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) 0rem;
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .card {
    position: relative;
    z-index: auto;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    width: clamp(19.6971083455rem, 0rem + 30.7467057101vw, 73.7920937042rem);
    margin: 0rem 0rem clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem) 0rem;
  }
}
.fixed-service.--service-desc .strength-fields .card .card-img {
  width: 100%;
  margin: 0rem 0rem clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) 0rem;
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .card .card-img {
    margin: 0rem 0rem clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) 0rem;
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .card .card-img {
    margin: 0rem 0rem clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) 0rem;
  }
}
.fixed-service.--service-desc .strength-fields .card .card-number {
  position: absolute;
  z-index: auto;
  top: 0%;
  left: 0%;
  padding: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: 180%;
  color: var(--color-darkgray);
  background-color: #F5F5F5;
  border-radius: 0 0 clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) 0;
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .card .card-number {
    position: absolute;
    z-index: auto;
    top: 0%;
    left: 0%;
    padding: clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    font-size: clamp(0.9642857143rem, 0rem + 2.0089285714vw, 1.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .card .card-number {
    padding: clamp(0.1875915081rem, 0rem + 0.2928257687vw, 0.7027818448rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    font-size: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
  }
}
.fixed-service.--service-desc .strength-fields .card .card-ttl {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.1066666667rem, 0rem + 0.5333333333vw, 0.14rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-160);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .card .card-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.9642857143rem, 0rem + 2.0089285714vw, 1.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .card .card-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
  }
}
.fixed-service.--service-desc .strength-fields .card .card-txt-bc {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-003);
  line-height: var(--lh-160);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .card .card-txt-bc {
    font-size: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-service.--service-desc .strength-fields .card .card-txt-bc {
    font-size: clamp(0.7034681552rem, 0rem + 1.0980966325vw, 2.635431918rem);
  }
}

/* =====================
   TAB
   ===================== */
@media (min-width: 768px) {
  .fixed-service.--service-desc .strength-fields .cards {
    position: relative;
    z-index: auto;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .fixed-service.--service-desc .strength-fields .card {
    position: relative;
    z-index: auto;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
  }
}
.ihstartup.--index {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  background-color: #F0F050;
  border-radius: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) 0 0;
  /* ---------------------
     .bigttl
     --------------------- */
  /* ---------------------
     .section-ttl.--ihstartup
     --------------------- */
  /* ---------------------
     .thumbs
     --------------------- */
  /* ---------------------
     飾り画像 i01 - i04
     --------------------- */
  /* --------t-------------
     .pjt-cards
     --------------------- */
}
@media (min-width: 768px) {
  .ihstartup.--index {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(11.7857142857rem, 0rem + 24.5535714286vw, 15.7142857143rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
    border-radius: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) 0 0;
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(10.3175329429rem, 0rem + 16.1054172767vw, 38.6530014641rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
    border-radius: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) 0 0;
  }
}
.ihstartup.--index::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 100%;
  height: clamp(6.4rem, 0rem + 32vw, 8.4rem);
  background-color: #F0F050;
  clip-path: polygon(-1% 0%, 101% 0%, 101% 100%);
  transform: translateY(-1px);
  pointer-events: none;
}
@media (min-width: 768px) {
  .ihstartup.--index::after {
    height: clamp(10.3175329429rem, 0rem + 16.1054172767vw, 38.6530014641rem);
  }
}
.ihstartup.--index .bigttl {
  position: relative;
  top: clamp(3.7333333333rem, 0rem + 18.6666666667vw, 4.9rem);
  left: 0%;
  z-index: -1;
  transform: translate(0%, 0%);
  display: block;
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(3.2rem, 0rem + 16vw, 4.2rem) auto;
}
@media (min-width: 768px) {
  .ihstartup.--index .bigttl {
    top: clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) auto;
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .bigttl {
    top: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) auto;
  }
}
.ihstartup.--index .section-ttl.--ihstartup {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
.ihstartup.--index .section-ttl.--ihstartup .main-ttl .strong-color {
  color: red;
}
.ihstartup.--index .section-ttl.--ihstartup .main-ttl .en {
  margin: 0 clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) 0;
}
.ihstartup.--index .thumbs .thumbs-container {
  max-width: var(--cw);
  margin-inline: auto;
  padding-inline: var(--pad);
}
.ihstartup.--index .thumbs .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
  align-items: stretch;
}
@media (min-width: 768px) {
  .ihstartup.--index .thumbs .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.ihstartup.--index .thumbs .grid img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.ihstartup.--index .i01 {
  position: absolute;
  z-index: auto;
  top: calc(50% + clamp(21.8666666667rem, 0rem + 109.3333333333vw, 28.7rem));
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(1.6rem, 0rem + 8vw, 2.1rem));
  transform: translate(0%, -50%);
  width: clamp(8.8533333333rem, 0rem + 44.2666666667vw, 11.62rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .i01 {
    top: calc(50% + clamp(6.4285714286rem, 0rem + 13.3928571429vw, 8.5714285714rem));
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(7.5rem, 0rem + 15.625vw, 10rem));
    width: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .i01 {
    top: calc(50% + clamp(-4.6897877013rem, 0rem + -7.3206442167vw, -17.5695461201rem));
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(6.5657027818rem, 0rem + 10.2489019034vw, 24.5973645681rem));
    width: clamp(9.8016562958rem, 0rem + 15.3001464129vw, 36.7203513909rem);
  }
}
.ihstartup.--index .i02 {
  position: relative;
  z-index: auto;
  top: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem); /* 上書き（元: 160 → 0 指定が後にあったため 0 を採用） */
  left: clamp(-1.0666666667rem, 0rem + -5.3333333333vw, -1.4rem);
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 3/4;
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(5.0666666667rem, 0rem + 25.3333333333vw, 6.65rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .i02 {
    top: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    left: clamp(-5.3571428571rem, 0rem + -11.1607142857vw, -7.1428571429rem);
    width: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .i02 {
    top: clamp(-19.6971083455rem, 0rem + -30.7467057101vw, -73.7920937042rem);
    left: clamp(-4.6897877013rem, 0rem + -7.3206442167vw, -17.5695461201rem);
    width: clamp(10.3175329429rem, 0rem + 16.1054172767vw, 38.6530014641rem);
  }
}
.ihstartup.--index .i03 {
  position: relative;
  z-index: auto;
  top: clamp(1.6rem, 0rem + 8vw, 2.1rem); /* 上書き（元: 160 → 0 指定が後にあったため 0 を採用） */
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(7.4666666667rem, 0rem + 37.3333333333vw, 9.8rem));
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(8.8533333333rem, 0rem + 44.2666666667vw, 11.62rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .i03 {
    top: clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
    width: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .i03 {
    top: clamp(15.0073206442rem, 0rem + 23.4260614934vw, 56.2225475842rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(16.8832357247rem, 0rem + 26.3543191801vw, 63.2503660322rem));
    width: clamp(13.1314055637rem, 0rem + 20.4978038067vw, 49.1947291362rem);
  }
}
.ihstartup.--index .i04 {
  position: relative;
  z-index: auto;
  top: 40px; /* 上書き（元: 210 → 0 指定が後にあったため 0 を採用） */
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-9.6rem, 0rem + -48vw, -12.6rem));
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(11.7333333333rem, 0rem + 58.6666666667vw, 15.4rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .i04 {
    top: clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
    width: clamp(13.9285714286rem, 0rem + 29.0178571429vw, 18.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .i04 {
    top: clamp(5.1587664714rem, 0rem + 8.0527086384vw, 19.3265007321rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
    width: clamp(18.7591508053rem, 0rem + 29.2825768668vw, 70.2781844802rem);
  }
}
.ihstartup.--index .i05 {
  position: relative;
  z-index: auto;
  top: 230px; /* 上書き（元: 210 → 0 指定が後にあったため 0 を採用） */
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(12.8rem, 0rem + 64vw, 16.8rem));
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(6.4rem, 0rem + 32vw, 8.4rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .i05 {
    top: clamp(3.75rem, 0rem + 7.8125vw, 5rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
    width: clamp(8.5714285714rem, 0rem + 17.8571428571vw, 11.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .i05 {
    top: clamp(-16.8832357247rem, 0rem + -26.3543191801vw, -63.2503660322rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem));
    width: clamp(12.1934480234rem, 0rem + 19.0336749634vw, 45.6808199122rem);
  }
}
.ihstartup.--index .i06 {
  position: relative;
  z-index: auto;
  top: 50px; /* 上書き（元: 210 → 0 指定が後にあったため 0 を採用） */
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-12.8rem, 0rem + -64vw, -16.8rem));
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(8.16rem, 0rem + 40.8vw, 10.71rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .i06 {
    top: clamp(-3.75rem, 0rem + -7.8125vw, -5rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem));
    width: clamp(13.9285714286rem, 0rem + 29.0178571429vw, 18.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .i06 {
    top: clamp(1.4069363104rem, 0rem + 2.196193265vw, 5.270863836rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(0rem, 0rem + 0vw, 0rem));
    width: clamp(14.069363104rem, 0rem + 21.9619326501vw, 52.7086383602rem);
  }
}
.ihstartup.--index .i07 {
  position: relative;
  z-index: auto;
  top: 60px; /* 上書き（元: 210 → 0 指定が後にあったため 0 を採用） */
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-12.8rem, 0rem + -64vw, -16.8rem));
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(8.16rem, 0rem + 40.8vw, 10.71rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .i07 {
    top: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem));
    width: clamp(13.9285714286rem, 0rem + 29.0178571429vw, 18.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .i07 {
    top: clamp(-18.2901720351rem, 0rem + -28.5505124451vw, -68.5212298682rem);
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(19.6971083455rem, 0rem + 30.7467057101vw, 73.7920937042rem));
    width: clamp(13.6003843338rem, 0rem + 21.2298682284vw, 50.9516837482rem);
  }
}
.ihstartup.--index .ihstartup-recruit-cc {
  margin-top: clamp(-5.6277452416rem, 0rem + -8.78477306vw, -21.0834553441rem);
}
.ihstartup.--index .ihstartup-recruit-cc .cc-img {
  display: block;
  width: clamp(22.4rem, 0rem + 112vw, 29.4rem);
  margin: 0rem auto clamp(0rem, 0rem + 0vw, 0rem) auto;
}
@media (min-width: 768px) {
  .ihstartup.--index .ihstartup-recruit-cc .cc-img {
    width: clamp(26.7857142857rem, 0rem + 55.8035714286vw, 35.7142857143rem);
    margin: 0rem auto clamp(3.2rem, 0rem + 16vw, 4.2rem) auto;
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .ihstartup-recruit-cc .cc-img {
    width: clamp(56.2774524158rem, 0rem + 87.8477306003vw, 210.8345534407rem);
  }
}
.ihstartup.--index .ihstartup-recruit-cc .txt-cc {
  display: none;
}
@media (min-width: 768px) {
  .ihstartup.--index .ihstartup-recruit-cc .txt-cc {
    width: clamp(26.7857142857rem, 0rem + 55.8035714286vw, 35.7142857143rem);
    margin: -6.25rem auto 0rem auto;
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .ihstartup-recruit-cc .txt-cc {
    width: clamp(46.0714285714rem, 0rem + 95.9821428571vw, 61.4285714286rem);
  }
}
.ihstartup.--index .ihstartup-recruit-cc .txt-cc p {
  font-size: var(--fs-paragraph-100);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-180);
}
.ihstartup.--index .ihstartup-recruit-cc .txt-cc p:last-of-type {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .ihstartup-recruit-cc .txt-cc p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .ihstartup-recruit-cc .txt-cc p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.ihstartup.--index .js-slider {
  position: relative;
  z-index: auto;
  top: 0%;
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
  overflow: hidden;
  width: clamp(18.1333333333rem, 0rem + 90.6666666667vw, 23.8rem);
  margin: 0rem 0rem 0rem auto;
  padding-top: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .js-slider {
    width: clamp(37.5rem, 0rem + 78.125vw, 50rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .js-slider {
    width: clamp(42.2080893119rem, 0rem + 65.8857979502vw, 158.1259150805rem);
  }
}
.ihstartup.--index .cards {
  position: relative;
  top: 0;
  left: 0;
  z-index: auto;
  transform: translate(0%, 0%);
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0rem 0rem 0rem clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  padding: 0rem 0rem 0rem 0rem;
}
@media (min-width: 768px) {
  .ihstartup.--index .cards {
    position: relative;
    top: 0;
    left: 0;
    z-index: auto;
    transform: translate(0%, 0%);
    padding: 0rem 0rem 0rem 0rem;
  }
}
.ihstartup.--index .cards::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% + 100px);
  right: calc(0% + 100px);
  z-index: auto;
  transform: translate(0%, -50%);
  width: clamp(48rem, 0rem + 240vw, 63rem);
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}
@media (min-width: 768px) {
  .ihstartup.--index .cards::before {
    width: clamp(48.2142857143rem, 0rem + 100.4464285714vw, 64.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards::before {
    width: clamp(42.2080893119rem, 0rem + 65.8857979502vw, 158.1259150805rem);
  }
}
.ihstartup.--index .cards .card {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: clamp(11.7333333333rem, 0rem + 58.6666666667vw, 15.4rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
}
@media (min-width: 768px) {
  .ihstartup.--index .cards .card {
    width: clamp(17.1428571429rem, 0rem + 35.7142857143vw, 22.8571428571rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards .card {
    width: clamp(19.6971083455rem, 0rem + 30.7467057101vw, 73.7920937042rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.ihstartup.--index .cards .card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.ihstartup.--index .cards .card .card-ttl {
  position: absolute;
  top: calc(clamp(0.64rem, 0rem + 3.2vw, 0.84rem));
  left: calc(clamp(0.64rem, 0rem + 3.2vw, 0.84rem));
  z-index: auto;
  transform: translate(0%, 0%);
}
@media (min-width: 768px) {
  .ihstartup.--index .cards .card .card-ttl {
    top: calc(clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem));
    left: calc(clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem));
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards .card .card-ttl {
    top: calc(clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem));
    left: calc(clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem));
  }
}
.ihstartup.--index .cards .card .card-ttl .card-ttl-flexwrapper {
  display: flex;
}
.ihstartup.--index .cards .card .card-ttl .pjt {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  color: #fff;
}
@media (min-width: 768px) {
  .ihstartup.--index .cards .card .card-ttl .pjt {
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards .card .card-ttl .pjt {
    font-size: clamp(1.0317532943rem, 0rem + 1.6105417277vw, 3.8653001464rem);
  }
}
.ihstartup.--index .cards .card .card-ttl .pjtcopy {
  position: relative;
  top: calc(clamp(0.1066666667rem, 0rem + 0.5333333333vw, 0.14rem));
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  font-size: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  color: #fff;
}
@media (min-width: 768px) {
  .ihstartup.--index .cards .card .card-ttl .pjtcopy {
    top: calc(clamp(0.1071428571rem, 0rem + 0.2232142857vw, 0.1428571429rem));
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards .card .card-ttl .pjtcopy {
    top: calc(clamp(0.140693631rem, 0rem + 0.2196193265vw, 0.5270863836rem));
    font-size: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
  }
}
.ihstartup.--index .cards .card .card-ttl .pjtnumber {
  position: relative;
  top: 0%;
  left: calc(clamp(-0.2133333333rem, 0rem + -1.0666666667vw, -0.28rem));
  z-index: auto;
  transform: translate(0%, 0%);
  font-size: clamp(1.6rem, 0rem + 8vw, 2.1rem);
  font-weight: 900;
  letter-spacing: var(--ls-002);
  line-height: 100%;
  white-space: nowrap;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  color: transparent;
}
@media (min-width: 768px) {
  .ihstartup.--index .cards .card .card-ttl .pjtnumber {
    left: calc(clamp(-0.2142857143rem, 0rem + -0.4464285714vw, -0.2857142857rem));
    font-size: clamp(2.5714285714rem, 0rem + 5.3571428571vw, 3.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards .card .card-ttl .pjtnumber {
    left: calc(clamp(-0.1875915081rem, 0rem + -0.2928257687vw, -0.7027818448rem));
    font-size: clamp(3.2828513909rem, 0rem + 5.1244509517vw, 12.298682284rem);
  }
}
.ihstartup.--index .cards .card .pjtname-en {
  position: absolute;
  bottom: clamp(-0.5333333333rem, 0rem + -2.6666666667vw, -0.7rem);
  right: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  z-index: auto;
  transform: translate(0%, 0%) rotate(90deg);
  transform-origin: 100% 50%;
  font-size: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  font-weight: 900;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  white-space: nowrap;
  color: #fff;
}
@media (min-width: 768px) {
  .ihstartup.--index .cards .card .pjtname-en {
    bottom: clamp(-1.0714285714rem, 0rem + -2.2321428571vw, -1.4285714286rem);
    right: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    font-size: clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards .card .pjtname-en {
    bottom: clamp(-0.9379575403rem, 0rem + -1.4641288433vw, -3.513909224rem);
    right: clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem);
    font-size: clamp(3.3766471449rem, 0rem + 5.270863836vw, 12.6500732064rem);
  }
}
.ihstartup.--index .cards .card .pjtname-jp {
  position: absolute;
  bottom: calc(clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem));
  left: calc(clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem));
  z-index: auto;
  transform: translate(0%, 0%);
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 700;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  white-space: nowrap;
  color: #fff;
}
@media (min-width: 768px) {
  .ihstartup.--index .cards .card .pjtname-jp {
    bottom: calc(clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem));
    left: calc(clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem));
    font-size: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .cards .card .pjtname-jp {
    bottom: calc(clamp(0.1875915081rem, 0rem + 0.2928257687vw, 0.7027818448rem));
    left: calc(clamp(0.1875915081rem, 0rem + 0.2928257687vw, 0.7027818448rem));
    font-size: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}

.ihstartup.--index .pjt-cards.-as-slider {
  position: relative;
  overflow: hidden;
}
.ihstartup.--index .pjt-cards.-as-slider .slides-outer {
  overflow: hidden;
  width: 100%;
}
.ihstartup.--index .pjt-cards.-as-slider .slides-inner {
  display: flex;
  gap: clamp(0rem, 0rem + 0vw, 0rem);
  transition: transform 0.3s ease;
}
.ihstartup.--index .pjt-cards.-as-slider .slide {
  flex: 0 0 80%;
  max-width: 80%;
  position: relative;
}
@media (min-width: 768px) {
  .ihstartup.--index .pjt-cards.-as-slider .slide {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (min-width: 1025px) {
  .ihstartup.--index .pjt-cards.-as-slider .slide {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.ihstartup.--index .pjt-cards.-as-slider .slide .card {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
}
.ihstartup.--index .pjt-cards.-as-slider .slide .pjtimg {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.ihstartup.--index .pjt-cards.-as-slider .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.ihstartup.--index .pjt-cards.-as-slider .slider-btn.prev {
  left: 8px;
}
.ihstartup.--index .pjt-cards.-as-slider .slider-btn.next {
  right: 8px;
}

.ihstartup.--recruit {
  margin: 0rem 0rem 27.5rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
  background-color: #F0F050;
  border-radius: 7.5rem 7.5rem 0 0;
}
.ihstartup.--recruit::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 100%; /* ← セクションの“下端”に疑似要素の上辺を合わせる */
  height: 32.5rem; /* 三角の高さ */
  background-color: #F0F050;
  clip-path: polygon(-1% 0%, 101% 0%, 101% 100%);
  pointer-events: none;
  transform: translateY(-1px); /* 継ぎ目のアンチエイリアス対策（任意） */
}
.ihstartup.--recruit .btmtriangle {
  position: absolute;
  bottom: -390px;
  left: 50%;
  z-index: auto;
  transform: translate(-50%, 0%);
  width: 110vw;
}
.ihstartup.--recruit .bigttl {
  position: relative;
  top: -5.625rem;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  display: block;
  width: 100%;
  margin: 0 auto;
}
.ihstartup.--recruit .txt-lc {
  font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
  margin: 0 auto 12.5rem auto;
}
.ihstartup.--recruit .thumbs .thumbs-container {
  max-width: var(--cw);
  margin-inline: auto;
  padding-inline: var(--pad);
}
.ihstartup.--recruit .thumbs .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* PCで3枚 */
  gap: var(--gap);
  align-items: stretch;
}
.ihstartup.--recruit .thumbs .grid img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.ihstartup.--recruit .i00 {
  display: block;
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
  margin: 0rem auto 12.5rem auto;
}
.ihstartup.--recruit .i01 {
  position: absolute;
  z-index: auto;
  top: calc(50% + 3.125rem);
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - 8.75rem);
  transform: translate(0%, -50%);
  width: clamp(9.8016562958rem, 0rem + 15.3001464129vw, 36.7203513909rem);
}
.ihstartup.--recruit .i02 {
  position: relative;
  z-index: auto;
  top: -5.625rem;
  left: -6.25rem;
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 3/4; /* 4:3を維持 */
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(12.1934480234rem, 0rem + 19.0336749634vw, 45.6808199122rem);
}
.ihstartup.--recruit .i03 {
  position: relative;
  z-index: auto;
  top: 10rem;
  left: 0%;
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 4/3; /* 4:3を維持 */
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(14.069363104rem, 0rem + 21.9619326501vw, 52.7086383602rem);
}
.ihstartup.--recruit .i04 {
  position: relative;
  z-index: auto;
  top: 13.125rem;
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - 0rem);
  transform: translate(0%, 0%);
  list-style: none;
  aspect-ratio: 4/3; /* 4:3を維持 */
  overflow: hidden;
  border-radius: var(--radius);
  width: clamp(21.5730234261rem, 0rem + 33.6749633968vw, 80.8199121523rem);
}
.ihstartup.--recruit .pjt-cards {
  position: relative;
  top: 0;
  left: -1.875rem;
  z-index: auto;
  transform: translate(0%, 0%);
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 0rem 0rem 0rem 0rem;
}
.ihstartup.--recruit .pjt-cards::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% + 100px);
  right: calc(0% + 100px);
  z-index: auto;
  transform: translate(0%, -50%);
  width: clamp(42.2080893119rem, 0rem + 65.8857979502vw, 158.1259150805rem);
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}
.ihstartup.--recruit .pjt-cards .card {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: clamp(19.6971083455rem, 0rem + 30.7467057101vw, 73.7920937042rem);
  margin: 0rem 0rem 0rem 0.75rem;
}
.ihstartup.--recruit .pjt-cards .card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.ihstartup.--recruit .pjt-cards .card .card-ttl {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: auto;
  transform: translate(0%, 0%);
}
.ihstartup.--recruit .pjt-cards .card .card-ttl .card-ttl-flexwrapper {
  display: flex;
}
.ihstartup.--recruit .pjt-cards .card .card-ttl .pjt {
  margin: 0rem 0.625rem 0rem 0rem;
  font-size: clamp(1.0317532943rem, 0rem + 1.6105417277vw, 3.8653001464rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  color: transparent;
}
.ihstartup.--recruit .pjt-cards .card .card-ttl .pjtcopy {
  position: relative;
  top: 0px;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  font-size: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  color: #fff;
}
.ihstartup.--recruit .pjt-cards .card .card-ttl .pjtnumber {
  position: relative;
  top: 0%;
  left: -4px;
  z-index: auto;
  transform: translate(0%, 0%);
  font-size: clamp(3.2828513909rem, 0rem + 5.1244509517vw, 12.298682284rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fffk;
  color: transparent;
}
.ihstartup.--recruit .pjt-cards .card .pjtname-en {
  position: absolute;
  bottom: -1.25rem;
  right: 2.5rem;
  z-index: auto;
  transform: translate(0%, 0%);
  rotate: 90deg;
  transform-origin: 100% 50%;
  font-size: clamp(3.3766471449rem, 0rem + 5.270863836vw, 12.6500732064rem);
  font-weight: 900;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  white-space: nowrap;
  color: #fff;
}
.ihstartup.--recruit .pjt-cards .card .pjtname-jp {
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: auto;
  transform: translate(0%, 0%);
  font-weight: 700;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  white-space: nowrap;
  color: #fff;
}
@media (min-width: 1025px) {
  .ihstartup.--recruit .pjt-cards .card .pjtname-jp {
    font-size: clamp(1.1255490483rem, 0rem + 1.756954612vw, 4.2166910688rem);
  }
}

.js-slider-btn-wrapper {
  position: absolute;
  z-index: auto;
  top: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  bottom: initial;
  left: initial;
  right: 0%;
  transform: translate(-50%, -50%);
  display: flex;
}

.js-prevBtn,
.js-nextBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.3448938507rem, 0rem + 3.6603221083vw, 8.78477306rem);
  padding: 0rem clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
  cursor: pointer;
}

/* 可能ならCSSで共通化。インラインで同じ内容を付けてもOK */
.js-slider-outer {
  overflow: hidden;
}

.js-slider-inner {
  will-change: transform;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.js-slide,
.js-slide img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.js-slide img {
  display: block;
}

.fixed-company .section-ttl {
  margin: 0 0 clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(1.4933333333rem, 0rem + 7.4666666667vw, 1.96rem);
}
@media (min-width: 768px) {
  .fixed-company .section-ttl {
    margin: 0 0 clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(2.5714285714rem, 0rem + 5.3571428571vw, 3.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company .section-ttl {
    margin: 0 0 clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
  }
}
.fixed-company .section-ttl .jp {
  margin: 0 0 clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 700;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company .section-ttl .jp {
    margin: 0 0 clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company .section-ttl .jp {
    margin: 0 0 clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-company .section-ttl .img-philosophy {
  width: clamp(14.9333333333rem, 0rem + 74.6666666667vw, 19.6rem);
}
.fixed-company .section-ttl .img-ipism {
  width: clamp(16rem, 0rem + 80vw, 21rem);
}
.fixed-company .section-ttl .img-topmessage {
  width: clamp(16rem, 0rem + 80vw, 21rem);
}
.fixed-company .section-ttl .img-outline {
  width: clamp(13.3333333333rem, 0rem + 66.6666666667vw, 17.5rem);
}
@media (min-width: 768px) {
  .fixed-company .section-ttl .img-philosophy {
    width: clamp(37.5rem, 0rem + 78.125vw, 50rem);
  }
  .fixed-company .section-ttl .img-topmessage {
    width: clamp(37.5rem, 0rem + 78.125vw, 50rem);
  }
  .fixed-company .section-ttl .img-outline {
    width: clamp(37.5rem, 0rem + 78.125vw, 50rem);
  }
  .fixed-company .section-ttl .img-ipism {
    width: clamp(37.5rem, 0rem + 78.125vw, 50rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company .section-ttl .img-philosophy {
    width: clamp(42.2080893119rem, 0rem + 65.8857979502vw, 158.1259150805rem);
  }
  .fixed-company .section-ttl .img-topmessage {
    width: clamp(42.2080893119rem, 0rem + 65.8857979502vw, 158.1259150805rem);
  }
  .fixed-company .section-ttl .img-outline {
    width: clamp(30.9525988287rem, 0rem + 48.3162518302vw, 115.9590043924rem);
  }
  .fixed-company .section-ttl .img-ipism {
    width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
  }
}
.fixed-company .grad-band {
  width: 90vw;
  height: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  margin: 0 0 clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) 0;
}
@media (min-width: 768px) {
  .fixed-company .grad-band {
    height: clamp(0.9642857143rem, 0rem + 2.0089285714vw, 1.2857142857rem);
    margin: 0 0 clamp(3.4285714286rem, 0rem + 7.1428571429vw, 4.5714285714rem) 0;
  }
}
@media (min-width: 1025px) {
  .fixed-company .grad-band {
    height: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    margin: 0 0 clamp(3.0014641288rem, 0rem + 4.6852122987vw, 11.2445095168rem) 0;
  }
}
.fixed-company .grad-band.--philosophy {
  background: linear-gradient(90deg, #66e05c 0%, #12c3a7 40%, #05b7ff 100%);
}
.fixed-company .grad-band.--sevenrule {
  background: linear-gradient(90deg, #354CFF 0%, #12c3a7 40%, #00D9FF 100%);
}
.fixed-company .grad-band.--topmessage {
  background: linear-gradient(90deg, #FF0000 0%, #EAFF00 100%);
}
.fixed-company .grad-band.--outline {
  background: linear-gradient(90deg, #E60000 0%, #D500FF 100%);
}

.fixed-company.--philosophy {
  width: 100%;
  margin: clamp(-7.4666666667rem, 0rem + -37.3333333333vw, -9.8rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(8.5333333333rem, 0rem + 42.6666666667vw, 11.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy {
    margin: clamp(-7.5rem, 0rem + -15.625vw, -10rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy {
    margin: clamp(-11.2554904832rem, 0rem + -17.5695461201vw, -42.1669106881rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-company.--philosophy .txt-cc-main {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  font-weight: 900;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .txt-cc-main {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .txt-cc-main {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.0635065886rem, 0rem + 3.2210834553vw, 7.7306002928rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(3.8456259151rem, 0rem + 6.0029282577vw, 14.4070278184rem);
  }
}
.fixed-company.--philosophy .txt-cc-main .space {
  position: relative;
  z-index: auto;
  top: clamp(-0.5333333333rem, 0rem + -2.6666666667vw, -0.7rem);
  left: 0%;
  transform: translate(0%, 0%);
  display: inline-block;
  width: clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .txt-cc-main .space {
    top: clamp(-1.0714285714rem, 0rem + -2.2321428571vw, -1.4285714286rem);
    width: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .txt-cc-main .space {
    top: clamp(-0.9379575403rem, 0rem + -1.4641288433vw, -3.513909224rem);
    width: clamp(12.0058565154rem, 0rem + 18.7408491947vw, 44.9780380673rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-company.--philosophy .txt-cc-sub {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  font-weight: 700;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .txt-cc-sub {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.25rem, 0rem + 4.6875vw, 3rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .txt-cc-sub {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.9697108346rem, 0rem + 3.074670571vw, 7.3792093704rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem);
  }
}
.fixed-company.--philosophy .txt-bc {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-160);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .txt-bc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.8214285714rem, 0rem + 10.0446428571vw, 6.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .txt-bc {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-company.--philosophy .txt-bc p {
  margin-bottom: var(--mg-btm-paragraph-100);
}
.fixed-company.--philosophy .vmv-wrapper .vmv {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.9285714286rem, 0rem + 10.2678571429vw, 6.5714285714rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.6277452416rem, 0rem + 8.78477306vw, 21.0834553441rem) clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
  }
}
.fixed-company.--philosophy .vmv-wrapper .ttl {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  display: flex;
  align-items: center;
}
.fixed-company.--philosophy .vmv-wrapper .ttl .dot {
  width: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .vmv-wrapper .ttl .dot {
    width: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .vmv-wrapper .ttl .dot {
    width: clamp(1.3131405564rem, 0rem + 2.0497803807vw, 4.9194729136rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-company.--philosophy .vmv-wrapper .ttl .dot::before {
  content: attr(data-vmv);
  position: absolute;
  z-index: auto;
  top: clamp(2.9866666667rem, 0rem + 14.9333333333vw, 3.92rem);
  left: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  transform: translate(0%, 0%);
  rotate: 90deg;
  transform-origin: 0 0;
  width: 100%;
  height: auto;
  font-size: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-weight: 700;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .vmv-wrapper .ttl .dot::before {
    top: clamp(3.75rem, 0rem + 7.8125vw, 5rem);
    left: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
    font-size: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .vmv-wrapper .ttl .dot::before {
    top: clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem);
    left: clamp(1.2193448023rem, 0rem + 1.9033674963vw, 4.5680819912rem);
    font-size: clamp(1.1255490483rem, 0rem + 1.756954612vw, 4.2166910688rem);
  }
}
.fixed-company.--philosophy .vmv-wrapper .ttl .en {
  font-size: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  font-weight: 900;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-180);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .vmv-wrapper .ttl .en {
    font-size: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .vmv-wrapper .ttl .en {
    font-size: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
  }
}
.fixed-company.--philosophy .vmv-wrapper .vmv-copy {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  margin: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  font-size: clamp(0.8rem, 0rem + 4vw, 1.05rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv-copy {
    margin: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.9285714286rem, 0rem + 10.2678571429vw, 6.5714285714rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
    font-size: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv-copy {
    margin: clamp(2.4386896047rem, 0rem + 3.8067349927vw, 9.1361639824rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.3146046852rem, 0rem + 6.7349926794vw, 16.1639824305rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
    font-size: clamp(1.3131405564rem, 0rem + 2.0497803807vw, 4.9194729136rem);
  }
}
.fixed-company.--philosophy .vmv-wrapper .vmv-copy::before {
  content: "";
  position: absolute;
  z-index: auto;
  top: clamp(-2.1333333333rem, 0rem + -10.6666666667vw, -2.8rem);
  left: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  transform: translate(0%, 0%);
  width: 1px;
  height: clamp(4.8rem, 0rem + 24vw, 6.3rem);
  background: #333;
  transform: translateX(0);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv-copy::before {
    top: clamp(-2.1428571429rem, 0rem + -4.4642857143vw, -2.8571428571rem);
    left: clamp(-0.5357142857rem, 0rem + -1.1160714286vw, -0.7142857143rem);
    height: clamp(6.4285714286rem, 0rem + 13.3928571429vw, 8.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv-copy::before {
    top: clamp(-3.7518301611rem, 0rem + -5.8565153734vw, -14.055636896rem);
    left: clamp(-0.4689787701rem, 0rem + -0.7320644217vw, -1.756954612rem);
    height: clamp(6.5657027818rem, 0rem + 10.2489019034vw, 24.5973645681rem);
  }
}
.fixed-company.--philosophy .vmv-wrapper .vmv-copy::after {
  content: "";
  position: absolute;
  z-index: auto;
  top: clamp(-1.4933333333rem, 0rem + -7.4666666667vw, -1.96rem);
  left: clamp(0rem, 0rem + 0vw, 0rem);
  transform: translate(0%, 0%);
  width: clamp(16rem, 0rem + 80vw, 21rem);
  height: 1px;
  background: #333;
  transform: translateX(0);
}
@media (min-width: 768px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv-copy::after {
    top: clamp(-1.0714285714rem, 0rem + -2.2321428571vw, -1.4285714286rem);
    left: clamp(-2.1428571429rem, 0rem + -4.4642857143vw, -2.8571428571rem);
    width: clamp(32.1428571429rem, 0rem + 66.9642857143vw, 42.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--philosophy .vmv-wrapper .vmv-copy::after {
    top: clamp(-1.8759150805rem, 0rem + -2.9282576867vw, -7.027818448rem);
    left: clamp(-1.8759150805rem, 0rem + -2.9282576867vw, -7.027818448rem);
    width: clamp(28.1387262079rem, 0rem + 43.9238653001vw, 105.4172767204rem);
  }
}

/* =====================
   .fixed-company.--sevenrule
   ===================== */
.fixed-company.--sevenrule {
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(8.5333333333rem, 0rem + 42.6666666667vw, 11.2rem) clamp(0rem, 0rem + 0vw, 0rem);
  /* =====================
     .ipism__cards
     ===================== */
  /* =====================
     .card
     ===================== */
}
@media (min-width: 768px) {
  .fixed-company.--sevenrule {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--sevenrule {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-company.--sevenrule .ipism__cards {
  list-style: none;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  counter-reset: ipism;
  width: clamp(17.0666666667rem, 0rem + 85.3333333333vw, 22.4rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) auto;
}
@media (min-width: 768px) {
  .fixed-company.--sevenrule .ipism__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: clamp(36.4285714286rem, 0rem + 75.8928571429vw, 48.5714285714rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto;
  }
}
@media (min-width: 1025px) {
  .fixed-company.--sevenrule .ipism__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: clamp(49.711749634rem, 0rem + 77.5988286969vw, 186.2371888726rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto;
  }
}
.fixed-company.--sevenrule .card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  overflow: hidden;
  aspect-ratio: 3/2;
}
.fixed-company.--sevenrule .card:last-of-type {
  border-bottom: 1px solid #000;
}
@media (min-width: 768px) {
  .fixed-company.--sevenrule .card {
    padding: clamp(14px, 2.2vw, 18px);
    border: 1px solid #000;
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1025px) {
  .fixed-company.--sevenrule .card {
    padding: clamp(14px, 2.2vw, 18px);
    border: 1px solid #000;
    aspect-ratio: 1/1;
  }
}
.fixed-company.--sevenrule .card::before {
  content: "IPism";
  position: absolute;
  z-index: auto;
  bottom: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  font-size: clamp(4.2666666667rem, 0rem + 21.3333333333vw, 5.6rem);
  font-weight: 900;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  color: #EAEBF0;
}
@media (min-width: 768px) {
  .fixed-company.--sevenrule .card::before {
    font-size: clamp(5.8928571429rem, 0rem + 12.2767857143vw, 7.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--sevenrule .card::before {
    font-size: clamp(5.1587664714rem, 0rem + 8.0527086384vw, 19.3265007321rem);
  }
}
.fixed-company.--sevenrule .card::after {
  content: "rule" attr(data-rule);
  position: absolute;
  z-index: auto;
  top: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  left: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  transform: translate(0%, 0%);
  font-size: clamp(1.6rem, 0rem + 8vw, 2.1rem);
  font-weight: 900;
  letter-spacing: 2;
  line-height: 100%;
  white-space: nowrap;
  color: #EAEBF0;
}
@media (min-width: 768px) {
  .fixed-company.--sevenrule .card::after {
    top: 0%;
    left: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem);
    font-size: clamp(1.6071428571rem, 0rem + 3.3482142857vw, 2.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--sevenrule .card::after {
    top: 0%;
    left: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
    font-size: clamp(1.4069363104rem, 0rem + 2.196193265vw, 5.270863836rem);
  }
}
.fixed-company.--sevenrule .card .rurle-ttl {
  position: relative;
  z-index: 100;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%) rotate(-2deg);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
}
.fixed-company.--sevenrule .card .rurle-ttl img {
  display: block;
  width: clamp(12.8rem, 0rem + 64vw, 16.8rem);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .fixed-company.--sevenrule .card .rurle-ttl img {
    width: clamp(15rem, 0rem + 31.25vw, 20rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--sevenrule .card .rurle-ttl img {
    width: clamp(11.2554904832rem, 0rem + 17.5695461201vw, 42.1669106881rem);
  }
}
.fixed-company.--sevenrule .card .rule-bc {
  position: relative;
  z-index: 100;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-003);
  line-height: 150%;
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--sevenrule .card .rule-bc {
    font-size: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--sevenrule .card .rule-bc {
    font-size: clamp(0.7034681552rem, 0rem + 1.0980966325vw, 2.635431918rem);
  }
}

.fixed-company.--topmsg {
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(8.5333333333rem, 0rem + 42.6666666667vw, 11.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-company.--topmsg {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--topmsg {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-company.--topmsg .flex-wrapper {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
}
@media (min-width: 1025px) {
  .fixed-company.--topmsg .flex-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.fixed-company.--topmsg .txt-bc-ceomsg {
  width: 100%;
  margin: 0rem 0rem clamp(3.2rem, 0rem + 16vw, 4.2rem) 0rem;
}
@media (min-width: 768px) {
  .fixed-company.--topmsg .txt-bc-ceomsg {
    width: clamp(32.1428571429rem, 0rem + 66.9642857143vw, 42.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--topmsg .txt-bc-ceomsg {
    width: 50%;
  }
}
.fixed-company.--topmsg .txt-bc-ceomsg p {
  margin-bottom: var(--mg-btm-paragraph-100);
  font-size: var(--fs-paragraph-100);
  font-weight: var(--fw-paragraph-100);
  letter-spacing: var(--ls-010);
  line-height: var(--lh-paragraph-100);
  color: var(--color-darkgray);
}
.fixed-company.--topmsg .img-ceo {
  position: relative;
  z-index: auto;
  top: 0%;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translate(-50%, 0%);
  width: 100vw;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .fixed-company.--topmsg .img-ceo {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .fixed-company.--topmsg .img-ceo {
    position: relative;
    z-index: auto;
    top: 0%;
    bottom: initial;
    left: var(--pad);
    right: initial;
    transform: translate(0%, 0%);
    width: clamp(37.5183016105rem, 0rem + 58.5651537335vw, 140.5563689605rem);
  }
}
.fixed-company.--topmsg .img-ceo .image {
  margin-bottom: var(--mg-btm-common-008);
}
.fixed-company.--topmsg .img-ceo .ceo-sign {
  padding: 0rem 0rem 0rem clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-003);
  line-height: 160%;
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-company.--topmsg .img-ceo .ceo-sign {
    padding: 0rem 0rem 0rem 0rem;
    font-size: clamp(0.6964285714rem, 0rem + 1.4508928571vw, 0.9285714286rem);
    font-weight: 500;
    letter-spacing: var(--ls-003);
    line-height: 160%;
    color: var(--color-darkgray);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--topmsg .img-ceo .ceo-sign {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
    font-weight: 500;
    letter-spacing: var(--ls-003);
    line-height: 160%;
    color: var(--color-darkgray);
  }
}
.fixed-company.--topmsg .img-ceo .company {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0rem, 0rem + 0vw, 0rem);
}
.fixed-company.--topmsg .img-ceo .ceo-name-wrapper {
  display: flex;
  align-items: center;
}
.fixed-company.--topmsg .img-ceo .post {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-company.--topmsg .img-ceo .post {
    margin: 0rem clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem) 0rem 0rem;
  }
}
@media (min-width: 1025px) {
  .fixed-company.--topmsg .img-ceo .post {
    margin: 0rem clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem) 0rem 0rem;
  }
}
.fixed-company.--topmsg .img-ceo .sign {
  width: clamp(5.12rem, 0rem + 25.6vw, 6.72rem);
}
@media (min-width: 768px) {
  .fixed-company.--topmsg .img-ceo .sign {
    width: clamp(5.1428571429rem, 0rem + 10.7142857143vw, 6.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--topmsg .img-ceo .sign {
    width: clamp(4.5021961933rem, 0rem + 7.027818448vw, 16.8667642753rem);
  }
}

/* =====================
   .fixed-company.--outline
   ===================== */
.fixed-company.--outline {
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(8.5333333333rem, 0rem + 42.6666666667vw, 11.2rem) clamp(0rem, 0rem + 0vw, 0rem);
  /* ---------------------
     .outline-table
     --------------------- */
  /* ---------------------
     .row
     --------------------- */
  /* ---------------------
     .term
     --------------------- */
  /* ---------------------
     .desc
     --------------------- */
  /* ---------------------
     .cp-list
     --------------------- */
}
@media (min-width: 768px) {
  .fixed-company.--outline {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(12.8571428571rem, 0rem + 26.7857142857vw, 17.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--outline {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-company.--outline .outline-table {
  width: clamp(17.0666666667rem, 0rem + 85.3333333333vw, 22.4rem);
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 768px) {
  .fixed-company.--outline .outline-table {
    width: 92vw;
  }
}
@media (min-width: 1025px) {
  .fixed-company.--outline .outline-table {
    width: clamp(41.7391105417rem, 0rem + 65.1537335286vw, 156.3689604685rem);
  }
}
.fixed-company.--outline .row {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  display: grid;
  grid-template-columns: 1fr; /* SP: 1 column */
  align-items: start;
  gap: clamp(0.32rem, 0rem + 1.6vw, 0.42rem);
  padding-block: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  padding-inline: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  border-top: 1px solid #CBCBCB;
}
@media (min-width: 768px) {
  .fixed-company.--outline .row {
    grid-template-columns: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) 1fr;
    gap: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
    padding-block: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
    padding-inline: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--outline .row {
    grid-template-columns: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) 1fr;
    gap: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
    padding-block: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
    padding-inline: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}
.fixed-company.--outline .row:last-child {
  border-bottom: 1px solid #CBCBCB;
}
.fixed-company.--outline .term {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
}
@media (min-width: 768px) {
  .fixed-company.--outline .term {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
    font-size: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--outline .term {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.fixed-company.--outline .term::before {
  content: "";
  position: absolute;
  z-index: auto;
  top: clamp(0.3733333333rem, 0rem + 1.8666666667vw, 0.49rem);
  left: clamp(0rem, 0rem + 0vw, 0rem);
  transform: translate(0%, -50%);
  width: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #FCD50E;
}
@media (min-width: 768px) {
  .fixed-company.--outline .term::before {
    top: 50%;
    left: clamp(0rem, 0rem + 0vw, 0rem);
    width: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--outline .term::before {
    top: 50%;
    left: clamp(0rem, 0rem + 0vw, 0rem);
    width: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.fixed-company.--outline .desc {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-160);
}
@media (min-width: 768px) {
  .fixed-company.--outline .desc {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
    line-height: 200%;
  }
}
@media (min-width: 1025px) {
  .fixed-company.--outline .desc {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
    line-height: 200%;
  }
}
.fixed-company.--outline .desc a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.fixed-company.--outline .cp-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(0.32rem, 0rem + 1.6vw, 0.42rem);
}
@media (min-width: 768px) {
  .fixed-company.--outline .cp-list {
    gap: clamp(0.3214285714rem, 0rem + 0.6696428571vw, 0.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-company.--outline .cp-list {
    gap: clamp(0.2813872621rem, 0rem + 0.439238653vw, 1.0541727672rem);
  }
}
.fixed-company.--outline .cp-list > li {
  position: relative;
  padding-left: 1em;
}
.fixed-company.--outline .cp-list > li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--c-text);
}

.staffs.--index {
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .staffs.--index {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(26.7857142857rem, 0rem + 55.8035714286vw, 35.7142857143rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(14.069363104rem, 0rem + 21.9619326501vw, 52.7086383602rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.staffs.--index .bigttl {
  position: relative;
  z-index: auto;
  left: 0%;
  transform: translate(0%, 0%);
  display: block;
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) auto;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .staffs.--index .bigttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem) auto;
  }
}
@media (min-width: 1025px) {
  .staffs.--index .bigttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem) auto;
  }
}
.staffs.--index .i1,
.staffs.--index .i2,
.staffs.--index .i3,
.staffs.--index .i4 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.staffs.--index .i1 {
  top: 40%;
  z-index: -1;
}
.staffs.--index .i2 {
  top: 30%;
  z-index: -2;
}
.staffs.--index .i3 {
  top: 30%;
  z-index: -3;
}
.staffs.--index .i4 {
  top: 30%;
  z-index: -4;
}
.staffs.--index .staffs-cards {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards {
    width: 80%;
    margin: 0 auto;
  }
}
.staffs.--index .staffs-cards .card {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  min-width: clamp(8.5333333333rem, 0rem + 42.6666666667vw, 11.2rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(1.6rem, 0rem + 8vw, 2.1rem) clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
}
@media (min-width: 768px) {
  .staffs.--index .staffs-cards .card {
    min-width: clamp(11.7857142857rem, 0rem + 24.5535714286vw, 15.7142857143rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem) clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards .card {
    width: clamp(11.2554904832rem, 0rem + 17.5695461201vw, 42.1669106881rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem) clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}
.staffs.--index .staffs-cards .card .imgwrapper {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem);
}
.staffs.--index .staffs-cards .card .pjtimg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.staffs.--index .staffs-cards .card .staffinfos .date {
  display: block;
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  margin-bottom: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-cards .card .staffinfos .date {
    font-size: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
    margin-bottom: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards .card .staffinfos .date {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
    margin-bottom: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}
.staffs.--index .staffs-cards .card .staffinfos .belong {
  display: flex;
  margin-bottom: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
}
@media (min-width: 768px) {
  .staffs.--index .staffs-cards .card .staffinfos .belong {
    margin-bottom: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards .card .staffinfos .belong {
    margin-bottom: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.staffs.--index .staffs-cards .card .staffinfos .belong .department {
  display: block;
  margin-right: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-cards .card .staffinfos .belong .department {
    font-size: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards .card .staffinfos .belong .department {
    font-size: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.staffs.--index .staffs-cards .card .staffinfos .belong .position {
  display: block;
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-cards .card .staffinfos .belong .position {
    font-size: clamp(0.6964285714rem, 0rem + 1.4508928571vw, 0.9285714286rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards .card .staffinfos .belong .position {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.staffs.--index .staffs-cards .card .staffinfos .name {
  display: flex;
  flex-direction: column;
}
.staffs.--index .staffs-cards .card .staffinfos .name .jp {
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  margin-bottom: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
}
@media (min-width: 768px) {
  .staffs.--index .staffs-cards .card .staffinfos .name .jp {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards .card .staffinfos .name .jp {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.staffs.--index .staffs-cards .card .staffinfos .name .en {
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-cards .card .staffinfos .name .en {
    font-size: clamp(0.6964285714rem, 0rem + 1.4508928571vw, 0.9285714286rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-cards .card .staffinfos .name .en {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.staffs.--index .staffs-cards .card .imgwrapper {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: transform 0.2s ease, filter 0.6s ease;
  /* =====================
  各スタッフ画像設定
  ===================== */
}
.staffs.--index .staffs-cards .card .imgwrapper:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.staffs.--index .staffs-cards .card .imgwrapper::before, .staffs.--index .staffs-cards .card .imgwrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease-in-out;
}
.staffs.--index .staffs-cards .card .imgwrapper::before {
  opacity: 1;
}
.staffs.--index .staffs-cards .card .imgwrapper::after {
  opacity: 0;
}
.staffs.--index .staffs-cards .card .imgwrapper:hover::before {
  opacity: 0;
}
.staffs.--index .staffs-cards .card .imgwrapper:hover::after {
  opacity: 1;
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-01::before {
  background-image: url(../../assets/media/visuals/staffimg-2-1.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-01::after {
  background-image: url(../../assets/media/visuals/staffimg-2-2.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-02::before {
  background-image: url(../../assets/media/visuals/staffimg-4-1.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-02::after {
  background-image: url(../../assets/media/visuals/staffimg-4-2.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-03::before {
  background-image: url(../../assets/media/visuals/staffimg-5-1.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-03::after {
  background-image: url(../../assets/media/visuals/staffimg-5-2.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-04::before {
  background-image: url(../../assets/media/visuals/staffimg-3-1.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-04::after {
  background-image: url(../../assets/media/visuals/staffimg-3-2.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-05::before {
  background-image: url(../../assets/media/visuals/staffimg-1-1.jpg);
}
.staffs.--index .staffs-cards .card .imgwrapper.--staff-05::after {
  background-image: url(../../assets/media/visuals/staffimg-1-2.jpg);
}
.staffs.--index .staffs-splide {
  width: 100%;
}
.staffs.--index .staffs-splide .splide__track {
  overflow-x: hidden;
}
.staffs.--index .staffs-splide .splide__list {
  display: flex;
  gap: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__list {
    gap: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__list {
    gap: clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem);
  }
}
.staffs.--index .staffs-splide .splide__slide {
  position: relative;
  flex: 0 0 auto;
  width: clamp(7.68rem, 0rem + 38.4vw, 10.08rem);
  margin-bottom: clamp(1.6rem, 0rem + 8vw, 2.1rem);
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__slide {
    width: clamp(12.8571428571rem, 0rem + 26.7857142857vw, 17.1428571429rem);
    margin-bottom: clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__slide {
    width: clamp(13.1314055637rem, 0rem + 20.4978038067vw, 49.1947291362rem);
    margin-bottom: clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem);
  }
}
.staffs.--index .staffs-splide .splide__slide a.-notul {
  display: block;
  text-decoration: none;
  color: inherit;
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper {
  position: relative;
  margin-bottom: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
}
.staffs.--index .staffs-splide .splide__slide .pjtimg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.staffs.--index .staffs-splide .splide__slide .staffinfos .date {
  display: block;
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  margin-bottom: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .date {
    font-size: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
    margin-bottom: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .date {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
    margin-bottom: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}
.staffs.--index .staffs-splide .splide__slide .staffinfos .belong {
  display: flex;
  margin-bottom: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .belong {
    margin-bottom: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .belong {
    margin-bottom: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.staffs.--index .staffs-splide .splide__slide .staffinfos .belong .department {
  display: block;
  margin-right: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .belong .department {
    font-size: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .belong .department {
    font-size: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.staffs.--index .staffs-splide .splide__slide .staffinfos .belong .position {
  display: block;
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .belong .position {
    font-size: clamp(0.6964285714rem, 0rem + 1.4508928571vw, 0.9285714286rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .belong .position {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.staffs.--index .staffs-splide .splide__slide .staffinfos .name {
  display: flex;
  flex-direction: column;
}
.staffs.--index .staffs-splide .splide__slide .staffinfos .name .jp {
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
  margin-bottom: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .name .jp {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .name .jp {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.staffs.--index .staffs-splide .splide__slide .staffinfos .name .en {
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: 100%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .name .en {
    font-size: clamp(0.6964285714rem, 0rem + 1.4508928571vw, 0.9285714286rem);
  }
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__slide .staffinfos .name .en {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: transform 0.2s ease, filter 0.6s ease;
  /* =====================
  各スタッフ画像設定
  ===================== */
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper::before, .staffs.--index .staffs-splide .splide__slide .imgwrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease-in-out;
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper::before {
  opacity: 1;
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper::after {
  opacity: 0;
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper:hover::before {
  opacity: 0;
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper:hover::after {
  opacity: 1;
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-01::before {
  background-image: url(../../assets/media/visuals/staffimg-2-1.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-01::after {
  background-image: url(../../assets/media/visuals/staffimg-2-2.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-02::before {
  background-image: url(../../assets/media/visuals/staffimg-4-1.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-02::after {
  background-image: url(../../assets/media/visuals/staffimg-4-2.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-03::before {
  background-image: url(../../assets/media/visuals/staffimg-5-1.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-03::after {
  background-image: url(../../assets/media/visuals/staffimg-5-2.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-04::before {
  background-image: url(../../assets/media/visuals/staffimg-3-1.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-04::after {
  background-image: url(../../assets/media/visuals/staffimg-3-2.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-05::before {
  background-image: url(../../assets/media/visuals/staffimg-1-1.jpg);
}
.staffs.--index .staffs-splide .splide__slide .imgwrapper.--staff-05::after {
  background-image: url(../../assets/media/visuals/staffimg-1-2.jpg);
}
.staffs.--index .staffs-splide .splide__arrows {
  width: clamp(6.4rem, 0rem + 32vw, 8.4rem);
  position: absolute;
  z-index: 10;
  top: clamp(-3.7518301611rem, 0rem + -5.8565153734vw, -14.055636896rem);
  bottom: initial;
  right: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  gap: 1rem;
}
@media (min-width: 768px) {
  .staffs.--index .staffs-splide .splide__arrows {
    right: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
    width: clamp(7.5036603221rem, 0rem + 11.7130307467vw, 28.1112737921rem);
  }
}
.staffs.--index .staffs-splide .splide__arrow {
  width: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  height: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  background-color: #ffffff;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease;
}
@media (min-width: 1025px) {
  .staffs.--index .staffs-splide .splide__arrow {
    width: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
    height: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
  }
}
.staffs.--index .staffs-splide .splide__arrow svg {
  width: 20px;
  height: 20px;
  fill: #5FB1E4;
}
.staffs.--index .staffs-splide .splide__arrow:hover {
  background-color: #f0f8fc;
}
.staffs.--index .staffs-splide .splide__arrow--prev {
  transform: none;
}
.staffs.--index .staffs-splide .splide__arrow--next {
  transform: none;
}

.fixed-staff.-interview-top {
  /* ===== SP (base) ===== */
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.2666666667rem, 0rem + 21.3333333333vw, 5.6rem) clamp(0rem, 0rem + 0vw, 0rem);
  /* ——— ラッパー ——— */
  /* /.interview-wrapper */
  /* ——— 右側イメージ ——— */
  /* ——— コンテナのブレーク差分（余白だけ） ——— */
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(14.9333333333rem, 0rem + 74.6666666667vw, 19.6rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(20.2666666667rem, 0rem + 101.3333333333vw, 26.6rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  width: 100%;
  /* ——— 質問 ——— */
  /* ——— 回答ブロック ——— */
  /* ——— テキスト本文 ——— */
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper {
    width: clamp(34.2857142857rem, 0rem + 71.4285714286vw, 45.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper {
    top: 0%;
    left: clamp(-3rem, 0rem + -6.25vw, -4rem);
    width: clamp(28.1387262079rem, 0rem + 43.9238653001vw, 105.4172767204rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper .question {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.28rem, 0rem + 6.4vw, 1.68rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 600;
  letter-spacing: var(--ls-005);
  line-height: 140%;
}
.fixed-staff.-interview-top .interview-wrapper .question::before {
  content: "";
  display: block;
  position: absolute;
  bottom: clamp(-0.7466666667rem, 0rem + -3.7333333333vw, -0.98rem);
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 100%;
  height: 1px;
  background-color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper .question {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
  .fixed-staff.-interview-top .interview-wrapper .question::before {
    bottom: clamp(-0.75rem, 0rem + -1.5625vw, -1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper .question {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
  .fixed-staff.-interview-top .interview-wrapper .question::before {
    bottom: clamp(-0.6565702782rem, 0rem + -1.0248901903vw, -2.4597364568rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper .answer-wrapper {
  display: flex;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.6rem, 0rem + 8vw, 2.1rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper .answer-wrapper .arrow {
  display: block;
  width: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper .arrow {
    width: clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper .arrow {
    width: clamp(2.3448938507rem, 0rem + 3.6603221083vw, 8.78477306rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper .answer-wrapper .answer {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-005);
  line-height: 160%;
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper .answer {
    font-size: clamp(0.9642857143rem, 0rem + 2.0089285714vw, 1.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper .answer {
    font-size: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper .answer-wrapper .staff-img02 {
  position: absolute;
  z-index: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* SP: サイズ指定なし（元のコメントアウトを踏襲） */
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper .staff-img02 {
    width: clamp(30.9107142857rem, 0rem + 64.3973214286vw, 41.2142857143rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper .answer-wrapper .staff-img02 {
    width: clamp(27.0600750366rem, 0rem + 42.2401171303vw, 101.3762811127rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper .txt-bc {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-005);
  line-height: 180%;
  margin: 0rem 0rem clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) 0rem;
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper .txt-bc {
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
    margin: 0rem 0rem clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) 0rem;
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper .txt-bc {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.fixed-staff.-interview-top .interview-wrapper .txt-bc p {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .interview-wrapper .txt-bc p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .interview-wrapper .txt-bc p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-staff.-interview-top .topimg {
  position: relative;
  z-index: auto;
  top: 0%;
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
  right: 0%;
  transform: translate(0%, 0%);
  width: 100%;
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top .topimg {
    top: 50%;
    bottom: auto;
    right: 0%;
    transform: translate(0%, 0%);
    width: clamp(30.9107142857rem, 0rem + 64.3973214286vw, 41.2142857143rem);
    margin: 0rem 0rem clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem) 0rem;
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top .topimg {
    position: absolute;
    z-index: auto;
    top: 50%;
    right: 0%;
    left: initial;
    transform: translate(0%, -50%);
    width: clamp(28.1387262079rem, 0rem + 43.9238653001vw, 105.4172767204rem);
    margin: 0rem 0rem 0rem 0rem;
  }
}
@media (min-width: 768px) {
  .fixed-staff.-interview-top {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-top {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}

.fixed-staff.-interview-bottom {
  /* ===== SP (base) ===== */
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(27.7333333333rem, 0rem + 138.6666666667vw, 36.4rem) clamp(0rem, 0rem + 0vw, 0rem);
  /* /.interview-wrapper */
  /* ラッパー自体のタブ/PC差分（位置・右寄せ幅だけ） */
}
.fixed-staff.-interview-bottom .interview-wrapper {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  width: 100%;
}
.fixed-staff.-interview-bottom .interview-wrapper .question {
  position: relative;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.28rem, 0rem + 6.4vw, 1.68rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 600;
  letter-spacing: var(--ls-005);
  line-height: 140%;
}
.fixed-staff.-interview-bottom .interview-wrapper .question::before {
  content: "";
  position: absolute;
  bottom: clamp(-0.7466666667rem, 0rem + -3.7333333333vw, -0.98rem);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .interview-wrapper .question {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
  .fixed-staff.-interview-bottom .interview-wrapper .question::before {
    bottom: clamp(-0.75rem, 0rem + -1.5625vw, -1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .interview-wrapper .question {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
  .fixed-staff.-interview-bottom .interview-wrapper .question::before {
    bottom: clamp(-0.6565702782rem, 0rem + -1.0248901903vw, -2.4597364568rem);
  }
}
.fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper {
  display: flex;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.6rem, 0rem + 8vw, 2.1rem) clamp(0rem, 0rem + 0vw, 0rem);
}
.fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .arrow {
  display: block;
  width: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .arrow {
    width: clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .arrow {
    width: clamp(2.3448938507rem, 0rem + 3.6603221083vw, 8.78477306rem);
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .answer {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 600;
  letter-spacing: var(--ls-005);
  line-height: 160%;
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .answer {
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .answer {
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .staff-img02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(30.7733333333rem, 0rem + 153.8666666667vw, 40.39rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .staff-img02 {
    width: clamp(30.9107142857rem, 0rem + 64.3973214286vw, 41.2142857143rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper .staff-img02 {
    width: clamp(27.0600750366rem, 0rem + 42.2401171303vw, 101.3762811127rem);
  }
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .interview-wrapper .answer-wrapper {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-staff.-interview-bottom .interview-wrapper .txt-bc {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-005);
  line-height: 180%;
}
.fixed-staff.-interview-bottom .interview-wrapper .txt-bc p {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .interview-wrapper .txt-bc p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .interview-wrapper .txt-bc p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .interview-wrapper .txt-bc {
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .interview-wrapper .txt-bc {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.fixed-staff.-interview-bottom .topimg {
  position: absolute;
  z-index: auto;
  bottom: clamp(-3.2rem, 0rem + -16vw, -4.2rem);
  left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem));
  transform: translate(0%, 100%);
  width: clamp(16rem, 0rem + 80vw, 21rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .topimg {
    position: relative;
    top: 0%;
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem));
    transform: translate(0%, 0%);
    width: clamp(22.5rem, 0rem + 46.875vw, 30rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .topimg {
    left: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(11.2554904832rem, 0rem + 17.5695461201vw, 42.1669106881rem));
    width: clamp(27.0600750366rem, 0rem + 42.2401171303vw, 101.3762811127rem);
  }
}
.fixed-staff.-interview-bottom .topimg .arrow {
  position: absolute;
  bottom: clamp(-1.0666666667rem, 0rem + -5.3333333333vw, -1.4rem);
  left: 60%;
  transform: translate(-50%, 0%);
  width: clamp(6.9333333333rem, 0rem + 34.6666666667vw, 9.1rem);
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom .topimg .arrow {
    bottom: clamp(-2.1428571429rem, 0rem + -4.4642857143vw, -2.8571428571rem);
    width: clamp(14.4642857143rem, 0rem + 30.1339285714vw, 19.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom .topimg .arrow {
    bottom: clamp(-1.8759150805rem, 0rem + -2.9282576867vw, -7.027818448rem);
    width: clamp(12.6624267936rem, 0rem + 19.7657393851vw, 47.4377745242rem);
  }
}
@media (min-width: 768px) {
  .fixed-staff.-interview-bottom {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(16.0714285714rem, 0rem + 33.4821428571vw, 21.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
  .fixed-staff.-interview-bottom .interview-wrapper {
    position: absolute;
    top: 50%;
    right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(-1.0714285714rem, 0rem + -2.2321428571vw, -1.4285714286rem));
    left: initial;
    transform: translate(0%, -50%);
    width: clamp(24.6428571429rem, 0rem + 51.3392857143vw, 32.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-staff.-interview-bottom {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(14.069363104rem, 0rem + 21.9619326501vw, 52.7086383602rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
  .fixed-staff.-interview-bottom .interview-wrapper {
    position: absolute;
    top: 50%;
    right: calc(max(0px, 100vw - var(--cw)) / 2 + var(--pad) - clamp(1.3131405564rem, 0rem + 2.0497803807vw, 4.9194729136rem));
    left: initial;
    transform: translate(0%, -50%);
    width: clamp(28.1387262079rem, 0rem + 43.9238653001vw, 105.4172767204rem);
  }
}

.recruit-fixed.--mission .ttl-section {
  color: var(--color-darkgray);
}
.recruit-fixed.--mission .ttl-section .sub-ttl {
  display: flex;
  align-items: center;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .ttl-section .sub-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .ttl-section .sub-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--mission .ttl-section .sub-ttl .small-arrow {
  display: block;
  width: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .ttl-section .sub-ttl .small-arrow {
    width: clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .ttl-section .sub-ttl .small-arrow {
    width: clamp(2.3448938507rem, 0rem + 3.6603221083vw, 8.78477306rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--mission .ttl-section .sub-ttl .jp {
  margin: 0 0 clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0rem, 0rem + 0vw, 0rem);
  display: block;
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .ttl-section .sub-ttl .jp {
    margin: 0 0 clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .ttl-section .sub-ttl .jp {
    margin: 0 0 clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.recruit-fixed.--mission .ttl-section .main-ttl {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .ttl-section .main-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .ttl-section .main-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--mission .ttl-section .main-ttl .cutout {
  width: clamp(17.0666666667rem, 0rem + 85.3333333333vw, 22.4rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .ttl-section .main-ttl .cutout {
    width: clamp(37.5rem, 0rem + 78.125vw, 50rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .ttl-section .main-ttl .cutout {
    width: clamp(32.8285139092rem, 0rem + 51.2445095168vw, 122.9868228404rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--mission .ttl-section .main-ttl .caption {
  display: block;
  font-size: clamp(0.96rem, 0rem + 4.8vw, 1.26rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-180);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .ttl-section .main-ttl .caption {
    font-size: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .ttl-section .main-ttl .caption {
    font-size: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}

.recruit-fixed.--mission {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--mission .txt-wrapper {
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .txt-wrapper {
    width: clamp(32.1428571429rem, 0rem + 66.9642857143vw, 42.8571428571rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .txt-wrapper {
    width: clamp(42.2080893119rem, 0rem + 65.8857979502vw, 158.1259150805rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--mission .txt-wrapper p {
  margin-bottom: var(--mg-btm-paragraph-100);
  font-size: var(--fs-paragraph-100);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-180);
}
.recruit-fixed.--mission .txt-wrapper p:last-of-type {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.2rem, 0rem + 16vw, 4.2rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .txt-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .txt-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--mission .cards {
  display: flex;
  flex-direction: column;
  gap: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .cards {
    flex-direction: row;
    gap: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .cards {
    gap: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}
.recruit-fixed.--mission .cards .card {
  position: relative;
  width: 100%;
  padding: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .cards .card {
    width: 50%;
    padding: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .cards .card {
    width: 50%;
    padding: clamp(1.1255490483rem, 0rem + 1.756954612vw, 4.2166910688rem);
  }
}
.recruit-fixed.--mission .cards .card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  width: 1px;
  height: 100%;
}
.recruit-fixed.--mission .cards .card-ttl.-jobseekers {
  color: #ACB921;
}
.recruit-fixed.--mission .cards .card-ttl.-recruiters {
  color: #5E78B3;
}
.recruit-fixed.--mission .cards .card-ttl .for {
  display: block;
  font-size: clamp(1.4933333333rem, 0rem + 7.4666666667vw, 1.96rem);
  font-weight: 800;
  letter-spacing: var(--ls-003);
  line-height: 80%;
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .cards .card-ttl .for {
    font-size: clamp(1.8214285714rem, 0rem + 3.7946428571vw, 2.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .cards .card-ttl .for {
    font-size: clamp(1.7821193265rem, 0rem + 2.7818448023vw, 6.6764275256rem);
  }
}
.recruit-fixed.--mission .cards .card-ttl .target {
  display: block;
  font-size: clamp(1.92rem, 0rem + 9.6vw, 2.52rem);
  font-weight: 800;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
}
@media (min-width: 768px) {
  .recruit-fixed.--mission .cards .card-ttl .target {
    font-size: clamp(2.25rem, 0rem + 4.6875vw, 3rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--mission .cards .card-ttl .target {
    font-size: clamp(2.2510980966rem, 0rem + 3.513909224vw, 8.4333821376rem);
  }
}

.recruit-fixed.--jobs .ttl-section .sub-ttl {
  display: flex;
  align-items: center;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .ttl-section .sub-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .ttl-section .sub-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .ttl-section .sub-ttl .small-arrow {
  display: block;
  width: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .ttl-section .sub-ttl .small-arrow {
    width: clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .ttl-section .sub-ttl .small-arrow {
    width: clamp(2.3448938507rem, 0rem + 3.6603221083vw, 8.78477306rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .ttl-section .sub-ttl .jp {
  display: block;
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .ttl-section .sub-ttl .jp {
    font-size: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .ttl-section .sub-ttl .jp {
    font-size: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
}
.recruit-fixed.--jobs .ttl-section .main-ttl {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .ttl-section .main-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .ttl-section .main-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .ttl-section .main-ttl .cutout {
  width: clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .ttl-section .main-ttl .cutout {
    width: clamp(17.1428571429rem, 0rem + 35.7142857143vw, 22.8571428571rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .ttl-section .main-ttl .cutout {
    width: clamp(15.0073206442rem, 0rem + 23.4260614934vw, 56.2225475842rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .ttl-section .main-ttl .caption {
  display: block;
  font-size: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-180);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .ttl-section .main-ttl .caption {
    font-size: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .ttl-section .main-ttl .caption {
    font-size: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}

.recruit-fixed.--jobs {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(6.4rem, 0rem + 32vw, 8.4rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  /* --------------------------------
     テキストブロック
  --------------------------------- */
  /* --------------------------------
     カードグリッド
  --------------------------------- */
  /* --------------------------------
     カード
  --------------------------------- */
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem);
    padding: clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .txt-wrapper {
  width: clamp(40rem, 0rem + 200vw, 52.5rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .txt-wrapper {
    width: clamp(40.1785714286rem, 0rem + 83.7053571429vw, 53.5714285714rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .txt-wrapper {
    width: clamp(35.1734077599rem, 0rem + 54.9048316252vw, 131.7715959004rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .txt-wrapper p {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-weight: 500;
  letter-spacing: var(--ls-005);
  line-height: 180%;
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .txt-wrapper p {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .txt-wrapper p {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.recruit-fixed.--jobs .txt-wrapper p:last-of-type {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .txt-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .txt-wrapper p:last-of-type {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .cards {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: clamp(1.28rem, 0rem + 6.4vw, 1.68rem) clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  width: 80vw;
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .cards {
    width: 88vw;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
    padding: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .cards {
    width: clamp(56.2774524158rem, 0rem + 87.8477306003vw, 210.8345534407rem);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
    padding: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .card {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  width: clamp(13.8666666667rem, 0rem + 69.3333333333vw, 18.2rem);
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .card {
    width: clamp(13.9285714286rem, 0rem + 29.0178571429vw, 18.5714285714rem);
    width: 100%;
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .card {
    width: clamp(19.6971083455rem, 0rem + 30.7467057101vw, 73.7920937042rem);
    width: 100%;
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .card .card-img {
  width: 100%;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .card .card-img {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .card .card-img {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.recruit-fixed.--jobs .card .card-number {
  position: absolute;
  z-index: auto;
  top: 0%;
  left: 0%;
  padding: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: 180%;
  color: var(--color-darkgray);
  background-color: #F5F5F5;
  border-radius: 0 0 clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem) 0;
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .card .card-number {
    padding: clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    font-size: clamp(0.9642857143rem, 0rem + 2.0089285714vw, 1.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .card .card-number {
    padding: clamp(0.1875915081rem, 0rem + 0.2928257687vw, 0.7027818448rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    font-size: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
  }
}
.recruit-fixed.--jobs .card .card-ttl {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.1066666667rem, 0rem + 0.5333333333vw, 0.14rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-160);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .card .card-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.9642857143rem, 0rem + 2.0089285714vw, 1.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .card .card-ttl {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.8441617862rem, 0rem + 1.317715959vw, 3.1625183016rem);
  }
}
.recruit-fixed.--jobs .card .card-txt-bc {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-003);
  line-height: var(--lh-160);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .recruit-fixed.--jobs .card .card-txt-bc {
    font-size: clamp(0.8035714286rem, 0rem + 1.6741071429vw, 1.0714285714rem);
  }
}
@media (min-width: 1025px) {
  .recruit-fixed.--jobs .card .card-txt-bc {
    font-size: clamp(0.7034681552rem, 0rem + 1.0980966325vw, 2.635431918rem);
  }
}

/* =====================
   .fixed-privacypolicy
   ===================== */
.fixed-privacypolicy {
  /* base (SP) */
  margin: clamp(-12.8rem, 0rem + -64vw, -16.8rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(5.3333333333rem, 0rem + 26.6666666667vw, 7rem) clamp(0rem, 0rem + 0vw, 0rem);
  /* list */
  /* responsive-only overrides (container-level) */
}
.fixed-privacypolicy .outline-table {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 768px) {
  .fixed-privacypolicy .outline-table {
    width: clamp(47.6785714286rem, 0rem + 99.3303571429vw, 63.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .fixed-privacypolicy .outline-table {
    width: clamp(41.7391105417rem, 0rem + 65.1537335286vw, 156.3689604685rem);
  }
}
.fixed-privacypolicy .row {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  /* grid layout was commented out in source; keep as block */
  padding-block: clamp(3.2rem, 0rem + 16vw, 4.2rem);
  padding-inline: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  border-top: 1px solid #CBCBCB;
}
@media (min-width: 768px) {
  .fixed-privacypolicy .row {
    padding-block: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
    padding-inline: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .fixed-privacypolicy .row {
    padding-block: clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
    padding-inline: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}
.fixed-privacypolicy .row:first-child {
  border-top: none;
}
.fixed-privacypolicy .row:last-child {
  border-bottom: 1px solid var(--c-line);
}
.fixed-privacypolicy .term {
  position: relative;
  z-index: auto;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.1733333333rem, 0rem + 5.8666666667vw, 1.54rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 600;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
}
@media (min-width: 768px) {
  .fixed-privacypolicy .term {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-privacypolicy .term {
    padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.fixed-privacypolicy .term::before {
  content: "";
  position: absolute;
  z-index: auto;
  top: 50%;
  left: clamp(0rem, 0rem + 0vw, 0rem);
  transform: translate(0%, -50%);
  width: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #009EFF;
}
@media (min-width: 768px) {
  .fixed-privacypolicy .term::before {
    left: clamp(0rem, 0rem + 0vw, 0rem);
    width: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-privacypolicy .term::before {
    left: clamp(0rem, 0rem + 0vw, 0rem);
    width: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.fixed-privacypolicy .desc {
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-160);
}
@media (min-width: 768px) {
  .fixed-privacypolicy .desc {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-privacypolicy .desc {
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.fixed-privacypolicy .desc a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.fixed-privacypolicy .cp-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.fixed-privacypolicy .cp-list > li {
  position: relative;
  padding-left: 1em;
}
.fixed-privacypolicy .cp-list > li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--c-text);
}
@media (min-width: 768px) {
  .fixed-privacypolicy {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(16.0714285714rem, 0rem + 33.4821428571vw, 21.4285714286rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .fixed-privacypolicy {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(14.069363104rem, 0rem + 21.9619326501vw, 52.7086383602rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}

.form-category {
  width: clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem);
  margin: 0rem 0rem 0.75rem 0rem;
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: var(--color-darkgray);
  text-align: left;
}
@media (min-width: 768px) {
  .form-category {
    width: clamp(8.5714285714rem, 0rem + 17.8571428571vw, 11.4285714286rem);
    margin: 0rem 0rem 0rem 0rem;
    font-size: clamp(0.6964285714rem, 0rem + 1.4508928571vw, 0.9285714286rem);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
  }
}
@media (min-width: 1025px) {
  .form-category {
    width: clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem);
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
  }
}

.form-category-required {
  display: inline-block;
  color: red;
}

.form-category-en {
  display: inline-block;
  padding: 0.25rem 0rem 0rem 0rem;
  font-size: clamp(0.5866666667rem, 0rem + 2.9333333333vw, 0.77rem);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .form-category-en {
    display: block;
    font-size: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
  }
}
@media (min-width: 1025px) {
  .form-category-en {
    font-size: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
  }
}

:root {
  --color-contact-border: var(--color-darkgray);
  --color-contact-input: rgba(255,255,255, 0.7);
  --color-contact-bg-input: var(--color-contact-input);
  --color-contact-step-bg: rgba(0,0,0, 0.3);
  --color-contact-step-font: rgba(255,255,255, 0.3);
  --color-contact-label-textcolor: #01402F;
  --color-contact-chk: #01402F;
}

/* 1) フォーム全体の枠 */
.fixed-mpform .sf__forms {
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0rem 0rem 0rem;
}
@media (min-width: 768px) {
  .fixed-mpform .sf__forms {
    width: clamp(32.1428571429rem, 0rem + 66.9642857143vw, 42.8571428571rem);
    padding: 0;
    margin: 0 auto;
  }
}

/* 2) 行レイアウト：dt | dd を横並び */
.fixed-mpform .form {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-mpform .form {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}

.has-fixed-layout {
  margin: 0 auto;
}

/* 4) テーマのdlスタイルに勝つために最低限の上書き */
.fixed-mpform dl.formWrapper {
  border: 0;
}

.fixed-mpform dl.formWrapper > .form > dt,
.fixed-mpform dl.formWrapper > .form > dd {
  border: 0; /* テーマが下線等を当ててくる場合の抑止 */
}

.fixed-contact__caption {
  width: auto;
  min-width: auto;
  max-width: clamp(21.3333333333rem, 0rem + 106.6666666667vw, 28rem);
  height: auto;
  padding: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  margin: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) auto clamp(0rem, 0rem + 0vw, 0rem) auto;
  border: clamp(0.1066666667rem, 0rem + 0.5333333333vw, 0.14rem) dotted #fff;
  color: var(--color-contact-label-textcolor);
}
@media (min-width: 768px) {
  .fixed-contact__caption {
    /* max-width の縛りを外すなら auto を踏襲 */
    max-width: none;
    margin: clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem) auto clamp(0rem, 0rem + 0vw, 0rem) auto;
    width: auto;
    min-width: auto;
    height: auto;
  }
}
@media (min-width: 1025px) {
  .fixed-contact__caption {
    width: auto;
    min-width: auto;
    height: auto;
  }
}
.fixed-contact__caption .title {
  padding-bottom: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  /* フォント指定（このファイルの他箇所に合わせて 500 で統一） */
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
  text-align: center;
}
@media (min-width: 768px) {
  .fixed-contact__caption .title {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-contact__caption .title {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-contact__caption .captionList {
  /* 元：font-size: 13px; font-weight: 600; text-align: left; line-height: 1.7; */
  text-align: left;
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-contact__caption .captionList {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-contact__caption .captionList {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-contact__caption .captionList li {
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-contact__caption .captionList li {
    padding: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}

/* =======================
   fixed-contact
   ======================= */
.fixed-contact {
  counter-reset: number 0;
  margin: 0rem 0rem clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem) 0rem;
}
@media (min-width: 1025px) {
  .fixed-contact {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-contact .bg__pointimage {
  position: fixed;
  z-index: -1;
  transform: translate(-50%, 0%) rotate(0deg);
  top: clamp(-2.0266666667rem, 0rem + -10.1333333333vw, -2.66rem);
  left: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  width: clamp(12.8rem, 0rem + 64vw, 16.8rem);
}
@media (min-width: 768px) {
  .fixed-contact .bg__pointimage {
    transform: translate(-50%, 0%) rotate(0deg);
    top: clamp(-3.75rem, 0rem + -7.8125vw, -5rem);
    left: clamp(2.6785714286rem, 0rem + 5.5803571429vw, 3.5714285714rem);
    width: clamp(9.1071428571rem, 0rem + 18.9732142857vw, 12.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .fixed-contact .bg__pointimage {
    transform: translate(-50%, 0%) rotate(0deg);
    top: clamp(-2.3448938507rem, 0rem + -3.6603221083vw, -8.78477306rem);
    left: clamp(2.3448938507rem, 0rem + 3.6603221083vw, 8.78477306rem);
    width: clamp(4.6897877013rem, 0rem + 7.3206442167vw, 17.5695461201rem);
  }
}
.fixed-contact .bg__pointimage img {
  width: inherit;
}

/* =======================
   mw_wp_form_input
   ======================= */
.mw_wp_form_input .btn-send {
  display: none;
}

/* =======================
   contact-steps
   ======================= */
.contact-steps {
  padding: clamp(1.6rem, 0rem + 8vw, 2.1rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem) clamp(0rem, 0rem + 0vw, 0rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) auto;
  text-align: center;
}
@media (min-width: 768px) {
  .contact-steps {
    padding: clamp(2.25rem, 0rem + 4.6875vw, 3rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(4.2857142857rem, 0rem + 8.9285714286vw, 5.7142857143rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 1025px) {
  .contact-steps {
    padding: clamp(1.9697108346rem, 0rem + 3.074670571vw, 7.3792093704rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(3.7518301611rem, 0rem + 5.8565153734vw, 14.055636896rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.contact-steps .steps {
  display: flex;
  position: relative;
  z-index: auto;
  top: 0%;
  bottom: initial;
  left: 0%;
  right: initial;
  transform: translate(0%, 0%);
  width: clamp(16rem, 0rem + 80vw, 21rem);
  margin: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) auto;
  /* ここは個別指定だったので同義のまま維持 */
  margin-top: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  margin-right: auto;
  margin-bottom: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  margin-left: auto;
  text-align: center;
}
@media (min-width: 768px) {
  .contact-steps .steps {
    margin: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) auto;
  }
}
@media (min-width: 1025px) {
  .contact-steps .steps {
    margin: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) auto;
  }
}
.contact-steps .steps li {
  position: relative;
  width: 33.333%;
  /* 旧: font-size: 12px; line-height: 30px; color: gray; */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .contact-steps .steps li {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .contact-steps .steps li {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.contact-steps .steps .step.-visited,
.contact-steps .step.-progress {
  /* 文字色指定は維持（要件に応じここだけ色を変えたい設計と思われるため） */
  color: var(--color-contact-label-textcolor);
}
.contact-steps .steps li:after {
  content: "";
  position: absolute;
  left: calc(-50% + 12px); /* 12px → 同義維持（calc中のpxは設計意図のままに） */
  top: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  width: calc(100% - 24px);
  height: clamp(0.1066666667rem, 0rem + 0.5333333333vw, 0.14rem);
  background: darkgray;
}
@media (min-width: 768px) {
  .contact-steps .steps li:after {
    top: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
    height: clamp(0.1071428571rem, 0rem + 0.2232142857vw, 0.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .contact-steps .steps li:after {
    top: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
    height: clamp(0.093795754rem, 0rem + 0.1464128843vw, 0.3513909224rem);
  }
}
.contact-steps .steps li:first-child:after {
  display: none;
}
.contact-steps .steps li .number {
  display: inline-block;
  width: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  height: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  margin-bottom: clamp(0.16rem, 0rem + 0.8vw, 0.21rem);
  /* 旧: line-height: 24px; background: lightgray; color: var(--color-contact-step-bg); */
  line-height: var(--lh-140);
  background: lightgray;
  color: var(--color-contact-step-bg);
  border-radius: 50%;
  /* 統一フォント指定 */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 40;
  letter-spacing: var(--ls-010);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .contact-steps .steps li .number {
    width: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
    height: clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
    margin-bottom: clamp(0.1607142857rem, 0rem + 0.3348214286vw, 0.2142857143rem);
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .contact-steps .steps li .number {
    width: clamp(1.1255490483rem, 0rem + 1.756954612vw, 4.2166910688rem);
    height: clamp(1.1255490483rem, 0rem + 1.756954612vw, 4.2166910688rem);
    margin-bottom: clamp(0.140693631rem, 0rem + 0.2196193265vw, 0.5270863836rem);
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.contact-steps .steps .step.-visited:after {
  background: var(--color-contact-step-bg);
}
.contact-steps .steps .step.-visited .number {
  background: var(--color-contact-step-bg);
}
.contact-steps .attention {
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .contact-steps .attention {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .contact-steps .attention {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}

/* =======================
   fixed-mpform -cmp
   ======================= */
.fixed-mpform.-cmp .form {
  position: relative;
  margin-bottom: clamp(3.2rem, 0rem + 16vw, 4.2rem);
}
.fixed-mpform.-cmp .form::before {
  content: "";
  position: absolute;
  bottom: clamp(-0.64rem, 0rem + -3.2vw, -0.84rem);
  left: 0;
  z-index: auto;
  width: 100%;
  height: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem);
  background: #eee;
}
.fixed-mpform.-cmp .result {
  /* フォント指定を統一 */
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform.-cmp .result {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform.-cmp .result {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}

/* =======================
   fixed-mpform -cfm
   ======================= */
.fixed-mpform.-cfm .form {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-mpform.-cfm .form {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media (min-width: 768px) {
  .fixed-mpform.-cfm .form-contents {
    width: calc(100% - 200px);
  }
}
.fixed-mpform.-cfm .form-contents.-text {
  color: var(--color-contact-border);
  /* フォント統一 */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform.-cfm .form-contents.-text {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform.-cfm .form-contents.-text {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-mpform.-cfm .form-contents.-textarea {
  color: var(--color-contact-border);
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform.-cfm .form-contents.-textarea {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform.-cfm .form-contents.-textarea {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}

/* =======================
   fixed-mpform - 共通 追加詳細
   ======================= */
.fixed-mpform .error {
  /* 旧: color: red; font-size: 13px; */
  color: red;
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform .error {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .error {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-mpform .form-contents {
  /* ======== テキスト入力 ======== */
  /* ======== テキストエリア ======== */
  /* ======== セレクト ======== */
  /* ======== チェックボックス ======== */
  /* ======== ラジオボタン ======== */
}
.fixed-mpform .form-contents.-text input {
  width: 100%;
  height: clamp(1.7066666667rem, 0rem + 8.5333333333vw, 2.24rem);
  padding: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0rem, 0rem + 0vw, 0rem);
  background-color: var(--color-contact-bg-input);
  border: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem) solid var(--color-contact-border);
  transition: background-color 0.1s ease;
  /* フォント統一 */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 400;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-text input {
    height: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    padding: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem);
    font-size: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .form-contents.-text input {
    font-size: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem);
  }
}
.fixed-mpform .form-contents.-textarea textarea {
  width: 100%;
  height: clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem);
  padding: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0rem, 0rem + 0vw, 0rem);
  vertical-align: top;
  background-color: var(--color-contact-bg-input);
  border: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem) solid var(--color-contact-border);
  transition: background-color 0.1s ease;
  /* フォント統一 */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-textarea textarea {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .form-contents.-textarea textarea {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-mpform .form-contents.-select select {
  width: 100%;
  height: 2.5rem; /* 変数はそのまま */
  padding: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0rem, 0rem + 0vw, 0rem);
  position: relative;
  background-color: var(--color-contact-bg-input);
  border: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem) solid var(--color-contact-border);
  -webkit-appearance: none;
  transition: background-color 0.1s ease;
  /* フォント統一 */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-select select {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .form-contents.-select select {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-mpform .form-contents.-check {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-check {
    margin: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-mpform .form-contents.-check label {
  display: inline-block;
  position: relative;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  cursor: pointer;
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-check label {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem) clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-mpform .form-contents.-check label span {
  /* フォント統一 */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-check label span {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .form-contents.-check label span {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-mpform .form-contents.-check .form-contents-chkbox + span::before,
.fixed-mpform .form-contents.-check .form-contents-chkbox + span::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: background-color 0.1s ease;
}
.fixed-mpform .form-contents.-check .form-contents-chkbox + span::before {
  left: 0;
  width: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  height: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  margin-top: clamp(-0.4266666667rem, 0rem + -2.1333333333vw, -0.56rem);
  border: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem) solid var(--color-contact-border);
}
.fixed-mpform .form-contents.-check .form-contents-chkbox + span:hover::before {
  background: var(--color-contact-bg-input);
}
.fixed-mpform .form-contents.-check .form-contents-chkbox + span::after {
  top: 0;
  left: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
  height: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
  margin-top: clamp(-0.2133333333rem, 0rem + -1.0666666667vw, -0.28rem);
  opacity: 0;
  transform: rotate(45deg);
}
.fixed-mpform .form-contents.-check .form-contents-chkbox:checked + span::before {
  background: #ffffff;
  border: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem) solid var(--color-contact-chk);
}
.fixed-mpform .form-contents.-check .form-contents-chkbox:checked + span::after {
  display: block;
  position: absolute;
  top: clamp(0.2666666667rem, 0rem + 1.3333333333vw, 0.35rem);
  left: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  z-index: 2;
  width: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  height: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  border-right: clamp(0.1066666667rem, 0rem + 0.5333333333vw, 0.14rem) solid var(--color-contact-chk);
  border-bottom: clamp(0.1066666667rem, 0rem + 0.5333333333vw, 0.14rem) solid var(--color-contact-chk);
  opacity: 1;
  transform: rotate(45deg);
}
.fixed-mpform .form-contents.-radio {
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-radio {
    display: flex;
    align-items: center;
    margin: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-mpform .form-contents.-radio .horizontal-item {
  display: block;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-radio .horizontal-item {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-mpform .form-contents.-radio .horizontal-item + .horizontal-item {
  margin-left: clamp(0rem, 0rem + 0vw, 0rem);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-radio .horizontal-item + .horizontal-item {
    margin-left: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem);
  }
}
.fixed-mpform .form-contents.-radio label {
  display: inline-block;
  position: relative;
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem);
  padding: clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  cursor: pointer;
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-radio label {
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem) clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.fixed-mpform .form-contents.-radio label span {
  /* フォント統一（step2で出したものを再掲・整合） */
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
}
@media (min-width: 768px) {
  .fixed-mpform .form-contents.-radio label span {
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .form-contents.-radio label span {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-mpform .form-contents.-radio .form-contents-radio + span::before,
.fixed-mpform .form-contents.-radio .form-contents-radio + span::after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 100%;
  transition: background-color 0.1s ease;
}
.fixed-mpform .form-contents.-radio .form-contents-radio + span::before {
  left: 0;
  width: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  height: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  margin-top: clamp(-0.4266666667rem, 0rem + -2.1333333333vw, -0.56rem);
  border: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem) solid var(--color-contact-border);
}
.fixed-mpform .form-contents.-radio .form-contents-radio + span:hover::before {
  background: #ffffff;
}
.fixed-mpform .form-contents.-radio .form-contents-radio + span::after {
  left: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
  height: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
  margin-top: clamp(-0.2133333333rem, 0rem + -1.0666666667vw, -0.28rem);
  background: var(--color-contact-chk);
  opacity: 0;
  transform: scale(2);
}
.fixed-mpform .form-contents.-radio .form-contents-radio:checked + span::before {
  background: var(--color-contact-bg-input);
  border: clamp(0.0533333333rem, 0rem + 0.2666666667vw, 0.07rem) solid var(--color-contact-chk);
}
.fixed-mpform .form-contents.-radio .form-contents-radio:checked + span::after {
  opacity: 1;
  transform: scale(1);
}

/* =======================
   fixed-mpform - 共通の続き
   ======================= */
.fixed-mpform .btn {
  margin-bottom: clamp(4.2666666667rem, 0rem + 21.3333333333vw, 5.6rem);
  text-align: center;
}
.fixed-mpform .btn .btn__form {
  display: inline-block;
  width: clamp(11.2rem, 0rem + 56vw, 14.7rem);
  height: auto;
  padding: clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem) clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(0rem, 0rem + 0vw, 0rem);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem) clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  text-align: center;
  vertical-align: baseline;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  transition: background-color 0.1s ease;
  /* フォント統一 */
  font-size: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: #fff;
  background-color: #333;
}
@media (min-width: 768px) {
  .fixed-mpform .btn .btn__form {
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .btn .btn__form {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
  }
}
.fixed-mpform .btn .btn__form.state_error {
  background-color: red;
  transition: background-color 0.1s ease;
}
.fixed-mpform .result {
  text-align: center;
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-140);
  color: var(--color-darkgray);
  margin: clamp(0rem, 0rem + 0vw, 0rem) auto clamp(0rem, 0rem + 0vw, 0rem) auto;
  padding: clamp(0rem, 0rem + 0vw, 0rem) 2.5rem clamp(0rem, 0rem + 0vw, 0rem) 2.5rem;
}
@media (min-width: 768px) {
  .fixed-mpform .result {
    width: 100%;
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
    padding: 0rem 0rem 0rem 0rem;
  }
}
@media (min-width: 1025px) {
  .fixed-mpform .result {
    font-size: clamp(0.6096724012rem, 0rem + 0.9516837482vw, 2.2840409956rem);
    padding: 0rem 0rem 0rem 0rem;
  }
}

.btn-contactform {
  display: inline-block;
  padding: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
}
.btn-contactform button {
  background-color: #343030;
  border-radius: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
  text-align: center;
  vertical-align: baseline;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 16px;
}
.btn-contactform .btn-form {
  font-size: 0.75rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1;
  background-color: #333;
}
.btn-contactform.-gotop {
  margin: 0rem 0rem clamp(10.6666666667rem, 0rem + 53.3333333333vw, 14rem) 0rem;
}
@media (min-width: 768px) {
  .btn-contactform.-gotop {
    margin: 0rem 0rem clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) 0rem;
  }
}
@media (min-width: 1025px) {
  .btn-contactform.-gotop {
    margin: 0rem 0rem clamp(9.3795754026rem, 0rem + 14.6412884334vw, 35.1390922401rem) 0rem;
  }
}
.btn-contactform .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
}
.btn-contactform .text {
  margin-right: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  font-size: var(--fs-btn);
  font-weight: var(--fw-m);
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: #FFD103;
  white-space: nowrap;
}
.btn-contactform .icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
}
@media (min-width: 768px) {
  .btn-contactform {
    border-radius: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    padding: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
  .btn-contactform .inner {
    padding: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
  }
  .btn-contactform .text {
    margin-right: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem);
    font-size: var(--fs-btn);
  }
  .btn-contactform .icon {
    width: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .btn-contactform {
    border-radius: clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem);
    padding: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
  .btn-contactform .inner {
    padding: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
  }
  .btn-contactform .text {
    margin-right: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
    font-size: var(--fs-btn);
  }
  .btn-contactform .icon {
    width: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}

.btn-wrapper {
  display: inline-block;
}

/* =====================
   .btn.--service（mobile-first, per-class MQ）
   ===================== */
.btn.--service {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem);
  padding: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
}
.btn.--service.-jobseekrs {
  background: #ACB921;
}
.btn.--service.-recruiters {
  background: #5E78B3;
}
.btn.--service.-contact {
  background-image: linear-gradient(90deg, #eb0eff, #1482bd);
}
@media (min-width: 768px) {
  .btn.--service {
    border-radius: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem);
    padding: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
}
@media (min-width: 1025px) {
  .btn.--service {
    border-radius: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
    padding: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(1.3131405564rem, 0rem + 2.0497803807vw, 4.9194729136rem);
  }
}
.btn.--service .text {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
  margin-right: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  font-size: var(--fs-btn);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: #fff;
}
@media (min-width: 768px) {
  .btn.--service .text {
    margin-right: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .btn.--service .text {
    margin-right: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}
.btn.--service .icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
}
@media (min-width: 768px) {
  .btn.--service .icon {
    width: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .btn.--service .icon {
    width: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}

.btn {
  display: inline-block;
  border-radius: 20px;
}

.btn-footer-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(0.2133333333rem, 0rem + 1.0666666667vw, 0.28rem) clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  background-color: #343030;
  border-radius: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
}
.btn-footer-contact .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
}
.btn-footer-contact .text {
  margin-right: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  font-size: var(--fs-btn);
  font-weight: var(--fw-m);
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: #FFD103;
  white-space: nowrap;
}
.btn-footer-contact .icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
}
@media (min-width: 768px) {
  .btn-footer-contact {
    border-radius: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    padding: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(1.2857142857rem, 0rem + 2.6785714286vw, 1.7142857143rem);
  }
  .btn-footer-contact .inner {
    padding: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
  }
  .btn-footer-contact .text {
    margin-right: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem);
    font-size: var(--fs-btn);
  }
  .btn-footer-contact .icon {
    width: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .btn-footer-contact {
    border-radius: clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem);
    padding: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
  .btn-footer-contact .inner {
    padding: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem);
  }
  .btn-footer-contact .text {
    margin-right: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
    font-size: var(--fs-btn);
  }
  .btn-footer-contact .icon {
    width: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}

.btn-footer-entry {
  position: relative;
  top: 0%;
  left: 0%;
  z-index: auto;
  transform: translate(0%, 0%);
}
.btn-footer-entry .txt-inner {
  position: absolute;
  z-index: 99;
  top: 50%;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  padding: clamp(1.28rem, 0rem + 6.4vw, 1.68rem);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .btn-footer-entry .txt-inner {
    padding: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .btn-footer-entry .txt-inner {
    padding: clamp(0rem, 0rem + 0vw, 0rem);
  }
}
.btn-footer-entry .txt-inner span {
  font-size: clamp(0.8533333333rem, 0rem + 4.2666666667vw, 1.12rem);
  font-weight: 900;
  letter-spacing: var(--ls-005);
  line-height: var(--lh-100);
  color: #393939;
  text-align: center;
}
@media (min-width: 768px) {
  .btn-footer-entry .txt-inner span {
    font-size: clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
}
@media (min-width: 1025px) {
  .btn-footer-entry .txt-inner span {
    font-size: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
}
.btn-footer-entry .fontcirfle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: clamp(6.4rem, 0rem + 32vw, 8.4rem);
  animation: spin 50s linear infinite;
}
@media (min-width: 768px) {
  .btn-footer-entry .fontcirfle {
    width: clamp(12.8571428571rem, 0rem + 26.7857142857vw, 17.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .btn-footer-entry .fontcirfle {
    width: clamp(13.1314055637rem, 0rem + 20.4978038067vw, 49.1947291362rem);
  }
}
.btn-footer-entry .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: clamp(6.4rem, 0rem + 32vw, 8.4rem);
  opacity: 0.6;
}
@media (min-width: 768px) {
  .btn-footer-entry .circle {
    width: clamp(15rem, 0rem + 31.25vw, 20rem);
  }
}
@media (min-width: 1025px) {
  .btn-footer-entry .circle {
    width: clamp(17.821193265rem, 0rem + 27.8184480234vw, 66.7642752562rem);
  }
}

/* キーフレームはグローバルにまとめて定義（Sassのネストでも自動でバブルします） */
@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.btn.--viewmore {
  /* -- SP -- */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  padding: clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
  background-image: linear-gradient(90deg, #eb0eff, #1482bd);
}
.btn.--viewmore .inner {
  display: flex;
  align-items: center;
}
.btn.--viewmore .text {
  margin-right: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  font-size: var(--fs-btn);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: #fff;
}
.btn.--viewmore .icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
}
@media (min-width: 768px) {
  .btn.--viewmore {
    /* -- TAB -- */
    border-radius: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    padding: clamp(0.6428571429rem, 0rem + 1.3392857143vw, 0.8571428571rem) clamp(1.7142857143rem, 0rem + 3.5714285714vw, 2.2857142857rem);
  }
  .btn.--viewmore .text {
    margin-right: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem);
    font-size: var(--fs-btn);
    font-weight: 500;
    letter-spacing: var(--ls-010);
    line-height: var(--lh-100);
    color: #fff;
  }
  .btn.--viewmore .icon {
    width: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .btn.--viewmore {
    /* -- PC -- */
    border-radius: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
    padding: clamp(0.5627745242rem, 0rem + 0.878477306vw, 2.1083455344rem) clamp(1.3131405564rem, 0rem + 2.0497803807vw, 4.9194729136rem);
  }
  .btn.--viewmore .text {
    margin-right: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
    font-size: var(--fs-btn);
    font-weight: 500;
    letter-spacing: var(--ls-010);
    line-height: var(--lh-100);
    color: #fff;
  }
  .btn.--viewmore .icon {
    width: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}

.btn-header-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
  padding: clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
}
.btn-header-nav.-staff {
  background-image: linear-gradient(90deg, #22d3ee, #8b5cf6);
  margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem);
}
.btn-header-nav.-form {
  background-image: linear-gradient(90deg, #eb0eff, #1482bd);
}
.btn-header-nav.-company {
  background-image: linear-gradient(90deg, #eb0eff, #1482bd);
}
.btn-header-nav .text {
  margin-right: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: #fff;
}
.btn-header-nav .icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
}
@media (min-width: 768px) {
  .btn-header-nav {
    border-radius: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    padding: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
  }
  .btn-header-nav.-staff {
    background-image: linear-gradient(90deg, #22d3ee, #8b5cf6);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
  }
  .btn-header-nav.-form {
    background-image: linear-gradient(90deg, #eb0eff, #1482bd);
  }
  .btn-header-nav.-company {
    background-image: linear-gradient(90deg, #eb0eff, #1482bd);
  }
  .btn-header-nav .text {
    margin-right: clamp(0.5357142857rem, 0rem + 1.1160714286vw, 0.7142857143rem);
    font-size: clamp(0.75rem, 0rem + 1.5625vw, 1rem);
  }
  .btn-header-nav .icon {
    width: clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem);
  }
}
@media (min-width: 1025px) {
  .btn-header-nav {
    border-radius: clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
    padding: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem) clamp(1.5007320644rem, 0rem + 2.3426061493vw, 5.6222547584rem);
  }
  .btn-header-nav.-staff {
    background-image: linear-gradient(90deg, #22d3ee, #8b5cf6);
    margin: clamp(0rem, 0rem + 0vw, 0rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
  }
  .btn-header-nav.-form {
    background-image: linear-gradient(90deg, #eb0eff, #1482bd);
  }
  .btn-header-nav.-company {
    background-image: linear-gradient(90deg, #eb0eff, #1482bd);
  }
  .btn-header-nav .text {
    margin-right: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
  .btn-header-nav .icon {
    width: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}

.btn-drawer-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(11.7333333333rem, 0rem + 58.6666666667vw, 15.4rem);
  margin: auto 0rem clamp(0.64rem, 0rem + 3.2vw, 0.84rem) auto;
  padding: clamp(0.64rem, 0rem + 3.2vw, 0.84rem) clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
  border-radius: clamp(2.1333333333rem, 0rem + 10.6666666667vw, 2.8rem);
}
.btn-drawer-nav.-staff {
  background-image: linear-gradient(90deg, #22d3ee, #8b5cf6);
}
.btn-drawer-nav.-form {
  background-image: linear-gradient(90deg, #eb0eff, #1482bd);
}
.btn-drawer-nav .text {
  margin-right: clamp(0.5333333333rem, 0rem + 2.6666666667vw, 0.7rem);
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-010);
  line-height: var(--lh-100);
  color: #fff;
}
@media (min-width: 768px) {
  .btn-drawer-nav .text {
    margin-right: clamp(0.4689787701rem, 0rem + 0.7320644217vw, 1.756954612rem);
    font-size: clamp(0.6565702782rem, 0rem + 1.0248901903vw, 2.4597364568rem);
  }
}
.btn-drawer-nav .icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem);
}
@media (min-width: 1025px) {
  .btn-drawer-nav .icon {
    width: clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem);
  }
}
@media (min-width: 768px) {
  .btn-drawer-nav {
    border-radius: clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
    width: clamp(11.7857142857rem, 0rem + 24.5535714286vw, 15.7142857143rem);
    padding: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem);
  }
}

/* ------------- 修正後コード ------------- */
.section-ttl {
  margin: 0 0 clamp(3.2rem, 0rem + 16vw, 4.2rem) 0;
  /* アニメーションテキスト本体 */
  /* is-active が付いたときに y=0 になる */
  /* 1文字ずつスライドするパート */
  /* 空白用（なくても動くが、余白を安定させたいときに） */
  /* スクリーンリーダー用の隠しテキスト */
}
.section-ttl.--staffs {
  margin: 0 0 clamp(4.8rem, 0rem + 24vw, 6.3rem) 0;
}
@media (min-width: 768px) {
  .section-ttl.--staffs {
    margin: 0 0 clamp(10.7142857143rem, 0rem + 22.3214285714vw, 14.2857142857rem) 0;
  }
}
@media (min-width: 1025px) {
  .section-ttl.--staffs {
    margin: 0 0 clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) 0;
  }
}
.section-ttl .text {
  overflow: hidden;
}
.section-ttl .text.is-active {
  --y: 0;
}
.section-ttl .char {
  display: inline-block;
  transform: translateY(var(--y, 110%));
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.04s * var(--char-index));
  margin-right: clamp(-0.8533333333rem, 0rem + -4.2666666667vw, -1.12rem);
}
@media (min-width: 768px) {
  .section-ttl .char {
    font-size: clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem);
    margin-right: clamp(-2.1428571429rem, 0rem + -4.4642857143vw, -2.8571428571rem);
  }
}
@media (min-width: 1025px) {
  .section-ttl .char {
    font-size: clamp(3.3766471449rem, 0rem + 5.270863836vw, 12.6500732064rem);
    margin-right: clamp(-1.4069363104rem, 0rem + -2.196193265vw, -5.270863836rem);
  }
}
.section-ttl .whitespace {
  display: inline-block;
  width: clamp(0rem, 0rem + 0vw, 0rem);
}
.section-ttl .visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.section-ttl .sub-ttl {
  display: flex;
  margin: 0 0 clamp(0.64rem, 0rem + 3.2vw, 0.84rem) 0;
}
.section-ttl .sub-ttl .circle {
  width: clamp(0.64rem, 0rem + 3.2vw, 0.84rem);
  margin: 0 clamp(0.4266666667rem, 0rem + 2.1333333333vw, 0.56rem) 0 0;
}
.section-ttl .sub-ttl .jp {
  font-size: clamp(0.7466666667rem, 0rem + 3.7333333333vw, 0.98rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-100);
}
.section-ttl .main-ttl {
  margin: clamp(-0.64rem, 0rem + -3.2vw, -0.84rem) 0 0 0;
}
.section-ttl .main-ttl .en {
  display: block;
  margin: 0 clamp(0rem, 0rem + 0vw, 0rem) clamp(1.0666666667rem, 0rem + 5.3333333333vw, 1.4rem) 0;
  font-size: clamp(2.24rem, 0rem + 11.2vw, 2.94rem);
  font-weight: 900;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-090);
}
.section-ttl .main-ttl .caption {
  display: block;
  font-size: clamp(0.6933333333rem, 0rem + 3.4666666667vw, 0.91rem);
  font-weight: 500;
  letter-spacing: var(--ls-002);
  line-height: var(--lh-140);
}
@media (min-width: 768px) {
  .section-ttl {
    margin: 0 0 clamp(3.2142857143rem, 0rem + 6.6964285714vw, 4.2857142857rem) 0;
  }
  .section-ttl .sub-ttl {
    margin: 0 0 clamp(0.2142857143rem, 0rem + 0.4464285714vw, 0.2857142857rem) 0;
  }
  .section-ttl .sub-ttl .circle {
    width: clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem);
    margin: 0 clamp(0.4285714286rem, 0rem + 0.8928571429vw, 0.5714285714rem) 0 0;
  }
  .section-ttl .sub-ttl .jp {
    font-size: clamp(1.2321428571rem, 0rem + 2.5669642857vw, 1.6428571429rem);
  }
  .section-ttl .main-ttl {
    margin: clamp(-0.6428571429rem, 0rem + -1.3392857143vw, -0.8571428571rem) 0 0 0;
  }
  .section-ttl .main-ttl .en {
    margin: 0 clamp(2.1428571429rem, 0rem + 4.4642857143vw, 2.8571428571rem) clamp(1.0714285714rem, 0rem + 2.2321428571vw, 1.4285714286rem) 0;
    font-size: clamp(5.3571428571rem, 0rem + 11.1607142857vw, 7.1428571429rem);
  }
  .section-ttl .main-ttl .caption {
    font-size: clamp(0.8571428571rem, 0rem + 1.7857142857vw, 1.1428571429rem);
  }
}
@media (min-width: 1025px) {
  .section-ttl {
    margin: 0 0 clamp(2.8138726208rem, 0rem + 4.39238653vw, 10.541727672rem) 0;
  }
  .section-ttl .sub-ttl {
    margin: 0 0 clamp(0.1875915081rem, 0rem + 0.2928257687vw, 0.7027818448rem) 0;
  }
  .section-ttl .sub-ttl .circle {
    width: clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem);
    margin: 0 clamp(0.3751830161rem, 0rem + 0.5856515373vw, 1.4055636896rem) 0 0;
  }
  .section-ttl .sub-ttl .jp {
    font-size: clamp(1.0786511713rem, 0rem + 1.6837481698vw, 4.0409956076rem);
  }
  .section-ttl .main-ttl {
    margin: clamp(-0.5627745242rem, 0rem + -0.878477306vw, -2.1083455344rem) 0 0 0;
  }
  .section-ttl .main-ttl .en {
    margin: 0 clamp(1.8759150805rem, 0rem + 2.9282576867vw, 7.027818448rem) clamp(0.9379575403rem, 0rem + 1.4641288433vw, 3.513909224rem) 0;
    font-size: clamp(3.3766471449rem, 0rem + 5.270863836vw, 12.6500732064rem);
  }
  .section-ttl .main-ttl .caption {
    font-size: clamp(0.7503660322rem, 0rem + 1.1713030747vw, 2.8111273792rem);
  }
}

.anime-opacity {
  opacity: 0;
  transition: opacity 0.8s ease-out;
}
.anime-opacity.is-active {
  opacity: 1;
}

.anime-y-fadein {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.anime-y-fadein.is-active {
  opacity: 1;
  transform: translateY(0);
}

.anime-x-fadein {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.anime-x-fadein.is-active {
  opacity: 1;
  transform: translateX(0);
}

/* 画面全体ローダー */
.loader-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg, rgb(144, 245, 154), rgb(4, 202, 255));
  z-index: 99999999;
}

/* SVGロゴのサイズ調整（お好みで） */
.loader-overlay svg {
  max-width: 240px;
  width: 50vw;
  height: auto;
}

/* 非表示用 */
.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

/***************************************************
 * Generated by SVG Artista on 11/28/2025, 4:12:42 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
svg .svg-elem-1 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-2 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-3 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-4 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-4 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-5 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .svg-elem-5 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-6 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-6 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-7 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

svg.active .svg-elem-7 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-8 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-9 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-9 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-10 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
}

svg.active .svg-elem-10 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-11 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-11 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-12 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}

svg.active .svg-elem-12 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-13 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-13 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-14 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-14 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-15 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-15 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-16 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-elem-16 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-17 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
}

svg.active .svg-elem-17 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-18 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .svg-elem-18 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-19 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .svg-elem-19 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-20 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .svg-elem-20 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-21 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .svg-elem-21 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-22 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
}

svg.active .svg-elem-22 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-23 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .svg-elem-23 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-24 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
}

svg.active .svg-elem-24 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-25 {
  fill: transparent;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .svg-elem-25 {
  fill: rgb(255, 255, 255);
}