@charset "UTF-8";
:root {
  --font-family-base: "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-en: "Plus Jakarta Sans", "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

:root {
  --font-weight-base: 500;
}

:root {
  --color-base: #333;
  --color-placeholder: #A8A8A8;
  --color-light-gray: #EAEAEA;
  --color-bg-gray: #F9F9F9;
  --color-blue: #0066C0;
  --color-dark-blue: #042A6F;
  --color-light-blue: #2CD2DE;
  --color-text-light-blue: #19CDD9;
  --color-green: #48BC78;
  --color-light-green: #53EE94;
  --color-text-green: #1EAF72;
  --color-red: #e07a1a;
  --color-orange: #FCA14B;
  --color-span-orange: #FE9029;
  --color-light-orange: #FFCA98;
  --color-beige: #FFF06A;
  --color-span-beige: #FFF7AD;
}

:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

/* 言語が英語（ラテン系言語）の場合、cap-heightベースにする */
:root:lang(en) {
  --leading-trim: calc((1cap - 1lh) / 2);
}

/* もし lh が未対応のブラウザであれば fallback */
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0px;
  }
}
:root {
  --width-pc-design: 1530;
  --width-pc-design-content: 1100;
  --width-pc-design-content-percent: calc(var(--width-pc-design-content) / (--width-pc-design-content * 1.05) * 100%);
  --width-pc-design-content-rem: calc((var(--width-pc-design-content) / 10) * 1rem);
  --width-sp-design: 390;
  --width-sp-design-content: 358;
  --width-sp-design-content-percent: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100%);
  --width-sp-design-content-rem: calc((var(--width-sp-design-content) / 10) * 1rem);
}

:root {
  --border-radius-infinity: calc(1px / 0);
}

:root {
  --opacity-base: .5;
}

:root {
  --transition-base: .4s;
  --transition-sub: .6s;
}

/* CSS Document */
/*--------------------------------------
　Main Index
---------------------------------------*/
#index {
  overflow-x: clip;
}

.p-index-mv {
  position: relative;
  z-index: 2;
  padding-block: 8.1rem 10.2rem;
  background: linear-gradient(83.87deg, rgba(66, 211, 248, 0.7) 41.95%, rgba(187, 246, 224, 0.7) 100%);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-mv {
    padding-block: 7.1rem 7.7rem;
  }
}
.p-index-mv::before, .p-index-mv::after {
  content: "";
  position: absolute;
  z-index: -2;
  background: #fff;
}
.p-index-mv::before {
  top: calc(8.1rem + 12.3529411765vw);
  left: 50%;
  translate: -50% 0;
  width: 100.2614379085vw;
  height: 66.8615984405vw;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-index-mv::before {
    top: calc(7.1rem + calc(150 / var(--width-sp-design) * 100vw));
    width: 100%;
    height: calc(239 / var(--width-sp-design) * 100vw);
  }
}
.p-index-mv::after {
  inset: calc(8.1rem + 46.0130718954vw) 0 0;
}
@media screen and (max-width: 767px) {
  .p-index-mv::after {
    top: calc(7.1rem + calc(266 / var(--width-sp-design) * 100vw));
  }
}
.p-index-mv:has(.is-triggered) .p-index-mv__sliderWrap-title,
.p-index-mv:has(.is-triggered) .p-index-mv__title {
  translate: 0 0;
  opacity: 1;
}
.p-index-mv__sliderWrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap {
    padding-top: calc(58 / var(--width-sp-design) * 100vw);
  }
}
.p-index-mv__sliderWrap-title {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  column-gap: 2.8758169935vw;
  position: absolute;
  top: 1.4379084967vw;
  left: 21.1764705882vw;
  z-index: 2;
  translate: 0 10%;
  opacity: 0;
  transition: translate var(--transition-base), opacity var(--transition-sub);
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap-title {
    column-gap: calc(12.5 / var(--width-sp-design) * 100vw);
    top: 0;
    left: calc(34 / var(--width-sp-design) * 100vw);
  }
}
.p-index-mv__sliderWrap-title-label {
  font-weight: 700;
  font-size: 1.568627451vw;
  line-height: 1.2083333333;
  color: #fff;
  text-align: center;
  padding: 0.3921568627vw 0.4575163399vw 0.7843137255vw;
  width: min-content;
  border: 0.1307189542vw solid #fff;
  border-radius: 0.2614379085vw;
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap-title-label {
    font-size: calc(18 / var(--width-sp-design) * 100vw);
    line-height: 1.2222222222;
    padding: calc(4 / var(--width-sp-design) * 100vw) calc(5 / var(--width-sp-design) * 100vw) calc(6 / var(--width-sp-design) * 100vw);
    border-width: calc(2 / var(--width-sp-design) * 100vw);
    border-radius: calc(4 / var(--width-sp-design) * 100vw);
  }
}
.p-index-mv__sliderWrap-title-label:nth-child(1) {
  background: var(--color-orange);
}
.p-index-mv__sliderWrap-title-label:nth-child(2) {
  margin-top: 1.8954248366vw;
  background: var(--color-text-light-blue);
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap-title-label:nth-child(2) {
    margin-top: calc(24 / var(--width-sp-design) * 100vw);
  }
}
.p-index-mv__sliderWrap-title-label:nth-child(3) {
  margin-top: 1.2418300654vw;
  background: var(--color-green);
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap-title-label:nth-child(3) {
    margin-top: calc(15 / var(--width-sp-design) * 100vw);
  }
}
.p-index-mv__sliderWrap .swiper {
  overflow: visible;
}
.p-index-mv__sliderWrap .swiper-slide {
  width: 18.431372549vw;
  transition: transform 0.3s;
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap .swiper-slide {
    width: calc(132 / var(--width-sp-design) * 100vw);
  }
}
.p-index-mv__sliderWrap .swiper-slide.swiper-slide-active {
  transform: translate(0, 0) rotate(0deg);
}
.p-index-mv__sliderWrap .swiper-slide.swiper-slide-active .swiper-img {
  scale: 1;
}
.p-index-mv__sliderWrap .swiper-slide-prev {
  transform: translate(-11%, 25%) rotate(-11deg);
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap .swiper-slide-prev {
    transform: translate(-3%, 22%) rotate(-11deg);
  }
}
.p-index-mv__sliderWrap .swiper-slide:has(+ .swiper-slide-prev) {
  transform: translate(0%, 49%) rotate(-24deg);
}
.p-index-mv__sliderWrap .swiper-slide:has(+ .swiper-slide + .swiper-slide-prev) {
  transform: translate(19%, 81%) rotate(-35deg);
}
.p-index-mv__sliderWrap .swiper-slide:has(+ .swiper-slide + .swiper-slide + .swiper-slide-prev) {
  transform: translate(46%, 121%) rotate(-44deg);
}
.p-index-mv__sliderWrap .swiper-slide-next {
  transform: translate(11%, 25%) rotate(11deg);
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap .swiper-slide-next {
    transform: translate(3%, 22%) rotate(11deg);
  }
}
.p-index-mv__sliderWrap .swiper-slide-next + .swiper-slide {
  transform: translate(0%, 49%) rotate(24deg);
}
.p-index-mv__sliderWrap .swiper-slide-next + .swiper-slide + .swiper-slide {
  transform: translate(-19%, 81%) rotate(35deg);
}
.p-index-mv__sliderWrap .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide {
  transform: translate(-46%, 121%) rotate(44deg);
}
.p-index-mv__sliderWrap .swiper-img {
  aspect-ratio: 282/376;
  border-radius: 1.3071895425vw;
  filter: drop-shadow(0 0 1.3071895425vw rgba(0, 0, 0, 0.1));
  scale: 0.7021276596;
  overflow: hidden;
  transition: scale var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-index-mv__sliderWrap .swiper-img {
    border-radius: calc(20 / var(--width-sp-design) * 100vw);
    scale: 0.6742424242;
  }
}
.p-index-mv__sliderWrap .swiper-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-index-mv__title {
  font-size: 5.6rem;
  line-height: 1.4464285714;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
  margin-top: 6.2rem;
  translate: 0 10%;
  opacity: 0;
  transition: translate var(--transition-base) 0.2s, opacity var(--transition-sub) 0.2s;
}
@media screen and (max-width: 767px) {
  .p-index-mv__title {
    font-size: 2.8rem;
    line-height: 1.7857142857;
    margin-top: 2.9rem;
  }
}
.p-index-mv__title-sml {
  font-size: 2.8rem;
  line-height: 1.7857142857;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-index-mv__title-sml {
    font-size: 1.8rem;
    line-height: 1.8333333333;
  }
}
.p-index-mv__title-adjustment {
  color: var(--color-blue);
  position: relative;
  margin-right: 0.375em;
}
@media screen and (max-width: 767px) {
  .p-index-mv__title-adjustment {
    margin-right: 0;
  }
}
.p-index-mv__title-adjustment::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -1.6rem;
  z-index: -1;
  width: 40.1rem;
  height: 12.1rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 401 121" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M191.758 0.207078C240.801 -0.860396 290.614 2.20378 329.111 9.2933C348.342 12.8348 364.898 17.4074 377.157 23.051C389.208 28.5988 398.004 35.5944 400.082 44.4907C401.836 52.0028 401.038 58.9135 398.016 65.1674C395.022 71.3648 389.934 76.7366 383.388 81.4159C370.348 90.7373 350.943 97.7151 328.499 103.064C315.62 106.133 301.631 108.689 287.1 110.84C287.178 111.124 287.215 111.424 287.205 111.734C287.149 113.388 285.761 114.684 284.106 114.628C277.508 114.406 270.45 114.204 263.027 114.001C233.893 117.393 203.871 119.464 177.16 120.995C175.507 121.09 174.09 119.827 173.995 118.174C173.9 116.522 175.164 115.105 176.817 115.01C188.646 114.332 201.09 113.549 213.794 112.596C179.965 111.473 143.529 109.728 110.611 106.135C81.5718 102.965 55.0432 98.3369 35.3513 91.3426C25.5087 87.8466 17.1951 83.6984 11.1103 78.7112C4.99624 73.7001 0.969379 67.6959 0.15247 60.5655C-1.06711 49.9193 5.12256 41.0255 15.3901 33.8574C25.665 26.6841 40.6037 20.78 58.4679 16.017C94.2553 6.4753 142.73 1.27424 191.758 0.207078ZM328.025 15.1891C290.041 8.19414 240.656 5.13858 191.889 6.20006C143.106 7.26188 95.158 12.4387 60.0135 21.8089C42.4117 26.5019 28.2571 32.1873 18.8245 38.7725C9.38469 45.3629 5.25258 52.3971 6.11001 59.8831C6.69851 65.0204 9.60596 69.7264 14.9134 74.0764C20.2503 78.4504 27.847 82.3151 37.3599 85.694C56.3793 92.4494 82.3475 97.0196 111.261 100.176C160.689 105.572 218.06 106.779 262.77 107.998C285.503 105.341 307.619 101.879 327.108 97.2337C349.341 91.9349 367.825 85.1715 379.9 76.5401C385.912 72.243 390.188 67.5847 392.616 62.5602C395.016 57.5923 395.697 52.0883 394.241 45.8537C392.848 39.8858 386.467 33.9369 374.648 28.4959C363.038 23.1509 347.034 18.6898 328.025 15.1891Z" fill="%23FFF06A"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-mv__title-adjustment::before {
    top: -0.6rem;
    left: -1.4rem;
    width: 20.6rem;
    height: 6.2rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 206 62" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M98.5199 0.104623C123.621 -0.434692 149.129 1.11317 168.856 4.69921C178.707 6.49009 187.217 8.8068 193.537 11.6786C199.717 14.4873 204.403 18.0996 205.518 22.8146C206.438 26.7043 206.022 30.3005 204.428 33.5558C202.853 36.774 200.188 39.5397 196.799 41.931C190.056 46.6893 180.061 50.2285 168.567 52.9326C162.099 54.4541 155.086 55.7257 147.803 56.7995C147.803 56.8258 147.806 56.8521 147.805 56.8786C147.768 57.9669 146.844 58.8198 145.741 58.7831C142.379 58.6712 138.783 58.5684 135 58.4665C120.093 60.1786 104.74 61.2242 91.0913 61.9967C89.9896 62.0591 89.0448 61.2281 88.9814 60.1412C88.9182 59.0542 89.7604 58.1219 90.862 58.0594C94.1756 57.8718 97.5833 57.6667 101.055 57.4422C86.3257 56.8677 71.0271 56.0063 56.981 54.4927C42.1211 52.8914 28.5109 50.5509 18.3884 47.0019C13.3296 45.2282 9.02268 43.1123 5.853 40.548C2.66363 37.9677 0.516643 34.8371 0.0812133 31.085C-0.570435 25.4692 2.75472 20.8379 8.06933 17.1753C13.3892 13.5091 21.0898 10.5117 30.2459 8.10199C48.5973 3.27213 73.4282 0.643736 98.5199 0.104623ZM168.132 8.57714C148.747 5.0533 123.524 3.51238 98.6063 4.04776C73.6782 4.58338 49.1985 7.19423 31.2755 11.9113C22.2945 14.275 15.1162 17.1285 10.3577 20.4078C5.5947 23.6903 3.64191 27.0991 4.05222 30.6362C4.33547 33.0769 5.73466 35.3532 8.38608 37.4985C11.0573 39.6596 14.8868 41.5892 19.726 43.2859C29.4003 46.6779 42.6375 48.9808 57.4141 50.5731C82.662 53.2938 111.963 53.9024 134.829 54.5175C146.426 53.1786 157.703 51.4347 167.639 49.0972C178.993 46.4262 188.374 43.0282 194.474 38.7237C197.507 36.5839 199.631 34.2876 200.829 31.8411C202.008 29.4316 202.348 26.7602 201.626 23.7105C200.966 20.9219 197.891 17.9987 191.865 15.2603C185.978 12.5849 177.836 10.3412 168.132 8.57714Z" fill="%23FFF06A"/></svg>') center/contain no-repeat;
  }
}
.p-index-mv__sponsor {
  font-size: 1.2rem;
  line-height: 1.4166666667;
  font-weight: 500;
  color: #8C8C8C;
  text-align: center;
  margin-top: 4.1rem;
}
.p-index-mv__about {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr 39rem;
  column-gap: 3rem;
  margin: 8.4rem auto 0;
  max-width: 91.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-mv__about {
    display: block;
    margin-top: 3.2rem;
  }
}
.p-index-mv__about-title {
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 500;
  font-family: var(--font-family-en);
  color: rgba(44, 210, 222, 0.4);
}
@media screen and (max-width: 767px) {
  .p-index-mv__about-title {
    font-size: 2rem;
    text-align: center;
  }
}
.p-index-mv__about-text {
  font-size: 1.6rem;
  line-height: 2.5;
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-index-mv__about-text {
    font-size: 1.5rem;
    line-height: 2.5333333333;
    text-align: center;
  }
}
.p-index-mv__about-text-adjustment {
  font-size: 1.8rem;
  line-height: 2.5;
  font-weight: 700;
  color: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-mv__about-text-adjustment {
    font-size: 1.7rem;
    line-height: 2.5294117647;
  }
}
.p-index-mv__about-notes {
  position: relative;
  padding: 3.5rem 3.5rem 2.4rem;
  border-radius: 2rem;
  background: #fff;
  filter: drop-shadow(0 0 1.5rem rgba(0, 0, 0, 0.07));
}
@media screen and (max-width: 767px) {
  .p-index-mv__about-notes {
    margin: 4.2rem auto 0;
    padding-inline: 5.1282051282%;
    width: 92.0512820513%;
  }
}
.p-index-mv__about-notes::before {
  content: "";
  position: absolute;
  top: -0.6rem;
  left: 0;
  width: 100%;
  height: 2.2rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 137 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="133" height="13" rx="4.5" fill="%23F7F9FA"/><rect x="12" y="4" width="112" height="16" rx="2.5" stroke="%23EBEEF1" stroke-width="4"/><path d="M12 15V8" stroke="%23EBEEF1" stroke-width="4"/><path d="M124 15V8" stroke="%23EBEEF1" stroke-width="4"/><rect x="0.5" y="0.5" width="136" height="10" rx="4" fill="%23EBEEF1" stroke="%23EBEEF1"/></svg>') center/contain no-repeat;
}
.p-index-mv__about-notes-title {
  font-size: 1.8rem;
  line-height: 1.7222222222;
  font-weight: 700;
  color: var(--color-blue);
  text-align: center;
  padding-bottom: 1.7rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 321 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.00003L320 1" stroke="%230066C0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"/></svg>') center bottom/auto 0.2rem repeat-x;
}
.p-index-mv__about-notes-list {
  margin-top: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-mv__about-notes-list {
    margin-top: 2.1rem;
  }
}
.p-index-mv__about-notes-list-item {
  font-size: 1.5rem;
  line-height: 1.4;
  position: relative;
  padding-left: 3.3rem;
}
.p-index-mv__about-notes-list-item:nth-child(n+2) {
  margin-top: 2.2rem;
}
.p-index-mv__about-notes-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.3rem;
  height: 2.3rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="11.5" fill="%23FCA14B"/><path d="M17.6659 7.75687C18.0864 7.39916 18.7171 7.44995 19.0751 7.87015C19.4332 8.29066 19.3824 8.92228 18.9618 9.28031L10.5302 16.459C10.134 16.7963 9.54544 16.7733 9.17668 16.4063L4.4052 11.6534C4.01395 11.2636 4.01345 10.6296 4.40325 10.2383C4.79307 9.84744 5.42618 9.84669 5.81731 10.2364L9.93547 14.3389L17.6659 7.75687Z" fill="white"/></svg>') center/contain no-repeat;
}
.p-index-mv__about-notes-deco {
position: absolute;
    right: -3.6rem;
    bottom: -4rem;
    width: 7.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-mv__about-notes-deco {
           right: 1rem;
        bottom: -5.7rem;
        width: 6.2rem;
  }
}
.p-index-mv__deco {
margin: 3rem auto 0;
    padding-right: 2.3rem;
    width: 25rem;
	display: none;
}
@media screen and (max-width: 767px) {
  .p-index-mv__deco {
    margin: 2.8rem 0 0;
    padding-right: 0;
    width: 17.7rem;
  }
}
.p-index-production-management {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management {
    margin-top: 1.7rem;
  }
}
.p-index-production-management__title {
  font-size: 3.2rem;
  line-height: 1.6875;
  font-weight: 700;
  text-indent: 4.9rem;
  position: relative;
  margin-inline: auto;
  padding-left: 1.5rem;
  max-width: 108.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__title {
    font-size: 2.4rem;
    line-height: 1.5;
    text-indent: 3.7rem;
    padding-left: 0.7rem;
  }
}
.p-index-production-management__title::before {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-production-management__title::before {
    top: 0;
    width: 3.8rem;
    height: 3.8rem;
  }
}
.p-index-production-management__title::after {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 500;
  font-family: var(--font-family-en);
  text-indent: 0;
  color: #fff;
  content: "Q.";
  position: absolute;
  top: 2.3rem;
  left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__title::after {
    font-size: 2.2rem;
    top: 0.7rem;
    left: 0.7rem;
  }
}
.p-index-production-management__title-large {
  font-size: 4.4rem;
  line-height: 1.7045454545;
  color: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-production-management__title-large {
    font-size: 3rem;
    line-height: 1.5;
  }
}
.p-index-production-management__block01 {
  display: grid;
	position: relative;
  align-items: center;
  grid-template-columns: 58.8050314465% 1fr;
  column-gap: 5.5rem;
  margin: 4.8rem auto 0;
  padding-right: 1.9rem;
  max-width: 95.4rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block01 {
    display: block;
    margin-top: 2.9rem;
    padding-right: 0;
  }
}
.p-index-production-management__block01::before {
    content: "";
    position: absolute;
   top: -14.6rem;
	display:none;
    right: 12.2rem;
    width: 19rem;
    height: 15.6rem;
    background: url(img/index_mv_deco_02.png) center / contain no-repeat;
}
.p-index-production-management__block01-box {
  grid-row: 1;
  grid-column: 2;
  position: relative;
}
.p-index-production-management__block01-box::after {
  content: "";
  position: absolute;
  left: -5.3rem;
  bottom: -15.4rem;
  z-index: -1;
  width: 9.8rem;
  height: 13.8rem;
  background: url(img/index_management_decorative_line.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block01-box::after {
    display: none;
  }
	.p-index-production-management__block01::before {
     display: none;
}
}
.p-index-production-management__block01-title {
  font-size: 2rem;
  line-height: 2;
  font-weight: 700;
	display: inline;
  color: var(--color-blue);
  width: fit-content;
  border-bottom: 0.1rem solid var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block01-title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
}
.p-index-production-management__block01-text {
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 500;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block01-text {
    margin-top: 1.7rem;
  }
}
.p-index-production-management__block01-img {
  grid-row: 1;
  grid-column: 1;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block01-img {
    margin-top: 2.5rem;
  }
}
.p-index-production-management__block01-img img {
  width: 100%;
}
.p-index-production-management__block02 {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 19.5rem 1fr 25.9rem;
  column-gap: 3.7rem;
  margin: 5.2rem auto 0;
  padding-left: 1.6rem;
  max-width: 101.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02 {
    grid-template-columns: 50% 1fr;
    gap: 2.9rem 2.2rem;
    margin-top: 2.8rem;
    padding-left: 0;
  }
}
.p-index-production-management__block02-textBox {
  grid-row: 1;
  grid-column: 2;
  margin-top: 10.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-textBox {
    grid-row: 1;
    grid-column: span 2;
    margin-top: 0;
  }
}
.p-index-production-management__block02-text {
  font-size: 1.5rem;
  line-height: 2.4;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-text {
    line-height: 2;
  }
}
.p-index-production-management__block02-text + .p-index-production-management__block02-text {
  margin-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-text + .p-index-production-management__block02-text {
    margin-top: 1lh;
  }
}
.p-index-production-management__block02-text-adjustment {
  font-weight: 700;
  color: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-text-adjustment {
    font-size: 1.7rem;
    line-height: 2;
  }
}
.p-index-production-management__block02-box {
  grid-row: 1;
  grid-column: 1;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-box {
    grid-row: 2;
  }
}
.p-index-production-management__block02-detail {
  position: relative;
  z-index: 1;
  margin-left: auto;
  width: 15.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail {
    margin-left: 0;
  }
}
.p-index-production-management__block02-detail.is-open .p-index-production-management__block02-detail-popup {
  opacity: 1;
  pointer-events: all;
}
.p-index-production-management__block02-detail-title {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-block: 1.2rem 1.4rem;
  border-radius: 1rem;
  background: var(--color-beige);
}
.p-index-production-management__block02-detail-title::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.9rem;
  translate: -50% 0;
  width: 1.6rem;
  height: 1.4rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2023 11.7266C9.60226 13.8599 6.40231 13.8599 4.8023 11.7266L0.807286 6.40003C-1.17046 3.76309 0.711062 0 4.00726 0H11.9973C15.2935 0 17.175 3.76309 15.1973 6.40003L11.2023 11.7266Z" fill="%23FFF06A"/></svg>') center/contain no-repeat;
  pointer-events: none;
}
.p-index-production-management__block02-detail-button {
  display: block;
  margin: 0.4rem auto 0;
  width: 8.7rem;
}
@media (any-hover: hover) {
  .p-index-production-management__block02-detail-button:hover + .p-index-production-management__block02-detail-popup {
    opacity: 1;
    pointer-events: all;
  }
}
.p-index-production-management__block02-detail-popup {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 73.2rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: calc(332 / var(--width-sp-design) * 100vw);
  }
}
@media (any-hover: hover) {
  .p-index-production-management__block02-detail-popup:hover {
    opacity: 1;
    pointer-events: all;
  }
}
.p-index-production-management__block02-detail-popup-button {
  position: relative;
  margin-left: auto;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  background: var(--color-blue);
}
.p-index-production-management__block02-detail-popup-button::before, .p-index-production-management__block02-detail-popup-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 2.5rem;
  height: 0.2rem;
  border-radius: var(--border-radius-infinity);
  background: #fff;
}
.p-index-production-management__block02-detail-popup-button::before {
  rotate: 45deg;
}
.p-index-production-management__block02-detail-popup-button::after {
  rotate: -45deg;
}
.p-index-production-management__block02-detail-popup-inner {
  padding: 4.8rem 5.1rem 3.8rem;
  border: 0.2rem solid var(--color-light-gray);
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup-inner {
    padding: 3.2rem 3.765060241% 1.4rem;
  }
}
.p-index-production-management__block02-detail-popup-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup-list {
    grid-template-columns: 1fr;
    row-gap: 0.6rem;
  }
}
.p-index-production-management__block02-detail-popup-list-item {
  padding-top: 1.9rem;
  height: 21rem;
  border-radius: 50%;
  background: #E7F6F7;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup-list-item {
    display: grid;
    align-items: center;
    grid-template-columns: 3rem 1fr;
    column-gap: 1.1rem;
    padding: 1.6rem 4.2904290429%;
    height: auto;
    border-radius: 1rem;
  }
}
.p-index-production-management__block02-detail-popup-list-icon {
  margin: 0 auto;
  width: 4.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup-list-icon {
    margin: 0;
    width: auto;
  }
}
.p-index-production-management__block02-detail-popup-list-title {
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
  text-align: center;
  margin-top: 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup-list-title {
    font-size: 1.3rem;
    line-height: 1.3846153846;
    text-align: left;
    margin-top: 0;
  }
}
.p-index-production-management__block02-detail-popup-list-title-lg {
  font-size: 2rem;
  line-height: 1.7;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup-list-title-lg {
    font-size: 1.8rem;
    line-height: 1.3888888889;
  }
}
.p-index-production-management__block02-detail-popup-text {
  font-size: 1.6rem;
  line-height: 1.6875;
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-detail-popup-text {
    text-align: left;
    margin-top: 2.4rem;
    padding-inline: 2.9702970297%;
  }
}
.p-index-production-management__block02-img01 {
  margin-top: 4.5rem;
  border-radius: 2rem;
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.1));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-img01 {
    margin: -4.2rem 0 0 auto;
    width: 66.4804469274%;
  }
}
.p-index-production-management__block02-img02 {
  grid-row: 1;
  grid-column: 3;
  margin-top: 5rem;
  border-radius: 2rem;
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.1));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-production-management__block02-img02 {
    grid-row: 2;
    grid-column: 2;
  }
}
.p-index-sponsored {
  margin-top: 13.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-sponsored {
    margin-top: 3.3rem;
  }
}
.p-index-job {
  container-type: inline-size;
  margin-top: 18rem;
  padding-top: 7.7rem;
  background: var(--color-bg-gray);
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .p-index-job {
    margin-top: 14.8rem;
    padding-top: 5rem;
  }
}
.p-index-job__inner {
  position: relative;
  z-index: 2;
}
.p-index-job__intro {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro {
    display: block;
    padding-right: 0;
  }
}
.p-index-job__intro-box {
  display: grid;
  align-items: flex-start;
  margin-top: -10.3rem;
  width: 41.7rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-box {
    margin: -15.9rem 0 0 auto;
    padding-right: 2.2346368715%;
    width: 63.687150838%;
  }
}
.p-index-job__intro-box-img01, .p-index-job__intro-box-img02 {
  grid-row: 1;
  grid-column: 1;
  border-radius: 2rem;
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.1));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-box-img01, .p-index-job__intro-box-img02 {
    border-radius: calc(20 / var(--width-sp-design) * 100vw);
  }
}
.p-index-job__intro-box-img01 {
  margin: 0;
  width: 25.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-box-img01 {
    width: 52.7272727273%;
  }
}
.p-index-job__intro-box-img02 {
  margin: 16.7rem 0 0 auto;
  width: 19.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-box-img02 {
    margin-top: calc(68 / var(--width-sp-design) * 100vw);
    width: 40.4545454545%;
  }
}
.p-index-job__intro-hgroup {
  position: relative;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-hgroup {
    margin-top: -1.7rem;
    padding-bottom: 2.3rem;
  }
}
.p-index-job__intro-hgroup::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100cqi;
  height: 0.2rem;
  background: url('data:image/svg+xml,%3Csvg width="772" height="2" viewBox="0 0 772 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L771 1" stroke="%232CD2DE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 6"/%3E%3C/svg%3E') left bottom/auto 0.2rem repeat-x;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-hgroup::before {
    right: calc(50% - 50cqi);
  }
}
.p-index-job__intro-hgroup-en {
  font-size: 9.6rem;
  line-height: 1.0520833333;
  font-family: var(--font-family-en);
  display: inline-block;
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-hgroup-en {
    font-size: 4.8rem;
    line-height: 1;
  }
}
.p-index-job__intro-hgroup-main {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: -2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-hgroup-main {
    font-size: 1.8rem;
    line-height: 1.7222222222;
    margin-top: 0;
  }
}
.p-index-job__intro-hgroup-main-link {
  font-size: 4.4rem;
  line-height: 1.7045454545;
  font-weight: 700;
  color: var(--color-blue);
  display: inline-block;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-hgroup-main-link {
    font-size: 3rem;
    line-height: 1.6666666667;
    margin-top: 0.5rem;
  }
}
.p-index-job__intro-hgroup-main-link::after {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15Z" fill="white"/><path d="M11.3417 8.75302C10.9262 8.38944 10.8836 7.75753 11.247 7.34189C11.6106 6.92636 12.2425 6.8838 12.6581 7.24716L20.6581 14.2472C20.8751 14.437 20.9999 14.7117 20.9999 15.0001C20.9999 15.2885 20.8751 15.5631 20.6581 15.753L12.6581 22.753C12.2425 23.1164 11.6106 23.0738 11.247 22.6583C10.8836 22.2427 10.9262 21.6107 11.3417 21.2472L18.4804 15.0001L11.3417 8.75302Z" fill="%230066C0"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-hgroup-main-link::after {
    position: relative;
    bottom: -0.5rem;
  }
}
.p-index-job__intro-hgroup-main-circle {
  font-size: 4.4rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  display: grid inline;
  place-content: center;
  margin-right: 0.9rem;
  padding-bottom: 0.2rem;
  width: 7.2rem;
  height: 6.9rem;
  border-radius: 50%;
  background: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-job__intro-hgroup-main-circle {
    font-size: 3rem;
    line-height: 1.6666666667;
    margin-right: 0.3rem;
    width: 5rem;
    height: 4.8rem;
  }
}
.p-index-job__flowHgroup {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  column-gap: 3.5rem;
  margin: 10.7rem auto 0;
  max-width: 101.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowHgroup {
    display: block;
    margin-top: 6.5rem;
  }
}
.p-index-job__flowHgroup-title {
  font-size: 2.8rem;
  line-height: 1.7142857143;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 1.4rem 3.4rem 1.6rem 3.6rem;
  border-radius: 1rem;
  background: var(--color-green);
}
@media screen and (max-width: 767px) {
  .p-index-job__flowHgroup-title {
    font-size: 2rem;
    line-height: 1.7;
    text-align: center;
    margin-inline: auto;
    padding: 1.3rem 0 1.6rem;
    width: 28.3rem;
  }
}
.p-index-job__flowHgroup-title::before, .p-index-job__flowHgroup-title::after {
  content: "";
  position: absolute;
}
.p-index-job__flowHgroup-title::before {
        top: 1.4rem;
    left: -4.8rem;
    width: 10rem;
    height: 11.6rem;
    background: url(img/index_job_flow_deco.png) center / contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowHgroup-title::before {
    top: -3.4rem;
    left:-3rem;
    width: 7rem;
    height: 6.8rem;
  }
}
.p-index-job__flowHgroup-title::after {
  top: 0;
  left: 0;
  z-index: -1;
  width: 35rem;
  height: 9.4rem;
  background: url(img/index_job_flow_title_bg_pc.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowHgroup-title::after {
    width: 28.3rem;
    height: 7.8rem;
    background-image: url(img/index_job_flow_title_bg_sp.svg);
  }
}
.p-index-job__flowHgroup-text {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowHgroup-text {
    line-height: 1.6875;
    text-align: center;
    margin-top: 3.8rem;
  }
}
.p-index-job__flowList {
  display: flex;
  justify-content: space-between;
  margin-top: 6.2rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowList {
    display: block;
    margin-top: 3.1rem;
  }
}
.p-index-job__flowList-item {
  --_title-text-color: var(--color-blue);
  --_title-bg-color: rgba(255,240,106,.5);
  padding: 1.4rem 1.4rem 2rem;
  width: 15.7rem;
  border: 0.6rem solid transparent;
  border-radius: 1rem 4rem 1rem 1rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowList-item {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    column-gap: 1.3rem;
    margin-inline: auto;
    padding: 0.7rem 0.7rem 0.7rem 1.2rem;
    width: 88.8268156425%;
    border-width: 0.4rem;
    border-radius: 1rem 1rem 1rem 3rem;
  }
}
.p-index-job__flowList-item:nth-child(n+2) {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowList-item:nth-child(n+2) {
    margin-top: 1.2rem;
  }
}
.p-index-job__flowList-item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: -2.7rem;
  width: 1.9rem;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.9918 12.2627C19.3361 13.4576 19.3361 15.5424 17.9918 16.7373L5.06851 28.2243C3.11255 29.9629 -1.14917e-07 28.589 0 25.987L1.01467e-06 3.01298C1.12959e-06 0.411034 3.11255 -0.962858 5.06852 0.775723L17.9918 12.2627Z" fill="%2348BC78"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowList-item:nth-child(n+2)::before {
    top: -1.9rem;
    left: calc(50% + 0.7rem);
    translate: -50% 0;
    width: 2.9rem;
    height: 1.9rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 29 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7286 17.9953C15.5373 19.3349 13.4627 19.3349 12.2714 17.9953L0.776464 5.06978C-0.961525 3.11549 0.407979 -2.29282e-07 3.00503 0L25.995 2.02969e-06C28.592 2.25897e-06 29.9615 3.1155 28.2235 5.06979L16.7286 17.9953Z" fill="%2348BC78"/></svg>') center/contain no-repeat;
  }
}
.p-index-job__flowList-item._other {
  --_title-text-color: #fff;
  --_title-bg-color: var(--color-orange);
  width: 17.6rem;
  border-color: #FFDAB7;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowList-item._other {
    width: 88.8268156425%;
  }
}
.p-index-job__flowList-title {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  color: var(--_title-text-color);
  text-align: center;
  display: grid;
  place-content: center;
  row-gap: 0.2rem;
  margin-inline: auto;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: var(--_title-bg-color);
}
@media screen and (max-width: 767px) {
  .p-index-job__flowList-title {
    width: 5.7rem;
    height: 5.7rem;
  }
}
.p-index-job__flowList-title-ruby {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
}
.p-index-job__flowList-text {
  font-size: 1.3rem;
  line-height: 1.7692307692;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowList-text {
    margin-top: 0;
  }
}
.p-index-job__flowText {
  font-size: 1.5rem;
  line-height: 2;
  position: relative;
  margin: 5.3rem 0 0 auto;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowText {
    margin: 4.5rem 0 0;
  }
}
.p-index-job__flowText::before {
  content: "";
  position: absolute;
  left: -12.6rem;
  bottom: -10.4rem;
  z-index: 1;
  width: 10.8rem;
  height: 10.3rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 108 103" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M102.022 2.47641C102.312 0.845519 103.875 -0.242441 105.513 0.0464827C107.151 0.335504 108.243 1.89207 107.953 3.52296C106.336 12.6123 101.43 26.6032 92.5785 37.0245C88.1269 42.2657 82.5805 46.7153 75.8391 49.0882C75.4574 49.2226 75.0722 49.3486 74.6843 49.469C74.4918 53.3808 73.6859 57.4284 72.1344 61.476C65.4688 78.8649 45.4739 95.5674 3.53657 102.954C1.89873 103.242 0.336227 102.154 0.0465317 100.523C-0.243143 98.8917 0.84974 97.3357 2.4876 97.0473C43.405 89.8406 60.9156 73.9238 66.5072 59.337C67.6241 56.4231 68.2798 53.533 68.5561 50.7322C63.6391 51.2538 58.2986 50.6874 52.55 48.7631C43.8875 45.8635 38.2684 41.9646 35.3684 37.54C32.3679 32.9619 32.463 28.0619 34.7979 24.1173C39.2983 16.5143 51.2654 13.4318 61.5515 20.2464C68.1199 24.598 73.2787 33.1348 74.4696 43.1974C79.6726 41.2147 84.17 37.6361 87.9797 33.1507C95.961 23.7538 100.534 10.8414 102.022 2.47641ZM58.2154 25.24C50.3617 20.0369 42.473 22.9632 39.9868 27.1632C38.8285 29.1203 38.6482 31.5701 40.4123 34.2617C42.277 37.1067 46.4624 40.3973 54.4685 43.0773C59.7031 44.8296 64.3862 45.2396 68.5767 44.6882C67.7592 35.9105 63.3475 28.64 58.2154 25.24Z" fill="%232CD2DE"/></svg>') center/contain no-repeat;
  rotate: 175deg;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowText::before {
    left: auto;
    right: 1.8rem;
    bottom: -8.7rem;
    width: 7.6rem;
    height: 7.5rem;
    rotate: 11deg;
  }
}
.p-index-job__flowBlock {
  margin-top: 5.9rem;
  padding: 4.8rem 7.8rem 6.7rem;
  border: 0.2rem solid var(--color-orange);
  border-radius: 4rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock {
    margin-top: 5rem;
    padding: 2.8rem 6.4245810056%;
    border-radius: 2rem;
  }
}
.p-index-job__flowBlock-title {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: var(--color-blue);
  position: relative;
  padding: 0 0 4rem 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-title {
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 0 0 3rem;
  }
}
.p-index-job__flowBlock-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background: url('data:image/svg+xml,%3Csvg width="772" height="2" viewBox="0 0 772 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L771 1" stroke="%230066C0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 6"/%3E%3C/svg%3E') center bottom/auto 0.2rem repeat-x;
}
.p-index-job__flowBlock-title-lg {
  font-size: 3.2rem;
  line-height: 1.6875;
  font-weight: 700;
  color: var(--color-blue);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-title-lg {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.p-index-job__flowBlock-title-lg-deco {
  position: relative;
}
.p-index-job__flowBlock-title-lg-deco::before {
  content: "";
  position: absolute;
  top: 59%;
  left: 50%;
  z-index: -1;
  translate: -50% -50%;
  width: 18.2rem;
  height: 7rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 182 70" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M87.2844 0.234967C109.248 -0.6133 131.594 0.832904 148.909 4.61113C157.551 6.49677 165.105 8.99791 170.76 12.1911C176.336 15.3395 180.642 19.4981 181.613 24.9329C183.192 33.7672 179.828 40.9454 173.57 46.5412C167.451 52.0124 158.488 56.0765 148.359 59.1904C142.911 60.865 137.033 62.2878 130.937 63.5124C130.65 64.9203 129.389 65.9597 127.909 65.9146C125.031 65.8269 121.949 65.752 118.705 65.6791C105.674 67.7086 92.2991 69.0078 80.4494 69.9897C78.7988 70.1263 77.3498 68.8936 77.2135 67.237C77.1178 66.0713 77.6985 65.0072 78.6255 64.4306C69.0757 63.9302 59.482 63.2019 50.4832 62.0812C37.5086 60.4655 25.5001 58.0092 16.5161 54.1241C7.65596 50.2926 0.765373 44.6175 0.0582766 36.0873C-0.461374 29.8163 2.53477 24.5074 7.42589 20.234C12.2678 16.0036 19.1909 12.5595 27.2866 9.78736C43.5134 4.23096 65.3362 1.08267 87.2844 0.234967ZM147.634 10.4933C130.95 6.85294 109.136 5.41517 87.515 6.25021C65.8789 7.08586 44.6927 10.188 29.2231 15.4852C21.4705 18.1399 15.3724 21.2733 11.3644 24.7752C7.40569 28.234 5.72224 31.8132 6.03507 35.5882C6.4548 40.6516 10.5749 44.9992 18.8895 48.5947C27.0805 52.1369 38.4119 54.5123 51.2221 56.1076C73.0567 58.8267 98.4043 59.2028 118.318 59.6485C128.326 58.0737 138.042 56.0661 146.603 53.4345C156.431 50.4133 164.419 46.6616 169.58 42.0466C174.602 37.5561 176.85 32.3773 175.709 25.9956C175.21 23.2042 172.82 20.2609 167.819 17.4372C162.897 14.6585 155.992 12.317 147.634 10.4933Z" fill="%23FFF06A"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-title-lg-deco::before {
    top: 62%;
    width: 13.6rem;
    height: 5.2rem;
  }
}
.p-index-job__flowBlock-list {
  position: relative;
  z-index: 1;
  margin-top: 5.7rem;
  padding-left: 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list {
    margin-top: 1.8rem;
    padding-left: 0;
  }
}
.p-index-job__flowBlock-list::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12.4rem;
  z-index: -1;
  translate: 0 -50%;
  width: 13.4rem;
  height: 80%;
  background: var(--color-span-beige);
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list::before {
    display: none;
  }
}
.p-index-job__flowBlock-list-item {
  display: grid;
  align-items: flex-start;
  grid-template-columns: auto 1fr 38.3rem;
  column-gap: 5rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-item {
    justify-content: space-between;
    grid-template-columns: auto 1fr;
    column-gap: 1.6rem;
  }
}
.p-index-job__flowBlock-list-item:nth-child(n+2) {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-item:nth-child(n+2) {
    margin-top: 2.9rem;
  }
}
.p-index-job__flowBlock-list-number {
  font-size: 1.8rem;
  line-height: 1;
  font-family: var(--font-family-en);
  color: var(--color-green);
  text-align: center;
	gap: 0.4rem;
  display: flex inline;
  flex-direction: column;
  margin-top: 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-number {
    font-size: 1.6rem;
    margin-top: 0;
  }
}
.p-index-job__flowBlock-list-number-text {
  font-size: 4.8rem;
  margin-inline: auto;
  width: fit-content;
  background: linear-gradient(180deg, rgba(58, 212, 122, 0.5) 0%, rgba(58, 212, 122, 0.05) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-number-text {
    font-size: 3.6rem;
    margin-top: 0.2rem;
  }
}
.p-index-job__flowBlock-list-box {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-box {
    margin-top: 0.9rem;
  }
}
.p-index-job__flowBlock-list-title {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: var(--color-blue);
  position: relative;
  padding-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-title {
    font-size: 1.8rem;
    line-height: 1.7222222222;
    padding-top: 1.2rem;
  }
}
.p-index-job__flowBlock-list-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4.6rem;
  height: 0.3rem;
  border-radius: var(--border-radius-infinity);
  background: var(--color-blue);
}
.p-index-job__flowBlock-list-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-text {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: 1.1rem;
  }
}
.p-index-job__flowBlock-list-img {
  margin: 0;
  border-radius: 2rem;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-job__flowBlock-list-img {
    grid-row: 2;
    grid-column: 2;
    margin-top: 1.7rem;
  }
}
.p-index-job__next {
  position: relative;
  z-index: 1;
  padding-block: 8.6rem 13.1rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-job__next {
    padding-block: 3.3rem 14.7rem;
  }
}
.p-index-job__next::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 112rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1530 1120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1530 660.882H1529V709.63C1529 731.721 1511.09 749.63 1489 749.63H1307.49C1288.62 749.63 1272.51 762.899 1267.11 780.981C1208.81 976.068 1006.33 1120 765.5 1120C524.669 1120 322.19 976.068 263.892 780.981C258.488 762.899 242.383 749.63 223.511 749.63H41C18.9086 749.63 1 731.721 1 709.63V660.882H0V0H1530V660.882Z" fill="%23F9F9F9"/></svg>') center bottom/100% auto no-repeat #fff;
}
@media screen and (max-width: 767px) {
  .p-index-job__next::before {
    height: 76.2rem;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 390 762" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M390 632.781H389.903V658.171C389.903 663.694 385.426 668.171 379.903 668.171H333.214C328.501 668.171 324.478 671.481 323.125 675.995C308.299 725.478 256.613 762 195.127 762C133.64 762 81.9538 725.478 67.1279 675.995C65.7754 671.481 61.7517 668.171 57.0391 668.171H10.0957C4.57308 668.171 0.0958349 663.694 0.0957031 658.171V632.781H0V0H390V632.781Z" fill="%23F9F9F9"/></svg>');
  }
}
.p-index-job__next::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7.8rem;
  translate: -50% 0;
  width: 7rem;
  height: 13.6rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 70 136" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.1282 32.9032C36.2984 34.3656 33.7016 34.3656 31.8718 32.9032L1.89652 8.9467C-1.81079 5.98378 0.281417 -4.15246e-07 5.0247 0L64.9753 5.24831e-06C69.7186 5.66356e-06 71.8108 5.98379 68.1035 8.9467L38.1282 32.9032Z" fill="url(%23paint0_linear_28651_3007)"/><path d="M38.1282 83.9032C36.2984 85.3656 33.7016 85.3656 31.8718 83.9032L1.89652 59.9467C-1.81078 56.9838 0.281422 51 5.0247 51L64.9753 51C69.7186 51 71.8108 56.9838 68.1035 59.9467L38.1282 83.9032Z" fill="url(%23paint1_linear_28651_3007)"/><path d="M38.1282 134.903C36.2984 136.366 33.7016 136.366 31.8718 134.903L1.89652 110.947C-1.81078 107.984 0.281422 102 5.0247 102L64.9753 102C69.7186 102 71.8108 107.984 68.1035 110.947L38.1282 134.903Z" fill="url(%23paint2_linear_28651_3007)"/><defs><linearGradient id="paint0_linear_28651_3007" x1="34.9997" y1="35.4033" x2="34.9997" y2="-11.8011" gradientUnits="userSpaceOnUse"><stop stop-color="%2348BC78"/><stop offset="1" stop-color="%2396E4A0"/></linearGradient><linearGradient id="paint1_linear_28651_3007" x1="35" y1="85" x2="35" y2="51" gradientUnits="userSpaceOnUse"><stop stop-color="%2348BC78"/><stop offset="1" stop-color="%2396E4A0"/></linearGradient><linearGradient id="paint2_linear_28651_3007" x1="35" y1="136" x2="35" y2="102" gradientUnits="userSpaceOnUse"><stop stop-color="%2348BC78"/><stop offset="1" stop-color="%2396E4A0"/></linearGradient></defs></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__next::after {
    bottom: -2.8rem;
    width: 5.1rem;
    height: 9.9rem;
  }
}
.p-index-job__next-text {
  font-size: 1.5rem;
  line-height: 2.4;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index-job__next-text {
    line-height: 2;
    text-align: left;
  }
}
.p-index-job__next-text + .p-index-job__next-text {
  position: relative;
  margin-top: 3.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__next-text + .p-index-job__next-text {
    position: revert;
    margin-top: 2.5rem;
  }
}
.p-index-job__next-text + .p-index-job__next-text::before, .p-index-job__next-text + .p-index-job__next-text::after {
content: "";
    position: absolute;
    bottom: -4.7rem;
    width: 15.2rem;
	    height: 16.6rem;
    background: url(img/index_job_flow_deco_3.png) center / contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__next-text + .p-index-job__next-text::before, .p-index-job__next-text + .p-index-job__next-text::after {
    bottom: 0.1rem;
    width: 8.5rem;
    height: 7.3rem;
  }
}
.p-index-job__next-text + .p-index-job__next-text::before {
    left: 13.4rem;
      width: 13.2rem;
    height: 15.6rem;
    background: url(img/index_job_flow_deco_2.png) center / contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-job__next-text + .p-index-job__next-text::before {
            left: 9.435897%;
        width: 10.5rem;
        height: 8.3rem;
  }
}
.p-index-job__next-text + .p-index-job__next-text::after {
      right: 10.4rem;
}
@media screen and (max-width: 767px) {
  .p-index-job__next-text + .p-index-job__next-text::after {
    right: 8.358974%;
        width: 10.5rem;
        height: 9.3rem;
  }
}
.p-index-make {
  container-type: inline-size;
  padding-top: 7.2rem;
  overflow-x: clip;
}
.p-index-make__intro {
  display: grid;
  align-items: flex-end;
  grid-template-columns: auto 1fr;
  column-gap: 6.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__intro {
    display: block;
    padding-left: 0;
  }
}
.p-index-make__intro-hgroup-en {
  font-size: 9.6rem;
  line-height: 1.0520833333;
  font-family: var(--font-family-en);
  display: inline-block;
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (max-width: 767px) {
  .p-index-make__intro-hgroup-en {
    font-size: 4.8rem;
    line-height: 1;
  }
}
.p-index-make__intro-hgroup-main {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: -2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__intro-hgroup-main {
    font-size: 1.8rem;
    line-height: 1.7222222222;
    margin-top: 0;
  }
}
.p-index-make__intro-hgroup-main-lg {
  font-size: 4.4rem;
  line-height: 1.7045454545;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__intro-hgroup-main-lg {
    font-size: 3rem;
    line-height: 1.6666666667;
    margin-top: 0.5rem;
  }
}
.p-index-make__intro-hgroup-main-lg-circle {
  font-size: 4.4rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  display: grid inline;
  place-content: center;
  margin-right: 0.7rem;
  padding-bottom: 0.2rem;
  width: 7.2rem;
  height: 6.9rem;
  border-radius: 50%;
  background: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-make__intro-hgroup-main-lg-circle {
    font-size: 3rem;
    line-height: 1.6666666667;
    width: 5rem;
    height: 4.8rem;
  }
}
.p-index-make__intro-text {
  font-size: 1.5rem;
  line-height: 2;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__intro-text {
    margin-top: 1.5rem;
    padding-bottom: 0;
  }
}
.p-index-make__dept {
  --_bg-color-fresh-chicken: var(--color-text-light-blue);
  --_bg-color-outpack: var(--color-text-green);
  --_bg-color-meat-processing: var(--color-span-orange);
  margin-top: 0rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept {
    margin-top:5.4rem;
  }
}
.p-index-make__dept-map {
  display: grid;
  align-items: flex-start;
  position: relative;
}
.p-index-make__dept-map-bg {
  grid-row: 1;
  grid-column: 1;
  margin-inline: calc(45% - 50cqi);
}
.p-index-make__dept-map-bg img {
  width: 100%;
}
.p-index-make__dept-map-inner {
  grid-row: 1;
  grid-column: 1;
  position: relative;
}
.p-index-make__dept-map-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 0.5rem;
  position: absolute;
  padding-block: 1.2rem 3rem;
  width: 26rem;
  height: 13.9rem;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 249 134" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M249 106C249 111.523 244.523 116 239 116H153.966C149.14 116 145.197 119.631 142.624 123.714C138.73 129.894 131.845 134 124 134C116.155 134 109.27 129.894 105.376 123.714C102.803 119.631 98.8599 116 94.0339 116H10C4.47715 116 0 111.523 0 106V10C0 4.47715 4.47715 0 10 0H239C244.523 0 249 4.47715 249 10V106Z" fill="black"/></svg>') center/cover no-repeat;
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-map-button {
    row-gap: 0.3rem;
    padding-block: 0.5rem 2rem;
    width: 13.3rem;
    height: 9.6rem;
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 133 96" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M133 72C133 77.5228 128.523 82 123 82H92.5388C87.8685 82 84.0297 85.4788 81.1358 89.1445C77.8395 93.32 72.7328 96 67 96C61.2672 96 56.1605 93.32 52.8642 89.1445C49.9703 85.4788 46.1315 82 41.4612 82H10C4.47715 82 0 77.5228 0 72V10C0 4.47715 4.47715 0 10 0H123C128.523 0 133 4.47715 133 10V72Z" fill="black"/></svg>') center/contain no-repeat;
  }
}
.p-index-make__dept-map-button:active, .p-index-make__dept-map-button:focus-visible {
  translate: 0 -10%;
}
@media (any-hover: hover) {
  .p-index-make__dept-map-button:hover {
    translate: 0 -10%;
  }
}
.p-index-make__dept-map-button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1.6rem;
  width: 100%;
  height: 1.1rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.2929 0.292893C18.6834 -0.0976306 19.3164 -0.0976306 19.707 0.292893C20.0975 0.683417 20.0975 1.31643 19.707 1.70696L10.707 10.707C10.3164 11.0975 9.68342 11.0975 9.29289 10.707L0.292893 1.70696C-0.0976311 1.31643 -0.0976311 0.683417 0.292893 0.292893C0.683417 -0.0976311 1.31643 -0.0976311 1.70696 0.292893L9.99992 8.58586L18.2929 0.292893Z" fill="white"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-map-button::after {
    bottom: 0.8rem;
    height: 0.7rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1464 0.146447C12.3417 -0.0488153 12.6582 -0.0488153 12.8535 0.146447C13.0487 0.341709 13.0487 0.658216 12.8535 0.853478L6.85348 6.85348C6.65822 7.04874 6.34171 7.04874 6.14645 6.85348L0.146447 0.853478C-0.0488155 0.658216 -0.0488155 0.341709 0.146447 0.146447C0.341709 -0.0488155 0.658216 -0.0488155 0.853478 0.146447L6.49996 5.79293L12.1464 0.146447Z" fill="white"/></svg>') center/contain no-repeat;
  }
}
.p-index-make__dept-map-button[name=fresh-chicken] {
     top: 2.45098vw;
    left: 42.8rem;
  background-color: var(--_bg-color-fresh-chicken);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-map-button[name=fresh-chicken] {
   top: calc(-46 / var(--width-sp-design) * 100vw);
        left: calc(226 / var(--width-sp-design) * 100vw);
  }
}
.p-index-make__dept-map-button[name=outpack] {
  top: 7.457516vw;
    left: 0rem;
  background-color: var(--_bg-color-outpack);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-map-button[name=outpack] {
    top: calc(26 / var(--width-sp-design) * 100vw);
        left: calc(-1 / var(--width-sp-design) * 100vw);
    width: 14.3rem;
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 143 96" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M143 72C143 77.5228 138.523 82 133 82H97.5388C92.8685 82 89.0297 85.4788 86.1358 89.1445C82.8395 93.32 77.7328 96 72 96C66.2672 96 61.1605 93.32 57.8642 89.1445C54.9703 85.4788 51.1315 82 46.4612 82H10C4.47715 82 0 77.5228 0 72V10C0 4.47715 4.47715 0 10 0H133C138.523 0 143 4.47715 143 10V72Z" fill="black"/></svg>') center/contain no-repeat;
  }
}
.p-index-make__dept-map-button[name=meat-processing] {
 top: 7.457516vw;
    right: 0rem;
  background-color: var(--_bg-color-meat-processing);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-map-button[name=meat-processing] {
           top: calc(175 / var(--width-sp-design) * 100vw);
        right: calc(18 / var(--width-sp-design) * 100vw);
  }
}
.p-index-make__dept-map-button-title, .p-index-make__dept-map-button-text {
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.p-index-make__dept-map-button-title {
  font-size: 2.4rem;
  line-height: 1.7083333333;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-map-button-title {
    font-size: 1.6rem;
    line-height: 1.6875;
  }
}
.p-index-make__dept-map-button-text {
  font-size: 1.5rem;
  line-height: 1.7333333333;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-map-button-text {
    font-size: 1.3rem;
    line-height: 1.3846153846;
  }
}
.p-index-make__dept-content {
  display: grid;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  margin-top: -11.3rem;
  padding: 0 10rem 8.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content {
    margin-top: -6.3rem;
    padding: 0 5.4469273743% 3rem;
  }
}
.p-index-make__dept-content::before {
  content: "";
  position: absolute;
  inset: 2.4rem 0 0;
  z-index: -1;
  border-radius: 2rem;
  background: #fff;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content::before {
    inset: 3.5rem 0 0;
  }
}
.p-index-make__dept-content-item {
  grid-row: 1;
  grid-column: 1;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.p-index-make__dept-content-item.is-show {
  height: auto;
  opacity: 1;
  pointer-events: auto;
}
.p-index-make__dept-content-item[data-js-tab-content=fresh-chicken] {
  --_title-bg-color: var(--_bg-color-fresh-chicken);
}
.p-index-make__dept-content-item[data-js-tab-content=outpack] {
  --_title-bg-color: var(--_bg-color-outpack);
}
.p-index-make__dept-content-item[data-js-tab-content=meat-processing] {
  --_title-bg-color: var(--_bg-color-meat-processing);
}
.p-index-make__dept-content-title {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  margin-left: -5rem;
  padding: 0 3rem 1.8rem;
  width: 43.5rem;
  height: 9.6rem;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 435 96" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M435 68C435 73.5228 430.523 78 425 78H123.966C119.14 78 115.197 81.631 112.624 85.7139C108.73 91.894 101.845 96 94 96C86.1553 96 79.2703 91.894 75.3758 85.7139C72.8028 81.631 68.8599 78 64.0339 78H10C4.47715 78 0 73.5228 0 68V10C0 4.47715 4.47715 0 10 0H425C430.523 0 435 4.47715 435 10V68Z" fill="black"/></svg>') center/contain no-repeat;
  background-color: var(--_title-bg-color);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-title {
    text-align: center;
    display: block;
    margin-inline: auto;
    padding: 1.2rem 0 1.6rem;
    width: 24.7rem;
    height: 11.4rem;
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 247 114" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M247 88.0186C247 93.5414 242.523 98.0186 237 98.0186H152.907C148.609 98.0186 144.954 100.914 142.418 104.384C138.157 110.214 131.271 114 123.501 114C115.731 114 108.844 110.214 104.583 104.384C102.047 100.914 98.3921 98.0186 94.0938 98.0186H10C4.47715 98.0186 0 93.5414 0 88.0186V10C0 4.47715 4.47715 0 10 0H237C242.523 0 247 4.47715 247 10V88.0186Z" fill="black"/></svg>') center/contain no-repeat;
  }
}
.p-index-make__dept-content-title-main {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  color: #fff;
  margin-right: 1.5rem;
  padding-right: 1.2rem;
  border-right: 0.1rem solid #fff;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-title-main {
    margin: 0;
    padding: 0;
    border: none;
  }
}
.p-index-make__dept-content-title-sub {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-title-sub {
    margin-top: 0.8rem;
  }
}
.p-index-make__dept-content-intro {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr 45rem;
  column-gap: 6rem;
  margin-top: 1.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-intro {
    display: block;
    margin-top: 1.5rem;
  }
}
.p-index-make__dept-content-intro-textBox {
  padding-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-intro-textBox {
    padding-top: 0;
  }
}
.p-index-make__dept-content-intro-title {
  font-size: 2.2rem;
  line-height: 2;
  font-weight: 700;
  color: var(--color-blue);
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 1rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-intro-title {
    font-size: 2rem;
    line-height: 1.7;
    text-align: center;
    text-underline-offset: 0.4rem;
  }
}
.p-index-make__dept-content-intro-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-intro-text {
    margin-top: 2.7rem;
  }
}
.p-index-make__dept-content-intro-imgBox {
  display: grid;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-intro-imgBox {
    margin: 3.7rem auto 0;
    width: 90.2821316614%;
  }
}
.p-index-make__dept-content-intro-img01 {
  grid-row: 1;
  grid-column: 1;
  margin: 0;
  border-radius: 2rem;
  overflow: hidden;
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.1));
}
.p-index-make__dept-content-intro-img02 {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  margin: auto -1.8rem -8.1rem auto;
  width: 16.5rem;
  border-radius: 50%;
  overflow: hidden;
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-intro-img02 {
    margin: auto -0.2rem -4.7rem auto;
    width: 35.7638888889%;
  }
}
.p-index-make__dept-content-block {
  margin-top: 12.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block {
    margin-top: 7rem;
  }
}
.p-index-make__dept-content-block + .p-index-make__dept-content-block {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block + .p-index-make__dept-content-block {
    margin-top: 5rem;
  }
}
.p-index-make__dept-content-block-hgroup {
  text-align: center;
}
.p-index-make__dept-content-block-hgroup-sub {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  font-family: var(--font-family-en);
  color: var(--color-green);
}
.p-index-make__dept-content-block-hgroup-main {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: #fff;
  margin-top: 0.4rem;
  padding: 1.7rem 1rem 1.8rem;
  border-bottom: 0.3rem solid var(--color-text-green);
  border-radius: 1rem 1rem 0 0;
  background: var(--color-green);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-hgroup-main {
    font-size: 1.8rem;
    line-height: 1.7;
    margin-top: 0.3rem;
    padding: 1.2rem 1rem;
    border-bottom-width: 0.1rem;
  }
}
.p-index-make__dept-content-block-text {
  font-size: 1.8rem;
  line-height: 2;
  text-align: center;
  margin-top: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-text {
    font-size: 1.5rem;
    line-height: 2;
    text-align: left;
    margin-top: 1.9rem;
  }
}
.p-index-make__dept-content-block-text + .c-real-voice {
  margin-top: 5.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-text + .c-real-voice {
    margin-top: 4rem;
  }
}
.p-index-make__dept-content-block-box {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 13rem 1fr;
  column-gap: 3.7rem;
  margin: 3.1rem auto 0;
  padding: 1.8rem 5.8rem 2.8rem 2rem;
  max-width: 70.1rem;
  border-radius: 1rem;
  background: var(--color-bg-gray);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box {
    display: block;
    margin-top: 2.8rem;
    padding: 1.4rem 5.9561128527% 1.8rem;
    max-width: 100%;
  }
}
.p-index-make__dept-content-block-box + .c-real-voice {
  margin-top: 6.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box + .c-real-voice {
    margin-top: 3.2rem;
  }
}
.p-index-make__dept-content-block-box-theme {
  position: relative;
}
.p-index-make__dept-content-block-box-title {
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-block: 1.3rem 1.2rem;
  border-radius: 1rem;
  background: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box-title {
    padding: 0.5rem 2rem;
    width: fit-content;
  }
}
.p-index-make__dept-content-block-box-img {
  position: absolute;
top:calc(100% + -3.5rem);
    left: -7.3rem;
    width:13.7rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box-img {
    top: -1.8rem;
    left: auto;
    right: -3.1347962382%;
    width: 7rem;
  }
}
.p-index-make__dept-content-block-box-list {
  margin-top: 1.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box-list {
    margin-top: 2.1rem;
  }
}
.p-index-make__dept-content-block-box-list-item {
  font-size: 1.5rem;
  line-height: 1.4;
  position: relative;
  padding-left: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box-list-item {
    font-size: 1.4rem;
    line-height: 2;
    padding-left: 3.2rem;
  }
}
.p-index-make__dept-content-block-box-list-item:nth-child(n+2) {
  margin-top: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box-list-item:nth-child(n+2) {
    margin-top: 1.7rem;
  }
}
.p-index-make__dept-content-block-box-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.3rem;
  height: 2.3rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="11.5" fill="%23FCA14B"/><path d="M17.6659 7.75687C18.0864 7.39916 18.7171 7.44995 19.0751 7.87015C19.4332 8.29066 19.3824 8.92228 18.9618 9.28031L10.5302 16.459C10.134 16.7963 9.54544 16.7733 9.17668 16.4063L4.4052 11.6534C4.01395 11.2636 4.01345 10.6296 4.40325 10.2383C4.79307 9.84744 5.42618 9.84669 5.81731 10.2364L9.93547 14.3389L17.6659 7.75687Z" fill="white"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-content-block-box-list-item::before {
    top: 0.3rem;
  }
}
.p-index-make__dept-summary {
  position: relative;
  z-index: 1;
  padding-block: 5.5rem 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary {
    padding-block: 1rem 0;
  }
}
.p-index-make__dept-summary::before, .p-index-make__dept-summary::after {
  content: "";
  position: absolute;
  background: #fff;
}
.p-index-make__dept-summary::before {
  top: -65.6rem;
  left: 50%;
  translate: -50% 0;
  width: 103.7rem;
  height: 85.8rem;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary::before {
    top: -10.9rem;
    width: 26.5rem;
    height: 23rem;
  }
}
.p-index-make__dept-summary::after {
  top: -65.6rem;
  left: calc(50% - 50cqi);
  width: 100cqi;
  height: 57.7rem;
  border-radius: 0 0 4rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary::after {
    top: -3.9rem;
    height: 6.6rem;
    border-radius: 0 0 1rem 1rem;
  }
}
.p-index-make__dept-summary-bg {
  position: absolute;
  inset: -12rem calc(50% - 50cqi) 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-bg {
    inset: -0.7rem calc(50% - 50cqi) calc(137 / var(--width-sp-design) * 100vw);
  }
}
.p-index-make__dept-summary-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.p-index-make__dept-summary-buttons {
  display: flex;
  justify-content: center;
  column-gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-buttons {
    column-gap: 1.2rem;
  }
}
.p-index-make__dept-summary-buttons-item {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: #fff;
  text-align: center;
  display: grid;
  place-content: center;
  position: relative;
  z-index: 1;
  padding-top: 1.9rem;
  width: 24.9rem;
  height: 9.3rem;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 249 93" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.68248e-06 28C6.1653e-06 22.4771 4.47716 18 10 18L95.0339 18C99.8599 18 103.803 14.369 106.376 10.2861C110.27 4.10601 117.155 -1.15262e-05 125 -1.08404e-05C132.845 -1.01546e-05 139.73 4.10601 143.624 10.2861C146.197 14.369 150.14 18 154.966 18L239 18C244.523 18 249 22.4772 249 28L249 83C249 88.5228 244.523 93 239 93L10 93C4.47716 93 3.91405e-07 88.5228 8.74228e-07 83L5.68248e-06 28Z" fill="black"/></svg>') center/cover no-repeat;
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-buttons-item {
    font-size: 1.9rem;
    line-height: 1.7368421053;
    padding-block: 1.5rem 0;
    width: 10.1rem;
    height: 7.6rem;
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 101 76" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.62214e-06 23.1289C5.01462e-06 18.6394 3.63943 15 8.12888 15L26.5467 15C30.534 15 33.7726 11.9552 35.8552 8.55503C38.9981 3.42374 44.656 8.94443e-05 51.1143 -4.36115e-06C57.5727 -3.79654e-06 63.2311 3.42367 66.3742 8.55504C68.4569 11.9552 71.6955 15 75.6828 15L92.8711 15C97.3606 15 101 18.6394 101 23.1289L101 67.8711C101 72.3606 97.3606 76 92.8711 76L8.12888 76C3.63942 76 3.18168e-07 72.3606 7.10649e-07 67.8711L4.62214e-06 23.1289Z" fill="black"/></svg>') center/contain no-repeat;
  }
}
.p-index-make__dept-summary-buttons-item:active, .p-index-make__dept-summary-buttons-item:focus-visible {
  translate: 0 -10%;
}
@media (any-hover: hover) {
  .p-index-make__dept-summary-buttons-item:hover {
    translate: 0 -10%;
  }
}
.p-index-make__dept-summary-buttons-item::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 100%;
  height: 1.1rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.70711 10.7071C1.31658 11.0976 0.683571 11.0976 0.293045 10.7071C-0.0974788 10.3166 -0.0974788 9.68357 0.293045 9.29304L9.29305 0.293043C9.68357 -0.0974817 10.3166 -0.0974816 10.7071 0.293043L19.7071 9.29304C20.0976 9.68357 20.0976 10.3166 19.7071 10.7071C19.3166 11.0976 18.6836 11.0976 18.293 10.7071L10.0001 2.41414L1.70711 10.7071Z" fill="white"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-buttons-item::after {
    top: 1.3rem;
    height: 0.9rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36545 8.76037C1.05303 9.07943 0.546579 9.07967 0.234306 8.76037C-0.078101 8.44085 -0.0781009 7.92202 0.234306 7.60251L7.43443 0.239633C7.74683 -0.0798783 8.25317 -0.0798782 8.56557 0.239633L15.7657 7.60251C16.0781 7.92203 16.0781 8.44086 15.7657 8.76037C15.4533 9.07988 14.946 9.07988 14.6336 8.76037L8.00048 1.97543L1.36545 8.76037Z" fill="white"/></svg>') center/contain no-repeat;
  }
}
.p-index-make__dept-summary-buttons-item[name=fresh-chicken] {
  background-color: var(--_bg-color-fresh-chicken);
}
.p-index-make__dept-summary-buttons-item[name=outpack] {
  background-color: var(--_bg-color-outpack);
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-buttons-item[name=outpack] {
    width: 13.1rem;
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 131 76" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.62214e-06 23.1289C5.01462e-06 18.6394 3.63943 15 8.12888 15L40.5476 15C44.535 15 47.7735 11.9552 49.8563 8.555C52.9995 3.42368 58.6578 5.97358e-05 65.1162 -5.75974e-06C71.5747 -5.19513e-06 77.233 3.42365 80.3762 8.55502C82.4589 11.9552 85.6974 15 89.6848 15L122.871 15C127.361 15 131 18.6394 131 23.1289L131 67.8711C131 72.3606 127.361 76 122.871 76L8.12888 76C3.63942 76 3.18168e-07 72.3606 7.10649e-07 67.8711L4.62214e-06 23.1289Z" fill="black"/></svg>') center/cover no-repeat;
  }
}
.p-index-make__dept-summary-buttons-item[name=meat-processing] {
  background-color: var(--_bg-color-meat-processing);
}
.p-index-make__dept-summary-block {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 41.8rem 1fr;
  column-gap: 7.5rem;
  margin-top: 17.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-block {
    display: block;
    margin-top: 8.7rem;
  }
}
.p-index-make__dept-summary-textBox {
  grid-row: 1;
  grid-column: 2;
  padding-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-textBox {
    padding-top: 0;
  }
}
.p-index-make__dept-summary-hgroup-en {
  font-size: 2.4rem;
  line-height: 1;
  font-family: var(--font-family-en);
  color: var(--color-light-blue);
}
.p-index-make__dept-summary-hgroup-main {
  font-size: 1.8rem;
  line-height: 2.3888888889;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-hgroup-main {
    line-height: 2;
    margin-top: 1.9rem;
  }
}
.p-index-make__dept-summary-hgroup-main-adjustment {
  font-size: 2.4rem;
  line-height: 2.4166666667;
  position: relative;
  margin-right: 0.2em;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-hgroup-main-adjustment {
    font-size: 2.2rem;
    line-height: 2;
    margin-right: 0;
  }
}
.p-index-make__dept-summary-hgroup-main-adjustment::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.8rem;
  z-index: -1;
  translate: -50% 0;
  width: 43.4rem;
  height: 1.9rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 434 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 15.9995C104.485 4.83201 325.123 0.383604 431 4.52372" stroke="%23FFF06A" stroke-width="6" stroke-linecap="round"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-hgroup-main-adjustment::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-hgroup-main-adjustment-01, .p-index-make__dept-summary-hgroup-main-adjustment-02 {
    position: relative;
  }
  .p-index-make__dept-summary-hgroup-main-adjustment-01::before, .p-index-make__dept-summary-hgroup-main-adjustment-02::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.1rem;
    z-index: -1;
    translate: -50% 0;
    height: 0.9rem;
  }
}
.p-index-make__dept-summary-hgroup-main-adjustment-01::before {
  width: 22.5rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 225 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6C54.9282 3.42288 167.825 2.39633 222 3.35174" stroke="%23FFF06A" stroke-width="6" stroke-linecap="round"/></svg>') center/contain no-repeat;
}
.p-index-make__dept-summary-hgroup-main-adjustment-02::before {
  width: 18.4rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 184 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6C45.2065 3.42288 136.967 2.39633 181 3.35174" stroke="%23FFF06A" stroke-width="6" stroke-linecap="round"/></svg>') center/contain no-repeat;
}
.p-index-make__dept-summary-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 7.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-text {
    margin-top: 3.1rem;
  }
}
.p-index-make__dept-summary-text + .p-index-make__dept-summary-text {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-text + .p-index-make__dept-summary-text {
    margin-top: 1lh;
  }
}
.p-index-make__dept-summary-imgBox {
  display: grid;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-imgBox {
    margin-top: 1.9rem;
  }
}
.p-index-make__dept-summary-img01 {
  grid-row: 1;
  grid-column: 1;
  margin: 0 0 0 auto;
  width: 32rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-img01 {
    margin-top: 1.9553072626%;
    width: 43.5754189944%;
  }
}
.p-index-make__dept-summary-img02 {
  grid-row: 1;
  grid-column: 1;
  margin: 33.3rem auto 0 -0.3rem;
  width: 22rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-make__dept-summary-img02 {
    margin: 0 51.6759776536% 0 auto;
    width: 29.6089385475%;
  }
}
.p-index-interview {
  padding-top: 11.3rem;
  container-type: inline-size;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-interview {
    padding-top: 1.9rem;
  }
}
.p-index-interview .c-wrap {
  max-width: 122.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview .c-wrap {
    width: 92.8205128205%;
  }
}
.p-index-interview__hgroup {
  position: relative;
  margin-inline: auto;
  padding-bottom: 4.5rem;
  max-width: 111.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__hgroup {
    padding-bottom: 2.2rem;
  }
}
.p-index-interview__hgroup::before {
  content: "";
  position: absolute;
  left: calc(50% - 50cqi);
  bottom: 0;
  width: 100cqi;
  height: 0.2rem;
  background: url('data:image/svg+xml,%3Csvg width="772" height="2" viewBox="0 0 772 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L771 1" stroke="%232CD2DE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 6"/%3E%3C/svg%3E') left bottom/auto 0.2rem repeat-x;
}
.p-index-interview__hgroup-en {
  font-size: 9.6rem;
  line-height: 1.0520833333;
  font-family: var(--font-family-en);
  display: inline-block;
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (max-width: 767px) {
  .p-index-interview__hgroup-en {
    font-size: 4.8rem;
    line-height: 1;
  }
}
.p-index-interview__hgroup-main {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: -2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__hgroup-main {
    font-size: 1.8rem;
    line-height: 1.7222222222;
    margin-top: 0;
  }
}
.p-index-interview__hgroup-main-lg {
  font-size: 4.4rem;
  line-height: 1.7045454545;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__hgroup-main-lg {
    font-size: 3rem;
    line-height: 1.6666666667;
    margin-top: 0.5rem;
  }
}
.p-index-interview__hgroup-main-lg-circle {
  font-size: 4.4rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  display: grid inline;
  place-content: center;
  margin-right: 0.7rem;
  padding-bottom: 0.2rem;
  width: 7.2rem;
  height: 6.9rem;
  border-radius: 50%;
  background: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-interview__hgroup-main-lg-circle {
    font-size: 3rem;
    line-height: 1.6666666667;
    width: 5rem;
    height: 4.8rem;
  }
}
.p-index-interview__list {
  margin: 7.2rem auto 0;
  max-width: 98.4rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list {
    margin-top: 6.2rem;
  }
}
.p-index-interview__list-item:nth-child(n+2) {
  margin-top: 7.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-item:nth-child(n+2) {
    margin-top: 6.6rem;
  }
}
.p-index-interview__list-item:nth-child(even) .p-index-interview__list-question {
  margin-left: auto;
  padding-inline: 7rem 0;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-item:nth-child(even) .p-index-interview__list-question {
    padding-inline: 11.0497237569% 35.9116022099%;
    width: 100%;
  }
}
.p-index-interview__list-item:nth-child(even) .p-index-interview__list-question::before {
  inset: 2.4rem calc(50% - 50cqi) -6.9rem 0;
  border-radius: var(--border-radius-infinity) 0 0 var(--border-radius-infinity);
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-item:nth-child(even) .p-index-interview__list-question::before {
    inset: 1.8rem calc(50% - 50cqi) -7rem 0;
  }
}
.p-index-interview__list-item:nth-child(even) .p-index-interview__list-answer {
  grid-template-columns: 1fr 52rem;
  padding-inline: 0 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-item:nth-child(even) .p-index-interview__list-answer {
    padding: 5.5248618785% 4.6961325967%;
  }
}
.p-index-interview__list-item:nth-child(even) .p-index-interview__list-answer-textBox {
  grid-row: 1;
  grid-column: 2;
}
.p-index-interview__list-item:nth-child(3n+1) .p-index-interview__list-question::before {
  background: #E2F5FB;
}
.p-index-interview__list-item:nth-child(3n+1) .p-index-interview__list-answer {
  background: #A5E9FA;
}
.p-index-interview__list-item:nth-child(3n+1) .p-index-interview__list-answer-figure-caption-label {
  background: var(--color-text-light-blue);
}
.p-index-interview__list-item:nth-child(3n+2) .p-index-interview__list-question::before {
  background: #EBFBF6;
}
.p-index-interview__list-item:nth-child(3n+2) .p-index-interview__list-answer {
  background: #BAEFD0;
}
.p-index-interview__list-item:nth-child(3n+2) .p-index-interview__list-answer-figure-caption-label {
  background: var(--color-text-green);
}
.p-index-interview__list-item:nth-child(3n+3) .p-index-interview__list-question::before {
  background: var(--color-span-beige);
}
.p-index-interview__list-item:nth-child(3n+3) .p-index-interview__list-answer {
  background: #FFDEC0;
}
.p-index-interview__list-item:nth-child(3n+3) .p-index-interview__list-answer-figure-caption-label {
  background: var(--color-span-orange);
}
.p-index-interview__list-question {
  position: relative;
  padding-right: 8.6rem;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-question {
    padding-inline: 5.5248618785% 35.9116022099%;
  }
}
.p-index-interview__list-question::before {
  content: "";
  position: absolute;
  inset: 2.4rem 0 -6.9rem calc(50% - 50cqi);
  z-index: -1;
  border-radius: 0 var(--border-radius-infinity) var(--border-radius-infinity) 0;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-question::before {
    inset: 1.8rem 0 -7rem calc(50% - 50cqi);
  }
}
.p-index-interview__list-question-number {
  font-size: 4.8rem;
  line-height: 1;
  font-family: var(--font-family-en);
  background: linear-gradient(180deg, rgba(58, 212, 122, 0.5) 41.67%, rgba(58, 212, 122, 0) 109.37%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-question-number {
    font-size: 3.6rem;
    margin-left: calc(-17 / var(--width-sp-design) * 100vw);
  }
}
.p-index-interview__list-question-title {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-question-title {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 1.5rem;
  }
}
.p-index-interview__list-question-title-lg {
  font-size: 2.4rem;
  line-height: 1.7083333333;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-question-title-lg {
    font-size: 1.8rem;
    line-height: 1.6875;
  }
}
.p-index-interview__list-answer {
  --_answer-grid-template-rows: 0fr;
  display: grid;
  grid-template-columns: 52rem 1fr;
  position: relative;
  z-index: 1;
  margin: 2.3rem auto 0;
  padding: 2.1rem 0 2.5rem 2.3rem;
  max-width: 80rem;
  border-radius: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer {
    display: block;
    margin-top: 2.6rem;
    padding: 1.7rem 4.6961325967% 2rem 5.5248618785%;
  }
}
.p-index-interview__list-answer.is-open {
  --_answer-grid-template-rows: 1fr;
}
.p-index-interview__list-answer-textBox {
  padding: 1.9rem 2.3rem 2.5rem;
  border-radius: 1.6rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-textBox {
    padding: 2.1rem 5.1829268293% 1.7rem;
    border-radius: 1.2rem;
  }
}
.p-index-interview__list-answer-title {
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
  color: var(--color-blue);
  position: relative;
  padding: 0.7rem 0 0 5rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-title {
    padding: 4.9rem 0 0;
  }
}
.p-index-interview__list-answer-title::before {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 500;
  font-family: var(--font-family-en);
  color: #fff;
  content: "A.";
  display: grid;
  place-content: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0.3rem 0.6rem;
  width: 3.9rem;
  height: 3.9rem;
  border-radius: 50%;
  background: var(--color-green);
}
.p-index-interview__list-answer-button {
  position: relative;
  margin: 2.1rem auto 0;
  width: 17.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-button {
    margin-top: 1.5rem;
    width: 13.7rem;
  }
}
.p-index-interview__list-answer-button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.6rem;
  z-index: 1;
  translate: 0 -50%;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.1rem solid #1372A1;
  border-radius: 50%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-button::before {
    right: 0.7rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}
.p-index-interview__list-answer-button-trigger {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  font-family: var(--font-family-en);
  color: #fff;
  display: grid;
  place-content: center;
  position: relative;
  padding-right: 0.6rem;
  width: 100%;
  height: 3.4rem;
  border-radius: var(--border-radius-infinity);
  background: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-button-trigger {
    padding-right: 2rem;
  }
}
.p-index-interview__list-answer-button-trigger::before, .p-index-interview__list-answer-button-trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.3rem;
  z-index: 1;
  translate: 0 -50%;
  width: 1.1rem;
  height: 0.1rem;
  border-radius: var(--border-radius-infinity);
  background: #fff;
  transition: opacity var(--transition-base), rotate var(--transition-base);
}
.p-index-interview__list-answer-button-trigger::after {
  rotate: 90deg;
}
.p-index-interview__list-answer-button-trigger.is-active::before {
  rotate: -90deg;
  opacity: 0;
}
.p-index-interview__list-answer-button-trigger.is-active::after {
  rotate: 0deg;
}
.p-index-interview__list-answer-detail {
  display: grid;
  grid-template-rows: var(--_answer-grid-template-rows);
  transition: grid-template-rows var(--transition-base) ease-in-out;
}
.p-index-interview__list-answer-detail-outer {
  overflow: hidden;
}
.p-index-interview__list-answer-detail-inner {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-detail-inner {
    margin-top: 1.5rem;
  }
}
.p-index-interview__list-answer-detail-text {
  font-size: 1.5rem;
  line-height: 2;
}
.p-index-interview__list-answer-detail-text:nth-child(n+2) {
  margin-top: 0.5lh;
}
.p-index-interview__list-answer-figure {
  margin: -6.7rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-figure {
    position: absolute;
    top: -11rem;
    right: calc(17 / var(--width-sp-design) * 100vw);
    margin: 0;
  }
}
.p-index-interview__list-answer-figure-img {
  margin-inline: auto;
  width: 15.9rem;
  border-radius: var(--border-radius-infinity);
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.1));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-figure-img {
    width: 10.7rem;
  }
}
.p-index-interview__list-answer-figure-caption {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 700;
  color: var(--color-blue);
  text-align: center;
  margin-top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-figure-caption {
    line-height: 1.4285714286;
    position: relative;
    z-index: 1;
    margin-top: -2.1rem;
  }
}
.p-index-interview__list-answer-figure-caption-label {
  font-size: 1.6rem;
  line-height: 1.5625;
  font-weight: 700;
  color: #fff;
  margin-inline: auto;
  width: fit-content;
  padding-inline: 0.5rem;
  border-radius: 0.7rem;
  background: var(--color-text-light-blue);
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-figure-caption-label {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    padding-inline: calc(6 / var(--width-sp-design) * 100vw);
  }
}
.p-index-interview__list-answer-cta {
  display: grid;
  grid-template-rows: var(--_answer-grid-template-rows);
  transition: grid-template-rows var(--transition-base) ease-in-out;
}
.p-index-interview__list-answer-cta-outer {
  overflow: hidden;
}
.p-index-interview__list-answer-cta-inner {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-cta-inner {
    margin-top: 2.2rem;
  }
}
.p-index-interview__list-answer-cta-text {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 700;
  text-align: center;
}
.p-index-interview__list-answer-cta-button-link {
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 700;
  color: var(--color-blue);
  display: block;
  position: relative;
	    text-align: center;
  margin: 0.4rem auto 0;
  padding: 1.1rem 2.7rem 1.1rem 1.6rem;
  width: 19.6rem;
  border: 0.1rem solid var(--color-blue);
  border-radius: var(--border-radius-infinity);
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-cta-button-link {
    padding: 2.3rem 4.2rem 2.3rem 2.7rem;
    width: 100%;
    max-width: 32.5rem;
  }
}
.p-index-interview__list-answer-cta-button-link::before, .p-index-interview__list-answer-cta-button-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  translate: 0 -50%;
  width: 1.9rem;
  height: 1.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__list-answer-cta-button-link::before, .p-index-interview__list-answer-cta-button-link::after {
    right: 2.3rem;
  }
}
.p-index-interview__list-answer-cta-button-link::before {
  border-radius: 50%;
  background: var(--color-blue);
}
.p-index-interview__list-answer-cta-button-link::after {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25674 14.669C6.8873 14.2585 6.9205 13.6264 7.33096 13.2569L11.5048 9.5001L7.33096 5.74326C6.9205 5.3738 6.8873 4.74164 7.25674 4.33115C7.62621 3.92069 8.25836 3.88749 8.66885 4.25693L13.6688 8.75693C13.8795 8.94657 13.9999 9.21663 13.9999 9.5001C13.9999 9.78356 13.8795 10.0536 13.6688 10.2433L8.66885 14.7433C8.25836 15.1127 7.62621 15.0795 7.25674 14.669Z" fill="white"/></svg>') center/contain no-repeat;
}
.p-index-interview__text {
  font-size: 1.5rem;
  line-height: 2.2;
  text-align: center;
  margin-top: 9.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__text {
    text-align: left;
    margin-top: 6rem;
  }
}
.p-index-interview__text:nth-of-type(n+2) {
  margin-top: 2rem;
}
.p-index-interview__sponsored {
  position: relative;
  z-index: 1;
  margin-top: 12.4rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored {
    margin: 9rem auto 0;
    padding-bottom: 9.5rem;
    width: 98.8950276243%;
  }
}
.p-index-interview__sponsored::before, .p-index-interview__sponsored::after {
  content: "";
  position: absolute;
  z-index: -1;
  background: #E7F6F7;
}
.p-index-interview__sponsored::before {
  inset: 53.0718954248vw calc(50% - 50cqi) 0;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored::before {
    inset: calc(250 / var(--width-sp-design) * 100vw) calc(50% - 50cqi) 0;
  }
}
.p-index-interview__sponsored::after {
  top: 10vw;
  left: calc(50% - 51cqi);
  width: 107.3202614379vw;
  height: 82.2875816993vw;
  border-radius: 50%;
  rotate: -8.6deg;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored::after {
    top: calc(87 / var(--width-sp-design) * 100vw);
    left: calc(50% - 50cqi);
    width: 100cqi;
    height: calc(316 / var(--width-sp-design) * 100vw);
    rotate: none;
  }
}
.p-index-interview__sponsored-images {
  display: grid;
  align-items: flex-start;
  justify-content: space-between;
  grid-template-columns: 29.5rem 21.4rem 18.3rem 19.1rem;
  padding-right: 2rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-images {
    grid-template-columns: calc(140 / var(--width-sp-design) * 100vw) calc(83 / var(--width-sp-design) * 100vw) calc(90 / var(--width-sp-design) * 100vw);
    padding-right: calc(3 / var(--width-sp-design) * 100vw);
  }
}
.p-index-interview__sponsored-images-item {
  border-radius: 2rem;
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.1));
  overflow: hidden;
}
.p-index-interview__sponsored-images-item:nth-child(1) {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-images-item:nth-child(1) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-images-item:nth-child(2) {
    margin-top: calc(47 / var(--width-sp-design) * 100vw);
  }
}
.p-index-interview__sponsored-images-item:nth-child(3) {
  margin-top: 16.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-images-item:nth-child(3) {
    margin-top: calc(67 / var(--width-sp-design) * 100vw);
  }
}
.p-index-interview__sponsored-images-item:nth-child(4) {
  margin-top: 6.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-images-item:nth-child(4) {
    display: none;
  }
}
.p-index-interview__sponsored-block {
  display: grid;
  grid-template-columns: 47.9rem 1fr;
  column-gap: 7.2rem;
  margin: 4.7rem auto 0;
  max-width: 110.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block {
    display: block;
    margin-top: 2.7rem;
  }
}
.p-index-interview__sponsored-block-hgroup {
  padding: 0.3rem 1rem 2.3rem;
  border: 0.2rem solid var(--color-light-blue);
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-hgroup {
    padding: 1.6rem 5.5865921788%;
  }
}
.p-index-interview__sponsored-block-hgroup-en {
  font-size: 3.2rem;
  line-height: 1;
  font-family: var(--font-family-en);
  color: rgba(44, 210, 222, 0.2);
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-hgroup-en {
    font-size: 2rem;
  }
}
.p-index-interview__sponsored-block-hgroup-sub {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: 1rem;
  padding-left: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-hgroup-sub {
    font-size: 1.8rem;
    line-height: 1.3888888889;
    margin-top: 1.5rem;
    padding-left: 0.6289308176%;
  }
}
.p-index-interview__sponsored-block-hgroup-main {
  font-size: 3.6rem;
  line-height: 1.3888888889;
  font-weight: 700;
  color: var(--color-blue);
  padding-left: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-hgroup-main {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    padding-left: 0.6289308176%;
  }
}
.p-index-interview__sponsored-block-title {
  font-size: 2rem;
  line-height: 2;
  font-weight: 700;
  color: var(--color-blue);
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 1rem;
  margin-top: 4.7rem;
  padding-left: 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-title {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    text-underline-offset: 0.4rem;
    margin-top: 1.9rem;
    padding-left: 0;
  }
}
.p-index-interview__sponsored-block-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 3rem;
  padding-left: 5.2rem;
}
.p-index-interview__sponsored-block-box .caption{
	margin-top: 3rem;
   padding-left: 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-text {
    margin-top: 2.3rem;
    padding-left: 0;
  }
	.p-index-interview__sponsored-block-box .caption{
    margin-top: 2.3rem;
    padding-left: 0;
}
}
.p-index-interview__sponsored-block-list {
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-list {
    margin-top: 3.1rem;
  }
}
.p-index-interview__sponsored-block-list-item {
  padding: 1.8rem 3.8rem 3.8rem;
  border-radius: 2rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-list-item {
    padding: 2.4rem 8.3798882682% 2.1rem;
  }
}
.p-index-interview__sponsored-block-list-item:nth-child(n+2) {
  margin-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-list-item:nth-child(n+2) {
    margin-top: 3rem;
  }
}
.p-index-interview__sponsored-block-list-hgroup {
  display: grid;
  align-items: center;
  grid-template-columns: 6.3rem 1fr;
  column-gap: 2.3rem;
  position: relative;
  margin-inline: auto;
  padding-bottom: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-list-hgroup {
    grid-template-columns: 5rem 1fr;
    column-gap: 1.1rem;
    padding-bottom: 2.6rem;
  }
}
.p-index-interview__sponsored-block-list-hgroup::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background: url('data:image/svg+xml,%3Csvg width="772" height="2" viewBox="0 0 772 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L771 1" stroke="%232CD2DE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 6"/%3E%3C/svg%3E') left bottom/auto 0.2rem repeat-x;
}
.p-index-interview__sponsored-block-list-hgroup-icon {
  grid-row: span 3;
  grid-column: 1;
}
.p-index-interview__sponsored-block-list-hgroup-sub {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  font-weight: 700;
  font-family: var(--font-family-en);
  color: var(--color-green);
  grid-row: 1;
  grid-column: 2;
}
@media screen and (max-width: 767px) {
  .p-index-interview__sponsored-block-list-hgroup-sub {
    margin-top: 0;
  }
}
.p-index-interview__sponsored-block-list-hgroup-main {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--color-blue);
  grid-row: 2;
  grid-column: 2;
}
.p-index-interview__sponsored-block-list-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 2rem;
}
.p-index-career-pass {
  position: relative;
  z-index: 1;
  background: #E7F6F7;
  padding-top: 13rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass {
    padding-top: 5rem;
  }
}
.p-index-career-pass::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 4rem 4rem 0 0;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass::before {
    border-radius: 2rem 2rem 0 0;
  }
}
.p-index-career-pass__intro-hgroup {
  position: relative;
}
.p-index-career-pass__intro-hgroup:before {
  content: "";
  width: 12.2rem;
  aspect-ratio: 112/95;
  position: absolute;
  left: calc(50% - 31rem);
  top: -11.5rem;
  background: url(./img/index_careerpass_intro_deco.png) center/contain no-repeat;
}
.p-index-career-pass__intro-hgroup-en {
  font-size: 6.4rem;
  line-height: 1;
  font-family: var(--font-family-en);
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__intro-hgroup-en {
    font-size: 3.2rem;
    line-height: 1.5;
  }
}
.p-index-career-pass__intro-hgroup-main {
  margin-top: 1rem;
  font-size: 3.2rem;
  line-height: 1.40625;
  font-weight: 700;
  color: var(--color-blue);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__intro-hgroup-main {
    font-size: 1.8rem;
    line-height: 1.7222222222;
    margin-top: 0;
  }
}
.p-index-career-pass__intro-hgroup-main-adjustment {
  font-size: 3.2rem;
  line-height: 2;
  position: relative;
  z-index: 0;
  padding-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__intro-hgroup-main-adjustment {
    font-size: 1.8rem;
    line-height: 1.8888888889;
    margin-right: 0;
  }
}
.p-index-career-pass__intro-hgroup-main-adjustment::before {
  content: "";
  position: absolute;
  left: calc(50% + 0.2rem);
  bottom: -1rem;
  z-index: -1;
  translate: -50% 0;
  width: 20.9rem;
  height: 3rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 144 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.00061 10.9993C35.7225 4.12702 106.863 1.38954 141.001 3.9373" stroke="%23FFF06A" stroke-width="6" stroke-linecap="round"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__intro-hgroup-main-adjustment::before {
    width: 12.6rem;
    height: 1rem;
    left: calc(50% + 0.2rem);
    bottom: -0.3rem;
  }
}
.p-index-career-pass__single {
  background: #F9F9F9;
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 2rem;
  margin-top: 6rem;
  padding: 0 6rem 0 4rem;
  display: grid;
  grid-template-columns: 23.9rem 1fr;
  column-gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__single {
    margin-top: 8rem;
    display: block;
    padding: 0;
  }
}
.p-index-career-pass__single-imgBox {
  margin-top: -2.5rem;
}
.p-index-career-pass__single-imgBox-img {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__single-imgBox-img {
    margin: 0 auto;
    width: 66.7597765363%;
    position: relative;
    top: -3rem;
  }
}
.p-index-career-pass__single-text {
  padding: 5.8rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__single-text {
    padding: 0 2rem 4.5rem;
  }
}
.p-index-career-pass__single-text-title {
  font-size: 2rem;
  line-height: 2;
  font-weight: 700;
  color: var(--color-blue);
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 1rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__single-text-title {
    font-size: 1.8rem;
    line-height: 2;
    text-underline-offset: 0.5rem;
  }
}
.p-index-career-pass__single-text-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__single-text-text {
    font-size: 1.5rem;
    line-height: 2;
  }
}
.p-index-career-pass__flow {
  background: #F9F9F9;
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 2rem;
  margin-top: 8rem;
  padding: 0 10rem 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow {
    margin-top: 10rem;
    display: block;
    padding: 0 0 5rem;
  }
}
.p-index-career-pass__flow-intro {
  display: grid;
  grid-template-columns: 1fr 39.7rem;
  column-gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-intro {
    display: block;
  }
}
.p-index-career-pass__flow-intro-imgBox {
  aspect-ratio: 397/293;
  border-radius: 2rem;
  overflow: hidden;
  filter: drop-shadow(0 0.4rem 1.5rem rgba(0, 0, 0, 0.2));
  margin-top: -2.5rem;
  order: 2;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-intro-imgBox {
    order: 1;
    width: 73.8035264484%;
    margin: 0 2rem 0 auto;
    position: relative;
    top: -6rem;
  }
}
.p-index-career-pass__flow-intro-imgBox-img {
  margin: 0;
}
.p-index-career-pass__flow-intro-textBox {
  padding: 5rem 0;
  order: 1;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-intro-textBox {
    order: 2;
    padding: 0 2rem;
    margin-top: -3rem;
  }
}
.p-index-career-pass__flow-intro-textBox-title {
  font-size: 2rem;
  line-height: 2;
  font-weight: 700;
  color: var(--color-blue);
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 1rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-intro-textBox-title {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    text-underline-offset: 0.5rem;
  }
}
.p-index-career-pass__flow-intro-textBox-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-intro-textBox-text {
    margin-top: 1.5rem;
  }
}
.p-index-career-pass__flow-content {
  margin-top: 4.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content {
    margin-top: 3.9rem;
    padding-inline: 8.1005586592%;
  }
}
.p-index-career-pass__flow-content-item {
  display: grid;
  grid-template-columns: 25.8rem 1fr;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-item {
    display: block;
  }
}
.p-index-career-pass__flow-content-item:nth-child(n+2) {
  margin-top: 9.3rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-item:nth-child(n+2) {
    margin-top: 11.5rem;
  }
}
.p-index-career-pass__flow-content-item:nth-child(n+2) .p-index-career-pass__flow-content-figure {
  background: #E2F5FB;
}
.p-index-career-pass__flow-content-item:nth-child(n+2) .p-index-career-pass__flow-content-figure::before {
  content: "";
  position: absolute;
  top: -8.2rem;
  left: 50%;
  translate: -50% 0;
  width: 5.3rem;
  height: 6.8rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 53 68" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.6386 25.9087C27.8027 27.3638 25.1973 27.3638 23.3614 25.9087L1.90287 8.90183C-1.81685 5.95378 0.282353 -1.50123e-06 5.0415 -1.08517e-06L47.9585 2.66675e-06C52.7176 3.08281e-06 54.8169 5.95378 51.0971 8.90183L29.6386 25.9087Z" fill="url(%23paint0_linear_28687_2235)"/><path d="M29.6386 66.9087C27.8027 68.3638 25.1973 68.3638 23.3614 66.9087L1.90287 49.9018C-1.81685 46.9538 0.282353 41 5.0415 41L47.9585 41C52.7176 41 54.8169 46.9538 51.0971 49.9018L29.6386 66.9087Z" fill="url(%23paint1_linear_28687_2235)"/><defs><linearGradient id="paint0_linear_28687_2235" x1="26.5" y1="27" x2="26.5" y2="1.49799e-06" gradientUnits="userSpaceOnUse"><stop stop-color="%2348BC78"/><stop offset="1" stop-color="%2396E4A0"/></linearGradient><linearGradient id="paint1_linear_28687_2235" x1="26.5" y1="68" x2="26.5" y2="41" gradientUnits="userSpaceOnUse"><stop stop-color="%2348BC78"/><stop offset="1" stop-color="%2396E4A0"/></linearGradient></defs></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-item:nth-child(n+2) .p-index-career-pass__flow-content-figure::before {
    top: -8.9rem;
    width: 5.1rem;
    height: 6.4rem;
  }
}
.p-index-career-pass__flow-content-item:nth-child(n+2) .p-index-career-pass__flow-content-figure-caption {
  background: linear-gradient(360deg, rgba(226, 245, 251, 0.51) 0%, rgba(44, 210, 222, 0.4) 50%);
  -webkit-background-clip: text;
  background-clip: text;
}
.p-index-career-pass__flow-content-item:nth-child(n+3) {
  margin-top: 1.8rem;
}
.p-index-career-pass__flow-content-item:nth-child(n+3) .p-index-career-pass__flow-content-figure::before {
  display: none;
}
.p-index-career-pass__flow-content-figure {
  position: relative;
  z-index: 1;
  margin: 0;
  padding-block: 4rem;
  border-radius: 2rem 0 0 2rem;
  background: #C2F3D6;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-figure {
    padding-block: 2.5rem 1.1rem;
    border-radius: 2rem 2rem 0 0;
  }
}
.p-index-career-pass__flow-content-figure:not(:has(.p-index-career-pass__flow-content-figure-caption)) {
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-figure:not(:has(.p-index-career-pass__flow-content-figure-caption)) {
    padding-block: 1.8rem;
  }
}
.p-index-career-pass__flow-content-figure-caption {
  font-size: 4.8rem;
  line-height: 1.25;
  background: linear-gradient(180deg, #F9FDFE 75%, #ADF3CA 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: absolute;
  top: -0.5rem;
  left: 0.6rem;
  z-index: -1;
  margin-top: var(--leading-trim);
  width: max-content;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-figure-caption {
    font-size: 3.6rem;
    line-height: 1.25;
    left: calc(13 / var(--width-sp-design) * 100vw);
  }
}
.p-index-career-pass__flow-content-figure-img {
  margin-inline: auto;
  width: 17.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-figure-img {
    width: 33.3333333333%;
  }
}
.p-index-career-pass__flow-content-box {
  padding: 3.5rem 4.5rem 4rem 3.9rem;
  border-radius: 0 2rem 2rem 0;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-box {
    padding: 1.6rem 6% 2.1rem;
    border-radius: 0 0 2rem 2rem;
  }
}
.p-index-career-pass__flow-content-title {
  font-size: 1.8rem;
  line-height: 1.7222222222;
  font-weight: 700;
  color: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-title {
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
}
.p-index-career-pass__flow-content-text {
  font-size: 1.5rem;
  line-height: 2;
  margin-block: 2rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-text {
    margin-block: 1.5rem;
  }
}
.p-index-career-pass__flow-content-text:last-child {
  margin-bottom: 0;
}
.p-index-career-pass__flow-content-subTitle {
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
  color: var(--color-green);
  position: relative;
  margin-top: 2.6rem;
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-subTitle {
    font-size: 1.4rem;
    margin-top: 2.1rem;
    padding-left: 1rem;
  }
}
.p-index-career-pass__flow-content-subTitle::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: var(--color-green);
}
@media screen and (max-width: 767px) {
  .p-index-career-pass__flow-content-subTitle::before {
    top: 0.9rem;
    width: 0.6rem;
    height: 0.6rem;
  }
}
.p-index-career-pass__flow-content-subTitle-sup {
  font-size: 0.75em;
}
.p-index-career-pass__flow-content-subText {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  margin-block: 0.8rem;
}
.p-index-career-pass__flow-content-subText:last-child {
  margin-bottom: 0;
}
.p-index-stability {
  margin-top: 9.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-stability {
    margin-top: 7.1rem;
  }
}
.p-index-stability__intro-hgroup-en {
  font-size: 6.4rem;
  line-height: 1;
  font-family: var(--font-family-en);
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index-stability__intro-hgroup-en {
    font-size: 3.2rem;
    line-height: 1.5;
  }
}
.p-index-stability__intro-hgroup-main {
  margin-top: 1rem;
  font-size: 3.2rem;
  line-height: 1.40625;
  font-weight: 700;
  color: var(--color-blue);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index-stability__intro-hgroup-main {
    font-size: 2rem;
    line-height: 1.55;
    margin-top: 0;
  }
}
.p-index-stability__intro-hgroup-main-adjustment {
  font-size: 3.2rem;
  line-height: 2;
  position: relative;
  z-index: 0;
  padding-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-stability__intro-hgroup-main-adjustment {
    font-size: 2rem;
    line-height: 1.7;
    margin-right: 0;
  }
}
.p-index-stability__intro-hgroup-main-adjustment::before {
  content: "";
  position: absolute;
  left: calc(50% - 0.6rem);
  bottom: -1rem;
  z-index: -1;
  translate: -50% 0;
  width: 15.8rem;
  height: 2rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 144 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.00061 10.9993C35.7225 4.12702 106.863 1.38954 141.001 3.9373" stroke="%23FFF06A" stroke-width="6" stroke-linecap="round"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-stability__intro-hgroup-main-adjustment::before {
    width: 8.6rem;
    height: 1rem;
    left: calc(50% + 0.2rem);
    bottom: -0.3rem;
  }
}
.p-index-stability__content {
  margin-top: 3rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content {
    display: block;
  }
}
.p-index-stability__content-imgBox {
  position: absolute;
  width: 39.6rem;
  top: 4rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: grid;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-imgBox {
    margin-top: 1.9rem;
    position: relative;
    top: 0;
    width: 26.6rem;
  }
}
.p-index-stability__content-img01 {
  grid-row: 1;
  grid-column: 1;
  margin: 0 2rem 0 auto;
  width: 25.6rem;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-img01 {
    width: 59.7744360902%;
  }
}
.p-index-stability__content-img02 {
  grid-row: 1;
  grid-column: 1;
  margin: 23.3rem auto 0 -1.5rem;
  width: 18.3rem;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-img02 {
    width: 46.2406015038%;
    margin-top: 26.3157894737%;
  }
}
.p-index-stability__content-commentSet {
  padding-top: 5rem;
  position: relative;
}
.p-index-stability__content-commentSet-title {
  position: absolute;
  top: 0;
  background: var(--color-blue);
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 700;
  padding: 1rem 1.8rem;
  border-radius: 1rem;
  z-index: 2;
}
.p-index-stability__content-commentSet-title:after {
  content: "";
  width: 6rem;
  aspect-ratio: 177/54;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 54.53 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M109.48-10C109.48-4.48,105,0,99.48,0h-43.26C51.74,0,47.98,3.14,45.38,6.78c-3.99,5.58-10.52,9.22-17.91,9.22s-13.92-3.64-17.91-9.22C6.97,3.14,3.22,0-1.26,0h-166.26C-173.05,0-177.52-4.48-177.52-10v-58c0-5.52,4.48-10,10-10H99.48c5.52,0,10,4.48,10,10V-10Z" fill="%230066c0" /></svg>') center/contain no-repeat;
  position: absolute;
  bottom: -1.7rem;
}
.p-index-stability__content-commentSet-title-asterisk {
  font-size: 1.3rem;
}
.p-index-stability__content-commentSet-text {
  font-size: 1.5rem;
  line-height: 2;
  background: #E7F6F7;
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 2rem;
  padding: 6.2rem 3.5rem 3.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet-text {
    padding: 6.2rem 2rem 7rem;
  }
}
.p-index-stability__content-commentSet-text-num {
  font-size: 6.4rem;
  line-height: 1;
  font-family: var(--font-family-en);
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  bottom: 0;
}
.p-index-stability__content-commentSet.m-01 {
  margin: 0.7rem 0 0 3rem;
  width: 34.4rem;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet.m-01 {
    margin: -4rem auto 0;
    width: 100%;
  }
}
.p-index-stability__content-commentSet.m-01 .p-index-stability__content-commentSet-title {
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet.m-01 .p-index-stability__content-commentSet-title {
    right: auto;
    left: 0;
  }
}
.p-index-stability__content-commentSet.m-01 .p-index-stability__content-commentSet-title:after {
  right: 5rem;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet.m-01 .p-index-stability__content-commentSet-title:after {
    right: auto;
    left: 4.5rem;
  }
}
.p-index-stability__content-commentSet.m-01 .p-index-stability__content-commentSet-text-num {
  right: 3rem;
}
.p-index-stability__content-commentSet.m-02 {
  width: 34.4rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet.m-02 {
    margin: 3rem auto 0;
    width: 100%;
  }
}
.p-index-stability__content-commentSet.m-02 .p-index-stability__content-commentSet-title {
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet.m-02 .p-index-stability__content-commentSet-title {
    left: auto;
    right: 0;
  }
}
.p-index-stability__content-commentSet.m-02 .p-index-stability__content-commentSet-title:after {
  left: 5rem;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet.m-02 .p-index-stability__content-commentSet-title:after {
    left: auto;
    right: 3.5rem;
  }
}
.p-index-stability__content-commentSet.m-02 .p-index-stability__content-commentSet-text-num {
  right: 0.5rem;
}
.p-index-stability__content-commentSet.m-03 {
  grid-column: 1/3;
  width: 50.9rem;
  margin: 2.5rem 4rem 0 auto;
}
@media screen and (max-width: 767px) {
  .p-index-stability__content-commentSet.m-03 {
    margin: 3rem auto 0;
    width: 100%;
  }
}
.p-index-stability__content-commentSet.m-03 .p-index-stability__content-commentSet-title {
  padding-right: 3.5rem;
  left: 0;
}
.p-index-stability__content-commentSet.m-03 .p-index-stability__content-commentSet-title:after {
  left: 5rem;
}
.p-index-stability__content-commentSet.m-03 .p-index-stability__content-commentSet-text-num {
  right: 1rem;
}
.p-index-recruit {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF7E6 15.04%);
  padding: 19rem 0 9rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit {
    padding: 10rem 0 7rem;
  }
}
.p-index-recruit__intro-hgroup-en {
  font-size: 6.4rem;
  line-height: 1;
  font-family: var(--font-family-en);
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__intro-hgroup-en {
    font-size: 3.2rem;
    line-height: 1.5;
  }
}
.p-index-recruit__intro-hgroup-main {
  font-size: 3.2rem;
  line-height: 1.8125;
  font-weight: 700;
  color: var(--color-blue);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__intro-hgroup-main {
    font-size: 1.8rem;
    line-height: 1.7222222222;
    margin-top: 0;
  }
}
.p-index-recruit__intro-hgroup-main-adjustment {
  font-size: 3.2rem;
  line-height: 2;
  position: relative;
  z-index: 0;
  padding-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__intro-hgroup-main-adjustment {
    font-size: 1.8rem;
    line-height: 1.8888888889;
    margin-right: 0;
  }
}
.p-index-recruit__intro-hgroup-main-adjustment::before {
  content: "";
  position: absolute;
  left: calc(50% - 0.6rem);
  bottom: 0.2rem;
  z-index: -1;
  translate: -50% 0;
  width: 13.8rem;
  height: 1.1rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 144 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.00061 10.9993C35.7225 4.12702 106.863 1.38954 141.001 3.9373" stroke="%23FFF06A" stroke-width="6" stroke-linecap="round"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__intro-hgroup-main-adjustment::before {
    width: 8.6rem;
    height: 1rem;
    left: calc(50% + 0.2rem);
    bottom: -0.3rem;
  }
}
.p-index-recruit__dept {
  margin-top: 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept {
    margin-top: 2.5rem;
  }
}
.p-index-recruit__dept-head, .p-index-recruit__dept-foot {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-head, .p-index-recruit__dept-foot {
    column-gap: 0;
  }
}
.p-index-recruit__dept-head-button, .p-index-recruit__dept-foot-button {
  width: 24.9rem;
  height: 6.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D7D7D7;
  border-radius: 2rem 2rem 0 0;
  font-size: 2rem;
  font-weight: 700;
  color: #9D9D9D;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-head-button, .p-index-recruit__dept-foot-button {
    border-radius: 0.8rem 0.8rem 0 0;
    width: auto;
    font-size: 1.8rem;
        padding: 1rem 2rem 0;
    white-space: nowrap;
  }
}
.p-index-recruit__dept-head-button.is-checked, .p-index-recruit__dept-foot-button.is-checked {
  background: #fff;
  color: var(--color-green);
}
.p-index-recruit__dept-foot-button {
  border-radius: 0 0 2rem 2rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-foot-button {
    border-radius: 0 0 0.8rem 0.8rem;
    padding-top: 0;
  }
}
.p-index-recruit__dept-content-item {
  background: #fff;
  border-radius: 1rem;
  padding: 3.6rem 4.5rem 6.8rem 6.6rem;
  max-width: 100rem;
  margin: 0 auto;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-content-item {
    padding: 2rem 1.5rem;
    border-radius: 0.8rem 0.8rem 0 0;
    margin-top: -0.5rem;
    z-index: 2;
    position: relative;
  }
}
.p-index-recruit__dept-content-item.is-show {
  display: block;
}
.p-index-recruit__dept-content-block {
  display: flex;
  column-gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-content-block {
    display: block;
    column-gap: 0;
  }
}
.p-index-recruit__dept-content-block + .p-index-recruit__dept-content-block {
  margin-top: 1rem;
}
.p-index-recruit__dept-content-block-title {
  width: 14.1rem;
  background: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-blue);
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-content-block-title {
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1.9rem;
  }
}
.p-index-recruit__dept-content-block-content {
  flex: 1;
  padding: 0.8rem 0 2rem 3rem;
  border-bottom: 0.2rem solid #DBDBDB;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-content-block-content {
    border: none;
    padding: 2rem 2rem 3rem;
  }
}
.p-index-recruit__dept-content-block-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.p-index-recruit__dept-content-block-list.m-long {
  row-gap: 1rem;
}
.p-index-recruit__dept-content-block-list-item {
  display: flex;
  align-items: flex-start;
  column-gap: 1rem;
}
.p-index-recruit__dept-content-block-list-item-ttl {
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  background: #4F96D5;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__dept-content-block-list-item-ttl {
    padding: 0.4rem 0.5rem;
  }
}
.p-index-recruit__dept-content-block-list-item-txt {
  font-size: 1.5rem;
  line-height: 1.45;
  padding-top: 0.1rem;
  flex: 1;
}
.p-index-recruit__dept-content-block-detaillist {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding: 0 0 0 0.5rem;
  margin-top: 1rem;
}
.p-index-recruit__dept-content-block-detaillist li {
  font-size: 1.5rem;
  line-height: 1.3;
  padding-left: 1.2rem;
  position: relative;
}
.p-index-recruit__dept-content-block-detaillist li:before {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1/1;
  background: var(--color-orange);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.6rem;
}
.p-index-recruit__dept-content-block-txt {
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 1.5;
}
.p-index-recruit__dept-content-block-note {
  margin-top: 0.6rem;
  font-size: 1rem;
  color: #999;
}
.p-index-recruit__button {
  margin-top: 8.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-recruit__button {
    margin-top: 5rem;
  }
}
.p-index-column {
  container-type: inline-size;
  padding-top: 18.2rem;
  position: relative;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .p-index-column {
    padding-top: 5rem;
  }
}
.p-index-column__intro {
  display: grid;
  align-items: flex-end;
  grid-template-columns: auto 1fr;
  column-gap: 6.9rem;
}
@media screen and (max-width: 767px) {
  .p-index-column__intro {
    display: block;
    padding-left: 0;
  }
}
.p-index-column__intro-hgroup-en {
  font-size: 9.6rem;
  line-height: 1.0520833333;
  font-family: var(--font-family-en);
  display: inline-block;
  background: linear-gradient(180deg, rgba(44, 210, 222, 0.3) 50.78%, rgba(44, 210, 222, 0.05) 90.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (max-width: 767px) {
  .p-index-column__intro-hgroup-en {
    font-size: 4.8rem;
    line-height: 1;
  }
}
.p-index-column__intro-hgroup-main {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
  color: var(--color-blue);
  margin-top: -2.1rem;
}
@media screen and (max-width: 767px) {
  .p-index-column__intro-hgroup-main {
    font-size: 1.8rem;
    line-height: 1.7222222222;
    margin-top: 0;
  }
}
.p-index-column__intro-hgroup-main-link {
  font-size: 4.4rem;
  line-height: 1.7045454545;
  font-weight: 700;
  color: var(--color-blue);
  display: flex inline;
  column-gap: 0.9rem;
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-index-column__intro-hgroup-main-link {
    font-size: 3rem;
    line-height: 1.6666666667;
    column-gap: 0.3rem;
    margin-top: 0.5rem;
  }
}
.p-index-column__intro-hgroup-main-link::after {
  content: "";
  position: relative;
  bottom: 2rem;
  margin-top: auto;
  width: 3rem;
  height: 3rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15Z" fill="white"/><path d="M11.3417 8.75302C10.9262 8.38944 10.8836 7.75753 11.247 7.34189C11.6106 6.92636 12.2425 6.8838 12.6581 7.24716L20.6581 14.2472C20.8751 14.437 20.9999 14.7117 20.9999 15.0001C20.9999 15.2885 20.8751 15.5631 20.6581 15.753L12.6581 22.753C12.2425 23.1164 11.6106 23.0738 11.247 22.6583C10.8836 22.2427 10.9262 21.6107 11.3417 21.2472L18.4804 15.0001L11.3417 8.75302Z" fill="%230066C0"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-index-column__intro-hgroup-main-link::after {
    bottom: 0.6rem;
  }
}
.p-index-column__intro-hgroup-main-circle {
  font-size: 4.4rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  display: grid;
  place-content: center;
  padding-bottom: 0.2rem;
  width: 7.2rem;
  height: 6.9rem;
  border-radius: 50%;
  background: var(--color-blue);
}
@media screen and (max-width: 767px) {
  .p-index-column__intro-hgroup-main-circle {
    font-size: 3rem;
    line-height: 1.6666666667;
    width: 5rem;
    height: 4.8rem;
  }
}
.p-index-column__intro-text {
  font-size: 1.5rem;
  line-height: 2;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-index-column__intro-text {
    margin-top: 1.5rem;
    padding-bottom: 0;
  }
}
.p-index-column__block {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 37.3rem;
    column-gap: 4.5rem;
    position: relative;
    margin-top: 9.8rem;
    z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-index-column__block {
    display: block;
    margin-top: 4rem;
  }
}
.p-index-column__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-index-column__list {
    grid-template-columns: 1fr;
    gap: 2rem 0;
  }
}
.p-index-column__list-unit-link {
  height: 100%;
  width: 100%;
  background: #E7F6F7;
  display: flex inline;
  padding: 1.3rem 3rem 1.3rem 4.2rem;
  border-radius: 1rem;
  position: relative;
}
.p-index-column__list-unit-link:after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(./img/common_btnlink_arw.svg) center/contain no-repeat;
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
}
.p-index-column__list-unit-link-num {
  font-family: var(--font-family-en);
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-green);
  position: absolute;
  left: 1.2rem;
  top: 1rem;
}
.p-index-column__list-unit-link-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-blue);
  line-height: 1.7;
}
.p-index-column__img {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-index-column__img {
    display: none;
  }
}
.p-index-column__img img {
  position: absolute;
  bottom: 2rem;
  right: -1rem;
  width: 100%;
}

/*# sourceMappingURL=index.css.map */