@charset "UTF-8";
.archivo-narrow { font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-style: normal; }

.recruitIntegration { position: relative; }
.recruitIntegration a { text-decoration: none; }
.recruitIntegration .bgMovie { position: absolute; width: 100%; height: 100vw; left: 0; top: 13.32vw; overflow: hidden; }
.recruitIntegration .bgMovie video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; object-fit: cover; }
.recruitIntegration .pageHeader { height: 13.33vw; background: #fff; width: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; }
.recruitIntegration .pageHeader ul.logos { display: flex; gap: 4.8vw; justify-content: space-between; align-items: center; padding: 3.47vw; }
.recruitIntegration .pageHeader ul.logos li img { display: block; height: auto; }
.recruitIntegration main { overflow: hidden; }
.recruitIntegration .contentHeader { width: 100%; height: 113.33vw; position: relative; }
.recruitIntegration .contentHeader .title { position: absolute; left: 0; bottom: 0; padding: 0 4vw 15vw 4vw; color: #fff; }
.recruitIntegration .contentHeader h1 { font-size: 4.5vw; font-weight: bold; margin-bottom: 2vw; opacity: 0; position: relative; top: -10vw; transition: all .5s ease 2s; }
.recruitIntegration .contentHeader .catch { width: 80vw; position: relative; }
.recruitIntegration .contentHeader .catch .overlay { width: 100%; height: 100%; background-image: url("/ja/recruit/integration/images/gradBg.webp"); background-size: cover; background-position: right center; background-color: #000; position: absolute; mask-image: url("/ja/recruit/integration/images/mainTitleClip.svg"); mask-repeat: no-repeat; mask-position: 0 0; mask-size: contain; left: 0; top: 0; opacity: 1; transition: opacity 1.25s ease 1.8s; }
.recruitIntegration .contentHeader .catch .base { opacity: 0; transition: opacity 1.25s ease 1.8s; }
.recruitIntegration .contentHeader .allowScroll { display: none; }
.recruitIntegration .contentHeader.animate h1 { opacity: 1; top: 0; }
.recruitIntegration .contentHeader.animate .overlay { animation: gradationAnim 2s ease forwards; opacity: 0; }
.recruitIntegration .contentHeader.animate .base { opacity: 1; }
.recruitIntegration .contentHeader::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("/ja/recruit/integration/images/mvMaskSp.webp") no-repeat center; background-size: cover; }
.recruitIntegration section { padding: 16vw 5.33vw; position: relative; z-index: 1; }
.recruitIntegration section header { margin-bottom: 8vw; }
.recruitIntegration section header .shoulder { font-size: 13.33vw; font-family: "Archivo Narrow", sans-serif; font-weight: 600; font-feature-settings: "kern"; letter-spacing: -0.02em; line-height: 1.2; }
.recruitIntegration section header h2 { font-size: 4.27vw; font-weight: bold; line-height: 1.4; }
.recruitIntegration section .body { letter-spacing: 0.025em; }
.recruitIntegration section .body h3 { font-size: 20px; font-weight: 700; line-height: 1.4; }
.recruitIntegration section .body p { font-size: 3.73vw; font-weight: 500; line-height: 1.8; margin: 2em 0; }
.recruitIntegration section .body ul.logos li:not(:last-child) { margin-bottom: 40px; }
.recruitIntegration section .body ul.logos img { display: block; }
.recruitIntegration section .body ul.logos img.hldgs { width: 60.80vw; }
.recruitIntegration section .body ul.logos img.knt { width: 32.00vw; }
.recruitIntegration section .body ul.logos img.ct { width: 26.67vw; }
.recruitIntegration section .body ul.logos img.bp { width: 32.00vw; }
.recruitIntegration section.message { background: url("/ja/recruit/integration/images/messageBg01.webp") no-repeat center #fff; background-size: contain; }
.recruitIntegration section.message header .shoulder { background: linear-gradient(110deg, #28D1DA 5%, #000000 10%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
.recruitIntegration section.message header h2 { background: linear-gradient(110deg, #28D1DA 5%, #000000 10%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
.recruitIntegration section.message ul.logos { margin-top: 10.67vw; }
.recruitIntegration section.identity { animation: motionBG 5s ease alternate infinite; color: #fff; }
.recruitIntegration section.identity header { mix-blend-mode: overlay; }
.recruitIntegration section.career { position: relative; padding: 65vw 0 0 0; position: relative; }
.recruitIntegration section.career header { position: absolute; z-index: 4; padding: 0 5.33vw; top: 78vw; }
.recruitIntegration section.career header .shoulder, .recruitIntegration section.career header h2 { background: linear-gradient(110deg, #28D1DA 5%, #000000 10%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
.recruitIntegration section.career .image { width: 75vw; aspect-ratio: 10/6; position: absolute; left: 0; top: 42vw; z-index: 3; overflow: hidden; }
.recruitIntegration section.career .image img { display: block; object-fit: cover; }
.recruitIntegration section.career .body { position: relative; z-index: 2; background: #fff; padding: 33vw 5.33vw 9vw; }
.recruitIntegration section.candidate { background: url("/ja/recruit/integration/images/candidatesBg01.webp") no-repeat center; background-size: cover; color: #fff; position: relative; }
.recruitIntegration section.candidate::before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; z-index: 0; }
.recruitIntegration section.candidate header { mix-blend-mode: overlay; }
.recruitIntegration section.candidate header .shoulder, .recruitIntegration section.candidate header h2 { background: linear-gradient(90deg, #28D1DA 0%, #FFFFFF 33%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #fff; }
.recruitIntegration section.candidate header, .recruitIntegration section.candidate .body { position: relative; z-index: 1; }
.recruitIntegration section.candidate .entryBtn { margin-top: 10.67vw; }
.recruitIntegration section.candidate a.btn { display: block; text-align: center; color: #fff; background: linear-gradient(132.68deg, #0068B7 19.85%, #0C7FAD 35.68%, #1691A6 51.52%, #1C9DA1 67.36%, #1FA1A0 83.19%); font-size: 18px; line-height: 1.5; font-family: "Archivo Narrow", sans-serif; font-weight: 600; font-feature-settings: "kern"; letter-spacing: -0.02em; padding: 5.33vw; }
.recruitIntegration section.candidate a.btn:hover { animation: gradientPulse 1.5s ease infinite; }
.recruitIntegration section.candidate a.btn img { display: inline-block; vertical-align: middle; margin-left: 0.5em; width: 3.2vw; height: 3.2vw; }
.recruitIntegration section.faq { background: #fff; }
.recruitIntegration section.faq header .shoulder, .recruitIntegration section.faq header h2 { background: linear-gradient(110deg, #28D1DA 5%, #000000 10%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
.recruitIntegration section.faq dl.faqList dt { padding: 8vw 6.67vw 8vw 12vw; font-size: 3.73vw; font-weight: bold; position: relative; line-height: 1.5; }
.recruitIntegration section.faq dl.faqList dt::before { content: 'Q.'; font-family: "Archivo Narrow", sans-serif; font-weight: 600; font-feature-settings: "kern"; letter-spacing: -0.02em; font-size: 8vw; position: absolute; left: 2.67vw; top: 6vw; }
.recruitIntegration section.faq dl.faqList dt::after { content: ''; display: block; width: 2.13vw; height: 2.13vw; border: 1px #727272 solid; border-width: 0 0.5vw 0.5vw 0; position: absolute; right: 1.33vw; top: calc(50% - 1.2vw); transform: rotate(45deg); transition: all .3s ease; }
.recruitIntegration section.faq dl.faqList dt.open::after { transform: rotate(-135deg); }
.recruitIntegration section.faq dl.faqList dd { border-bottom: 1px #EBEBEB solid; }
.recruitIntegration section.faq dl.faqList dd .answer { background: #FAFAFA; padding: 5.33vw 6.67vw 5.33vw 17.87vw; position: relative; font-size: 3.2vw; font-weight: 500; line-height: 2; display: none; margin-bottom: 5.33vw; }
.recruitIntegration section.faq dl.faqList dd .answer::before { content: 'A.'; font-family: "Archivo Narrow", sans-serif; font-weight: 600; font-feature-settings: "kern"; letter-spacing: -0.02em; font-size: 6.40vw; position: absolute; left: 5.33vw; top: 4vw; background: linear-gradient(91.69deg, #0068B7 1.44%, #0C7FAD 9.9%, #1691A6 18.36%, #1C9DA1 26.82%, #1FA1A0 35.28%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.recruitIntegration section.faq dl.faqList dd:last-child { border-bottom: 0; }
.recruitIntegration .pageFooter { background: #EBEBEB; padding: 16vw 5.33vw 5.33vw; text-align: center; position: relative; z-index: 1; }
.recruitIntegration .pageFooter .btnEntry { width: 18.67vw; height: 18.67vw; position: fixed; right: 4vw; bottom: 4vw; z-index: 2; opacity: 0; }
.recruitIntegration .pageFooter .btnEntry a { width: 100%; height: 100%; display: flex; border-radius: 50%; align-items: center; align-content: center; color: #fff; background: linear-gradient(132.68deg, #0068B7 19.85%, #0C7FAD 35.68%, #1691A6 51.52%, #1C9DA1 67.36%, #1FA1A0 83.19%); font-size: 12px; line-height: 1.5; font-family: "Archivo Narrow", sans-serif; font-weight: 600; font-feature-settings: "kern"; letter-spacing: -0.02em; font-size: 3.2vw; }
.recruitIntegration .pageFooter .btnEntry a:hover { animation: gradientPulse 1.5s ease infinite; }
.recruitIntegration .pageFooter .btnEntry.stop { position: absolute; bottom: auto; top: -21vw; }
.recruitIntegration .pageFooter ul.groupLinks li { font-weight: 500; }
.recruitIntegration .pageFooter ul.groupLinks li a { display: block; padding: 5.33vw; color: #000; }
.recruitIntegration .pageFooter ul.groupLinks li .logoImg img { display: block; margin: 0 auto 4vw; }
.recruitIntegration .pageFooter ul.groupLinks li .logoImg img.hldgs { width: 60.80vw; }
.recruitIntegration .pageFooter ul.groupLinks li .logoImg img.knt { width: 32.00vw; }
.recruitIntegration .pageFooter ul.groupLinks li .logoImg img.ct { width: 26.67vw; }
.recruitIntegration .pageFooter ul.groupLinks li .logoImg img.bp { width: 32.00vw; }
.recruitIntegration .pageFooter ul.groupLinks li p img { display: inline-block; vertical-align: middle; margin-left: 0.5em; width: 2.67vw; height: 2.67vw; }
.recruitIntegration .pageFooter .copyright { text-align: center; font-size: 10px; color: #737373; padding: 5.33vw; }
.recruitIntegration.loadingProgress { overflow: hidden; }
.recruitIntegration .loading { display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; }
.recruitIntegration .loading div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: 0; transform: translateY(0); transition: transform 1s cubic-bezier(0.56, 0.1, 0.93, 0.52); }
.recruitIntegration .loading img { display: block; position: relative; z-index: 1; width: 50vw; height: auto; }
.recruitIntegration .loading.is-slide-up > div { transform: translateY(-105%); }

/* ======================================================================================= is PC ============================================================================= */
@media (min-width: 768px) { .recruitIntegration .bgMovie { width: 100%; height: 100dvh; top: 0; position: fixed; }
  .recruitIntegration .bgMovie video { height: auto; width: auto; min-height: 100%; min-width: 100%; object-fit: cover; }
  .recruitIntegration .pageHeader { height: 90px; width: auto; padding: 50px 10px; display: flex; justify-content: center; align-items: center; }
  .recruitIntegration .pageHeader ul.logos { gap: 70px; justify-content: flex-start; padding: 3.47vw; }
  .recruitIntegration .contentHeader { width: 100%; height: 100dvh; }
  .recruitIntegration .contentHeader .title { left: 50px; bottom: 50px; padding: 0; }
  .recruitIntegration .contentHeader h1 { font-size: 34px; margin-bottom: 20px; top: 100px; }
  .recruitIntegration .contentHeader .catch { width: 880px; }
  .recruitIntegration .contentHeader .allowScroll { display: block; position: absolute; left: 0; bottom: -150px; opacity: 0; transition: all .5s ease 2.5s; }
  .recruitIntegration .contentHeader::before { background: url("/ja/recruit/integration/images/mvMask.webp") no-repeat center; background-size: cover; }
  .recruitIntegration .contentHeader.animate .allowScroll { opacity: 1; bottom: 0; }
  .recruitIntegration section { padding: 0; }
  .recruitIntegration section .sectionInner { max-width: 1440px; padding: 160px 80px; margin: 0 auto; }
  .recruitIntegration section header { margin-bottom: 0; }
  .recruitIntegration section header .shoulder { font-size: 120px; }
  .recruitIntegration section header h2 { font-size: 20px; }
  .recruitIntegration section .body h3 { font-size: 26px; }
  .recruitIntegration section .body p { font-size: 16px; }
  .recruitIntegration section .body p:first-child { margin-top: 0; }
  .recruitIntegration section .body p:last-child { margin-bottom: 0; }
  .recruitIntegration section .body ul.logos { display: flex; justify-content: flex-start; align-items: center; column-gap: 36px; }
  .recruitIntegration section .body ul.logos li:not(:last-child) { margin-bottom: 0; }
  .recruitIntegration section .body ul.logos img { display: block; }
  .recruitIntegration section .body ul.logos img.hldgs { width: 240px; }
  .recruitIntegration section .body ul.logos img.knt { width: 125px; }
  .recruitIntegration section .body ul.logos img.ct { width: 97px; }
  .recruitIntegration section .body ul.logos img.bp { width: 152px; }
  .recruitIntegration section.message { background-size: cover; }
  .recruitIntegration section.message header h2 { background: linear-gradient(110deg, #28D1DA 2%, #000000 3%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
  .recruitIntegration section.message .body { padding-left: 490px; }
  .recruitIntegration section.message ul.logos { margin-top: 60px; }
  .recruitIntegration section.identity .body { padding-left: 490px; }
  .recruitIntegration section.career { padding: 0; margin-top: 560px; background: #fff; }
  .recruitIntegration section.career .sectionInner { padding: 100px 80px; max-width: none; }
  .recruitIntegration section.career .sectionInner .image { width: calc(50vw + 140px); aspect-ratio: 3/2; left: 0; top: 0; transform: translateY(-50%); max-width: 900px; }
  .recruitIntegration section.career .sectionInner .careerContent { max-width: 460px; padding-left: 80px; }
  .recruitIntegration section.career .sectionInner header { position: relative; padding: 0; top: auto; margin-bottom: 80px; }
  .recruitIntegration section.career .sectionInner header .shoulder { background: linear-gradient(110deg, #28D1DA 9%, #000000 20%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
  .recruitIntegration section.career .sectionInner .body { padding: 0; }
  .recruitIntegration section.candidate header { margin-bottom: 80px; }
  .recruitIntegration section.candidate header .shoulder, .recruitIntegration section.candidate header h2 { justify-content: center; }
  .recruitIntegration section.candidate .body { text-align: center; }
  .recruitIntegration section.candidate .entryBtn { margin-top: 80px; }
  .recruitIntegration section.candidate a.btn { font-size: 24px; padding: 27px; width: 500px; margin: 0 auto; background: linear-gradient(93.26deg, #0084E9 1.34%, #12A4DF 5.45%, #1DC4E0 9.36%, #28D5DA 14%, #2FE3E2 17.8%, #0068B7 51.44%, #0C7FAD 59.9%, #1691A6 68.36%, #1C9DA1 76.82%, #1FA1A0 85.28%); background-size: 1000px 100px; background-position: 500px center; }
  .recruitIntegration section.candidate a.btn:hover { background-position: 0 center; }
  .recruitIntegration section.candidate a.btn img { width: 16px; height: 16px; }
  .recruitIntegration section.faq .sectionInner { display: flex; justify-content: space-between; }
  .recruitIntegration section.faq header { width: 320px; }
  .recruitIntegration section.faq header .shoulder { background: linear-gradient(110deg, #28D1DA 9%, #000000 20%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
  .recruitIntegration section.faq header h2 { background: linear-gradient(110deg, #28D1DA 5%, #000000 10%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }
  .recruitIntegration section.faq .body { width: calc(100% - 320px); padding-left: 80px; }
  .recruitIntegration section.faq dl.faqList dt { padding: 50px 40px 50px 60px; font-size: 18px; cursor: pointer; }
  .recruitIntegration section.faq dl.faqList dt::before { font-size: 40px; left: 20px; top: 30px; }
  .recruitIntegration section.faq dl.faqList dt::after { width: 8px; height: 8px; border-width: 0 2px 2px 0; right: 20px; top: calc(50% - 10px); }
  .recruitIntegration section.faq dl.faqList dd { padding: 0 20px; }
  .recruitIntegration section.faq dl.faqList dd .answer { padding: 30px 30px 30px 70px; font-size: 14px; margin-bottom: 48px; }
  .recruitIntegration section.faq dl.faqList dd .answer::before { font-size: 30px; left: 20px; top: 20px; }
  .recruitIntegration .pageFooter { padding: 80px 40px 20px; }
  .recruitIntegration .pageFooter .btnEntry { width: 130px; height: 130px; right: 30px; bottom: 30px; }
  .recruitIntegration .pageFooter .btnEntry a { font-size: 20px; padding: 20px; transition: all 0.3s ease; background: url("/ja/recruit/integration/images/gradBtnCircle.webp") no-repeat 0 0; background-size: 260px; }
  .recruitIntegration .pageFooter .btnEntry a:hover { animation: gradientPulse 1.5s ease infinite; background-position: 100% 100%; background-size: 260px; }
  .recruitIntegration .pageFooter .btnEntry.stop { top: -150px; }
  .recruitIntegration .pageFooter ul.groupLinks { display: flex; justify-content: center; column-gap: 120px; margin-bottom: 80px; }
  .recruitIntegration .pageFooter ul.groupLinks li a { display: block; padding: 0; }
  .recruitIntegration .pageFooter ul.groupLinks li .logoImg { height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }
  .recruitIntegration .pageFooter ul.groupLinks li .logoImg img { display: block; margin: 0 auto; }
  .recruitIntegration .pageFooter ul.groupLinks li .logoImg img.hldgs { width: 276px; }
  .recruitIntegration .pageFooter ul.groupLinks li .logoImg img.knt { width: 153px; }
  .recruitIntegration .pageFooter ul.groupLinks li .logoImg img.ct { width: 105px; }
  .recruitIntegration .pageFooter ul.groupLinks li .logoImg img.bp { width: 187px; }
  .recruitIntegration .pageFooter ul.groupLinks li p img { width: 12px; height: 12px; }
  .recruitIntegration .pageFooter .copyright { font-size: 11px; padding: 20px; }
  .recruitIntegration.loadingProgress { overflow: hidden; }
  .recruitIntegration .loading { display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; }
  .recruitIntegration .loading div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: 0; transform: translateY(0); transition: transform 1s cubic-bezier(0.56, 0.1, 0.93, 0.52); }
  .recruitIntegration .loading img { display: block; position: relative; z-index: 1; width: 685px; height: auto; }
  .recruitIntegration .loading.is-slide-up > div { transform: translateY(-105%); } }
/* ======================================================================================= is Intermediate ============================================================================= */
@media (min-width: 769px) and (max-width: 1240px) { .recruitIntegration .pageHeader { width: 100%; height: 70px; }
  .recruitIntegration .contentHeader .title .catch { width: 70vw; }
  .recruitIntegration section .sectionInner { padding: 80px 40px; }
  .recruitIntegration section .sectionInner header .shoulder { font-size: 80px; }
  .recruitIntegration section.message .body { padding: 40px 0 0 0; }
  .recruitIntegration section.message ul.logos { margin-top: 40px; }
  .recruitIntegration section.identity .body { padding: 40px 0 0 0; }
  .recruitIntegration section.career { margin-top: 400px; }
  .recruitIntegration section.career .sectionInner { padding: 95px 40px 80px; }
  .recruitIntegration section.career .sectionInner .careerContent { max-width: none; padding-left: 0; }
  .recruitIntegration section.career .sectionInner header { margin-bottom: 40px; }
  .recruitIntegration section.career .sectionInner .image { width: calc(50vw + 40px); }
  .recruitIntegration section.career .sectionInner .body { padding: 0; }
  .recruitIntegration section.faq header { width: 160px; }
  .recruitIntegration section.faq .body { width: calc(100% - 160px); padding-left: 40px; }
  .recruitIntegration .pageFooter { padding: 80px 40px 20px; }
  .recruitIntegration .pageFooter .btnEntry { width: 80px; height: 80px; right: 20px; bottom: 20px; }
  .recruitIntegration .pageFooter .btnEntry a { font-size: 14px; padding: 10px; }
  .recruitIntegration .pageFooter .btnEntry.stop { top: -100px; }
  .recruitIntegration .pageFooter ul.groupLinks { column-gap: 40px; margin-bottom: 60px; }
  .recruitIntegration .pageFooter ul.groupLinks li { font-size: 12px; }
  .recruitIntegration .pageFooter ul.groupLinks li .logoImg { height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }
  .recruitIntegration .pageFooter ul.groupLinks li img { display: block; margin: 0 auto; }
  .recruitIntegration .pageFooter ul.groupLinks li img.hldgs { width: 200px; }
  .recruitIntegration .pageFooter ul.groupLinks li img.knt { width: 110px; }
  .recruitIntegration .pageFooter ul.groupLinks li img.ct { width: 80px; }
  .recruitIntegration .pageFooter ul.groupLinks li img.bp { width: 140px; } }
/* アニメーション設定 
=============================================== */
html.loadingProgress, body.loadingProgress { overflow: hidden; }

.recruitIntegration section header div.shoulder, .recruitIntegration section header h2 { overflow: hidden; display: flex; justify-content: flex-start; align-items: baseline; position: relative; }
.recruitIntegration section header div.shoulder .char, .recruitIntegration section header h2 .char { display: block; position: relative; top: 125px; will-change: top; }
.recruitIntegration section header div.shoulder .char { transition: top 0.75s cubic-bezier(0.08, 0.8, 0.315, 1) calc(var(--char-index) * 0.05s); }
.recruitIntegration section header h2 .char { transition: top 0.75s cubic-bezier(0.08, 0.8, 0.315, 1) calc(1s + (var(--char-index) * 0.05s)); }
.recruitIntegration section header.play div.shoulder .char, .recruitIntegration section header.play h2 .char { top: 0; }

.recruitIntegration section { --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1); --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); }
.recruitIntegration section .body, .recruitIntegration section ul.logos, .recruitIntegration section.career .image, .recruitIntegration section.candidate .entryBtn { opacity: 0; translate: 0 15%; position: relative; transition-timing-function: opacity var(--ease-out-cubic), translateY var(--ease-out-quint); transition-duration: 1.8s; }
.recruitIntegration section .body.play, .recruitIntegration section ul.logos.play, .recruitIntegration section.career .image.play, .recruitIntegration section.candidate .entryBtn.play { opacity: 1; translate: 0; }
.recruitIntegration section.career .image { position: absolute; }

@keyframes gradationAnim { 0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
@keyframes motionBG { 0% { --c-0: hsla(18, 100%, 73%, 1); --x-0: 96%; --s-start-0: 3%; --s-end-0: 72%; --y-0: 96%; --y-1: 89.09469696969697%; --s-start-1: 23%; --s-end-1: 74%; --c-1: hsla(225, 87%, 62%, 1); --x-1: 2.043954217325228%; --y-2: 64.7840909090909%; --s-start-2: 35%; --s-end-2: 89%; --x-2: 65.0387656724924%; --c-2: hsla(308, 100%, 69%, 1); --c-3: hsla(249, 100%, 58%, 1); --x-3: 20%; --y-3: 4%; --s-start-3: 27%; --s-end-3: 57%; --x-4: 88.78288848784194%; --c-4: hsla(18, 100%, 70%, 1); --y-4: 43.29261363636363%; --s-start-4: 8%; --s-end-4: 57%; }
  100% { --c-0: hsla(62, 100%, 56%, 1); --x-0: 87.93099354103343%; --s-start-0: 4%; --s-end-0: 67%; --y-0: 49.56960227272727%; --y-1: 47.015151515151516%; --s-start-1: 11%; --s-end-1: 67%; --c-1: hsla(309, 74%, 55%, 1); --x-1: 11.730326272796352%; --y-2: 31.617424242424242%; --s-start-2: 11%; --s-end-2: 67%; --x-2: 30.44233235182371%; --c-2: hsla(29, 100%, 59%, 1); --c-3: hsla(324, 100%, 57%, 1); --x-3: 59.586934840425535%; --y-3: 52.386837121212125%; --s-start-3: 11%; --s-end-3: 67%; --x-4: 95.76961436170212%; --c-4: hsla(85, 100%, 56%, 1); --y-4: 84.73579545454545%; --s-start-4: 11%; --s-end-4: 67%; } }
@property --c-0 { syntax: '<color>'; inherits: false; initial-value: #ff9f75; }
@property --x-0 { syntax: '<percentage>'; inherits: false; initial-value: 96%; }
@property --s-start-0 { syntax: '<percentage>'; inherits: false; initial-value: 3%; }
@property --s-end-0 { syntax: '<percentage>'; inherits: false; initial-value: 72%; }
@property --y-0 { syntax: '<percentage>'; inherits: false; initial-value: 96%; }
@property --y-1 { syntax: '<percentage>'; inherits: false; initial-value: 89.0946969697%; }
@property --s-start-1 { syntax: '<percentage>'; inherits: false; initial-value: 23%; }
@property --s-end-1 { syntax: '<percentage>'; inherits: false; initial-value: 74%; }
@property --c-1 { syntax: '<color>'; inherits: false; initial-value: #4a74f2; }
@property --x-1 { syntax: '<percentage>'; inherits: false; initial-value: 2.0439542173%; }
@property --y-2 { syntax: '<percentage>'; inherits: false; initial-value: 64.7840909091%; }
@property --s-start-2 { syntax: '<percentage>'; inherits: false; initial-value: 35%; }
@property --s-end-2 { syntax: '<percentage>'; inherits: false; initial-value: 89%; }
@property --x-2 { syntax: '<percentage>'; inherits: false; initial-value: 65.0387656725%; }
@property --c-2 { syntax: '<color>'; inherits: false; initial-value: #ff61ea; }
@property --c-3 { syntax: '<color>'; inherits: false; initial-value: #4929ff; }
@property --x-3 { syntax: '<percentage>'; inherits: false; initial-value: 20%; }
@property --y-3 { syntax: '<percentage>'; inherits: false; initial-value: 4%; }
@property --s-start-3 { syntax: '<percentage>'; inherits: false; initial-value: 27%; }
@property --s-end-3 { syntax: '<percentage>'; inherits: false; initial-value: 57%; }
@property --x-4 { syntax: '<percentage>'; inherits: false; initial-value: 88.7828884878%; }
@property --c-4 { syntax: '<color>'; inherits: false; initial-value: #ff9466; }
@property --y-4 { syntax: '<percentage>'; inherits: false; initial-value: 43.2926136364%; }
@property --s-start-4 { syntax: '<percentage>'; inherits: false; initial-value: 8%; }
@property --s-end-4 { syntax: '<percentage>'; inherits: false; initial-value: 57%; }
.identity { --c-0: hsla(18, 100%, 73%, 1); --x-0: 96%; --y-0: 96%; --y-1: 89.09469696969697%; --c-1: hsla(225, 87%, 62%, 1); --x-1: 2.043954217325228%; --y-2: 64.7840909090909%; --x-2: 65.0387656724924%; --c-2: hsla(308, 100%, 69%, 1); --c-3: hsla(249, 100%, 58%, 1); --x-3: 20%; --y-3: 4%; --x-4: 88.78288848784194%; --c-4: hsla(18, 100%, 70%, 1); --y-4: 43.29261363636363%; background-color: #7ad9ff; background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)); animation: ani-your_css_selector_here 5s linear infinite alternate-reverse; background-blend-mode: normal, normal, normal, normal, normal; will-change: transform, opacity; contain: paint; }

html.isApple .recruitIntegration section.message header .shoulder, html.isApple .recruitIntegration section.message header h2, html.isApple .recruitIntegration section.career .sectionInner header .shoulder, html.isApple .recruitIntegration section.career header .shoulder, html.isApple .recruitIntegration section.career header h2, html.isApple .recruitIntegration section.candidate header .shoulder, html.isApple .recruitIntegration section.candidate header h2, html.isApple .recruitIntegration section.faq header .shoulder, html.isApple .recruitIntegration section.faq header h2 { background: none; -webkit-background-clip: unset; -webkit-text-fill-color: unset; text-fill-color: unset; }
html.isApple .recruitIntegration section.message header .shoulder span.char:first-child, html.isApple .recruitIntegration section.message header h2 span.char:first-child, html.isApple .recruitIntegration section.career .sectionInner header .shoulder span.char:first-child, html.isApple .recruitIntegration section.career header .shoulder span.char:first-child, html.isApple .recruitIntegration section.career header h2 span.char:first-child, html.isApple .recruitIntegration section.faq header .shoulder span.char:first-child, html.isApple .recruitIntegration section.faq header h2 span.char:first-child { background: linear-gradient(135deg, #28d1da 0%, #28d1da 37%, #000000 79%, #000000 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; color: #000; }

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