@charset "UTF-8";
/*
:root {
  --regular-family: "Clarimo UD PE Regular", "Gothic MB101 Regular JIS2004",
    sans-serif;
  --medium-family: "Clarimo UD PE Medium", "Gothic MB101 Medium JIS2004",
    sans-serif;
  --demibold-family: "Clarimo UD PE DemiBold", "Gothic MB101 DemiBold JIS2004",
    sans-serif;
	font-family: "Noto Serif JP";

  --color-black: #333333;
  --color-white: #ffffff;
  --color-gray: #666666;
  --color-lightgray: #dddddd;
  --color-platinumgray: #eeeeee;
  --color-ultralightgray: #e9e9e9;
  --color-demilightgray: #cccccc;
  --color-silvergray: #999999;
  --color-darkgray: #555555;
  --color-demidarkgray: #3e3e3e;
}

呼び出す際の例
font-family: var(--regular-family);
color: var(--color-black);
*/
.career-inner {
  width: 86.6666666667vw;
  margin-inline: auto;
}

.imgZoom {
  position: relative;
  overflow: hidden;
}
.imgZoom img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.8s;
}
.imgZoom.imgZoom:hover img {
  transform: scale(1.2);
  transition: transform 0.8s;
}

.uppercase {
  text-transform: uppercase;
}

body {
  overflow-x: hidden;
}

@media (width < 520px) {
  .sp-none {
    display: none;
  }
}

.sp-show {
  display: none;
}
@media (width < 520px) {
  .sp-show {
    display: block;
  }
}

@media (width < 768px) {
  .md-none {
    display: none;
  }
}

.md-show {
  display: none;
}
@media (width < 768px) {
  .md-show {
    display: block;
  }
}

@media (width < 1026px) {
  .lg-none {
    display: none;
  }
}

.lg-show {
  display: none;
}
@media (width < 1026px) {
  .lg-show {
    display: block;
  }
}

/*
//@use "./sass/common/anchor-menu";
@use "./sass/common/lower-inner";
@use "./sass/common/lower-title";
// @use "./sass/common/btn-back";
@use "./sass/common/lower-main";
@use "./sass/common/header";
@use "./sass/common/tab";
@use "./sass/common/pc-br";
@use "./sass/common/sp-br";
*/
/* セクションタイトル */
.section-title__container {
  position: relative;
  padding-bottom: 20px;
  font-family: var(--regular-family);
}
@media (width < 768px) {
  .section-title__container {
    padding-bottom: 30px;
  }
}
.section-title__container::after {
  position: absolute;
  content: "";
  left: 50%;
  translate: -50% 0;
  bottom: 0px;
  width: 72px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-black);
}
@media (width < 768px) {
  .section-title__container::after {
    bottom: 14px;
    width: 55px;
  }
}
.section-title__container .section-title__main {
  font-size: 40px;
  text-align: center;
}
@media (width < 768px) {
  .section-title__container .section-title__main {
    font-size: 32px;
  }
}
.section-title__container .section-title__sub {
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
  font-family: var(--regular-family);
}
@media (width < 768px) {
  .section-title__container .section-title__sub {
    margin-top: 10px;
    font-size: 12px;
  }
}

/* リード文 */
.section-lead {
  text-align: center;
  margin-top: 32px;
  line-height: 1.7;
}
@media (width < 768px) {
  .section-lead {
    text-align: left;
    margin-top: 4px;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
}

/*ボタン*/
.btn-area {
  margin-inline: auto;
  display: flex;
  gap: 38px;
  justify-content: center;
  /*
   .btn-back {
       max-width: 420px;
       margin-inline: 0;
       width: 50%;
       a {
           @include v.max(md) {
               height: 21.8666vw;
           }
       }
       @include v.max(md) {
           max-width: 100%;
           width: 100%;
       }
   }
  		*/
}
@media (width < 768px) {
  .btn-area {
    flex-direction: column;
    width: 100%;
    margin: 35px auto 0;
    gap: 8.5333vw;
  }
}
.btn-area .btn {
  margin-inline: auto;
  max-width: 420px;
  width: 50vw;
}
@media (width < 768px) {
  .btn-area .btn {
    width: 85%;
  }
}
@media (width < 768px) {
  .btn-area .btn a {
    height: 70px;
    font-size: 1rem;
  }
}
@media (width < 768px) {
  .btn-area .btn__arrow {
    right: 5vw;
  }
}

.link-tab__button {
  position: fixed;
  z-index: 9000;
  right: 0px;
  top: 226px;
  width: 54px;
  height: 160px;
  cursor: pointer;
  background-color: var(--color-black);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (width < 768px) {
  .link-tab__button {
    display: none;
  }
}
.link-tab__button::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 18px;
  left: 50%;
  translate: -50% 0;
  top: 20px;
  background: url(/recruit/career/cmn/img/search.webp) center center/contain no-repeat;
}
.link-tab__button a {
  display: block;
  color: var(--color-white);
  font-size: 16px;
  writing-mode: vertical-rl;
  width: 100%;
  height: 100%;
}
.link-tab__button p {
  position: absolute;
  top: 68px;
  left: 50%;
  translate: -50% 0;
}

.mv {
  margin-top: 104px;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  /*中央テキスト*/
  /*レスポンシブ*/
}
@media (width < 1026px) {
  .mv {
    margin-top: 0;
  }
}
.mv .mv__images {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 10px;
  min-width: 2080px;
  height: 750px;
  margin-inline: auto;
  background-color: white;
}
@media (width < 768px) {
  .mv .mv__images.md-none {
    display: none;
  }
}
.mv .mv__images.md-show {
  display: none;
}
@media (width < 768px) {
  .mv .mv__images.md-show {
    display: flex;
  }
}
.mv .mv__images .mv__images-div {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mv .mv__images .MV_A, .mv .mv__images .MV_B, .mv .mv__images .MV_C, .mv .mv__images .MV_D {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 2s ease;
  display: block;
}
.mv .mv__images .show {
  opacity: 1;
}
.mv .mv__images .MV_A {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
}
.mv .mv__images .MV_B {
  width: calc(100% + 3px);
  height: calc(100% + 3px);
}
.mv .mv__images .MV_A, .mv .mv__images .MV_C {
  z-index: 1;
}
.mv .mv__images .MV_B, .mv .mv__images .MV_D {
  z-index: 2;
}
.mv .mv__images .MV_C, .mv .mv__images .MV_D {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
}
.mv .mv__images .mv__images-div1 {
  grid-column: span 2/span 2;
  background: url(../img/mv/PC_cook/PC_cook1.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div2 {
  grid-column-start: 3;
  background: url(../img/mv/PC_cook/PC_cook2.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div3 {
  grid-column-start: 4;
  background: url(../img/mv/PC_cook/PC_cook3.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div4 {
  grid-column: span 2/span 2;
  grid-column-start: 5;
  background: url(../img/mv/PC_cook/PC_cook4.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div5 {
  grid-column-start: 7;
  background: url(../img/mv/PC_cook/PC_cook5.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div6 {
  grid-column-start: 8;
  background: url(../img/mv/PC_cook/PC_cook6.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div7 {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
  grid-column-start: 9;
  background: url(../img/mv/PC_cook/PC_cook7.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div8 {
  grid-column-start: 11;
  background: url(../img/mv/PC_cook/PC_cook8.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div9 {
  grid-row-start: 2;
  background: url(../img/mv/PC_cook/PC_cook9.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div10 {
  grid-row-start: 2;
  background: url(../img/mv/PC_cook/PC_cook10.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div11 {
  grid-column-start: 1;
  grid-row-start: 3;
  background: url(../img/mv/PC_cook/PC_cook11.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div12 {
  grid-column-start: 2;
  grid-row-start: 3;
  background: url(../img/mv/PC_cook/PC_cook12.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div13 {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
  grid-column-start: 3;
  grid-row-start: 2;
  background: url(../img/mv/PC_cook/PC_cook13.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div14 {
  position: relative;
  grid-column: span 3/span 3;
  grid-row: span 2/span 2;
  grid-column-start: 5;
  grid-row-start: 2;
  margin-inline: auto;
  background: url(../img/mv/PC_cook/PC_cook14.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div15 {
  grid-column-start: 8;
  grid-row-start: 2;
  background: url(../img/mv/PC_cook/PC_cook15.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div16 {
  grid-column-start: 8;
  grid-row-start: 3;
  background: url(../img/mv/PC_cook/PC_cook16.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div17 {
  grid-row: span 2/span 2;
  grid-column-start: 9;
  grid-row-start: 3;
  background: url(../img/mv/PC_cook/PC_cook17.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div18 {
  grid-column-start: 10;
  grid-row-start: 3;
  background: url(../img/mv/PC_cook/PC_cook18.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div19 {
  grid-row: span 2/span 2;
  grid-column-start: 11;
  grid-row-start: 2;
  background: url(../img/mv/PC_cook/PC_cook19.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div20 {
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook20.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div21 {
  grid-column: span 2/span 2;
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook21.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div22 {
  grid-column-start: 4;
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook22.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div23 {
  grid-column-start: 5;
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook23.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div24 {
  grid-column: span 2/span 2;
  grid-column-start: 6;
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook24.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div25 {
  grid-column-start: 8;
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook25.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div26 {
  grid-column-start: 10;
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook26.webp) center center/contain no-repeat;
}
.mv .mv__images .mv__images-div27 {
  grid-column-start: 11;
  grid-row-start: 4;
  background: url(../img/mv/PC_cook/PC_cook27.webp) center center/contain no-repeat;
}
.mv .mv__images-div14__text {
  width: 100%;
  height: 100%;
  text-align: center;
  animation: bgc 0.1s forwards;
  animation-delay: 1s;
}
@keyframes bgc {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: var(--color-white);
  }
}
.mv .mv__images-div14__text .mv__catch {
  width: 100%;
  letter-spacing: -0.08em;
  padding-top: 74px;
  padding-left: 7px;
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 8px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch {
    margin-left: 3.8vw;
    padding-top: 9.5vw;
    gap: 1.5vw;
    margin-left: -0.7vw;
  }
}
.mv .mv__images-div14__text .mv__catch.mv__catch2 {
  letter-spacing: 0.12em;
  padding: 12px 0 0 92px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch.mv__catch2 {
    gap: 0;
    margin-left: 8.5333333333vw;
    padding: 0;
  }
}
.mv .mv__images-div14__text .mv__catch.mv__catch2 .char-9, .mv .mv__images-div14__text .mv__catch.mv__catch2 .char-10 {
  width: 28px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch.mv__catch2 .char-9, .mv .mv__images-div14__text .mv__catch.mv__catch2 .char-10 {
    width: 5.3333333333vw;
    max-width: 24px;
  }
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch.mv__catch2 .char-9 {
    margin-left: 3px;
  }
}
.mv .mv__images-div14__text .mv__catch.mv__catch2 .char-10 {
  margin-left: -2px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch.mv__catch2 .char-10 {
    margin-left: 8px;
  }
}
.mv .mv__images-div14__text .mv__catch.mv__catch3 {
  padding-top: 8px;
  gap: 11px;
  margin-left: -3px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch.mv__catch3 {
    gap: 5px;
    margin-left: -1vw;
    margin-top: -4px;
  }
}
.mv .mv__images-div14__text .mv__catch rt {
  font-size: 16px;
}
.mv .mv__images-div14__text .mv__catch .char {
  opacity: 0;
  display: inline-block;
  animation: slideIn 0.5s forwards;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
}
.mv .mv__images-div14__text .mv__catch .char-1 {
  animation-delay: 3.2s;
  width: 52px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-1 {
    width: 10vw;
    padding-bottom: 3px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-2 {
  animation-delay: 3.4s;
  width: 52px;
  padding-bottom: 1px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-2 {
    width: 9.8vw;
    padding-bottom: 3px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-3 {
  animation-delay: 3.6s;
  width: 54px;
  margin-left: -3px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-3 {
    width: 10vw;
    padding-bottom: 3px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-4 {
  animation-delay: 3.8s;
  width: 42px;
  padding-bottom: 5px;
  padding-left: 5px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-4 {
    width: 8.5vw;
  }
}
.mv .mv__images-div14__text .mv__catch .char-5 {
  animation-delay: 4s;
  width: 15px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-5 {
    width: 2.5vw;
    margin-left: 2px !important;
    padding-bottom: 2px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-6 {
  animation-delay: 4.2s;
  width: 51px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-6 {
    width: 9.2vw;
    padding-bottom: 3px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-7 {
  animation-delay: 4.4s;
  width: 45px;
  padding-bottom: 2px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-7 {
    width: 8.7vw;
    margin-left: 4px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-8 {
  animation-delay: 4.6s;
  width: 40px;
  padding-bottom: 7px;
  margin-left: 6px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-8 {
    width: 7.5vw;
    margin-left: 8px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-9 {
  animation-delay: 4.8s;
  width: 49px;
  margin-left: 4px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-9 {
    width: 9.2vw;
    margin-left: 6px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-10 {
  animation-delay: 5s;
  width: 44px;
  margin-left: 2px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-10 {
    width: 8.5vw;
    margin-left: 6px;
  }
}
.mv .mv__images-div14__text .mv__catch .char-11 {
  animation-delay: 5.2s;
  width: 35px;
  margin-left: 8px;
  padding-bottom: 5px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-11 {
    width: 6.7vw;
  }
}
.mv .mv__images-div14__text .mv__catch .char-12 {
  animation-delay: 5.4s;
  width: 14px;
  margin-left: 1px;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__catch .char-12 {
    width: 2.5vw;
    margin-left: 3px;
    padding-bottom: 2px;
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mv .mv__images-div14__text .mv__lead {
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.1em;
  display: inline-block;
  opacity: 0;
  animation-name: fade-in;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__lead {
    font-size: 3.7333333333vw;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mv .mv__images-div14__text .mv__lead1, .mv .mv__images-div14__text .mv__lead3 {
  animation-delay: 6s;
}
.mv .mv__images-div14__text .mv__lead2, .mv .mv__images-div14__text .mv__lead4 {
  animation-delay: 7.2s;
}
.mv .mv__images-div14__text .mv__lead1 {
  margin-top: 48px;
}
.mv .mv__images-div14__text .mv__lead2 {
  margin-top: 20px;
}
.mv .mv__images-div14__text .mv__lead3 {
  margin-top: 7.2vw;
}
@media (width < 768px) {
  .mv .mv__images-div14__text .mv__lead3 {
    margin-top: 7.5vw;
  }
}
.mv .mv__images-div14__text .mv__lead4 {
  margin-top: 2.6666666667vw;
}
.mv .mv__images__container--md {
  width: 100%;
  position: relative;
  height: 162vw;
  gap: 5px;
}
.mv .mv__images__container--md .mv__images {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1.3333333333vw;
  min-width: 125.3333333333vw;
  height: 49.3333333333vw;
  margin-inline: auto;
  background-color: white;
}
.mv .mv__images__container--md .mv__images--upper {
  top: 0;
}
.mv .mv__images__container--md .mv__images--upper .upper-div1 {
  grid-column: span 2/span 2;
  background: url(../img/mv/SP_cook/SP_cook1.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--upper .upper-div2 {
  grid-column-start: 1;
  grid-row-start: 2;
  background: url(../img/mv/SP_cook/SP_cook2.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--upper .upper-div3 {
  grid-column-start: 2;
  grid-row-start: 2;
  background: url(../img/mv/SP_cook/SP_cook3.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--upper .upper-div4 {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
  grid-column-start: 3;
  grid-row-start: 1;
  background: url(../img/mv/SP_cook/SP_cook4.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--upper .upper-div5 {
  grid-column-start: 5;
  grid-row-start: 1;
  background: url(../img/mv/SP_cook/SP_cook5.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--upper .upper-div6 {
  grid-column-start: 5;
  grid-row-start: 2;
  background: url(../img/mv/SP_cook/SP_cook6.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--middle {
  position: absolute;
  top: 49.3333333333vw;
  left: 50%;
  translate: -50% 0;
  min-width: 125.3333333333vw;
  height: 63.3333333333vw;
  margin-inline: auto;
  text-align: center;
  background: url(../img/mv/SP_cook_middle.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--lower {
  bottom: 0;
}
.mv .mv__images__container--md .mv__images--lower .lower-div1 {
  background: url(../img/mv/SP_cook/SP_cook7.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--lower .lower-div2 {
  grid-column-start: 1;
  grid-row-start: 2;
  background: url(../img/mv/SP_cook/SP_cook8.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--lower .lower-div3 {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
  grid-column-start: 2;
  grid-row-start: 1;
  background: url(../img/mv/SP_cook/SP_cook9.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--lower .lower-div4 {
  grid-column-start: 4;
  grid-row-start: 1;
  background: url(../img/mv/SP_cook/SP_cook10.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--lower .lower-div5 {
  grid-column-start: 4;
  grid-row-start: 2;
  background: url(../img/mv/SP_cook/SP_cook11.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--lower .lower-div6 {
  grid-column-start: 5;
  grid-row-start: 1;
  background: url(../img/mv/SP_cook/SP_cook12.webp) center center/contain no-repeat;
}
.mv .mv__images__container--md .mv__images--lower .lower-div7 {
  grid-column-start: 5;
  grid-row-start: 2;
  background: url(../img/mv/SP_cook/SP_cook13.webp) center center/contain no-repeat;
}

.joblist {
  padding-block: 105px 80px;
}
@media (width < 768px) {
  .joblist {
    padding-block: 72px 80px;
  }
}
.joblist .btn-area {
  margin-top: 60px;
}
@media (width < 768px) {
  .joblist .btn-area {
    margin-top: 30px;
  }
}
.joblist .sub__link {
  position: relative;
  margin-top: 30px;
  letter-spacing: 0.07em;
  padding-left: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media (width < 768px) {
  .joblist .sub__link {
    margin-top: 34px;
    padding-right: 35px;
    letter-spacing: 0.05em;
    font-size: 14px;
  }
}
.joblist .sub__link::before {
  position: absolute;
  content: "";
  left: 50%;
  translate: -47% 0;
  bottom: -1px;
  width: 135px;
  height: 1px;
  background-color: var(--color-black);
}
@media (width < 768px) {
  .joblist .sub__link::before {
    translate: -60% 0;
    width: 118px;
  }
}
.joblist .sub__link::after {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  right: -28px;
  top: 0;
  background: url(../img/job/window.webp) center center/contain no-repeat;
}
@media (width < 768px) {
  .joblist .sub__link::after {
    width: 15px;
    height: 15px;
    top: 2px;
    right: 10px;
  }
}
.joblist .slide-container {
  width: 100%;
  margin: 44px auto 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (width < 768px) {
  .joblist .slide-container {
    margin-top: 28px;
  }
}
.joblist .slide-container .slide-wrapper {
  display: flex;
  animation: slide-flow 30s infinite linear 1s both;
}
.joblist .slide-container .slide {
  aspect-ratio: 560/320;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 320px;
}
@media (width < 768px) {
  .joblist .slide-container .slide {
    height: 38.6666666667vw;
  }
}
@media (width < 768px) {
  .joblist .slide-container .slide {
    width: 50vw;
  }
}
.joblist .slide-container .slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.joblist .slide-container .slide.slide1 img {
  aspect-ratio: 1104/922;
}
.joblist .slide-container .slide.slide2 img {
  aspect-ratio: 1138/758;
}
.joblist .slide-container .slide.slide3 img {
  aspect-ratio: 1138/760;
}
.joblist .slide-container .slide.slide4 img {
  aspect-ratio: 1264/1052;
}
@keyframes slide-flow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.strengths {
  background-color: var(--color-platinumgray);
  padding-block: 112px 90px;
}
@media (width < 768px) {
  .strengths {
    padding-block: 0;
  }
}
.strengths .strengths-inner {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (width < 1200px) {
  .strengths .strengths-inner {
    flex-direction: column;
    margin-inline: auto;
  }
}
.strengths .strengths-inner .section-lead {
  text-align: center;
}
@media (width < 768px) {
  .strengths .strengths-inner .section-lead {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.strengths .strengths-inner picture {
  width: 31.25%;
  height: auto;
}
@media (width < 1200px) {
  .strengths .strengths-inner picture {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media (width < 1200px) {
  .strengths .strengths-inner picture:first-child {
    margin-top: 38px;
  }
}
@media (width < 1200px) {
  .strengths .strengths-inner picture:last-child {
    margin-top: 38px;
  }
}
.strengths .strengths-inner .strengths__img {
  position: relative;
  z-index: 10;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (width < 1200px) {
  .strengths .strengths-inner .strengths__img {
    aspect-ratio: 650/300;
    width: 86.6666666667vw;
  }
}
.strengths .strengths-inner .strengths__text {
  position: relative;
  margin-top: 6px;
  z-index: 2;
  width: 37.5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (width < 1200px) {
  .strengths .strengths-inner .strengths__text {
    width: 86.6666666667vw;
    margin-top: 44px;
  }
}
.strengths .strengths-inner .strengths__text .btn-area {
  margin-top: 48px;
}
@media (width < 1200px) {
  .strengths .strengths-inner .strengths__text .btn-area {
    margin-top: 30px;
    width: 86.6666666667vw;
  }
}
.strengths .strengths-inner .strengths__text .btn-area .btn {
  max-width: 420px;
}
@media (width < 768px) {
  .strengths .strengths-inner .strengths__text .btn-area .btn {
    width: 100%;
  }
}
.strengths .strengths-inner .strengths__bg {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.strengths .strengths-inner ul {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.strengths .strengths-inner .bg__img {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  text-align: center;
}
.strengths .strengths-inner .bg__img img {
  width: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.strengths .strengths-inner .bg__img1 {
  top: 26px;
  left: 50.8%;
  width: 63.5%;
}
@media (width < 1200px) {
  .strengths .strengths-inner .bg__img1 {
    top: calc(50% - 189px);
    width: 202%;
  }
}
.strengths .strengths-inner .bg__img2 {
  top: 236px;
  left: 50.8%;
  translate: -50% -50%;
  width: 137%;
}
@media (width < 1200px) {
  .strengths .strengths-inner .bg__img2 {
    top: calc(50% - 35px);
    width: 436%;
  }
}
.strengths .strengths-inner .bg__img3 {
  top: 173px;
  translate: -74% 0 !important;
  width: 83%;
}
@media (width < 1200px) {
  .strengths .strengths-inner .bg__img3 {
    top: calc(50% - 81px);
    left: 46.8%;
    width: 256%;
  }
}
.strengths .bg__img4 {
  top: 169px;
  translate: -21% 0 !important;
  width: 75%;
}
@media (width < 1200px) {
  .strengths .bg__img4 {
    top: calc(50% - 84px);
    translate: -22% 0 !important;
    width: 242%;
  }
}
.strengths .bg__img5 {
  bottom: 79px;
  translate: -61.5% 0 !important;
  width: 82%;
}
@media (width < 1200px) {
  .strengths .bg__img5 {
    top: calc(50% + 33px);
    translate: -62.5% 0 !important;
    width: 260%;
  }
}
.strengths .bg__img6 {
  bottom: 35px;
  translate: -43.5% 0 !important;
  width: 73%;
}
@media (width < 1200px) {
  .strengths .bg__img6 {
    top: calc(50% + 99px);
    translate: -46% 0 !important;
    width: 218%;
  }
}
.strengths .bg__img7 {
  bottom: 68px;
  translate: -23.5% 0 !important;
  width: 72%;
}
@media (width < 1200px) {
  .strengths .bg__img7 {
    top: calc(50% + 50px);
    translate: -24.5% 0 !important;
    width: 232%;
  }
}

.interview {
  padding-block: 138px 112px;
  max-width: 1600px;
  margin-inline: auto;
  overflow-x: hidden;
}
@media (width < 768px) {
  .interview {
    padding-block: 75px 80px;
  }
}

.btn-area {
  margin-top: 74px;
}
@media (width < 768px) {
  .btn-area {
    margin-top: 58px;
  }
}

.work-system {
  display: flex;
  width: 100%;
}
@media (width < 1026px) {
  .work-system {
    flex-direction: column;
  }
}
.work-system .work-style,
.work-system .system {
  width: 50%;
  padding-block: 135px 125px;
}
@media (width < 768px) {
  .work-system .work-style,
  .work-system .system {
    padding-block: 64px 56px;
  }
}
@media (width < 1026px) {
  .work-system {
    flex-direction: column;
  }
  .work-system .work-style,
  .work-system .system {
    width: 100%;
  }
}
.work-system .section-title__container {
  padding-bottom: 40px;
}
.work-system .section-title__main {
  font-size: 32px;
}
@media (width < 768px) {
  .work-system .section-title__main {
    font-size: 24px;
  }
}
.work-system .section-lead {
  margin-top: 22px;
}
@media (width < 1026px) {
  .work-system .section-lead {
    margin-top: 4px;
    width: 86.6666666667vw;
    margin-inline: auto;
  }
}
@media (width < 768px) {
  .work-system .section-lead {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.work-system .btn-area {
  margin-top: 40px;
}
@media (width < 768px) {
  .work-system .btn-area {
    margin-top: 26px;
  }
}

.work-style {
  background-color: var(--color-platinumgray);
}

.system {
  background-color: var(--color-black);
  color: var(--color-white);
}
.system .section-title__container::after {
  background-color: var(--color-white);
}
.system .btn a {
  background-color: var(--color-white);
  color: var(--color-black);
}
.system .btn__arrow span::before,
.system .btn__arrow span::after {
  background-image: url(/recruit/career/cmn/img/arrow-b.webp);
}