.l-footer-has-contact {
  margin-top: 0
}
.mv {
  position: relative;
  z-index: 1;
  overflow: hidden
}
.mv.is-active {
/*  --slider-bg-delay: 740ms;
  --slider-delay: 820ms;*/
  --slider-pagination-delay: 900ms;
  --slider-row-delay: 0ms
}
.mv.is-active .mv-slider::before {
  transition: transform 700ms var(--slider-bg-delay) var(--ease-power4-inout);
  transform: skewY(calc(var(--slider-rotation) * -1)) scaleX(1)
}
.mv.is-active .mv-slider-pagination {
  opacity: 1;
  transition: opacity 300ms ease;
  transition-delay: calc(var(--slider-bg-delay) + var(--slider-delay) + var(--slider-pagination-delay))
}
.mv-copy {
  position: relative
}
.mv-copy g {
  will-change: transform;
  transform-box: fill-box
}
.mv-copy path {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  will-change: clip-path;
  transform-box: fill-box
}
.mv-slider {
  --slider-rotation: 8.5deg;
  position: relative;
  visibility: hidden
}
.mv-slider.is-visible {
  visibility: visible
}
.mv-slider::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  background-color: var(--color-primary);
  transform: skewY(calc(var(--slider-rotation) * -1)) scaleX(0);
  transform-origin: left bottom
}
.mv-slider-container {
  position: relative;
  z-index: 1;
  transform: rotate(calc(var(--slider-rotation) * -1))
}
.mv-slider-list {
  display: flex
}
.mv-slider-item {
  display: flex;
  flex: none
}
.mv-slider-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--r);
  transform: skewY(calc(var(--slider-rotation) * -1))
}
.mv-slider-poster, .mv-slider-video {
  position: absolute;
  left: 0;
  width: 100%;
  transform: skewY(calc(var(--slider-rotation) * 1));
  object-fit: cover
}
.mv-slider-pagination {
  position: absolute;
  z-index: 1;
  display: flex;
  opacity: 0;
  transform: rotate(calc(var(--slider-rotation) * -1));
  transform-origin: top right
}
.mv-slider-pagination > span {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--color-white);
  border-radius: 50%;
  transition-timing-function: ease;
  transition-duration: 80ms;
  transition-property: color, background-color, border-color, fill, stroke
}
.mv-slider-pagination > span.swiper-pagination-bullet-active {
  background-color: var(--color-white)
}
.mv-slider-pagination > span:not(.swiper-pagination-bullet-active) {
  cursor: pointer
}
.news .c-archive-news-date, .news .c-archive-news-category-text, .news .c-archive-news-heading {
  color: var(--color-white)
}
.recruit {
  position: relative;
  isolation: isolate
}
.recruit-gallery {
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recruit-gallery-list {
  display: inline-flex;
  height: 100%
}
.recruit-gallery-item {
  position: relative;
  flex: none;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}
.recruit-content {
  position: relative
}
.recruit-description {
  text-align: justify
}
.top-header-heading-ja {
  font-size: 24px!important;
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-none);
  opacity: 0
}
.top-header-heading-ja.is-active {
  opacity: 1;
  transition: opacity 300ms 500ms ease
}
.top-header-heading-en {
  color: var(--color-primary);
  font-family: "Lato", sans-serif;
  font-size: 8rem;
  font-weight: 100;
  margin-left: -10px;
  font-style: normal;
  letter-spacing: 20%;
}
@media screen and (min-width: 769px) {
  .mv {
    padding-top: calc(var(--vw) * 257 / 1440)
  }
  .mv.is-active .mv-slider-item.swiper-slide-prev .mv-slider-cell, .mv.is-active .mv-slider-item.swiper-slide-active .mv-slider-cell, .mv.is-active .mv-slider-item.swiper-slide-next .mv-slider-cell {
    left: 0;
    opacity: 1;
    transition: opacity 260ms ease, left 2100ms var(--ease-expo-out);
    transition-delay: calc(var(--slider-bg-delay) + var(--slider-delay) + var(--index, 0)*60ms)
  }
  .mv-copy {
    left: calc(var(--vw) * -28 / 1440)
  }
  .mv-copy svg {
    width: calc(var(--vw) * 750 / 1440)
  }
  .mv-copy g {
    transform: translate(-6rem, 0)
  }
  .mv-slider {
    padding-bottom: calc(var(--vw) * 230 / 1440);
    margin-top: calc(var(--vw) * 96 / 1440)
  }
  .mv-slider::before {
    height: calc(var(--vw) * 380 / 1440)
  }
  .mv-slider-item {
    justify-content: space-between;
    width: calc(var(--vw) * 1240 / 1440);
    margin: 0 calc(var(--vw) * 20 / 1440)
  }
  .mv-slider-item.swiper-slide-prev .mv-slider-cell, .mv-slider-item.swiper-slide-active .mv-slider-cell, .mv-slider-item.swiper-slide-next .mv-slider-cell {
    left: calc(var(--vw) * 3600 / 1440);
    opacity: 0
  }
  .mv-slider-item.swiper-slide-next .mv-slider-cell:nth-child(2) {
    --index: 5
  }
  .mv-slider-item.swiper-slide-next .mv-slider-cell:nth-child(1) {
    --index: 4
  }
  .mv-slider-item.swiper-slide-active .mv-slider-cell:nth-child(2) {
    --index: 3
  }
  .mv-slider-item.swiper-slide-active .mv-slider-cell:nth-child(1) {
    --index: 2
  }
  .mv-slider-item.swiper-slide-prev .mv-slider-cell:nth-child(2) {
    --index: 1
  }
  .mv-slider-item.swiper-slide-prev .mv-slider-cell:nth-child(1) {
    --index: 0
  }
  .mv-slider-cell {
    position: relative;
    width: calc(var(--vw) * 600 / 1440);
    height: calc(var(--vw) * 400 / 1440);
    transform: rotate(var(--slider-rotation))
  }
  .mv-slider-poster, .mv-slider-video {
    top: calc(var(--vw) * -200 / 1440);
    height: calc(var(--vw) * 802 / 1440)
  }
  .mv-slider-pagination {
    right: calc(var(--vw) * 104 / 1440);
    bottom: calc(var(--vw) * 282 / 1440);
    column-gap: calc(var(--vw) * 16 / 1440)
  }
  .mv-slider-pagination > span {
    width: calc(var(--vw) * 8 / 1440);
    height: calc(var(--vw) * 8 / 1440)
  }
  .recruit {
    padding-top: 8rem;
    padding-bottom: 24rem
  }
  .recruit-gallery-container {
    display: inline-flex;
    height: 100%;
    animation: ticker-to-left 70s linear infinite
  }
  .recruit-gallery-item {
    width: 69rem
  }
  .recruit-gallery-cover {
    display: none
  }
  .recruit-content {
    display: flex;
    justify-content: flex-end
  }
  .recruit-card {
    width: 48rem;
    padding: 8.3rem 6.4rem 8rem;
    background-color: var(--color-white);
    border-radius: var(--r)
  }
  .recruit-description {
    margin-top: 3.7rem;
    line-height: var(--leading-relaxed)
  }
  .recruit-action {
    margin-top: 6.4rem
  }
  .top-header {
    display: grid;
    grid-template-areas: "heading action""description description";
    align-items: center
  }
  .top-header-heading {
    grid-area: heading
  }
  .top-header-heading-ja {
    font-size: 1.2rem
  }
  .top-header-heading-en {
    margin-top: 1.2rem;
    font-size: 8.8rem
  }
  .top-header-description {
    grid-area: description;
    margin-top: 3.7rem
  }
  .top-header-action {
    grid-area: action;
    margin-left: auto
  }
  .top-header-s {
    display: block
  }
  .top-header-s .top-header-heading-ja {
    font-size: 1.2rem
  }
  .top-header-s .top-header-heading-en {
    margin-top: 1.6rem;
    font-size: 5.6rem
  }
  .top-header-s .top-header-description {
    margin-top: 2.4rem
  }
}
@media screen and (max-width: 768px) {
  .archive {
    padding-top: 13.4rem;
    padding-bottom: 19.2rem;
    margin-top: 10.3rem
  }
  .mv {
    padding-top: 33.7rem
  }
  .mv.is-active .mv-slider-item.swiper-slide-prev, .mv.is-active .mv-slider-item.swiper-slide-active {
    left: 0;
    opacity: 1;
    transition: opacity 260ms ease, left 2100ms var(--ease-expo-out);
    transition-delay: calc(var(--slider-bg-delay) + var(--slider-delay) + var(--index, 0)*60ms)
  }
  .mv-copy {
    left: -9.6rem
  }
  .mv-copy svg {
    width: 75rem
  }
  .mv-copy g {
    transform: translate(-6rem, 0)
  }
  .mv-slider {
    padding-bottom: 20rem;
    margin-top: 13.6rem
  }
  .mv-slider::before {
    height: 98rem
  }
  .mv-slider-item {
    position: relative;
    flex-direction: column;
    row-gap: 4rem;
    width: 68rem;
    margin: 0 4rem;
    transform: rotate(var(--slider-rotation))
  }
  .mv-slider-item.swiper-slide-prev, .mv-slider-item.swiper-slide-active {
    left: 110rem;
    opacity: 0
  }
  .mv-slider-item.swiper-slide-prev {
    --index: 0
  }
  .mv-slider-item.swiper-slide-active {
    --index: 1
  }
  .mv-slider-cell {
    height: 44rem
  }
  .mv-slider-poster, .mv-slider-video {
    top: -5.2rem;
    height: 54.6rem
  }
  .mv-slider-pagination {
    right: 3.7rem;
    bottom: 20rem;
    column-gap: 2.4rem
  }
  .mv-slider-pagination > span {
    width: 1.2rem;
    height: 1.2rem
  }
  .recruit {
    padding-top: 16.6rem;
    padding-bottom: 98rem;
    color: var(--color-sky)
  }
  .recruit .top-header-heading-en {
    color: var(--color-sky)
  }  
  .recruit-card {
    width: 60rem;
    padding: 8.3rem 6.4rem 8rem;
    background-color: var(--color-white);
    border-radius: var(--r)
  }
  .recruit-gallery::after {
    content: "";
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  .recruit-gallery-container {
    display: none
  }
  .recruit-gallery-item {
    width: 75rem
  }
  .recruit-gallery-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  .recruit-gallery-cover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
  }
  .recruit-description {
    margin-top: 4.8rem
  }
  .recruit-action {
    margin-top: 6.4rem
  }
  .top-header-heading-ja {
    font-size: 2rem
  }
  .top-header-heading-en {
    margin-top: 1.5rem;
    font-size: 10rem
  }
  .top-header-description {
    margin-top: 4.8rem;
    text-align: justify
  }
  .top-header-action {
    margin-top: 6.4rem
  }
  .top-header-s {
    display: flex;
    column-gap: 4rem;
    align-items: flex-end
  }
  .top-header-s .top-header-heading-ja {
    font-size: 2rem
  }
  .top-header-s .top-header-heading-en {
    margin-top: 2.1rem;
    font-size: 7.2rem
  }
  .top-header-s .top-header-description {
    margin-top: 0;
    font-size: 2.2rem
  }
}
@media screen and (min-width: 769px)and (hover: hover) {
  .journal-keyword-link:hover {
    color: var(--color-primary);
    background-color: var(--color-white)
  }
}