@charset "UTF-8";
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__arrow {
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
  scrollbar-gutter: stable;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
#root,
#__next {
  isolation: isolate;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
img,
picture,
video,
canvas,
svg {
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
sup {
  font-size: 0.5em;
}
:root {
  --base-px: 10px;
  --base-number: 10;
}
html {
  font-size: var(--base-px);
}
@media screen and (max-width: 1600px) {
  html {
    font-size: calc(var(--base-number) / 1600 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.6041666667vw;
  }
}
body {
  background: #000;
  color: #000;
  font-size: 1.8rem;
  line-height: 1.8;
  font-family: Yakuhanjp, "Noto Sans JP", sans-serif;
  text-align: justify;
  word-break: break-all;
  font-feature-settings: "palt" 1;
  font-optical-sizing: auto;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.3rem;
  }
}
body.is-loaded .cover {
  opacity: 0;
  visibility: hidden;
}
body.is-home .layout-header,
body.is-home .layout-footer {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
body.is-home.is-loaded .layout-header,
body.is-home.is-loaded .layout-footer {
  opacity: 1;
}
body.is-scrolled .layout-header::before {
  opacity: 1;
}
body.is-scrolling {
  overflow: hidden;
}
body.is-scrolling .layout-header,
body.is-scrolling .layout-content,
body.is-scrolling .background-movie,
body.is-scrolling .layout-footer {
  overflow: auto;
  scrollbar-gutter: stable;
}
body.on-hamburger {
  overflow: hidden;
}
body.on-hamburger .header-nav {
  translate: 0;
}
body.on-hamburger .header-hamburger button span:nth-of-type(1), body.on-hamburger .header-hamburger button span:nth-of-type(2), body.on-hamburger .header-hamburger button span:nth-of-type(3) {
  opacity: 0;
  transition: translate 0.18s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);
}
body.on-hamburger .header-hamburger button span:nth-of-type(1) {
  translate: -200%;
}
body.on-hamburger .header-hamburger button span:nth-of-type(2) {
  translate: 200%;
  transition-delay: 0.04s;
}
body.on-hamburger .header-hamburger button span:nth-of-type(3) {
  translate: -200%;
  transition-delay: 0.06s;
}
body.on-hamburger .header-hamburger button span:nth-of-type(4), body.on-hamburger .header-hamburger button span:nth-of-type(5) {
  translate: 0;
  opacity: 1;
  transition: translate 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.18s;
}
body.on-hamburger .header-hamburger button span:nth-of-type(5) {
  transition-delay: 0.22s;
}
.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity, visibility;
}
a {
  color: #000;
  text-decoration: none;
}
em {
  font-style: normal;
}
img,
iframe,
picture {
  display: block;
  width: 100%;
}
button {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #000;
  touch-action: manipulation;
  cursor: pointer;
  vertical-align: top;
}
@media screen and (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}
.border-gray400 {
  border: 0.1rem solid #d9d9d9;
}
.shadow-gray {
  box-shadow: 0 0 6rem #3f4559;
}
@media screen and (max-width: 768px) {
  .shadow-gray {
    box-shadow: 0 0 3rem #3f4559;
  }
}
.shadow-gray-opacity4 {
  box-shadow: 0 0 6rem rgba(63, 69, 89, 0.4);
}
@media screen and (max-width: 768px) {
  .shadow-gray-opacity4 {
    box-shadow: 0 0 3rem rgba(63, 69, 89, 0.4);
  }
}
.shadow-navy {
  box-shadow: 0 0 6rem #022b5d;
}
@media screen and (max-width: 768px) {
  .shadow-navy {
    box-shadow: 0 0 3rem #022b5d;
  }
}
.bg-white {
  background: #fff;
}
.bg-black {
  background: #000;
}
.bg-gray-300 {
  background: #d9d9d9;
}
.bg-gray-200 {
  background: #c3c3c3;
}
.bg-blue-700 {
  background: #30438d;
}
.bg-purple-800 {
  background: #8294c7;
}
.text-white {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .text-white-pc {
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .text-white-sp {
    color: #fff;
  }
}
.text-blue-400 {
  color: #004eae;
}
.text-center {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .text-center-pc {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .text-center-sp {
    text-align: center;
  }
}
.blank-link a[target=_blank] {
  position: relative;
  padding-right: 2.8rem;
  color: #004eae;
  text-decoration: underline;
}
@media (hover: hover) {
  .blank-link a[target=_blank]:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .blank-link a[target=_blank]:active {
    text-decoration: none;
  }
}
.blank-link a[target=_blank]::after {
  display: block;
  width: 1.9rem;
  height: 1.8rem;
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background-color: #004eae;
  -webkit-mask: url("/recruit/mid-career/assets/img/common/icon_window.svg") no-repeat center/contain;
          mask: url("/recruit/mid-career/assets/img/common/icon_window.svg") no-repeat center/contain;
}
.word-break-normal {
  word-break: normal;
}
.hover-opacity > a, .hover-opacity > button, .hover-opacity > label {
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media (hover: hover) {
  .hover-opacity > a:hover, .hover-opacity > button:hover, .hover-opacity > label:hover {
    opacity: 0.5;
  }
}
@media (hover: none) {
  .hover-opacity > a:active, .hover-opacity > button:active, .hover-opacity > label:active {
    opacity: 0.5;
  }
}
.hover-opacity-black {
  background-color: #000;
}
.hover-opacity-black > a, .hover-opacity-black > button, .hover-opacity-black > label {
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media (hover: hover) {
  .hover-opacity-black > a:hover, .hover-opacity-black > button:hover, .hover-opacity-black > label:hover {
    opacity: 0.5;
  }
}
@media (hover: none) {
  .hover-opacity-black > a:active, .hover-opacity-black > button:active, .hover-opacity-black > label:active {
    opacity: 0.5;
  }
}
.hover-opacity-white {
  background-color: #fff;
}
.hover-opacity-white > a, .hover-opacity-white > button, .hover-opacity-white > label {
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media (hover: hover) {
  .hover-opacity-white > a:hover, .hover-opacity-white > button:hover, .hover-opacity-white > label:hover {
    opacity: 0.5;
  }
}
@media (hover: none) {
  .hover-opacity-white > a:active, .hover-opacity-white > button:active, .hover-opacity-white > label:active {
    opacity: 0.5;
  }
}
@media (hover: hover) {
  .hover-underline a:hover,
  .hover-underline button:hover,
  .hover-underline label:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .hover-underline a:active,
  .hover-underline button:active,
  .hover-underline label:active {
    text-decoration: underline;
  }
}
@media (hover: hover) {
  .hover-scale a:hover figure img {
    scale: 1.1;
  }
}
@media (hover: none) {
  .hover-scale a:active figure img {
    scale: 1.1;
  }
}
.hover-scale a figure {
  overflow: hidden;
}
.hover-scale a figure img {
  transition: scale 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .hover-color a:hover .hover-color-text {
    color: #fff;
  }
}
@media (hover: none) {
  .hover-color a:active .hover-color-text {
    color: #fff;
  }
}
.hover-color .hover-color-text {
  transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slide-up {
  translate: 0 2rem;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), translate 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: transform, opacity;
}
.slide-up.is-inview {
  translate: 0;
  opacity: 1;
}
.scale-up,
.scale-down,
.scale-right,
.scale-left {
  animation: 6s cubic-bezier(0.86, 0, 0.07, 1) infinite;
  will-change: scale;
}
.scale-up {
  animation-name: scaleY;
}
.scale-down {
  animation-name: scaleY;
  animation-direction: reverse;
}
.scale-right {
  animation-name: scaleX;
}
.scale-left {
  animation-name: scaleX;
  animation-direction: reverse;
}
.highlight-in {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity;
}
.highlight-in::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #fff;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  will-change: opacity;
}
.highlight-in.is-inview {
  opacity: 1;
}
.highlight-in.is-inview::after {
  opacity: 0;
}
.delay01 {
  transition-delay: 0.1s;
  animation-delay: 0.1s;
}
.delay01 > * {
  transition-delay: 0.3s;
}
@media screen and (min-width: 769px) {
  .delay01-pc {
    transition-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .delay01-pc > * {
    transition-delay: 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .delay01-sp {
    transition-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .delay01-sp > * {
    transition-delay: 0.3s;
  }
}
.delay02 {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}
.delay02 > * {
  transition-delay: 0.4s;
}
@media screen and (min-width: 769px) {
  .delay02-pc {
    transition-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .delay02-pc > * {
    transition-delay: 0.4s;
  }
}
@keyframes scaleY {
  0% {
    transform-origin: center bottom;
    scale: 1 0;
  }
  50% {
    transform-origin: center bottom;
    scale: 1;
  }
  50.000001% {
    transform-origin: center top;
    scale: 1;
  }
  100% {
    transform-origin: center top;
    scale: 1 0;
  }
}
@keyframes scaleX {
  0% {
    transform-origin: left center;
    scale: 0 1;
  }
  50% {
    transform-origin: left center;
    scale: 1;
  }
  50.000001% {
    transform-origin: right center;
    scale: 1;
  }
  100% {
    transform-origin: right center;
    scale: 0 1;
  }
}
.component-arrow {
  width: 4rem;
  height: 1px;
  display: block;
  position: relative;
  background-color: #000;
}
.component-arrow__shaft, .component-arrow__top, .component-arrow__bottom {
  display: block;
  background-color: #fff;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.component-arrow__shaft {
  width: 100%;
  height: 100%;
  transform-origin: center left;
  scale: 0.25 1;
  will-change: transform, scale;
}
.component-arrow__top, .component-arrow__bottom {
  width: 1rem;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: center right;
  scale: 0.00001 1;
  opacity: 0;
  will-change: transform, scale, opacity;
}
.component-arrow__top {
  rotate: 45deg;
}
.component-arrow__bottom {
  rotate: -45deg;
}
.js-arrow a * {
  pointer-events: none;
}
.article {
  position: relative;
  margin-top: 33.6rem;
  padding: 15rem 0 18rem;
}
@media screen and (max-width: 768px) {
  .article {
    margin-top: 12rem;
    padding: 7rem 0 8rem;
  }
}
.article__inner {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .article__inner {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.article .article-thumbnail {
  position: absolute;
  top: -37.6rem;
  left: 50%;
  translate: -50% 0;
  width: 120rem;
}
@media screen and (max-width: 768px) {
  .article .article-thumbnail {
    top: -16rem;
    width: 35.4rem;
  }
}
.article .component-breadcrumb,
.article .component-heading {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
.article .component-heading {
  margin-top: 2.2rem;
}
.article .article-header {
  position: relative;
  height: 37.4rem;
  margin-top: 4.4rem;
}
@media screen and (max-width: 768px) {
  .article .article-header {
    height: auto;
    margin-top: 3rem;
  }
}
.article .article-header__inner {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10rem;
}
@media screen and (max-width: 768px) {
  .article .article-header__inner {
    padding: 0 1.5rem 5rem;
  }
}
.article .article-header .article-title {
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .article .article-header .article-title {
    font-size: 2.3rem;
  }
}
.article .article-header .component-profile {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .article .article-header .component-profile {
    margin-top: 3rem;
  }
}
.article .article-header .article-profile {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem 2rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .article .article-header .article-profile {
    flex-direction: column;
    margin-top: 3rem;
  }
}
.article .article-header .article-profile__item {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: calc(50% - 1.2rem);
}
@media screen and (max-width: 768px) {
  .article .article-header .article-profile__item {
    align-items: flex-start;
    gap: 1.2rem;
    width: 100%;
  }
}
.article .article-header .article-profile__image {
  flex-shrink: 0;
  width: 13rem;
}
@media screen and (max-width: 768px) {
  .article .article-header .article-profile__image {
    width: 10rem;
  }
}
.article .article-header .article-profile .component-profile {
  margin-top: -2.2rem;
}
@media screen and (max-width: 768px) {
  .article .article-header .article-profile .component-profile {
    margin-top: 0;
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 769px) {
  .article .article-header .article-profile .component-profile__text {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.article .article-header .article-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .article .article-header .article-line {
    width: 38.4rem;
  }
}
.article .article-header .article-line::before, .article .article-header .article-line::after {
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  position: absolute;
  bottom: -0.45rem;
  background: url("/recruit/mid-career/assets/img/common/icon_plus-black.svg") no-repeat center/contain;
}
.article .article-header .article-line::before {
  left: calc(50% - 24.45rem);
}
@media screen and (max-width: 768px) {
  .article .article-header .article-line::before {
    left: calc(50% - 10rem);
  }
}
.article .article-header .article-line::after {
  right: calc(50% - 24.45rem);
}
@media screen and (max-width: 768px) {
  .article .article-header .article-line::after {
    right: calc(50% - 10rem);
  }
}
.article .article-body {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10.5rem;
}
@media screen and (max-width: 768px) {
  .article .article-body {
    padding-top: 6rem;
  }
}
.article .article-body > :first-child {
  margin-top: 0;
}
.article .article-body h2 {
  margin-top: 12rem;
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .article .article-body h2 {
    margin-top: 5rem;
    font-size: 2rem;
  }
}
.article .article-body p {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .article .article-body p {
    margin-top: 2rem;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 769px) {
  .article .article-body p + p {
    margin-top: 3rem;
  }
}
.article .article-body figure {
  margin-top: 5rem;
  box-shadow: 0 0 6rem rgba(63, 69, 89, 0.4);
}
@media screen and (max-width: 768px) {
  .article .article-body figure {
    margin-top: 2rem;
    box-shadow: 0 0 3rem rgba(63, 69, 89, 0.4);
  }
}
.article .article-body > div {
  display: flex;
  align-items: flex-start;
  gap: 2rem 6rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .article .article-body > div {
    flex-direction: column;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .article .article-body > div:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
.article .article-body > div > div > *:first-child {
  margin-top: 0 !important;
}
.article .article-body > div + div {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .article .article-body > div + div {
    margin-top: 3rem;
  }
}
.article .article-body > div figure {
  margin-top: 0;
  flex-shrink: 0;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .article .article-body > div figure {
    width: 100%;
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.article .article-flow {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12rem;
  padding: 5rem 15rem;
}
@media screen and (max-width: 768px) {
  .article .article-flow {
    margin-top: 5.5rem;
    padding: 3rem 2rem;
  }
}
.article .article-flow__heading {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .article .article-flow__heading {
    font-size: 2rem;
  }
}
.article .article-flow .article-flow-list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .article .article-flow .article-flow-list {
    gap: 2.3rem;
    margin-top: 2.6rem;
  }
}
.article .article-flow .article-flow-list__item {
  display: flex;
}
.article .article-flow .article-flow-list__term {
  flex-shrink: 0;
  width: 13rem;
  color: #004eae;
  font-weight: 700;
  font-size: 3.2rem;
  font-family: "joost", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .article .article-flow .article-flow-list__term {
    width: 7.4rem;
    font-size: 2.4rem;
  }
}
.article .article-flow .article-flow-list__description {
  margin-top: -0.2rem;
}
.article .article-flow .article-flow-list__heading {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .article .article-flow .article-flow-list__heading {
    font-size: 1.8rem;
  }
}
.article .article-flow .article-flow-list__text {
  margin-top: 0.2rem;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .article + .component-button-column {
    position: relative;
    z-index: 1;
    margin-top: -6rem;
  }
}
@media screen and (max-width: 768px) {
  .article + .component-button-column .component-button-column__item a {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 1rem 1.5rem;
  }
  .article + .component-button-column .component-button-column__heading {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.article.text-white .component-profile__tag {
  border-color: #fff;
}
.article.text-white .article-line::before, .article.text-white .article-line::after {
  background-image: url("/recruit/mid-career/assets/img/common/icon_plus-white.svg");
}
.component-background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.component-background__inner {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
}
.component-background__circle {
  width: 78rem;
  height: 78rem;
  position: absolute;
  top: calc(-78rem / 2);
  left: calc(-78rem / 2);
  background: radial-gradient(rgba(0, 78, 174, 0.4), transparent 50%);
  animation: scale 4s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  will-change: transform, scale;
}
.component-background__circle:nth-of-type(2) {
  transform: translate3d(100%, 100%, 0);
  animation-delay: 2s;
}
@keyframes scale {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
}
.component-background--white .component-background__circle {
  background: radial-gradient(#fff, transparent 50%);
}
.component-background-shift {
  position: relative;
}
.component-background-shift .component-noise {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.component-breadcrumb .component-breadcrumb-list {
  display: flex;
  justify-content: flex-end;
}
.component-breadcrumb .component-breadcrumb-list__item {
  color: #c3c3c3;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .component-breadcrumb .component-breadcrumb-list__item {
    font-size: 1rem;
  }
}
.component-breadcrumb .component-breadcrumb-list__item a {
  color: #000;
}
.component-breadcrumb .component-breadcrumb-list__item:nth-of-type(n + 2) {
  display: flex;
  align-items: center;
}
.component-breadcrumb .component-breadcrumb-list__item:nth-of-type(n + 2)::before {
  display: block;
  width: 0.5rem;
  height: 0.8rem;
  content: "";
  margin: 0 1rem;
  background: url("/recruit/mid-career/assets/img/common/arrow_line-black.svg") no-repeat center/contain;
}
.component-breadcrumb--white .component-breadcrumb-list__item {
  color: #051c5a;
}
.component-breadcrumb--white .component-breadcrumb-list__item a {
  color: #fff;
}
.component-breadcrumb--white .component-breadcrumb-list__item:nth-of-type(n + 2)::before {
  background-image: url("/recruit/mid-career/assets/img/common/arrow_line-white.svg");
}
.component-button-black a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18.8rem;
  height: 5rem;
  position: relative;
  background-color: #000;
  color: #fff;
  font-size: 1.3rem;
  font-family: "Chakra Petch", sans-serif;
  letter-spacing: 0.05em;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .component-button-black a:hover {
    background-color: #fff;
    color: #000;
  }
  .component-button-black a:hover[target=_blank]::before {
    background-color: #000;
  }
  .component-button-black a:hover .component-arrow * {
    background-color: #000;
  }
}
@media (hover: none) {
  .component-button-black a:active {
    background-color: #fff;
    color: #000;
  }
  .component-button-black a:active[target=_blank]::before {
    background-color: #000;
  }
  .component-button-black a:active .component-arrow * {
    background-color: #000;
  }
}
.component-button-black a .component-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 50% -50%;
}
.component-button-black a .component-arrow__shaft, .component-button-black a .component-arrow__top, .component-button-black a .component-arrow__bottom {
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s;
}
.component-button-black--blank a::before {
  display: block;
  width: 1.6rem;
  height: 1rem;
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  translate: 0 -50%;
  background-color: #fff;
  -webkit-mask: url("/recruit/mid-career/assets/img/common/icon_window.svg") no-repeat center/contain;
          mask: url("/recruit/mid-career/assets/img/common/icon_window.svg") no-repeat center/contain;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .component-button-black--hover-gray a:hover {
    background-color: #e9e9e9;
  }
}
@media (hover: none) {
  .component-button-black--hover-gray a:active {
    background-color: #e9e9e9;
  }
}
.component-button-white a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 58rem;
  height: 8rem;
  padding: 0 2rem 0 3rem;
  box-shadow: 0 0 6rem rgba(63, 69, 89, 0.3);
  background-color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .component-button-white a {
    width: 100%;
    height: 6rem;
    padding: 0 1rem 0 2rem;
    box-shadow: 0 0 3rem rgba(63, 69, 89, 0.3);
    font-size: 1.5rem;
    text-align: left;
  }
}
@media (hover: hover) {
  .component-button-white a:hover {
    background-color: #e9e9e9;
    color: #b1b1b1;
  }
}
@media (hover: none) {
  .component-button-white a:active {
    background-color: #e9e9e9;
    color: #b1b1b1;
  }
}
.component-button-white a .component-arrow {
  background-color: #d9d9d9;
}
.component-button-white a .component-arrow * {
  background-color: #000;
}
.component-button-white a.is-comingsoon {
  position: relative;
  pointer-events: none;
}
.component-button-white a.is-comingsoon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}
.component-button-white a.is-comingsoon::after {
  content: "COMING SOON";
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-family: "Lato", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  z-index: 20;
}
.component-button-blue a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 90rem;
  height: 10rem;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 6rem rgba(63, 69, 89, 0.3);
  background: url("/recruit/mid-career/assets/img/common/bg_button.png") no-repeat center/cover;
  color: #fff;
  font-weight: 500;
  font-size: 3rem;
  font-family: "Lato", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-button-blue a {
    width: 35.4rem;
    height: 6.4rem;
    box-shadow: 0 0 3rem rgba(63, 69, 89, 0.3);
    font-size: 2rem;
  }
}
@media (hover: hover) {
  .component-button-blue a:hover::before {
    opacity: 1;
  }
}
@media (hover: none) {
  .component-button-blue a:active::before {
    opacity: 1;
  }
}
.component-button-blue a::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background: url("/recruit/mid-career/assets/img/common/bg_button-hover.png") no-repeat center/cover;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.component-button-blue a .component-arrow {
  position: absolute;
  top: 50%;
  right: 3rem;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .component-button-blue a .component-arrow {
    right: 1.4rem;
  }
}
.component-button-column {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem 0;
}
.component-button-column__item {
  position: relative;
  width: 50%;
}
.component-button-column__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 1.2rem;
  background: no-repeat center/cover;
  line-height: 1;
}
.component-button-column__item a .component-arrow {
  position: absolute;
  right: 3rem;
  bottom: 50%;
}
@media screen and (max-width: 768px) {
  .component-button-column__item a .component-arrow {
    right: 1rem;
    bottom: 1rem;
    translate: 0;
  }
}
.component-button-column__item:nth-of-type(1), .component-button-column__item:nth-of-type(2) {
  height: 12rem;
}
@media screen and (max-width: 768px) {
  .component-button-column__item:nth-of-type(1), .component-button-column__item:nth-of-type(2) {
    height: 10rem;
  }
}
.component-button-column__item:nth-of-type(1) a {
  background-image: url("/recruit/mid-career/assets/img/home/bg_anchor01.png");
}
@media screen and (max-width: 768px) {
  .component-button-column__item:nth-of-type(1) a {
    background-image: url("/recruit/mid-career/assets/img/home/bg_anchor01@sp.png");
  }
}
.component-button-column__item:nth-of-type(2) {
  border-left: none;
}
.component-button-column__item:nth-of-type(2) a {
  background-image: url("/recruit/mid-career/assets/img/home/bg_anchor02.png");
}
@media screen and (max-width: 768px) {
  .component-button-column__item:nth-of-type(2) a {
    background-image: url("/recruit/mid-career/assets/img/home/bg_anchor02@sp.png");
  }
}
.component-button-column__item:nth-of-type(3) {
  width: 48rem;
  height: 10rem;
}
@media screen and (max-width: 768px) {
  .component-button-column__item:nth-of-type(3) {
    width: 25.8rem;
    height: 8.6rem;
  }
}
.component-button-column__item:nth-of-type(3) a {
  background-image: url("/recruit/mid-career/assets/img/home/bg_anchor03.png");
}
@media screen and (max-width: 768px) {
  .component-button-column__item:nth-of-type(3) a {
    background-image: url("/recruit/mid-career/assets/img/home/bg_anchor03@sp.png");
  }
}
.component-button-column__item:nth-of-type(3) .component-button-column__heading {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .component-button-column__item:nth-of-type(3) .component-button-column__heading {
    font-size: 1.6rem;
  }
}
.component-button-column__heading {
  color: #fff;
  font-weight: 500;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .component-button-column__heading {
    font-size: 1.8rem;
  }
}
.component-button-column__text {
  color: #d9d9d9;
  font-size: 1.2rem;
  font-family: "Chakra Petch", sans-serif;
}
@media screen and (max-width: 768px) {
  .component-button-column__text {
    font-size: 1rem;
  }
}
.component-card {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 4rem;
  color: #000;
}
@media screen and (max-width: 768px) {
  .component-card {
    gap: 2rem;
    margin-top: 3rem;
  }
}
.component-card:has(.component-card__logo) .component-card__item:nth-of-type(1) img {
  width: 14rem;
}
@media screen and (max-width: 768px) {
  .component-card:has(.component-card__logo) .component-card__item:nth-of-type(1) img {
    width: 12rem;
  }
}
.component-card:has(.component-card__logo) .component-card__item:nth-of-type(2) img {
  width: 12.4rem;
}
@media screen and (max-width: 768px) {
  .component-card:has(.component-card__logo) .component-card__item:nth-of-type(2) img {
    width: 10.5rem;
  }
}
.component-card:has(.component-card__logo) .component-card__item:nth-of-type(3) img {
  width: 15.5rem;
}
@media screen and (max-width: 768px) {
  .component-card:has(.component-card__logo) .component-card__item:nth-of-type(3) img {
    width: 13.7rem;
  }
}
.component-card__item {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: calc(33.333333% - 2.6666666rem);
  min-height: 43.4rem;
  padding: 3rem 2.8rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .component-card__item {
    width: 100%;
    min-height: auto;
  }
}
.component-card__item > *:first-child {
  margin-top: 0;
}
.component-card__item:has(.component-card__label) {
  padding-top: 2rem;
}
.component-card__item:has(.component-card__label) .component-card__heading {
  margin-top: 2rem;
}
.component-card__item:has(.component-card__background) {
  background-color: #e1e8fa;
}
@media screen and (max-width: 768px) {
  .component-card__item:has(.component-card__background) {
    width: calc(50% - 1rem);
    height: 19.7rem;
    padding: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .component-card__item:has(.component-card__background) .component-card__heading {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .component-card__item:has(.component-card__logo) {
    padding: 2.6rem 2rem;
  }
}
.component-card__item:has(.component-card__logo) .component-card__heading {
  margin-top: 3rem;
}
.component-card__item:has(.component-card__score) {
  min-height: auto;
}
@media screen and (max-width: 768px) {
  .component-card__item:has(.component-card__score) {
    padding: 2rem 2rem 2.8rem;
  }
}
.component-card__label, .component-card__number, .component-card__heading, .component-card__score {
  color: #004eae;
  text-align: center;
}
.component-card__label {
  font-weight: 300;
  font-size: 1.4rem;
  font-family: "Chakra Petch", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .component-card__label {
    font-size: 1.2rem;
  }
}
.component-card__number {
  margin-top: 0.4rem;
  font-size: 6rem;
  font-family: "Chakra Petch", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .component-card__number {
    font-size: 5.4rem;
  }
}
.component-card__background {
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 768px) {
  .component-card__background {
    translate: 0 0.4rem;
    scale: 1.05;
  }
}
.component-card__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.5rem;
  height: 15.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .component-card__logo {
    width: 13.7rem;
    height: 13.2rem;
  }
}
.component-card__heading {
  position: relative;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.4;
}
.component-card__text {
  margin-top: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .component-card__text {
    font-size: 1.5rem;
  }
}
.component-card__score {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: auto;
  font-weight: 700;
  font-size: 10rem;
  font-family: "joost", sans-serif;
  line-height: 1;
}
.component-card__score small {
  font-size: 4rem;
}
.component-card .component-button-black {
  margin-top: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-card .component-button-black {
    margin-top: 2.7rem;
  }
}
.component-page-header:has(.component-heading) {
  position: relative;
}
@media screen and (min-width: 769px) {
  .component-page-header:has(.component-heading) {
    height: 24rem;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  .component-page-header__background {
    height: 40rem;
    overflow: hidden;
  }
}
.component-page-header .component-heading {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .component-page-header .component-heading {
    padding: 3.5rem 1.6rem 0;
  }
}
.component-page-header + .component-noise {
  position: relative;
  width: calc(100% - 12rem - (100% - 160rem) / 2);
  min-height: 32rem;
  margin-top: -23rem;
  margin-left: auto;
  padding-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .component-page-header + .component-noise {
    width: calc(100% - 1.5rem);
    min-height: 31rem;
    margin-top: -8rem;
    padding: 1rem 0 2rem;
  }
}
@media screen and (min-width: 769px) {
  .component-page-header + .component-noise .section__inner {
    max-width: 135rem;
    margin-left: 0;
    padding-left: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .component-page-header + .component-noise:has(.component-heading + p) {
    margin-top: -3rem;
  }
}
.component-page-header + .component-noise .component-heading {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .component-page-header + .component-noise .component-heading {
    margin-top: 1.4rem;
  }
}
.component-page-header + .component-noise .component-heading + p {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .component-page-header + .component-noise .component-heading + p {
    margin-top: 2rem;
  }
}
.component-page-header + .component-noise + .section {
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .component-page-header + .component-noise + .section {
    margin-top: 8rem;
  }
}
.component-heading {
  display: flex;
  align-items: flex-end;
  gap: 0.6rem 1.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .component-heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.component-heading__en {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 300;
  font-size: 5rem;
}
@media screen and (max-width: 768px) {
  .component-heading__en {
    font-size: 3rem;
  }
}
.component-heading__ja {
  padding-bottom: 0.8rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .component-heading__ja {
    padding-bottom: 0;
  }
}
.component-line-vertical {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 48rem;
  z-index: -1;
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .component-line-vertical {
    width: 19rem;
  }
}
.component-line-vertical > div {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
}
.component-line-vertical__left {
  left: 0;
}
.component-line-vertical__right {
  right: 0;
}
.component-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.component-modal.is-show {
  opacity: 1;
  visibility: visible;
}
.component-modal.is-show .component-trailer__player iframe {
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;
}
.component-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 0;
}
.component-modal__overlay--opacity {
  background: rgba(0, 0, 0, 0.9);
}
.component-modal__content {
  position: relative;
  z-index: 1;
}
.component-modal__close {
  position: absolute;
  top: -4rem;
  right: -4rem;
  width: 4rem;
  height: 4rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: 0;
  background: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .component-modal__close {
    top: -5rem;
    right: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .component-modal__close--sp-right0 {
    right: 0;
  }
}
.component-modal__close::before, .component-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.component-modal__close::before {
  transform: rotate(45deg);
}
.component-modal__close::after {
  transform: rotate(-45deg);
}
.component-trailer {
  width: 80rem;
}
@media screen and (max-width: 768px) {
  .component-trailer {
    width: 38.4rem;
  }
}
.component-trailer__player {
  position: relative;
  width: 80rem;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 768px) {
  .component-trailer__player {
    width: 38.4rem;
  }
}
.component-trailer__player iframe {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
  opacity: 0;
}
.component-trailer__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 1.3rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .component-trailer__buttons {
    padding: 0 1rem;
    font-size: 1rem;
  }
}
.component-trailer__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 0.25rem);
  height: 5rem;
  background: #fff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .component-trailer__button {
    width: calc(50% - 0.25rem);
  }
}
.component-trailer__button.is-active {
  color: #fff;
  background: #004eae;
  font-weight: 700;
}
.component-trailer__button--wide {
  width: 100%;
}
.component-noise {
  position: relative;
  z-index: 1;
}
.component-noise::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-mask: url("/recruit/mid-career/assets/img/common/bg_noise.webp") repeat 0 0;
          mask: url("/recruit/mid-career/assets/img/common/bg_noise.webp") repeat 0 0;
  -webkit-mask-size: 96rem auto;
          mask-size: 96rem auto;
  animation: noise 3s steps(6) infinite;
}
@media screen and (max-width: 768px) {
  .component-noise::before {
    -webkit-mask-size: 48rem auto;
            mask-size: 48rem auto;
  }
}
@keyframes noise {
  0% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
  }
  20% {
    -webkit-mask-position: 67% 16%;
            mask-position: 67% 16%;
  }
  40% {
    -webkit-mask-position: 11% 94%;
            mask-position: 11% 94%;
  }
  60% {
    -webkit-mask-position: 78% 26%;
            mask-position: 78% 26%;
  }
  80% {
    -webkit-mask-position: 33% 61%;
            mask-position: 33% 61%;
  }
  100% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
  }
}
.component-noise--white {
  background: #fff;
}
.component-noise--white::before {
  background-color: #eee;
}
.component-noise--blue {
  background: #243885;
}
.component-noise--blue::before {
  background-color: #203277;
}
.component-noise--purple {
  background: #b9ccff;
}
.component-noise--purple::before {
  background-color: #a2b2df;
}
.component-noise--navy {
  background: #0d1935;
}
.component-noise--navy::before {
  background-color: #16233f;
}
.component-noise--gray {
  background: #c1c9d1;
}
.component-noise--gray::before {
  background-color: #c9d2da;
}
.component-pagetop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media screen and (max-width: 768px) {
  .component-pagetop {
    bottom: 1rem;
    right: 1rem;
  }
}
.component-pagetop a {
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #051c5a;
}
@media screen and (max-width: 768px) {
  .component-pagetop a {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
  }
}
.component-pagetop a::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin-bottom: -0.2rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  rotate: -45deg;
}
@media screen and (max-width: 768px) {
  .component-pagetop a::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.is-scrolled .component-pagetop {
  opacity: 1;
}
.component-profile__head {
  display: flex;
  align-items: center;
  gap: 2rem;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .component-profile__head {
    gap: 0.6rem;
  }
}
.component-profile__name {
  font-weight: 700;
  font-size: 3.6rem;
  font-family: "Lato", sans-serif;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .component-profile__name {
    font-size: 2.9rem;
    line-height: 1;
  }
}
.component-profile__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 10rem;
  height: 3.6rem;
  margin-top: 0.2rem;
  padding: 0 1.6rem 0.2rem 1.6rem;
  border: 1px solid #000;
  border-radius: 0.4rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .component-profile__tag {
    font-size: 1.2rem;
    max-width: 16rem;
    min-width: 7.6rem;
    height: 2.8rem;
    border-radius: 0.2rem;
  }
}
.component-profile__text {
  font-size: 2rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .component-profile__text {
    margin-top: 1rem;
    font-size: 1.3rem;
    line-height: 1.6;
  }
}
.section {
  position: relative;
}
.section + .section {
  margin-top: 18rem;
}
@media screen and (max-width: 768px) {
  .section + .section {
    margin-top: 8rem;
  }
}
.section__inner {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .section__inner {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.section__inner > *:first-child {
  margin-top: 0;
}
.section__heading {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .section__heading {
    font-size: 2rem;
    line-height: 1.6;
  }
}
.section__heading + .section__text {
  margin-top: 2.6rem;
}
@media screen and (max-width: 768px) {
  .section__heading + .section__text {
    margin-top: 1.5rem;
  }
}
.section__lead {
  margin-top: 5rem;
  font-weight: 500;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .section__lead {
    margin-top: 1.5rem;
    font-size: 1.8rem;
  }
}
.section .section-list {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  margin-top: 2.6rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .section .section-list {
    font-size: 1.5rem;
  }
}
.section .section-list__item {
  padding-left: 1em;
  text-indent: -1em;
}
.section .section-list__item::before {
  padding: 0 0.25rem;
  content: "・";
}
.section__image {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
.section .section-note {
  font-weight: 500;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .section .section-note {
    font-size: 1rem;
  }
}
.section .section-note__item {
  padding-left: 2em;
  text-indent: -2em;
}
@media screen and (min-width: 769px) {
  .section .section-note--small {
    font-size: 1.2rem;
  }
}
.component-table {
  border-top: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .component-table {
    line-height: 1.4;
  }
}
.component-table__item {
  display: flex;
  border-bottom: 1px solid #d9d9d9;
}
.component-table__term, .component-table__description {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 3rem;
}
@media screen and (max-width: 768px) {
  .component-table__term, .component-table__description {
    padding: 1rem;
  }
}
.component-table__term {
  flex-shrink: 0;
  width: 30rem;
  background-color: #eeeff2;
}
@media screen and (max-width: 768px) {
  .component-table__term {
    width: 11.2rem;
  }
}
.component-table__description {
  flex: 1;
  gap: 3rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .component-table__description {
    gap: 1.5rem;
  }
}
.component-table__description--column {
  flex-direction: row;
  justify-content: flex-start;
  gap: 3rem 6rem;
}
@media screen and (max-width: 768px) {
  .component-table__description--column {
    flex-direction: column;
  }
}
.component-table__description--column:has(.component-table__logo) {
  align-items: center;
}
@media screen and (max-width: 768px) {
  .component-table__description--column:has(.component-table__logo) {
    gap: 0;
  }
}
.component-table__description--column .component-table-list {
  margin-top: 1rem;
  font-size: 1.4rem;
}
.component-table__text:nth-of-type(n + 2) {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .component-table__text:nth-of-type(n + 2) {
    margin-top: 2rem;
  }
}
.component-table .component-table-list__item {
  padding-left: 1em;
  text-indent: -1em;
}
.component-table .component-table-list__item::before {
  padding: 0 0.2em;
  content: "・";
}
.component-table__logo {
  flex-shrink: 0;
  width: 15.8rem;
}
@media screen and (max-width: 768px) {
  .component-table__logo {
    width: 10rem;
    margin-left: auto;
  }
}
.component-table__logo figcaption {
  margin-top: 1rem;
  color: #004eae;
  font-weight: 700;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .component-table__logo figcaption {
    margin-top: 0.4rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .component-table--sp-column .component-table__item {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .component-table--sp-column .component-table__term, .component-table--sp-column .component-table__description {
    padding: 1rem 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .component-table--sp-column .component-table__term {
    width: 100%;
  }
}
.layout-content .background-movie {
  position: fixed;
  inset: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .layout-content .background-movie::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: url("/recruit/mid-career/assets/img/common/dot.png") repeat left top/2px 2px;
  }
}
.layout-content .background-movie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.layout-footer {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .layout-footer {
    overflow: hidden;
  }
}
.layout-footer .footer-head {
  display: flex;
  flex-direction: column;
  padding-top: 8rem;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head {
    padding-top: 5rem;
  }
}
.layout-footer .footer-head__item {
  display: flex;
  align-items: center;
  position: relative;
  height: 20rem;
  padding: 0 12rem;
  background-color: #000;
  border-bottom: 1px solid #303030;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head__item {
    flex-direction: column;
    gap: 2rem;
    height: auto;
    padding: 2.6rem 1.5rem 3rem;
  }
}
.layout-footer .footer-head__item:first-of-type {
  border-top: 1px solid #303030;
}
.layout-footer .footer-head__item:first-of-type.is-current + .footer-head__item {
  border-top: 1px solid #303030;
}
.layout-footer .footer-head__item--recruit {
  background-color: #000 !important;
}
.layout-footer .footer-head__item--recruit:before {
  display: none;
}
.layout-footer .footer-head__item--recruit .component-background {
  display: none;
}
.layout-footer .footer-head__heading {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0.8rem;
  width: 42.6rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head__heading {
    flex-direction: row;
    align-items: flex-end;
    gap: 1rem;
    width: 100%;
  }
}
.layout-footer .footer-head__heading-en {
  display: block;
  position: relative;
  background: url("/recruit/mid-career/assets/img/common/bg_text.png") no-repeat center left/cover;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 300;
  font-size: 4.4rem;
  font-family: "Chakra Petch", sans-serif;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head__heading-en {
    font-size: 2.8rem;
  }
}
.layout-footer .footer-head__heading-ja {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head__heading-ja {
    font-size: 1rem;
    padding-bottom: 0.4rem;
  }
}
.layout-footer .footer-head .footer-link {
  display: flex;
  flex-wrap: wrap;
  gap: 3.8rem 10rem;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head .footer-link {
    gap: 1.6rem 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head .footer-link__item {
    width: 50%;
  }
}
.layout-footer .footer-head .footer-link__item a {
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head .footer-link__item a {
    font-size: 1.5rem;
  }
}
@media (hover: hover) {
  .layout-footer .footer-head .footer-link__item a:hover .footer-link__background {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .layout-footer .footer-head .footer-link__item a:active .footer-link__background {
    opacity: 0.8;
  }
}
.layout-footer .footer-head .footer-link__item a[target=_blank] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.layout-footer .footer-head .footer-link__item a[target=_blank]::after {
  display: block;
  width: 2.2rem;
  height: 1.6rem;
  content: "";
  margin-top: 0.2rem;
  background: url("/recruit/mid-career/assets/img/common/icon_window.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-head .footer-link__item a[target=_blank]::after {
    width: 1.2rem;
    height: 1rem;
  }
}
.layout-footer .footer-head .footer-link__item .component-arrow {
  display: none;
}
.layout-footer .footer-head .footer-link__item.highlight-in::after {
  display: none !important;
}
.layout-footer .footer-head .footer-link__background {
  width: calc(100% + 4rem);
  height: calc(100% + 2.7rem);
  position: absolute;
  top: 52%;
  left: 50%;
  display: block;
  z-index: -1;
  translate: -50% -50%;
  opacity: 0;
  background: linear-gradient(256deg, #000 16.79%, #2c5aff 100%);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media screen and (min-width: 769px) {
  .layout-footer .footer-head .footer-link--third {
    gap: 3.8rem 6rem;
  }
  .layout-footer .footer-head .footer-link--third .footer-link__item {
    width: calc(33.333333% - 4rem);
  }
}
.layout-footer .component-button-blue {
  margin-top: 8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .layout-footer .component-button-blue {
    margin-top: 5rem;
  }
}
.layout-footer .footer-foot {
  margin-top: 8rem;
  padding: 5.2rem 0;
  background-color: #004eae;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-foot {
    margin-top: 5rem;
    padding: 3rem 2.6rem;
  }
}
.layout-footer .footer-foot__content {
  display: flex;
  justify-content: center;
  gap: 3.6rem 8rem;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-foot__content {
    flex-direction: column;
  }
}
.layout-footer .footer-foot .footer-list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-foot .footer-list {
    gap: 2rem;
  }
}
.layout-footer .footer-foot .footer-list__item a {
  color: #fff;
  font-weight: 500;
}
.layout-footer .footer-foot .footer-list__item a[target=_blank] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.layout-footer .footer-foot .footer-list__item a[target=_blank]::after {
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: url("/recruit/mid-career/assets/img/common/icon_blank.svg") no-repeat center/contain;
}
.layout-footer .footer-foot .footer-list__item a small {
  font-weight: 400;
  font-size: 1.3rem;
}
.layout-footer .footer-foot .footer-contact__heading {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-foot .footer-contact__heading {
    font-size: 1.4rem;
  }
}
.layout-footer .footer-foot .footer-contact__heading small {
  font-weight: 400;
  font-size: 1.1rem;
}
.layout-footer .footer-foot .footer-contact__text {
  margin-top: 2.8rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-foot .footer-contact__text {
    margin-top: 1.6rem;
    font-size: 1.2rem;
  }
}
.layout-footer .footer-foot .footer-contact__data {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-foot .footer-contact__data {
    font-size: 1.2rem;
  }
}
.layout-footer .footer-foot .footer-copy {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 4.6rem;
  font-size: 1.1rem;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .layout-footer .footer-foot .footer-copy {
    gap: 1rem;
    margin-top: 3.2rem;
    font-size: 1rem;
    line-height: 1.6;
    text-align: left;
  }
}
.layout-footer .footer-foot .footer-copy__en {
  font-family: "Lato", sans-serif;
}
body.is-home .footer-head {
  gap: 10rem;
  padding-top: 10rem;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head {
    gap: 5rem;
    padding-top: 5rem;
  }
}
body.is-home .footer-head__heading {
  flex-direction: row;
  align-items: flex-end;
  gap: 1.6rem;
  width: auto;
  padding-left: 4rem;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__heading {
    padding-left: 1.6rem;
  }
}
body.is-home .footer-head__heading-ja {
  padding-bottom: 0.7rem;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__heading-ja {
    padding-bottom: 0.4rem;
    font-size: 1.2rem;
  }
}
body.is-home .footer-head__item {
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  height: auto;
  padding: 0;
  border: none !important;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item {
    gap: 2rem;
  }
}
body.is-home .footer-head__item.highlight-in::after {
  display: none;
}
body.is-home .footer-head__item--career {
  width: 90rem;
  height: 18rem;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--career {
    width: 35.4rem;
    height: 11rem;
  }
}
body.is-home .footer-head__item--career .footer-head {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
body.is-home .footer-head__item--career .footer-head__heading {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.6rem;
  height: 100%;
  pointer-events: none;
}
body.is-home .footer-head__item--career .footer-head__heading-en {
  color: #fff;
}
body.is-home .footer-head__item--career .footer-head__heading-en::before {
  display: none;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--career .footer-head__heading-ja {
    font-size: 1.2rem;
  }
}
body.is-home .footer-head__item--career .footer-link {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #000;
}
@media (hover: hover) {
  body.is-home .footer-head__item--career .footer-link:hover::before {
    opacity: 1;
  }
}
@media (hover: none) {
  body.is-home .footer-head__item--career .footer-link:active::before {
    opacity: 1;
  }
}
body.is-home .footer-head__item--career .footer-link::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.6;
  background: url("/recruit/mid-career/assets/img/common/bg_career.png") no-repeat center/cover;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
body.is-home .footer-head__item--career .footer-link li {
  width: 100% !important;
  height: 100%;
  background-color: transparent !important;
}
body.is-home .footer-head__item--career .footer-link li a {
  background: none;
  font-size: 0 !important;
}
body.is-home .footer-head__item--career .footer-link li a::before, body.is-home .footer-head__item--career .footer-link li a::after {
  display: none !important;
}
body.is-home .footer-head__item--career .footer-link li a .component-arrow {
  position: absolute;
  top: 50%;
  right: 3rem;
  display: block;
}
body.is-home .footer-head__item--career .footer-link__background {
  display: none !important;
}
body.is-home .footer-head__item--career.highlight-in::after {
  display: block;
}
body.is-home .footer-head__item--recruit {
  flex-direction: row;
  width: 134rem;
  margin: 0 auto;
  padding: 8rem 17rem 10.4rem;
  background-color: #0d1935 !important;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--recruit {
    flex-direction: column;
    gap: 2.2rem;
    width: 35.4rem;
    padding: 4rem 2rem;
  }
}
body.is-home .footer-head__item--recruit::before,
body.is-home .footer-head__item--recruit .component-background {
  display: block;
}
body.is-home .footer-head__item--recruit .component-background__circle {
  background: radial-gradient(#1f41ba, transparent 50%);
}
body.is-home .footer-head__item--recruit .footer-head__heading {
  gap: 0.6rem;
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  padding: 2.8rem 0;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--recruit .footer-head__heading {
    padding: 0;
  }
}
body.is-home .footer-head__item--recruit .footer-head__heading-en {
  color: #fff;
  font-size: 6rem;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--recruit .footer-head__heading-en {
    font-size: 2.8rem;
  }
}
body.is-home .footer-head__item--recruit .footer-head__heading-en::before {
  display: none;
}
body.is-home .footer-head__item--recruit .footer-head__heading-ja {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--recruit .footer-head__heading-ja {
    font-size: 1.2rem;
  }
}
body.is-home .footer-head__item--recruit .footer-link {
  width: 57rem !important;
  gap: 0;
  border-top: none !important;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--recruit .footer-link {
    width: 28.4rem !important;
    margin-left: auto;
  }
}
body.is-home .footer-head__item--recruit .footer-link li {
  width: 57rem !important;
  height: 8rem;
  border-right: none !important;
  border-bottom: 1px solid #303030;
  background-color: transparent !important;
  transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--recruit .footer-link li {
    width: 28.4rem !important;
    height: 5.2rem;
  }
}
@media (hover: hover) {
  body.is-home .footer-head__item--recruit .footer-link li:hover {
    border-color: #fff;
  }
}
@media (hover: none) {
  body.is-home .footer-head__item--recruit .footer-link li:active {
    border-color: #fff;
  }
}
body.is-home .footer-head__item--recruit .footer-link li::before, body.is-home .footer-head__item--recruit .footer-link li::after {
  display: none !important;
}
body.is-home .footer-head__item--recruit .footer-link li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center !important;
  padding: 0 2rem;
  font-size: 2rem;
  background-color: transparent !important;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head__item--recruit .footer-link li a {
    padding-left: 0;
    font-size: 1.5rem;
  }
}
body.is-home .footer-head__item--recruit .footer-link li a::before {
  display: none;
}
body.is-home .footer-head__item--recruit .footer-link li a:not([target=_blank])::after {
  display: none;
}
body.is-home .footer-head__item--recruit .footer-link li .component-arrow {
  display: block;
}
body.is-home .footer-head__item--recruit .footer-link li.is-current {
  opacity: 0.3;
  pointer-events: none;
}
body.is-home .footer-head__item--recruit .footer-link li.is-current .component-arrow {
  display: none;
}
body.is-home .footer-head__item--recruit .footer-link__background {
  display: none !important;
}
body.is-home .footer-head__item--recruit.highlight-in::after {
  display: block;
}
body.is-home .footer-head .footer-link {
  gap: 0;
  width: 100%;
  border-top: 1px solid #000;
  counter-reset: number;
}
body.is-home .footer-head .footer-link__item {
  position: relative;
  width: 33.333333% !important;
  height: 18rem;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head .footer-link__item {
    width: 50% !important;
    height: 11.6rem;
  }
}
body.is-home .footer-head .footer-link__item::before {
  display: none;
  width: 1rem;
  height: 1rem;
  content: "";
  position: absolute;
  top: -0.55rem;
  right: -0.55rem;
  z-index: 9;
  background: url("/recruit/mid-career/assets/img/common/icon_plus-white.svg") no-repeat center/contain;
}
@media screen and (min-width: 769px) {
  body.is-home .footer-head .footer-link__item:not(:nth-of-type(3n)) {
    border-right: 1px solid #000;
  }
  body.is-home .footer-head .footer-link__item:not(:nth-of-type(3n))::before {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head .footer-link__item:nth-of-type(2n + 1) {
    border-right: 1px solid #000;
  }
  body.is-home .footer-head .footer-link__item:nth-of-type(2n + 1)::before {
    display: block;
  }
}
body.is-home .footer-head .footer-link__item:nth-of-type(1)::before {
  display: none;
}
@media screen and (min-width: 769px) {
  body.is-home .footer-head .footer-link__item:nth-of-type(2)::before {
    display: none;
  }
}
body.is-home .footer-head .footer-link__item a {
  display: flex;
  align-items: flex-end !important;
  position: relative;
  padding: 4rem;
  font-size: 2.4rem;
  background-color: rgba(50, 50, 50, 0.6);
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: background-color;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head .footer-link__item a {
    align-items: center !important;
    font-size: 1.5rem;
    padding: 1.5rem;
  }
}
@media (hover: hover) {
  body.is-home .footer-head .footer-link__item a:hover {
    opacity: 1;
    background-color: rgba(50, 50, 50, 0);
  }
  body.is-home .footer-head .footer-link__item a:hover::before {
    color: #8294c7;
  }
  body.is-home .footer-head .footer-link__item a:hover .footer-link__background {
    opacity: 0.8;
  }
}
@media (hover: none) {
  body.is-home .footer-head .footer-link__item a:active {
    opacity: 1;
    background-color: rgba(50, 50, 50, 0);
  }
  body.is-home .footer-head .footer-link__item a:active::before {
    color: #8294c7;
  }
  body.is-home .footer-head .footer-link__item a:active .footer-link__background {
    opacity: 0.8;
  }
}
body.is-home .footer-head .footer-link__item a::before {
  position: absolute;
  top: 4rem;
  left: 4rem;
  color: #666;
  font-size: 2rem;
  line-height: 1;
  font-family: "Chakra Petch", sans-serif;
  content: counter(number, decimal-leading-zero);
  counter-increment: number;
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head .footer-link__item a::before {
    top: 1.5rem;
    left: 1.5rem;
    font-size: 1.5rem;
  }
}
body.is-home .footer-head .footer-link__item a[target=_blank]::after {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head .footer-link__item a[target=_blank]::after {
    right: 1.6rem;
    bottom: 1.6rem;
  }
}
body.is-home .footer-head .footer-link__item a:not([target=_blank])::after {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  background: url("/recruit/mid-career/assets/img/common/arrow_square.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  body.is-home .footer-head .footer-link__item a:not([target=_blank])::after {
    width: 1rem;
    height: 1rem;
    right: 1.6rem;
    bottom: 1.6rem;
  }
}
body.is-home .footer-head .footer-link__item.highlight-in::after {
  display: block !important;
}
body.is-home .footer-head .footer-link__background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  translate: 0;
  display: block;
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]), body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]), body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]), body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]), body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]), body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]), body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]), body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) {
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  width: 134rem;
  height: auto;
  margin: 0 auto 8rem;
  padding: 4.4rem 7rem;
  order: -1;
  background-color: #30438d !important;
}
@media screen and (max-width: 768px) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]), body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]), body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]), body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]), body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]), body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]), body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]), body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) {
    gap: 1rem;
    width: 35.4rem;
    margin: 0 auto 5rem;
    padding: 4rem 2rem 2.8rem;
  }
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-head__heading, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-head__heading, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-head__heading, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-head__heading, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-head__heading, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-head__heading, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-head__heading, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-head__heading {
  gap: 1.6rem;
  align-items: flex-end;
  flex-direction: row;
  width: auto;
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-head__heading-en, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-head__heading-en, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-head__heading-en, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-head__heading-en, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-head__heading-en, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-head__heading-en, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-head__heading-en, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-head__heading-en {
  color: #fff;
}
@media screen and (min-width: 769px) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-head__heading-en, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-head__heading-en, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-head__heading-en, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-head__heading-en, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-head__heading-en, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-head__heading-en, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-head__heading-en, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-head__heading-en {
    font-size: 5rem;
  }
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-head__heading-en::before, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-head__heading-en::before, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-head__heading-en::before, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-head__heading-en::before, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-head__heading-en::before, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-head__heading-en::before, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-head__heading-en::before, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-head__heading-en::before {
  display: none;
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-head__heading-ja, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-head__heading-ja, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-head__heading-ja, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-head__heading-ja, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-head__heading-ja, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-head__heading-ja, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-head__heading-ja, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-head__heading-ja {
  padding-bottom: 0.7rem;
}
@media screen and (max-width: 768px) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-head__heading-ja, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-head__heading-ja, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-head__heading-ja, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-head__heading-ja, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-head__heading-ja, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-head__heading-ja, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-head__heading-ja, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-head__heading-ja {
    font-size: 1.2rem;
  }
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link {
  gap: 0 6rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link {
    flex-direction: column;
  }
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item {
  width: calc(50% - 3rem) !important;
  height: 7rem;
  border-bottom: 1px solid #455695;
  transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item {
    width: 100% !important;
    height: 5rem;
  }
}
@media (hover: hover) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item:hover, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item:hover, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item:hover, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item:hover, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item:hover, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item:hover, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item:hover, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item:hover {
    border-color: #fff;
  }
}
@media (hover: none) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item:active, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item:active, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item:active, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item:active, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item:active, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item:active, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item:active, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item:active {
    border-color: #fff;
  }
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item a, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item a, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item a, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item a, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item a, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item a, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item a, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item a, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item a, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item a, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item a, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item a, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item a, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item a, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item a {
    padding: 0;
  }
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item .component-arrow, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item .component-arrow, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item .component-arrow, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item .component-arrow, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item .component-arrow, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item .component-arrow, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item .component-arrow, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item .component-arrow {
  display: block;
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item .footer-link__background, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item .footer-link__background, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item .footer-link__background, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item .footer-link__background, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item .footer-link__background, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item .footer-link__background, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item .footer-link__background, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item .footer-link__background {
  display: none;
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item.is-current, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item.is-current, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item.is-current, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item.is-current, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item.is-current, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item.is-current, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item.is-current, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item.is-current {
  opacity: 0.3;
  pointer-events: none;
}
body.is-company .footer-head__item:has([href*="/recruit/mid-career/company"]) .footer-link__item.is-current .component-arrow, body.is-data .footer-head__item:has([href*="/recruit/mid-career/data"]) .footer-link__item.is-current .component-arrow, body.is-work-life-balance .footer-head__item:has([href*="/recruit/mid-career/work-life-balance"]) .footer-link__item.is-current .component-arrow, body.is-education .footer-head__item:has([href*="/recruit/mid-career/education"]) .footer-link__item.is-current .component-arrow, body.is-de-i .footer-head__item:has([href*="/recruit/mid-career/de-i"]) .footer-link__item.is-current .component-arrow, body.is-guideline .footer-head__item:has([href*="/recruit/mid-career/guideline"]) .footer-link__item.is-current .component-arrow, body.is-welfare .footer-head__item:has([href*="/recruit/mid-career/welfare"]) .footer-link__item.is-current .component-arrow, body.is-faq .footer-head__item:has([href*="/recruit/mid-career/faq"]) .footer-link__item.is-current .component-arrow {
  display: none;
}
body.is-company .footer-link__item:has([href*="/recruit/mid-career/company"]), body.is-data .footer-link__item:has([href*="/recruit/mid-career/data"]), body.is-work-life-balance .footer-link__item:has([href*="/recruit/mid-career/work-life-balance"]), body.is-education .footer-link__item:has([href*="/recruit/mid-career/education"]), body.is-de-i .footer-link__item:has([href*="/recruit/mid-career/de-i"]), body.is-career-story .footer-link__item:has([href*="/recruit/mid-career/career-story"]), body.is-guideline .footer-link__item:has([href*="/recruit/mid-career/guideline"]), body.is-welfare .footer-link__item:has([href*="/recruit/mid-career/welfare"]), body.is-faq .footer-link__item:has([href*="/recruit/mid-career/faq"]) {
  opacity: 0.3;
  pointer-events: none;
}
body.is-company .footer-link__item:has([href*="/recruit/mid-career/company"]) .component-arrow, body.is-data .footer-link__item:has([href*="/recruit/mid-career/data"]) .component-arrow, body.is-work-life-balance .footer-link__item:has([href*="/recruit/mid-career/work-life-balance"]) .component-arrow, body.is-education .footer-link__item:has([href*="/recruit/mid-career/education"]) .component-arrow, body.is-de-i .footer-link__item:has([href*="/recruit/mid-career/de-i"]) .component-arrow, body.is-career-story .footer-link__item:has([href*="/recruit/mid-career/career-story"]) .component-arrow, body.is-guideline .footer-link__item:has([href*="/recruit/mid-career/guideline"]) .component-arrow, body.is-welfare .footer-link__item:has([href*="/recruit/mid-career/welfare"]) .component-arrow, body.is-faq .footer-link__item:has([href*="/recruit/mid-career/faq"]) .component-arrow {
  display: none !important;
}
.layout-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  color: #fff;
  height: 7rem;
}
.layout-header::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background-color: #000;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media screen and (max-width: 768px) {
  .layout-header {
    position: sticky;
    height: 5rem;
    background-color: #000;
  }
}
.layout-header__inner {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .layout-header__inner {
    gap: 1rem;
  }
}
.layout-header .header-head a {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
  padding-right: 3.2rem;
  padding-left: 3rem;
  color: #fff;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  .layout-header .header-head a {
    padding: 0 0 0 1.2rem;
  }
}
.layout-header .header-head__logo {
  width: 30.9rem;
}
@media screen and (max-width: 768px) {
  .layout-header .header-head__logo {
    width: 7.2rem;
  }
}
.layout-header .header-head__text {
  font-weight: 700;
  font-size: 1.2rem;
}
.layout-header .header-nav {
  height: 100%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav {
    position: fixed;
    top: 5rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    translate: 0 -100%;
    overflow: auto;
    height: calc(100dvh - 5rem);
    background-color: #000;
    padding: 5.6rem 0;
    transition: translate 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: translate;
  }
}
.layout-header .header-nav .header-list {
  display: flex;
  align-items: center;
  display: flex;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list {
    flex-direction: column;
    border-top: 1px solid #303030;
  }
}
.layout-header .header-nav .header-list__item {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list__item {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #303030;
  }
}
@media screen and (hover: hover) and (min-width: 769px) {
  .layout-header .header-nav .header-list__item:has(button):hover button::after {
    rotate: -135deg;
  }
  .layout-header .header-nav .header-list__item:has(button):hover .header-dropdown {
    grid-template-rows: 1fr !important;
  }
}
@media screen and (hover: none) and (min-width: 769px) {
  .layout-header .header-nav .header-list__item:has(button):active button::after {
    rotate: -135deg;
  }
  .layout-header .header-nav .header-list__item:has(button):active .header-dropdown {
    grid-template-rows: 1fr !important;
  }
}
.layout-header .header-nav .header-list__item > a,
.layout-header .header-nav .header-list__item button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 0.8rem;
  padding: 0 1.5rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list__item > a,
  .layout-header .header-nav .header-list__item button {
    justify-content: space-between;
    height: auto;
    padding: 1.6rem 1.5rem;
    font-size: 1.8rem;
  }
}
.layout-header .header-nav .header-list__item button::after {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  content: "";
  rotate: 45deg;
  margin-top: -0.3rem;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transition: rotate 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: rotate;
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list__item button::after {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -0.4rem;
    border-width: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list__item button.is-clicked::after {
    rotate: -135deg;
  }
  .layout-header .header-nav .header-list__item button.is-clicked + .header-dropdown {
    grid-template-rows: 1fr !important;
  }
}
.layout-header .header-nav .header-list .header-dropdown {
  position: absolute;
  top: calc(100% - 0.6rem);
  left: -1.5rem;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list .header-dropdown {
    position: static;
  }
}
.layout-header .header-nav .header-list .header-dropdown__inner {
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list .header-dropdown__inner {
    width: 100%;
  }
}
.layout-header .header-nav .header-list .header-dropdown .header-dropdown-list {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2.8rem 2.2rem;
  border-radius: 0.4rem;
  background-color: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list {
    gap: 2.6rem;
    width: 100%;
    padding: 3.4rem 1.5rem;
    border-top: 1px solid #303030;
    background-color: #121212;
  }
}
.layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.2rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  white-space: nowrap;
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a {
    color: #fff;
    padding-right: 0.5rem;
    font-size: 1.4rem;
  }
}
@media (hover: hover) {
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a:hover {
    color: #004eae;
  }
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a:hover::after {
    background-color: #004eae;
  }
}
@media (hover: none) {
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a:active {
    color: #004eae;
  }
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a:active::after {
    background-color: #004eae;
  }
}
.layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a::after {
  display: block;
  width: 1.1rem;
  height: 0.7rem;
  content: "";
  background-color: #000;
  -webkit-mask: url("/recruit/mid-career/assets/img/common/arrow_black.svg") no-repeat center/contain;
          mask: url("/recruit/mid-career/assets/img/common/arrow_black.svg") no-repeat center/contain;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a::after {
    width: 1.65rem;
    height: 1.05rem;
    background-color: #fff;
  }
}
.layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a[target=_blank]::after {
  height: 0.8rem;
  -webkit-mask: url("/recruit/mid-career/assets/img/common/icn_blank.svg") no-repeat center/contain;
          mask: url("/recruit/mid-career/assets/img/common/icn_blank.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .layout-header .header-nav .header-list .header-dropdown .header-dropdown-list__item a[target=_blank]::after {
    height: 1.2rem;
  }
}
.layout-header .header-zoom {
  width: 16rem;
  height: 100%;
  position: relative;
}
@media (hover: hover) {
  .layout-header .header-zoom:hover .header-zoom__content {
    grid-template-rows: 1fr !important;
  }
}
@media (hover: none) {
  .layout-header .header-zoom:active .header-zoom__content {
    grid-template-rows: 1fr !important;
  }
}
.layout-header .header-zoom__button {
  width: 100%;
  height: 100%;
  display: flex;
}
.layout-header .header-zoom__button button {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
}
.layout-header .header-zoom__button button::before {
  content: "ZOOM：";
  display: block;
  padding-top: 0.2rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
}
.layout-header .header-zoom__button button::after {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  position: absolute;
  top: 52%;
  left: 1.5rem;
  translate: 0 -50%;
  background: url("/recruit/mid-career/assets/img/common/icon_zoom.svg") no-repeat center/contain;
}
.layout-header .header-zoom__content {
  position: absolute;
  top: calc(100% - 0.6rem);
  left: calc(50% - 11rem);
  display: grid;
  grid-template-rows: 0fr;
  width: 22rem;
  transition: grid-template-rows 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.layout-header .header-zoom__wrapper {
  overflow: hidden;
}
.layout-header .header-zoom__inner {
  display: flex;
  align-items: center;
  padding: 0.8rem 1rem;
  border-radius: 0.4rem;
  background-color: #fff;
  color: #000;
  white-space: nowrap;
}
.layout-header .header-zoom__number {
  font-weight: 500;
  font-size: 1.1rem;
}
.layout-header .header-zoom .header-zoom-list {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-left: auto;
}
.layout-header .header-zoom .header-zoom-list__item {
  width: 2.4rem;
  height: 2.4rem;
}
.layout-header .header-zoom .header-zoom-list__item button {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  display: block;
  position: relative;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .layout-header .header-zoom .header-zoom-list__item button:hover {
    background-color: #eaeaea;
  }
}
@media (hover: none) {
  .layout-header .header-zoom .header-zoom-list__item button:active {
    background-color: #eaeaea;
  }
}
.layout-header .header-zoom .header-zoom-list__item button::before, .layout-header .header-zoom .header-zoom-list__item button::after {
  display: block;
  width: 1.2rem;
  height: 0.2rem;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: #5d5d5d;
}
.layout-header .header-zoom .header-zoom-list__item button::after {
  rotate: 90deg;
}
.layout-header .header-zoom .header-zoom-list__item button.js-zoom-minus::after {
  display: none;
}
.layout-header .header-zoom .header-zoom-list__item button.is-inactive {
  pointer-events: none;
  opacity: 0.2;
}
.layout-header .header-zoom__reset {
  margin-left: 1rem;
}
.layout-header .header-zoom__reset button {
  display: flex;
  align-items: center;
  height: 2.4rem;
  padding: 0 1.4rem;
  border: 1px solid #d9d9d9;
  border-radius: 2.4rem;
  font-size: 1rem;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .layout-header .header-zoom__reset button:hover {
    background-color: #eaeaea;
  }
}
@media (hover: none) {
  .layout-header .header-zoom__reset button:active {
    background-color: #eaeaea;
  }
}
.layout-header .header-zoom__reset button.is-inactive {
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (min-width: 769px) {
  .layout-header .header-button {
    padding: 1rem 1rem 1rem 0;
  }
}
@media screen and (max-width: 768px) {
  .layout-header .header-button {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
}
.layout-header .header-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17.6rem;
  height: 100%;
  background-color: #fff;
  color: #004eae;
  font-weight: 500;
  font-size: 1.6rem;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .layout-header .header-button a {
    width: 10rem;
    height: 3.2rem;
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  .layout-header .header-button a:hover {
    background-color: #004eae;
    color: #fff;
  }
}
@media (hover: none) {
  .layout-header .header-button a:active {
    background-color: #004eae;
    color: #fff;
  }
}
.layout-header .header-hamburger {
  overflow: hidden;
}
.layout-header .header-hamburger button {
  width: 5rem;
  height: 5rem;
  position: relative;
  background: #303030;
}
.layout-header .header-hamburger button span {
  width: 2rem;
  height: 1px;
  position: absolute;
  left: calc(50% - 1rem);
  display: block;
  background-color: #fff;
  will-change: opacity, translate;
}
.layout-header .header-hamburger button span:nth-of-type(1), .layout-header .header-hamburger button span:nth-of-type(2), .layout-header .header-hamburger button span:nth-of-type(3) {
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.layout-header .header-hamburger button span:nth-of-type(1) {
  top: 1.9rem;
}
.layout-header .header-hamburger button span:nth-of-type(2) {
  top: calc(50% - 0.5px);
}
.layout-header .header-hamburger button span:nth-of-type(3) {
  bottom: 1.9rem;
}
.layout-header .header-hamburger button span:nth-of-type(4), .layout-header .header-hamburger button span:nth-of-type(5) {
  top: calc(50% - 0.15rem);
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.layout-header .header-hamburger button span:nth-of-type(4) {
  translate: -6rem -6rem;
  rotate: 45deg;
}
.layout-header .header-hamburger button span:nth-of-type(5) {
  translate: 6rem -6rem;
  rotate: -45deg;
}
body.is-home .layout-header {
  position: sticky;
}
body.is-home .layout-header .header-head a {
  pointer-events: none;
}
.career {
  position: relative;
  padding: 12rem 0;
}
@media screen and (max-width: 768px) {
  .career {
    margin-top: 4rem !important;
    padding: 5rem 0;
  }
}
.career .component-noise {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc((100% - 144rem) / 2 + 105rem);
}
@media screen and (max-width: 768px) {
  .career .component-noise {
    width: 32.4rem;
  }
}
.career .career-index {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
@media screen and (max-width: 768px) {
  .career .career-index {
    gap: 5rem;
  }
}
.career .career-index__item {
  display: flex;
  align-items: center;
  gap: 2rem 6rem;
}
@media screen and (max-width: 768px) {
  .career .career-index__item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.career .career-index__image {
  flex-shrink: 0;
  width: 60rem;
}
@media screen and (max-width: 768px) {
  .career .career-index__image {
    width: 32.2rem;
  }
}
@media screen and (max-width: 768px) {
  .career .career-index__content {
    padding-left: 7rem;
  }
}
.career .career-index__heading {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .career .career-index__heading {
    font-size: 2rem;
  }
}
.career .career-index__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .career .career-index__text {
    margin-top: 1rem;
  }
}
.career .career-index .component-button-black {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .career .career-index .component-button-black {
    margin-top: 2rem;
  }
}
.company-philosophy {
  padding: 10rem 0;
}
@media screen and (max-width: 768px) {
  .company-philosophy {
    padding: 5rem 0;
  }
}
.company-philosophy .section__image,
.company-philosophy .section__text {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .company-philosophy .section__image,
  .company-philosophy .section__text {
    margin-top: 3rem;
  }
}
.company-philosophy .section__text {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .company-philosophy .section__text {
    font-size: 1.5rem;
  }
}
.company-business .section__image {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .company-business .section__image {
    margin-top: 3.2rem;
  }
}
.component-background-shift:has(.company-history) {
  margin-top: 12rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.company-history) {
    margin-top: 10rem;
    padding-bottom: 5rem;
  }
}
.component-background-shift:has(.company-history) .component-noise {
  height: calc(100% - 27rem);
}
.company-history__content {
  margin-top: 4rem;
  padding: 4.5rem 6rem 6rem;
}
@media screen and (max-width: 768px) {
  .company-history__content {
    margin-top: 3rem;
    padding: 1.5rem 2rem 3rem;
  }
}
.company-history .component-button-black {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .company-history .component-button-black {
    margin-top: 3rem;
  }
}
.section:has(.company-strength) {
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .section:has(.company-strength) {
    margin-top: 8rem;
  }
}
.company-strength {
  display: flex;
  flex-direction: column;
  gap: 12rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .company-strength {
    margin-top: 3rem;
    gap: 5rem;
  }
}
.company-strength__heading {
  display: flex;
  gap: 3.2rem;
}
@media screen and (max-width: 768px) {
  .company-strength__heading {
    gap: 1.8rem;
  }
}
.company-strength__heading-number {
  flex-shrink: 0;
  font-weight: 300;
  font-size: 10rem;
  font-family: "Chakra Petch", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .company-strength__heading-number {
    font-weight: 400;
    font-size: 5rem;
  }
}
.company-strength__heading-text {
  padding-top: 1rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .company-strength__heading-text {
    padding-top: 0;
    font-weight: 500;
    font-size: 1.8rem;
  }
}
.company-strength .company-strength-box {
  display: flex;
  gap: 5rem 7rem;
  margin-top: 4rem;
  padding: 6rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box {
    flex-direction: column;
    margin-top: 3rem;
    padding: 2.3rem 2rem 3rem;
  }
}
.company-strength .company-strength-box:not(:has(.company-strength-box__content)) {
  padding: 4.6rem 7rem 6rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box:not(:has(.company-strength-box__content)) {
    padding: 2rem 1.8rem;
  }
}
.company-strength .company-strength-box__content {
  display: flex;
  flex-direction: column;
  gap: 7rem;
  width: 64rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box__content {
    gap: 2rem;
    width: 100%;
  }
}
.company-strength .company-strength-box__heading {
  font-weight: 700;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box__heading {
    font-weight: 500;
    font-size: 1.8rem;
  }
}
.company-strength .company-strength-box__text {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box__text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box__image {
    width: 100%;
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.company-strength .company-strength-box .company-strength-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box .company-strength-list {
    gap: 5rem;
  }
}
.company-strength .company-strength-box .company-strength-list .company-strength-box__heading {
  position: relative;
  font-weight: 500;
  padding-left: 1.8rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box .company-strength-list .company-strength-box__heading {
    font-size: 2rem;
  }
}
.company-strength .company-strength-box .company-strength-list .company-strength-box__heading::before {
  display: block;
  width: 0.4rem;
  height: 2.4rem;
  content: "";
  position: absolute;
  top: 53%;
  left: 0;
  translate: 0 -50%;
  background: #004eae;
}
.company-strength .company-strength-box .company-strength-list__logo:nth-of-type(1) {
  width: 19.5rem;
  margin-top: 2.6rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box .company-strength-list__logo:nth-of-type(1) {
    width: 17.4rem;
    margin-top: 2.3rem;
  }
}
.company-strength .company-strength-box .company-strength-list__logo:nth-of-type(2) {
  width: 15.7rem;
  margin-top: 3.3rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box .company-strength-list__logo:nth-of-type(2) {
    width: 14rem;
    margin-top: 3rem;
  }
}
.company-strength .company-strength-box .company-strength-list__text {
  margin-top: 1rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .company-strength .company-strength-box .company-strength-list__text {
    font-size: 1.3rem;
  }
}
.company-strength + .component-button-white {
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .company-strength + .component-button-white {
    margin-top: 8rem;
  }
}
.component-background-shift:has(.data-company) {
  margin-top: 10rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.data-company) {
    margin-top: 8rem;
    padding-bottom: 5rem;
  }
}
.component-background-shift:has(.data-company) .component-noise {
  height: calc(100% - 87rem);
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.data-company) .component-noise {
    height: calc(100% - 57rem);
  }
}
.data-company {
  position: relative;
  z-index: 9;
}
.data-company__image {
  margin-top: 2.8rem;
}
@media screen and (max-width: 768px) {
  .data-company__image {
    margin-top: 2rem;
  }
}
.data-company .component-card {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .data-company .component-card {
    margin-top: 3.5rem;
  }
}
.data-feature .data-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list {
    gap: 1.5rem;
    margin-top: 3rem;
    flex-direction: column;
  }
}
.data-feature .data-list__item {
  display: flex;
  align-items: center;
  position: relative;
  width: calc(50% - 2rem);
  height: 24rem;
  padding-right: 2rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__item {
    width: 100%;
    height: auto;
    padding: 0.4rem 2rem 1.2rem;
  }
}
.data-feature .data-list__item:nth-of-type(1) img {
  width: 11.5rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__item:nth-of-type(1) img {
    width: 6rem;
  }
}
.data-feature .data-list__item:nth-of-type(2) img {
  width: 9rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__item:nth-of-type(2) img {
    width: 4.9rem;
  }
}
.data-feature .data-list__item:nth-of-type(2) .data-list__heading {
  line-height: 1.4 !important;
}
.data-feature .data-list__item:nth-of-type(2) .data-list__text {
  margin-top: 0;
}
.data-feature .data-list__item:nth-of-type(3) img {
  width: 10rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__item:nth-of-type(3) img {
    width: 4.8rem;
  }
}
.data-feature .data-list__item:nth-of-type(4) img {
  width: 8.9rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__item:nth-of-type(4) img {
    width: 4.1rem;
  }
}
.data-feature .data-list__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 19rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.6rem;
    height: 8.6rem;
  }
}
.data-feature .data-list__heading {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__heading {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 8.6rem;
    padding-left: 6.6rem;
    font-size: 1.8rem;
  }
}
.data-feature .data-list__heading span {
  display: flex;
  align-items: center;
}
.data-feature .data-list__heading strong {
  margin-top: -0.8rem;
  font-size: 5rem;
  font-family: "joost", sans-serif;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__heading strong {
    font-size: 4rem;
  }
}
.data-feature .data-list__text {
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  .data-feature .data-list__text {
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.data-employee {
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .data-employee {
    margin-top: 8rem;
  }
}
.diversity-diagram__image {
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .diversity-diagram__image {
    width: 32rem;
    height: 34.9rem;
  }
  .diversity-diagram__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.component-background-shift:has(.diversity-propulsion) {
  margin-top: 10rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.diversity-propulsion) {
    margin-top: 8rem;
    padding-bottom: 5rem;
  }
}
.component-background-shift:has(.diversity-propulsion) .component-noise {
  height: calc(100% - 40rem);
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.diversity-propulsion) .component-noise {
    height: calc(100% - 34rem);
  }
}
.diversity-propulsion .section__text {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .diversity-propulsion .section__text {
    font-size: 1.5rem;
  }
}
.diversity-propulsion__image {
  width: 100%;
  max-width: 124rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7.5rem;
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .diversity-propulsion__image {
    width: 36.8rem;
    margin-top: 4rem;
    margin-left: -1.2rem;
    padding: 0 0.8rem;
  }
}
.diversity-propulsion__image img {
  translate: 0 -2.5rem;
}
@media screen and (max-width: 768px) {
  .diversity-propulsion__image img {
    translate: 0 -0.8rem;
  }
}
.diversity-list {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .diversity-list {
    gap: 8rem;
    margin-top: 8rem;
  }
}
.diversity-list__item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .diversity-list__item:has(.diversity-list__logo) {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 769px) {
  .diversity-list__item:has(.diversity-list__logo) .diversity-list__text {
    width: 81.6rem;
  }
}
.diversity-list__text {
  margin-top: 2.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .diversity-list__text {
    margin-top: 1.5rem;
    font-size: 1.5rem;
  }
}
.diversity-list .component-button-white {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .component-button-white {
    margin-top: 3rem;
  }
}
.diversity-list .diversity-box {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box {
    gap: 3rem;
    margin-top: 3rem;
  }
}
.diversity-list .diversity-box__item {
  display: flex;
  gap: 6rem;
  padding: 6rem 5rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box__item {
    flex-direction: column;
    align-items: center;
    gap: 2.6rem;
    padding: 3rem 2rem;
  }
}
.diversity-list .diversity-box__head {
  flex-shrink: 0;
  width: 30rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box__image {
    width: 100%;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.diversity-list .diversity-box .diversity-box-tag {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box .diversity-box-tag {
    margin-top: 2.6rem;
  }
}
.diversity-list .diversity-box .diversity-box-tag__item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 10rem;
  height: 3.6rem;
  padding: 0 1.5rem 0.2rem 1.5rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 0.3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box .diversity-box-tag__item {
    height: 2.8rem;
    font-size: 1.3rem;
  }
}
.diversity-list .diversity-box .diversity-box-tag__item:nth-of-type(1) {
  border: 1px solid #004eae;
}
.diversity-list .diversity-box .diversity-box-tag__item:nth-of-type(2) {
  background: #e6eaf9;
}
.diversity-list .diversity-box__text {
  margin-top: 1.8rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box__text {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}
.diversity-list .diversity-box__name {
  margin-top: 0.6rem;
  font-weight: 700;
  font-size: 3rem;
  font-family: "Lato", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box__name {
    margin-top: 0.8rem;
  }
}
.diversity-list .diversity-box__body > *:first-child {
  margin-top: 0;
}
.diversity-list .diversity-box__heading {
  margin-top: 5rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box__heading {
    margin-top: 3rem;
    font-size: 1.8rem;
  }
}
.diversity-list .diversity-box__text {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .diversity-box__text {
    margin-top: 1rem;
  }
}
.diversity-list .component-table {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .component-table {
    margin-top: 3rem;
  }
}
.diversity-list .section-note {
  margin-top: 2.2rem;
}
@media screen and (max-width: 768px) {
  .diversity-list .section-note {
    margin-top: 2rem;
  }
}
.diversity-list__logo {
  position: absolute;
  top: 1rem;
  right: 0;
  width: 12.1rem;
}
@media screen and (max-width: 768px) {
  .diversity-list__logo {
    top: -7rem;
    width: 10rem;
  }
}
.diversity-list__image {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .diversity-list__image {
    margin-top: 4rem;
  }
}
.diversity-list__image + .component-button-white {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .diversity-list__image + .component-button-white {
    margin-top: 4rem;
  }
}
.education-diagram__image {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .education-diagram__image {
    margin-top: 3rem;
  }
}
.education-diagram .section-note {
  margin-top: -0.6rem;
}
@media screen and (max-width: 768px) {
  .education-diagram .section-note {
    margin-top: 2rem;
  }
}
.component-background-shift:has(.education-support) {
  margin-top: 12rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.education-support) {
    margin-top: 8rem;
    padding-bottom: 5rem;
  }
}
.component-background-shift:has(.education-support) .component-noise {
  height: calc(100% - 34rem);
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.education-support) .component-noise {
    height: calc(100% - 23rem);
  }
}
.education-support .education-support-box {
  position: relative;
  margin-top: 5rem;
  padding: 6rem;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box {
    margin-top: 3rem;
    padding: 6rem 2rem 3rem;
  }
}
.education-support .education-support-box__note {
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-weight: 500;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box__note {
    font-size: 1rem;
  }
}
.education-support .education-support-box__head-heading {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
}
.education-support .education-support-box__head-text {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.3rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
}
.education-support .education-support-box__head-text strong {
  margin-bottom: -1rem;
  font-weight: 500;
  font-size: 10rem;
  font-family: "joost", sans-serif;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box__head-text strong {
    font-size: 8rem;
  }
}
.education-support .education-support-box__body {
  margin-top: 3.4rem;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box__body {
    margin-top: 4rem;
  }
}
.education-support .education-support-box__heading {
  font-weight: 700;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box__heading {
    font-size: 1.8rem;
  }
}
.education-support .education-support-box .education-support-content {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 4rem;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box .education-support-content {
    flex-direction: column;
    gap: 3rem;
    margin-top: 3rem;
  }
}
.education-support .education-support-box .education-support-content__item {
  width: calc(50% - 2rem);
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box .education-support-content__item {
    width: 100%;
  }
}
.education-support .education-support-box .education-support-content__heading,
.education-support .education-support-box .education-support-content .education-support-list {
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box .education-support-content__heading,
  .education-support .education-support-box .education-support-content .education-support-list {
    padding-left: 0.4rem;
  }
}
.education-support .education-support-box .education-support-content__heading {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #d9d9d9;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
}
.education-support .education-support-box .education-support-content .education-support-list {
  margin-top: 1rem;
  font-weight: 500;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .education-support .education-support-box .education-support-content .education-support-list {
    font-size: 1.3rem;
  }
}
.education-support .education-support-box .education-support-content .education-support-list__item {
  padding-left: 1em;
  text-indent: -1em;
}
.education-support .education-support-box .education-support-content .education-support-list__item:before {
  margin-right: 0.6rem;
  content: "・";
}
.education-list {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .education-list {
    gap: 8rem;
    margin-top: 8rem;
  }
}
.education-list__text {
  margin-top: 2.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .education-list__text {
    margin-top: 1.5rem;
    font-size: 1.5rem;
  }
}
.education-list__image {
  width: 100%;
  max-width: 83.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .education-list__image {
    margin-top: 2.6rem;
  }
}
.home-hero {
  width: 100%;
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 4rem 0;
}
@media screen and (max-width: 768px) {
  .home-hero {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .home-hero__head, .home-hero__body {
    display: contents !important;
  }
}
.home-hero__head {
  display: flex;
  align-items: center;
  gap: 12rem;
}
.home-hero__image {
  position: relative;
}
.home-hero__image .splide__list {
  display: flex !important;
}
.home-hero__image .splide__slide {
  width: 32.6rem;
}
.home-hero__image .splide__slide--clone .home-hero__image-item {
  opacity: 1;
}
.home-hero__image .splide__slide--clone .home-hero__image-item img {
  opacity: 1;
}
.home-hero__image .splide__toggle {
  display: none;
}
.home-hero__image-item {
  position: relative;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity;
}
.home-hero__image-item::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: #fff;
  transition: opacity cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 0.7s;
}
.home-hero__image-item:last-of-type::before {
  height: calc(100% - 1px);
}
.home-hero__image-item img {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  will-change: opacity;
}
.home-hero__image-item.is-show {
  opacity: 1;
}
.home-hero__image-item.is-show::before {
  opacity: 0;
}
.home-hero__image-item.is-show img {
  opacity: 1;
}
.home-hero__line {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.home-hero__line-vertical, .home-hero__line-horizon {
  background-color: #fff;
  will-change: scale;
}
.home-hero__line-vertical {
  width: 1px;
  height: 100%;
  transform-origin: center bottom;
  translate: 0 -10%;
  scale: 1 0;
}
.home-hero__line-horizon {
  width: 100%;
  height: 1px;
  transform-origin: right center;
  translate: -10% 0;
  scale: 0 1;
}
.home-hero__line .js-lien-left,
.home-hero__line .js-lien-vertical01,
.home-hero__line .js-lien-vertical02,
.home-hero__line .js-lien-right {
  transform-origin: top center;
}
.home-hero__line .js-lien-top,
.home-hero__line .js-lien-horizon01,
.home-hero__line .js-lien-horizon02,
.home-hero__line .js-lien-bottom {
  transform-origin: center left;
}
.home-hero__line .js-lien-left {
  position: absolute;
  top: 0;
  left: 0;
}
.home-hero__line .js-lien-top {
  position: absolute;
  top: 0;
  left: 0;
}
.home-hero__line .js-lien-horizon01 {
  position: absolute;
  top: 22rem;
  left: 0;
}
@media screen and (max-width: 768px) {
  .home-hero__line .js-lien-horizon01 {
    top: 12rem;
  }
}
.home-hero__line .js-lien-horizon02 {
  position: absolute;
  top: 44rem;
  left: 0;
}
@media screen and (max-width: 768px) {
  .home-hero__line .js-lien-horizon02 {
    top: 24rem;
  }
}
.home-hero__line .js-lien-vertical01 {
  position: absolute;
  top: 0;
  left: 32.6rem;
  transform-origin: top center;
}
@media screen and (max-width: 768px) {
  .home-hero__line .js-lien-vertical01 {
    left: 18rem;
  }
}
.home-hero__line .js-lien-vertical02 {
  position: absolute;
  top: 0;
  left: 65.2rem;
  transform-origin: top center;
}
@media screen and (max-width: 768px) {
  .home-hero__line .js-lien-vertical02 {
    left: 36rem;
  }
}
.home-hero__line .js-lien-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.home-hero__line .js-lien-right {
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: top center;
}
@media screen and (max-width: 768px) {
  .home-hero__text, .home-hero__heading,
  .home-hero .home-hero-banner {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
.home-hero__text {
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .home-hero__text {
    order: 2;
    margin-top: 4rem;
  }
}
.home-hero__text svg {
  width: 34rem;
}
@media screen and (max-width: 768px) {
  .home-hero__text svg {
    width: 25.4rem;
  }
}
.home-hero__text svg path {
  opacity: 0;
  will-change: opacity;
}
.home-hero__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 3.8rem;
}
.home-hero__heading,
.home-hero .home-hero-banner {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.home-hero__heading.is-show,
.home-hero .home-hero-banner.is-show {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .home-hero__heading {
    order: 1;
    margin-top: 4rem;
  }
}
.home-hero__heading img {
  width: 67.6rem;
}
@media screen and (max-width: 768px) {
  .home-hero__heading img {
    width: 30.5rem;
  }
}
.home-hero .home-hero-banner {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .home-hero .home-hero-banner {
    flex-direction: column;
    order: 3;
    margin-top: 3.8rem;
    opacity: 1;
  }
}
.home-hero .home-hero-banner__item {
  width: 22rem;
}
@media screen and (max-width: 768px) {
  .home-hero .home-hero-banner__item {
    width: 100%;
  }
}
.home-hero .home-hero-banner__item a, .home-hero .home-hero-banner__item span {
  display: block;
  cursor: pointer;
}
.home-hero .home-hero-banner__item a.is-comingsoon, .home-hero .home-hero-banner__item span.is-comingsoon {
  position: relative;
  pointer-events: none;
}
.home-hero .home-hero-banner__item a.is-comingsoon::before, .home-hero .home-hero-banner__item span.is-comingsoon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}
.home-hero .home-hero-banner__item a.is-comingsoon::after, .home-hero .home-hero-banner__item span.is-comingsoon::after {
  content: "COMING SOON";
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  z-index: 20;
}
.home-introduction {
  position: relative;
  z-index: 1;
  padding-top: 15rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .home-introduction {
    margin-top: 3rem;
    padding-top: 7rem;
  }
}
.home-introduction__heading {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-introduction__heading {
    font-size: 1.7rem;
    line-height: 2;
  }
}
.home-introduction__text {
  margin-top: 2rem;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-introduction__text {
    margin-top: 2rem;
    font-size: 1.1rem;
    line-height: 1.6;
  }
}
.home-introduction__line {
  position: absolute;
  right: 0;
  bottom: 13.1rem;
  left: 0;
  height: 11.8rem;
}
.home-introduction__line-top, .home-introduction__line-bottom {
  width: 100%;
  height: 1px;
  position: absolute;
  right: 0;
  left: 0;
  background-color: #303030;
}
.home-introduction__line-top {
  top: 0;
}
.home-introduction__line-bottom {
  bottom: 0;
}
.home-introduction .component-button-column {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .home-introduction .component-button-column {
    margin-top: 3rem;
  }
}
.home-introduction .component-button-column .component-arrow {
  rotate: 90deg;
  translate: 0.5px 0;
}
.home-article {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin-top: 18rem;
  will-change: opacity;
}
@media screen and (max-width: 768px) {
  .home-article {
    gap: 4rem;
    margin-top: 15rem;
  }
}
.home-article .home-section .component-background__wrapper {
  position: relative;
}
.home-article .home-section .component-background__wrapper .component-background {
  top: -30rem;
  height: 78rem;
  padding: 20rem 0;
  overflow: hidden;
}
.home-article .home-section .component-background__wrapper .component-background__inner {
  overflow: visible;
}
.home-article .home-section .component-background__wrapper .component-background__circle {
  background: radial-gradient(#004eae, transparent 50%);
  transform: translate3d(0, 20rem, 0);
}
.home-article .home-section__ticker {
  overflow: hidden;
  height: 9.9rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section__ticker {
    height: 5.6rem;
  }
}
.home-article .home-section__ticker span {
  display: block;
  height: 100%;
  background: url("/recruit/mid-career/assets/img/home/bg_text-business.png") no-repeat 10% 100% #121212;
  -webkit-mask: url("/recruit/mid-career/assets/img/home/txt_business.svg") left center/contain;
          mask: url("/recruit/mid-career/assets/img/home/txt_business.svg") left center/contain;
  animation: 60s linear infinite;
}
@media screen and (max-width: 768px) {
  .home-article .home-section__ticker span {
    background-size: 6% 100%;
  }
}
.home-article .home-section__ticker--business span {
  width: 544rem;
  background-image: url("/recruit/mid-career/assets/img/home/bg_text-business.png");
  background-position: 6rem center;
  -webkit-mask-image: url("/recruit/mid-career/assets/img/home/txt_business.svg");
          mask-image: url("/recruit/mid-career/assets/img/home/txt_business.svg");
  animation-name: ticker-business;
}
@media screen and (max-width: 768px) {
  .home-article .home-section__ticker--business span {
    background-position: -2rem center;
  }
}
@keyframes ticker-business {
  0% {
    -webkit-mask-position: 0;
            mask-position: 0;
  }
  100% {
    -webkit-mask-position: -136rem 0;
            mask-position: -136rem 0;
  }
}
.home-article .home-section__ticker--job span {
  width: 768rem;
  background-image: url("/recruit/mid-career/assets/img/home/bg_text-job.png");
  background-position: left center;
  -webkit-mask-image: url("/recruit/mid-career/assets/img/home/txt_job.svg");
          mask-image: url("/recruit/mid-career/assets/img/home/txt_job.svg");
  animation-name: ticker-job;
}
@media screen and (max-width: 768px) {
  .home-article .home-section__ticker--job span {
    background-position: -8rem center;
  }
}
@keyframes ticker-job {
  0% {
    -webkit-mask-position: 0;
            mask-position: 0;
  }
  100% {
    -webkit-mask-position: -192rem 0;
            mask-position: -192rem 0;
  }
}
.home-article .home-section__ticker--feature span {
  width: 888rem;
  background-image: url("/recruit/mid-career/assets/img/home/bg_text-feature.png");
  background-position: 90rem center;
  -webkit-mask-image: url("/recruit/mid-career/assets/img/home/txt_feature.svg");
          mask-image: url("/recruit/mid-career/assets/img/home/txt_feature.svg");
  animation-name: ticker-feature;
}
@media screen and (max-width: 768px) {
  .home-article .home-section__ticker--feature span {
    background-position: left center;
  }
}
@keyframes ticker-feature {
  0% {
    -webkit-mask-position: 0;
            mask-position: 0;
  }
  100% {
    -webkit-mask-position: -222rem 0;
            mask-position: -222rem 0;
  }
}
.home-article .home-section__heading {
  position: relative;
  margin-top: -3.8rem;
  color: #fff;
  font-size: 4rem;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .home-article .home-section__heading {
    margin-top: -2.4rem;
    font-size: 2.4rem;
  }
}
.home-article .home-section__body--bg-white .home-section-nav::after {
  background-color: #fff;
}
.home-article .home-section__body--bg-white .home-section-tab__item::after {
  background: linear-gradient(180deg, #bdbdbd 84%, #b2b2b2 116%);
}
.home-article .home-section__body--bg-white .home-section-tab__item button {
  color: #a6a6a6;
}
@media (hover: hover) {
  .home-article .home-section__body--bg-white .home-section-tab__item button:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@media (hover: none) {
  .home-article .home-section__body--bg-white .home-section-tab__item button:active {
    color: #000;
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.home-article .home-section__body--bg-white .home-section-tab__item button::before, .home-article .home-section__body--bg-white .home-section-tab__item button::after {
  background-color: #fff;
}
.home-article .home-section__body--bg-white .home-section-tab__item.is-active button {
  color: #000;
}
.home-article .home-section__body--bg-white .home-section-list {
  background-color: #fff;
}
.home-article .home-section__body--bg-white .home-section-list__line-left, .home-article .home-section__body--bg-white .home-section-list__line-right {
  background-color: #d9d9d9;
}
.home-article .home-section__body--bg-white .home-section-list__item:has(.home-section-list__more) .home-section-list__text {
  background: linear-gradient(#000, transparent 70%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media screen and (max-width: 768px) {
  .home-article .home-section__body--bg-white .home-section-list__item:has(.home-section-list__more) .home-section-list__text {
    background: linear-gradient(#000, transparent 20%);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.home-article .home-section__body--bg-white .home-section-list__outer::before {
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.8));
}
.home-article .home-section__body--bg-white .home-section-list__more.is-clicked + .home-section-list__outer .home-section-list__text {
  color: #000;
}
.home-article .home-section__body--bg-white .home-section-box {
  background-color: #000;
  color: #fff;
}
.home-article .home-section__body--bg-white .home-section-box__heading {
  border-bottom: 1px solid #303030;
}
.home-article .home-section__body--bg-blue .home-section-nav::after {
  background-color: #243885;
}
.home-article .home-section__body--bg-blue .home-section-tab__item::after {
  background: linear-gradient(180deg, #5464a0 84%, #1f3072 116%);
}
.home-article .home-section__body--bg-blue .home-section-tab__item button {
  color: #6b78aa;
}
@media (hover: hover) {
  .home-article .home-section__body--bg-blue .home-section-tab__item button:hover {
    color: #fff;
    background-color: rgba(36, 56, 133, 0.5);
  }
}
@media (hover: none) {
  .home-article .home-section__body--bg-blue .home-section-tab__item button:active {
    color: #fff;
    background-color: rgba(36, 56, 133, 0.5);
  }
}
.home-article .home-section__body--bg-blue .home-section-tab__item button::before, .home-article .home-section__body--bg-blue .home-section-tab__item button::after {
  background-color: #243885;
}
.home-article .home-section__body--bg-blue .home-section-tab__item.is-active button {
  color: #fff;
}
.home-article .home-section__body--bg-blue .home-section-list {
  background-color: #243885;
  color: #fff;
}
.home-article .home-section__body--bg-blue .home-section-list__line-left, .home-article .home-section__body--bg-blue .home-section-list__line-right {
  background-color: #303030;
}
.home-article .home-section__body--bg-blue .home-section-list__item:has(.home-section-list__more) .home-section-list__text {
  background: linear-gradient(#fff, transparent 70%);
  background-clip: text;
  -webkit-background-clip: text;
}
.home-article .home-section__body--bg-blue .home-section-list__outer::before {
  background: linear-gradient(transparent, rgba(36, 56, 133, 0.8));
}
@media screen and (max-width: 768px) {
  .home-article .home-section__body--bg-blue .home-section-list__inner {
    padding-bottom: 0;
  }
}
.home-article .home-section__body--bg-blue .home-section-list__more.is-clicked + .home-section-list__outer .home-section-list__text {
  color: #fff;
}
.home-article .home-section__body--bg-blue .home-section-list__heading::before {
  background-color: #fff;
}
.home-article .home-section__body--bg-blue .home-section-box {
  background-color: #fff;
  color: #000;
}
.home-article .home-section__body--bg-blue .home-section-box__heading {
  border-bottom: 1px solid #d9d9d9;
}
.home-article .home-section__body--bg-purple .home-section-nav::after {
  background-color: #b9ccff;
}
.home-article .home-section__body--bg-purple .home-section-tab__item::after {
  background: linear-gradient(180deg, #5464a0 84%, #1f3072 116%);
}
.home-article .home-section__body--bg-purple .home-section-tab__item button {
  color: #6b78aa;
  color: #fff;
}
@media (hover: hover) {
  .home-article .home-section__body--bg-purple .home-section-tab__item button:hover {
    color: #fff;
    background-color: #b9ccff;
  }
}
@media (hover: none) {
  .home-article .home-section__body--bg-purple .home-section-tab__item button:active {
    color: #fff;
    background-color: #b9ccff;
  }
}
.home-article .home-section__body--bg-purple .home-section-tab__item button::before, .home-article .home-section__body--bg-purple .home-section-tab__item button::after {
  background-color: #b9ccff;
}
.home-article .home-section__body--bg-purple .home-section-tab__item.is-active button {
  color: #fff;
}
.home-article .home-section__body--bg-purple .home-section-list {
  background-color: #b9ccff;
  color: #fff;
}
.home-article .home-section__body--bg-purple .home-section-list__line-left, .home-article .home-section__body--bg-purple .home-section-list__line-right {
  background-color: #8294c7;
}
.home-article .home-section__body--bg-purple .home-section-list__item:has(.home-section-list__more) .home-section-list__text {
  background: linear-gradient(#fff, transparent 70%);
  background-clip: text;
  -webkit-background-clip: text;
}
.home-article .home-section__body--bg-purple .home-section-list__outer::before {
  background: linear-gradient(transparent, rgba(185, 204, 255, 0.8));
}
.home-article .home-section__body--bg-purple .home-section-list__more.is-clicked + .home-section-list__outer .home-section-list__text {
  color: #fff;
}
.home-article .home-section__body--bg-purple .home-section-list__heading::before {
  background-color: #fff;
}
.home-article .home-section__body--bg-purple .home-section-box {
  background-color: #fff;
  color: #000;
}
.home-article .home-section__body--bg-purple .home-section-box__heading {
  border-bottom: 1px solid #d9d9d9;
}
.home-article .home-section.is-head {
  order: -1;
}
.home-article .home-section.is-head .home-section-nav__line {
  height: 47rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section.is-head .home-section-nav__line {
    height: 33rem;
  }
}
.home-article .home-section-nav {
  position: sticky;
  top: 7rem;
  z-index: 9;
  padding-top: 1rem;
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-nav {
    top: 5rem;
    margin-top: 0;
    padding-top: 4rem;
  }
}
.home-article .home-section-nav::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: linear-gradient(to top, #000 50%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
}
.home-article .home-section-nav__line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 48rem;
  height: 32rem;
  z-index: -1;
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-nav__line {
    width: 25.8rem;
    height: 17.5rem;
  }
}
.home-article .home-section-nav__line-left, .home-article .home-section-nav__line-right {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #303030;
}
.home-article .home-section-nav__line-left {
  left: 0;
}
.home-article .home-section-nav__line-right {
  right: 0;
}
.home-article .home-section-nav > .component-noise {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  translate: 0 100%;
  height: 0.6rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-nav > .component-noise {
    height: 0.8rem;
  }
}
.home-article .home-section-nav.is-sticking::before {
  opacity: 1;
}
.home-article .home-section-nav .home-section-tab {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 0.6rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-nav .home-section-tab {
    gap: 0.8rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-nav .home-section-tab.js-slide::before, .home-article .home-section-nav .home-section-tab.js-slide::after {
    display: block;
    width: 10.1rem;
    height: 1.4rem;
    content: "TAB Slide";
    display: flex;
    align-items: center;
    position: absolute;
    top: 1.3rem;
    background: no-repeat;
    background-size: 2.9rem 0.9rem;
    color: #fff;
    font-family: "Chakra Petch", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    will-change: opacity;
  }
  .home-article .home-section-nav .home-section-tab.js-slide::before {
    justify-content: flex-end;
    left: 1rem;
    background-image: url("/recruit/mid-career/assets/img/common/arrow_white-left.svg");
    background-position: left center;
  }
  .home-article .home-section-nav .home-section-tab.js-slide::after {
    right: 1rem;
    background-image: url("/recruit/mid-career/assets/img/common/arrow_white-right.svg");
    background-position: right center;
  }
}
.home-article .home-section-nav .home-section-tab.js-slide.is-left::before, .home-article .home-section-nav .home-section-tab.js-slide.is-right::after {
  opacity: 0.3;
}
.home-article .home-section-nav .home-section-tab__item {
  position: relative;
  border-radius: 0.6rem 0.6rem 0 0;
}
.home-article .home-section-nav .home-section-tab__item::before {
  border-radius: 0.6rem 0.6rem 0 0;
}
.home-article .home-section-nav .home-section-tab__item::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.6rem 0.6rem 0 0;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.home-article .home-section-nav .home-section-tab__item.is-active::after {
  opacity: 0;
}
.home-article .home-section-nav .home-section-tab__item button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.4rem;
  position: relative;
  z-index: 1;
  height: 4.8rem;
  padding: 0 1.4rem;
  border-radius: 0.6rem 0.6rem 0 0;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1;
  white-space: nowrap;
  transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .home-article .home-section-nav .home-section-tab__item button {
    height: 4rem;
    padding: 0 1.2rem;
    font-size: 1.2rem;
  }
}
.home-article .home-section-nav .home-section-tab__item button::before, .home-article .home-section-nav .home-section-tab__item button::after {
  display: block;
  width: 1rem;
  height: 1.6rem;
  content: "";
  position: absolute;
  bottom: -1px;
  z-index: -1;
  opacity: 0;
  -webkit-mask: url("/recruit/mid-career/assets/img/common/shape_round.svg") no-repeat center/cover;
          mask: url("/recruit/mid-career/assets/img/common/shape_round.svg") no-repeat center/cover;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.home-article .home-section-nav .home-section-tab__item button::before {
  left: 1px;
  translate: -100% 0;
}
.home-article .home-section-nav .home-section-tab__item button::after {
  right: 1px;
  scale: -1 1;
  translate: 100% 0;
}
.home-article .home-section-nav .home-section-tab__item button small {
  font-weight: 300;
  font-size: 1rem;
}
.home-article .home-section-nav .home-section-tab__item button.is-active {
  pointer-events: none;
}
.home-article .home-section-nav .home-section-tab__item button.is-active::before, .home-article .home-section-nav .home-section-tab__item button.is-active::after {
  opacity: 1;
}
.home-article .home-section-list {
  position: relative;
  z-index: 1;
  padding-bottom: 6rem;
}
.home-article .home-section-list__line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 48rem;
  z-index: -1;
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__line {
    width: 25.8rem;
  }
}
.home-article .home-section-list__line-left, .home-article .home-section-list__line-right {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
}
.home-article .home-section-list__line-left {
  left: 0;
}
.home-article .home-section-list__line-right {
  right: 0;
}
.home-article .home-section-list__item {
  display: none;
  position: relative;
  padding-top: 24.6rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__item {
    padding-top: 18rem;
    padding-bottom: 4rem;
  }
}
.home-article .home-section-list__item:has(.home-section-list__more) .home-section-list__outer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  position: relative;
}
.home-article .home-section-list__item:has(.home-section-list__more) .home-section-list__text {
  color: transparent;
  transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-article .home-section-list__item.is-active {
  display: block;
}
.home-article .home-section-list__more, .home-article .home-section-list__outer::before {
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1), visibility 1s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity;
}
.home-article .home-section-list__more {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  width: 40rem;
  height: 5rem;
  gap: 1rem;
  translate: -50% 0;
  z-index: 9;
  background-color: #000;
  color: #fff;
  font-size: 1.3rem;
  font-family: "Chakra Petch", sans-serif;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__more {
    bottom: -1rem;
    width: 35.4rem;
  }
}
@media (hover: hover) {
  .home-article .home-section-list__more:hover {
    background-color: #fff;
    color: #000;
  }
  .home-article .home-section-list__more:hover span::before, .home-article .home-section-list__more:hover span::after {
    background-color: #000;
  }
}
@media (hover: none) {
  .home-article .home-section-list__more:active {
    background-color: #fff;
    color: #000;
  }
  .home-article .home-section-list__more:active span::before, .home-article .home-section-list__more:active span::after {
    background-color: #000;
  }
}
.home-article .home-section-list__more span {
  width: 1rem;
  height: 1rem;
  position: relative;
}
.home-article .home-section-list__more span::before, .home-article .home-section-list__more span::after {
  display: block;
  width: 1rem;
  height: 1px;
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 50%;
  background-color: #fff;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-article .home-section-list__more span::after {
  rotate: 90deg;
}
.home-article .home-section-list__more.is-clicked {
  opacity: 0;
  visibility: hidden;
}
.home-article .home-section-list__more.is-clicked + .home-section-list__outer {
  grid-template-rows: 1fr !important;
  margin-bottom: -6rem;
}
.home-article .home-section-list__more.is-clicked + .home-section-list__outer::before {
  opacity: 0;
  visibility: hidden;
}
.home-article .home-section-list__inner {
  overflow: hidden;
  margin-top: -14rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__inner {
    margin-top: -12.2rem;
  }
}
.home-article .home-section-list__inner > :not(.home-section-list__heading, .home-section-list__text, .home-section-content, .home-section-body) {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__inner > :not(.home-section-list__heading, .home-section-list__text, .home-section-content, .home-section-body) {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
.home-article .home-section-list__inner > .component-button-white {
  margin-top: 7rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__inner > .component-button-white {
    margin-top: 5rem;
  }
}
.home-article .home-section-list__heading {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 6.4rem;
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__heading {
    padding-right: 1.5rem;
    padding-left: 7rem;
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__heading:has(small) {
    line-height: 1.5;
  }
}
.home-article .home-section-list__heading::before {
  display: block;
  width: 5rem;
  height: 1px;
  content: "";
  position: absolute;
  top: 2.4rem;
  left: 0;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__heading::before {
    top: 1.8rem;
    left: 1.5rem;
    width: 3rem;
  }
}
.home-article .home-section-list__heading small {
  font-size: 3.4rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__heading small {
    display: block;
    font-size: 1.6rem;
  }
}
.home-article .home-section-list__text {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list__text {
    margin-top: 1.6rem;
    padding-right: 1.5rem;
    padding-left: 7rem;
    font-size: 1.5rem;
  }
}
.home-article .home-section-list .home-section-box {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  position: relative;
  z-index: 9;
  margin-top: 10rem;
  padding: 6rem 11rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-box {
    width: 35.4rem;
    gap: 4rem;
    margin-top: 5rem;
    padding: 3rem 1.5rem;
  }
}
.home-article .home-section-list .home-section-box__heading {
  padding-bottom: 2rem;
  padding: 0 1rem 2.2rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-box__heading {
    padding-bottom: 1.6rem;
  }
}
.home-article .home-section-list .home-section-box__heading--wide {
  letter-spacing: 0.2em;
}
.home-article .home-section-list .home-section-box__text,
.home-article .home-section-list .home-section-box .home-section-box-list {
  margin-top: 1rem;
  padding: 0 1rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-box__text,
  .home-article .home-section-list .home-section-box .home-section-box-list {
    font-size: 1.3rem;
  }
}
.home-article .home-section-list .home-section-box .home-section-box-list {
  padding-left: 1em;
  padding: 0 1.4rem 0 1rem;
}
.home-article .home-section-list .home-section-box .home-section-box-list__item {
  position: relative;
  padding-left: 1em;
}
.home-article .home-section-list .home-section-box .home-section-box-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
.home-article .home-section-list .home-section-body {
  position: relative;
  z-index: 1;
  margin-top: -10rem;
  padding: 23rem 0 8rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body {
    min-height: 81.4rem;
    margin-top: -6rem;
    padding: 11rem 0 5rem;
  }
}
.home-article .home-section-list .home-section-body::before {
  display: block;
  width: calc((100% - 120rem) / 2 + 91.8rem);
  height: 81.4rem;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background: no-repeat bottom center/cover;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body::before {
    display: block;
    width: 32.4rem;
    height: 81.4rem;
    content: "";
    background: no-repeat center/contain;
  }
}
.home-article .home-section-list .home-section-body--business::before {
  background-image: url("/recruit/mid-career/assets/img/home/bg_business.png");
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--business::before {
    background-image: url("/recruit/mid-career/assets/img/home/bg_business@sp.png");
  }
}
.home-article .home-section-list .home-section-body--business .home-section-body__content-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--business .home-section-body__content-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
.home-article .home-section-list .home-section-body--job::before {
  height: 74.4rem;
  left: 0;
  background-image: url("/recruit/mid-career/assets/img/home/bg_job.png");
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--job::before {
    height: 76rem;
    background-image: url("/recruit/mid-career/assets/img/home/bg_job@sp.png");
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--job .home-section-body {
    min-height: 76rem;
  }
}
.home-article .home-section-list .home-section-body--job .home-section-body__head-heading {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-body--job .home-section-body__content {
    margin-top: -1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--job .home-section-body__content-item {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--job .home-section-body__content-heading {
    padding-right: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--job .home-section-body__content-image {
    margin-left: auto;
  }
}
.home-article .home-section-list .home-section-body--feature {
  min-height: 49.2rem;
  margin-top: 12rem;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature {
    min-height: 48rem;
    margin-top: 5rem;
  }
}
.home-article .home-section-list .home-section-body--feature::before {
  display: block;
  width: calc((100% - 120rem) / 2 + 122rem);
  height: 45.4rem;
  content: "";
  top: 3.8rem;
  left: 0;
  background-image: url("/recruit/mid-career/assets/img/home/bg_feature.png");
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature::before {
    display: block;
    width: 36.9rem;
    height: 45.8rem;
    content: "";
    top: 2.2rem;
    background-image: url("/recruit/mid-career/assets/img/home/bg_feature@sp.png");
  }
}
.home-article .home-section-list .home-section-body--feature .home-section-body__head-heading {
  color: #fff;
}
.home-article .home-section-list .home-section-body--feature .home-section-body__content {
  gap: 4rem;
  width: 100%;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature .home-section-body__content {
    flex-direction: row;
    gap: 2rem;
  }
}
.home-article .home-section-list .home-section-body--feature .home-section-body__content-item {
  flex: 1;
  width: auto;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature .home-section-body__content-item {
    margin-top: -0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature .home-section-body__content-text {
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature .home-section-body__content-name {
    gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature .home-section-body__content-name span {
    padding: 0.8rem;
    min-width: 7.6rem;
  }
}
.home-article .home-section-list .home-section-body--feature .home-section-body__content-image {
  width: 23rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature .home-section-body__content-image {
    width: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body--feature .home-section-body__content .component-button-black a {
    width: 14.6rem;
    height: 4rem;
  }
}
.home-article .home-section-list .home-section-body > * {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body > * {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
.home-article .home-section-list .home-section-body__head {
  display: flex;
  gap: 6rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__head {
    flex-direction: column;
    gap: 2rem;
  }
}
.home-article .home-section-list .home-section-body__head-heading {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  color: #004eae;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__head-heading {
    gap: 0.2rem;
  }
}
.home-article .home-section-list .home-section-body__head-heading-en {
  font-weight: 300;
  font-size: 6rem;
  font-family: "Chakra Petch", sans-serif;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__head-heading-en {
    font-size: 3.4rem;
  }
}
.home-article .home-section-list .home-section-body__head-heading-ja {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__head-heading-ja {
    font-size: 1.1rem;
    letter-spacing: 0.1em;
  }
}
.home-article .home-section-list .home-section-body__head-text {
  flex: 1;
  margin-top: -0.4rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__head-text {
    margin-top: 0;
    padding-left: 7.4rem;
  }
}
.home-article .home-section-list .home-section-body__column {
  display: flex;
  gap: 6rem 9rem;
  margin-top: 5rem;
  padding-right: 5rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__column {
    flex-direction: column;
    margin-top: 4rem;
    padding-right: 0;
  }
}
.home-article .home-section-list .home-section-body__content {
  display: flex;
  align-items: center;
  gap: 2.6rem 6rem;
  margin-top: 3.8rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 2.6rem;
  }
}
.home-article .home-section-list .home-section-body__content-image {
  flex-shrink: 0;
  width: 60rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-image {
    width: 32.2rem;
  }
}
.home-article .home-section-list .home-section-body__content-item {
  width: 54rem;
  padding-left: 6rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-item {
    width: 100%;
    padding-left: 7.4rem;
  }
}
.home-article .home-section-list .home-section-body__content-item > *:first-child {
  margin-top: 0;
}
.home-article .home-section-list .home-section-body__content-heading {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-heading {
    font-size: 2rem;
  }
}
.home-article .home-section-list .home-section-body__content-name {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-name {
    margin-top: 1.6rem;
  }
}
.home-article .home-section-list .home-section-body__content-name strong {
  font-size: 3.6rem;
  font-family: "Lato", sans-serif;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-name strong {
    font-size: 3rem;
  }
}
.home-article .home-section-list .home-section-body__content-name span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 10rem;
  height: 3.6rem;
  margin-top: 0.2rem;
  padding: 0 1.6rem 0.2rem 1.6rem;
  border: 1px solid #fff;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-name span {
    font-size: 1.3rem;
    min-width: auto;
    height: 2.8rem;
    padding: 0 2.6rem 0.2rem 2.6rem;
  }
}
.home-article .home-section-list .home-section-body__content-name + .home-section-body__content-text {
  margin-top: 1.6rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-name + .home-section-body__content-text {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}
.home-article .home-section-list .home-section-body__content-name + .home-section-body__content-text + .component-button-black {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-name + .home-section-body__content-text + .component-button-black {
    margin-top: 1.6rem;
  }
}
.home-article .home-section-list .home-section-body__content-text {
  margin-top: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content-text {
    margin-top: 1.6rem;
    font-size: 1.3rem;
  }
}
.home-article .home-section-list .home-section-body__content .component-button-black {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-body__content .component-button-black {
    margin-top: 1.6rem;
  }
}
.home-article .home-section-list .home-section-foot {
  display: flex;
  flex-direction: column;
  gap: 12.2rem;
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-foot {
    gap: 5rem;
    margin-top: 5rem;
  }
}
.home-article .home-section-list .home-section-foot__heading {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-foot__heading {
    font-size: 2rem;
  }
}
.home-article .home-section-list .home-section-foot .home-section-foot-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 4rem;
  margin-top: 3.8rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons {
    flex-direction: column;
    gap: 1rem;
  }
}
.home-article .home-section-list .home-section-foot .home-section-foot-buttons span:has(small) {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  line-height: 1;
}
.home-article .home-section-list .home-section-foot .home-section-foot-buttons span:has(small) small {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons span:has(small) small {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons .component-button-white.is-small a {
    font-size: 1.3rem;
  }
}
.home-article .home-section-list .home-section-foot .home-section-foot-buttons .component-arrow {
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons--flex-nowrap {
    flex-wrap: nowrap;
  }
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons--flex-nowrap:has(:nth-child(4)) {
    gap: 2rem;
  }
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons--flex-nowrap .component-button-white {
    width: 100%;
  }
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons--flex-nowrap .component-button-white a {
    width: 100%;
  }
  .home-article .home-section-list .home-section-foot .home-section-foot-buttons--flex-nowrap .component-button-white a span:first-of-type {
    flex: 1;
    text-align: center;
  }
}
.home-article .home-section-list .home-section-foot .home-section-foot-banners {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
  margin-top: 4rem;
}
.home-article .home-section-list .home-section-foot .home-section-foot-banners__item {
  width: 98rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-foot .home-section-foot-banners__item {
    width: 100%;
  }
}
.home-article .home-section-list .home-section-content {
  position: relative;
  z-index: 9;
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content#support-woman-career {
    margin-top: 1rem;
    padding-top: 4rem;
  }
}
.home-article .home-section-list .home-section-content > *:not(.splide, .home-section-content__item) {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content > *:not(.splide, .home-section-content__item) {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
.home-article .home-section-list .home-section-content__heading {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__heading {
    font-size: 2rem;
    line-height: 1.6;
  }
}
.home-article .home-section-list .home-section-content__lead, .home-article .home-section-list .home-section-content__text {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__lead, .home-article .home-section-list .home-section-content__text {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__lead {
    font-size: 1.5rem;
  }
}
.home-article .home-section-list .home-section-content .splide, .home-article .home-section-list .home-section-content__item {
  margin-top: 5rem;
  margin-left: calc((100% - 120rem) / 2);
  padding-left: 7rem;
  padding-bottom: 4rem;
  background-color: #8fa1df;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .splide, .home-article .home-section-list .home-section-content__item {
    margin-top: 3rem;
    margin-left: 1.5rem;
    padding-left: 0;
    padding-bottom: 3rem;
  }
}
.home-article .home-section-list .home-section-content .splide__slide, .home-article .home-section-list .home-section-content__item__slide {
  display: flex;
  flex-direction: column;
  opacity: 0.3;
  padding: 7rem 7rem 0 0;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .splide__slide, .home-article .home-section-list .home-section-content__item__slide {
    padding: 4rem 2.5rem 0;
  }
}
.home-article .home-section-list .home-section-content .splide__slide.is-active, .home-article .home-section-list .home-section-content__item__slide.is-active {
  opacity: 1;
}
.home-article .home-section-list .home-section-content .splide__arrow, .home-article .home-section-list .home-section-content__item__arrow {
  width: 7.8rem;
  height: 5.8rem;
  top: 35rem;
  right: auto;
  left: 112rem;
  opacity: 1;
  border-radius: 0;
  background: none;
  will-change: translate;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .splide__arrow, .home-article .home-section-list .home-section-content__item__arrow {
    top: auto;
    left: 26.8rem;
    bottom: -4.6rem;
  }
}
@media (hover: hover) {
  .home-article .home-section-list .home-section-content .splide__arrow:hover::before, .home-article .home-section-list .home-section-content__item__arrow:hover::before {
    opacity: 1;
    transition: opacity 0s;
  }
  .home-article .home-section-list .home-section-content .splide__arrow:hover::after, .home-article .home-section-list .home-section-content__item__arrow:hover::after {
    opacity: 0;
  }
}
@media (hover: none) {
  .home-article .home-section-list .home-section-content .splide__arrow:active::before, .home-article .home-section-list .home-section-content__item__arrow:active::before {
    opacity: 1;
    transition: opacity 0s;
  }
  .home-article .home-section-list .home-section-content .splide__arrow:active::after, .home-article .home-section-list .home-section-content__item__arrow:active::after {
    opacity: 0;
  }
}
.home-article .home-section-list .home-section-content .splide__arrow::before, .home-article .home-section-list .home-section-content .splide__arrow::after, .home-article .home-section-list .home-section-content__item__arrow::before, .home-article .home-section-list .home-section-content__item__arrow::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  will-change: opacity;
}
.home-article .home-section-list .home-section-content .splide__arrow::before, .home-article .home-section-list .home-section-content__item__arrow::before {
  opacity: 0;
  background: url("/recruit/mid-career/assets/img/home/arrow_slide-hover.svg") no-repeat center/contain;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-article .home-section-list .home-section-content .splide__arrow::after, .home-article .home-section-list .home-section-content__item__arrow::after {
  opacity: 1;
  background: url("/recruit/mid-career/assets/img/home/arrow_slide.svg") no-repeat center/contain;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.home-article .home-section-list .home-section-content .splide__arrow svg, .home-article .home-section-list .home-section-content__item__arrow svg {
  display: none;
}
.home-article .home-section-list .home-section-content .splide__arrow--prev, .home-article .home-section-list .home-section-content__item__arrow--prev {
  display: none;
}
.home-article .home-section-list .home-section-content .splide__pagination, .home-article .home-section-list .home-section-content__item__pagination {
  display: flex !important;
  max-width: 120rem;
  gap: 2rem;
  position: static;
  margin-top: 6rem;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .splide__pagination, .home-article .home-section-list .home-section-content__item__pagination {
    margin-top: 4.6rem;
  }
}
.home-article .home-section-list .home-section-content .splide__pagination li button, .home-article .home-section-list .home-section-content__item__pagination li button {
  width: 1rem;
  height: 1rem;
  display: block;
  transform: scale(1);
  margin: 0;
  background-color: #bdc9f1;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media (hover: hover) {
  .home-article .home-section-list .home-section-content .splide__pagination li button:hover, .home-article .home-section-list .home-section-content__item__pagination li button:hover {
    opacity: 0.6;
  }
}
@media (hover: none) {
  .home-article .home-section-list .home-section-content .splide__pagination li button:active, .home-article .home-section-list .home-section-content__item__pagination li button:active {
    opacity: 0.6;
  }
}
.home-article .home-section-list .home-section-content .splide__pagination li button.is-active, .home-article .home-section-list .home-section-content__item__pagination li button.is-active {
  background-color: #30438d;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-content .splide-image, .home-article .home-section-list .home-section-content__item-image {
    width: 96rem;
  }
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-content .splide--job .home-section-content__image--1, .home-article .home-section-list .home-section-content__item--job .home-section-content__image--1 {
    width: 113rem;
  }
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-content .splide--feature .home-section-content__image--0, .home-article .home-section-list .home-section-content__item--feature .home-section-content__image--0 {
    width: 107.3rem;
  }
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-content .splide--feature .home-section-content__image--1, .home-article .home-section-list .home-section-content__item--feature .home-section-content__image--1 {
    width: 113rem;
  }
}
.home-article .home-section-list .home-section-content__item {
  padding: 7rem 12rem 7rem 7rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__item {
    padding: 3rem 1.8rem;
  }
}
.home-article .home-section-list .home-section-content__number {
  position: absolute;
  top: 2.2rem;
  right: 5rem;
  z-index: -1;
  opacity: 0.4;
  color: #455695;
  font-weight: 300;
  font-size: 24rem;
  font-family: "Chakra Petch", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__number {
    top: 1.8rem;
    right: 2.2rem;
    font-size: 12rem;
  }
}
.home-article .home-section-list .home-section-content__subheading {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__subheading {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.home-article .home-section-list .home-section-content__text {
  margin-top: 1.6rem;
}
.home-article .home-section-list .home-section-content__image {
  width: 96rem;
  margin-top: auto;
  padding-top: 6.4rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__image {
    width: 100%;
    padding-top: 4.6rem;
  }
}
.home-article .home-section-list .home-section-content__image--slim {
  position: relative;
  z-index: 1;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__image--slim {
    margin-top: 0.8rem;
  }
}
.home-article .home-section-list .home-section-content__image--slim img {
  width: 100rem;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__image--slim img {
    width: 32.4rem;
  }
}
.home-article .home-section-list .home-section-content__image--slim + .splide {
  margin-top: -7rem;
}
.home-article .home-section-list .home-section-content__image--slim + .splide .splide__slide {
  padding-top: 14rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__image--slim + .splide .splide__slide {
    padding-top: 11.6rem;
  }
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-content__image--slim + .splide .splide__arrow {
    top: 33rem;
  }
}
.home-article .home-section-list .home-section-content__image--slim + .splide .home-section-content__number {
  top: 9.2rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__image--slim + .splide .home-section-content__number {
    top: 8.8rem;
  }
}
@media screen and (min-width: 769px) {
  .home-article .home-section-list .home-section-content__image--slim + .splide .home-section-content__image {
    width: 107.3rem;
    padding-top: 11rem;
  }
}
.home-article .home-section-list .home-section-content__image--bg-white {
  background-color: #fff;
  padding: 3.8rem 5rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__image--bg-white {
    max-width: 35.4rem !important;
    margin-top: 2.6rem;
    padding: 1.8rem 1rem;
  }
}
.home-article .home-section-list .home-section-content__image--margin-top-wide {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content__image--margin-top-wide {
    margin-top: 2rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-list {
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-list {
    margin-top: 2.6rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-list__item {
  display: flex;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-list__item {
    flex-direction: column;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-list__item:nth-of-type(n + 2) .home-section-content-list__heading {
  border-top: 1px solid #b9ccff;
}
.home-article .home-section-list .home-section-content .home-section-content-list__item:nth-of-type(n + 2) .home-section-content-list__text {
  border-top: 1px solid #004eae;
}
.home-article .home-section-list .home-section-content .home-section-content-list__heading {
  width: 30rem;
  padding: 4.8rem 3rem;
  background-color: #30438d;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-list__heading {
    width: 100%;
    padding: 1.2rem 1.6rem;
    font-size: 1.5rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-list__text {
  flex: 1;
  padding: 3rem;
  background-color: #fff;
  color: #000;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-list__text {
    padding: 1rem 1.6rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-card {
  display: flex;
  gap: 1rem 4rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-card {
    flex-direction: column;
    margin-top: 1.6rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-card__item {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  padding: 3rem 2.4rem 3.4rem;
  background-color: #30438d;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-card__item {
    gap: 2.2rem;
    padding: 1.8rem 2rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-card__item:nth-of-type(2) .home-section-content-card__image img {
  width: 29.8rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-card__item:nth-of-type(2) .home-section-content-card__image img {
    width: 20.2rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-card__heading {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-content .home-section-content-card__heading {
    font-size: 1.8rem;
  }
}
.home-article .home-section-list .home-section-content .home-section-content-card__image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.home-article .home-section-list .home-section-column {
  display: flex;
  gap: 4rem;
  margin-top: 12.8rem;
  padding: 5.6rem 4rem 6.2rem;
  background-color: #fff;
  color: #000;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-column {
    width: 100%;
    max-width: 35.4rem;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    margin-top: 5rem;
    padding: 3rem 1.6rem;
  }
}
.home-article .home-section-list .home-section-column__item {
  display: flex;
  align-items: center;
  gap: 2.2rem 4rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-column__item {
    flex-direction: column;
  }
}
.home-article .home-section-list .home-section-column__item:nth-of-type(1) .home-section-column__logo img {
  width: 11.1rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-column__item:nth-of-type(1) .home-section-column__logo img {
    width: 8rem;
  }
}
.home-article .home-section-list .home-section-column__item:nth-of-type(2) .home-section-column__logo img {
  width: auto;
  height: 13.8rem;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-column__item:nth-of-type(2) .home-section-column__logo img {
    width: 9rem;
    height: auto;
  }
}
.home-article .home-section-list .home-section-column__logo {
  flex-shrink: 0;
  width: 15.6rem;
  text-align: center;
}
.home-article .home-section-list .home-section-column__logo-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12.5rem;
  height: 13.9rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .home-article .home-section-list .home-section-column__logo-image {
    width: auto;
    height: auto;
  }
}
.home-article .home-section-list .home-section-column__logo-text {
  margin-top: 1.4rem;
  font-weight: 700;
  font-size: 1.2rem;
  font-family: Yakuhanjp, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.home-article .home-section-list .home-section-column__text {
  font-weight: 500;
  font-size: 1.3rem;
  font-family: Yakuhanjp, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.home-article .home-section-list .home-section-column__text:nth-of-type(n + 2) {
  margin-top: 1.8rem;
}
.interview {
  padding-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .interview {
    padding-top: 2rem;
  }
}
.interview__note {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .interview__note {
    font-size: 1rem;
  }
}
.interview .nav-interview {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .interview .nav-interview {
    margin-top: 1.5rem;
  }
}
.interview .nav-interview .nav-interview-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.2rem 1rem;
}
@media screen and (max-width: 768px) {
  .interview .nav-interview .nav-interview-list {
    justify-content: flex-start;
  }
}
.interview .nav-interview .nav-interview-list__item button {
  display: flex;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.2rem 0.2rem 1.2rem;
  border: 1px solid #fff;
  border-radius: 0.3rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  transition: border-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .interview .nav-interview .nav-interview-list__item button {
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  .interview .nav-interview .nav-interview-list__item button:hover {
    border-color: #e9e9e9;
    background-color: #e9e9e9;
    color: #000;
  }
}
@media (hover: none) {
  .interview .nav-interview .nav-interview-list__item button:active {
    border-color: #e9e9e9;
    background-color: #e9e9e9;
    color: #000;
  }
}
.interview .nav-interview .nav-interview-list__item button.is-active {
  background: #fff;
  color: #000;
  pointer-events: none;
}
.interview .interview-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 12rem;
  margin-top: 6rem;
  padding: 0 5rem;
}
@media screen and (max-width: 768px) {
  .interview .interview-list {
    flex-direction: column;
    margin-top: 5rem;
    padding: 0;
  }
}
.interview .interview-list__item {
  display: none;
  width: calc(50% - 6rem);
}
@media screen and (max-width: 768px) {
  .interview .interview-list__item {
    width: 100%;
  }
}
.interview .interview-list__item a {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
  color: #fff;
  transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .interview .interview-list__item a {
    width: 100%;
    gap: 1.8rem;
  }
}
@media (hover: hover) {
  .interview .interview-list__item a:hover {
    color: #8fa1df;
  }
  .interview .interview-list__item a:hover .tag-list__item {
    border-color: #8fa1df;
  }
  .interview .interview-list__item a:hover .interview-list__image::before {
    opacity: 1;
  }
}
@media (hover: none) {
  .interview .interview-list__item a:active {
    color: #8fa1df;
  }
  .interview .interview-list__item a:active .tag-list__item {
    border-color: #8fa1df;
  }
  .interview .interview-list__item a:active .interview-list__image::before {
    opacity: 1;
  }
}
.interview .interview-list__item.is-show {
  display: block;
}
.interview .interview-list__image {
  flex-shrink: 0;
  position: relative;
  width: 17rem;
}
@media screen and (max-width: 768px) {
  .interview .interview-list__image {
    width: 12rem;
  }
}
.interview .interview-list__image::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(255deg, #6269ef -22.77%, #1e294f 89.35%);
  mix-blend-mode: hard-light;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.interview .interview-list__content {
  flex: 1;
}
.interview .interview-list .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.interview .interview-list .tag-list__item {
  padding: 0 1rem 0.1rem 1rem;
  border: 1px solid #fff;
  border-radius: 0.3rem;
  font-weight: 700;
  font-size: 1.1rem;
  transition: border-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.interview .interview-list__heading {
  margin-top: 1.5rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .interview .interview-list__heading {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.interview .interview-list__more {
  margin-top: 2rem;
  text-align: right;
  line-height: 1;
}
.interview .interview-list__more span {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: #fff;
  font-size: 1.3rem;
  font-family: "Chakra Petch", sans-serif;
}
.recruit {
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .recruit {
    padding-bottom: 5rem !important;
  }
}
.recruit .component-table {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .recruit .component-table {
    margin-top: 2rem;
  }
}
.recruit .recruit-button {
  margin-top: 7.8rem;
}
@media screen and (max-width: 768px) {
  .recruit .recruit-button {
    margin-top: 5rem;
  }
}
.recruit .recruit-button .component-button-blue {
  margin-top: 2.6rem;
}
@media screen and (max-width: 768px) {
  .recruit .recruit-button .component-button-blue {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit .recruit-button .component-button-blue a {
    width: 100%;
  }
}
.recruit .section__heading {
  margin-top: 4rem;
}
.recruit .section__heading:nth-of-type(n + 2) {
  margin-top: 12rem;
}
@media screen and (max-width: 768px) {
  .recruit .section__heading:nth-of-type(n + 2) {
    margin-top: 5rem;
  }
}
.recruit .faq-list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .recruit .faq-list {
    gap: 3rem;
    margin-top: 3rem;
  }
}
.recruit .faq-list__question {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #004eae;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .recruit .faq-list__question {
    font-size: 1.5rem;
  }
}
.recruit .faq-list__question::before {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 3rem;
  font-family: "futura-pt", sans-serif;
  content: "Q.";
}
@media screen and (max-width: 768px) {
  .recruit .faq-list__question::before {
    font-size: 1.7rem;
  }
}
.recruit .faq-list__answer {
  margin-top: 2rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .recruit .faq-list__answer {
    margin-top: 1rem;
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.recruit .faq-list__answer a {
  color: #004eae;
  text-decoration: underline;
}
@media (hover: hover) {
  .recruit .faq-list__answer a:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .recruit .faq-list__answer a:active {
    text-decoration: none;
  }
}
.recruit .faq-list__text:nth-of-type(n + 2) {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .recruit .faq-list__text:nth-of-type(n + 2) {
    margin-top: 1rem;
  }
}
.component-background-shift:has(.work-structure) {
  margin-top: 10rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.work-structure) {
    margin-top: 8rem;
    padding-bottom: 5rem;
  }
}
.component-background-shift:has(.work-structure) .component-noise {
  height: calc(100% - 28rem);
}
@media screen and (max-width: 768px) {
  .component-background-shift:has(.work-structure) .component-noise {
    height: calc(100% - 16.5rem);
  }
}
.work-structure {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
.work-structure__image {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .work-structure__image {
    margin-top: 3rem;
  }
}
.work-list {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 8rem;
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .work-list {
    margin-top: 8rem;
  }
}
.work-list__item {
  display: flex;
  align-items: flex-start;
  gap: 3rem 6rem;
}
@media screen and (max-width: 768px) {
  .work-list__item {
    flex-direction: column;
    gap: 3rem;
  }
}
.work-list__content {
  flex: 1;
}
.work-list__text {
  margin-top: 2.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .work-list__text {
    margin-top: 1.5rem;
    font-size: 1.5rem;
  }
}
.work-list__image {
  flex-shrink: 0;
  width: 40rem;
}
@media screen and (max-width: 768px) {
  .work-list__image {
    width: 100%;
  }
}
.work-interview {
  position: relative;
  z-index: 1;
  padding-top: 12rem !important;
  margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .work-interview {
    padding-top: 8rem !important;
  }
}
.work-interview .article-line {
  position: absolute;
  bottom: calc(50% - 10rem);
  left: 50%;
  width: 100%;
  height: 1px;
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  .work-interview .article-line {
    width: 38.4rem;
  }
}
.work-interview .article-line::before, .work-interview .article-line::after {
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  position: absolute;
  bottom: -0.5rem;
  background: url("/recruit/mid-career/assets/img/common/icon_plus-black.svg") no-repeat center/contain;
}
.work-interview .article-line::before {
  left: calc(50% - 24.5rem);
}
@media screen and (max-width: 768px) {
  .work-interview .article-line::before {
    left: calc(50% - 10rem);
  }
}
.work-interview .article-line::after {
  right: calc(50% - 24.5rem);
}
@media screen and (max-width: 768px) {
  .work-interview .article-line::after {
    right: calc(50% - 10rem);
  }
}
.work-interview .work-interview-list {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 11rem 5rem;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .work-interview .work-interview-list {
    flex-direction: column;
    gap: 5rem;
    margin-top: 3rem;
  }
}
.work-interview .work-interview-list__item {
  display: flex;
  gap: 4rem;
  width: calc(50% - 2.5rem);
}
@media screen and (max-width: 768px) {
  .work-interview .work-interview-list__item {
    gap: 2.4rem;
  }
}
.work-interview .work-interview-list__image {
  flex-shrink: 0;
  width: 23rem;
}
@media screen and (max-width: 768px) {
  .work-interview .work-interview-list__image {
    width: 12rem;
  }
}
.work-interview .work-interview-list .component-profile {
  flex: 1;
}
.work-interview .work-interview-list .component-button-black {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .work-interview .work-interview-list .component-button-black {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .work-interview .work-interview-list .component-button-black a {
    width: 14.6rem;
    height: 4rem;
  }
}
.work-evaluation {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .work-evaluation {
    margin-top: 6rem;
  }
}