@keyframes ugrl8mc {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  50% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
}
.p-mv__en .p-mv__enLine {
  display: block;
  overflow: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
}
.p-mv__en .p-mv__enLine:first-child .p-mv__enLineInner {
  transition-delay: 0s;
}
.p-mv__en .p-mv__enLine:first-child:before {
  animation-delay: 0s;
}
.p-mv__en .p-mv__enLine:nth-child(2) .p-mv__enLineInner {
  transition-delay: 75ms;
}
.p-mv__en .p-mv__enLine:nth-child(2):before {
  animation-delay: 75ms;
}
.p-mv__en .p-mv__enLine:nth-child(3) .p-mv__enLineInner {
  transition-delay: 0.15s;
}
.p-mv__en .p-mv__enLine:nth-child(3):before {
  animation-delay: 0.15s;
}
.p-mv__en .p-mv__enLine:nth-child(4) .p-mv__enLineInner {
  transition-delay: 0.225s;
}
.p-mv__en .p-mv__enLine:nth-child(4):before {
  animation-delay: 0.225s;
}
.p-mv__en .p-mv__enLine:nth-child(5) .p-mv__enLineInner {
  transition-delay: 0.3s;
}
.p-mv__en .p-mv__enLine:nth-child(5):before {
  animation-delay: 0.3s;
}
.p-mv__en .p-mv__enLine:before {
  animation-delay: inherit;
  background: currentColor;
  bottom: 0;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
.p-mv__en .p-mv__enLineInner {
  display: block;
}
.p-mv__en.-outViewFull .p-mv__enLineInner {
  transform: translateY(100%);
}
.p-mv__en.-inViewFull .p-mv__enLine:before {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: ugrl8mc;
}
.p-mv__en.-inViewFull .p-mv__enLineInner {
  transform: translateY(0);
  transition: transform 0.6s;
}
@keyframes ugrl8n4 {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  50% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
}
.p-pioneer__title {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
}
.p-pioneer__title:before {
  animation-delay: inherit;
  background: currentColor;
  bottom: 0;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
.p-pioneer__title .p-pioneer__titleInner {
  display: block;
}
.p-pioneer__title.-outViewFull .p-pioneer__titleInner {
  transform: translateY(100%);
}
.p-pioneer__title.-inViewFull:before {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: ugrl8mc;
}
.p-pioneer__title.-inViewFull .p-pioneer__titleInner {
  transform: translateY(0);
  transition: transform 0.6s;
}
.p-servicebox__title .c-sectionTitle__main,
.p-servicebox__title .c-sectionTitle__sub {
  overflow: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
}
.p-servicebox__title .c-sectionTitle__main:before,
.p-servicebox__title .c-sectionTitle__sub:before {
  animation-delay: inherit;
  background: currentColor;
  bottom: 0;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
.p-servicebox__title .c-sectionTitle__mainInner,
.p-servicebox__title .c-sectionTitle__subInner {
  display: block;
}
.p-servicebox__title.-outViewFull .c-sectionTitle__mainInner,
.p-servicebox__title.-outViewFull .c-sectionTitle__subInner {
  transform: translateY(100%);
}
.p-servicebox__title.-inViewFull .c-sectionTitle__main:before,
.p-servicebox__title.-inViewFull .c-sectionTitle__sub:before {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: ugrl8mc;
}
.p-servicebox__title.-inViewFull .c-sectionTitle__mainInner,
.p-servicebox__title.-inViewFull .c-sectionTitle__subInner {
  transform: translateY(0);
  transition: transform 0.6s;
}
.p-topworks__sectiontitle {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
}
.p-topworks__sectiontitle:before {
  animation-delay: inherit;
  background: currentColor;
  bottom: 0;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
.p-topworks__sectiontitle .p-topworks__sectionTitleInner {
  display: block;
}
.p-topworks__sectiontitle.-outViewFull .p-topworks__sectionTitleInner {
  transform: translateY(100%);
}
.p-topworks__sectiontitle.-inViewFull:before {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: ugrl8mc;
}
.p-topworks__sectiontitle.-inViewFull .p-topworks__sectionTitleInner {
  transform: translateY(0);
  transition: transform 0.6s;
}
.p-topnews__img {
  background: #fafafa;
}
.p-topnews__img.-outView,
.p-topnews__img.-outView img {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.p-topnews__img.-inView {
  background: transparent;
  transition: opacity 0.4s, background-color 0s 1s, -webkit-clip-path 0.4s;
  transition: opacity 0.4s, clip-path 0.4s, background-color 0s 1s;
  transition: opacity 0.4s, clip-path 0.4s, background-color 0s 1s,
    -webkit-clip-path 0.4s;
}
.p-topnews__img.-inView,
.p-topnews__img.-inView img {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.p-topnews__img.-inView img {
  transition: opacity 0.6s 0.4s, transform 0.8s, -webkit-clip-path 0.6s 0.4s;
  transition: opacity 0.6s 0.4s, clip-path 0.6s 0.4s, transform 0.8s;
  transition: opacity 0.6s 0.4s, clip-path 0.6s 0.4s, transform 0.8s,
    -webkit-clip-path 0.6s 0.4s;
}
.p-cta__container a {
  position: relative;
}
.p-cta__title,
.p-cta__txt {
  mix-blend-mode: difference;
}
@media (pointer: fine) {
  .p-cta__container a:before {
    background: #FFEB3B;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transition: transform 0.2s;
  }
  .p-cta__container a:hover:before {
    transform: scaleX(1);
  }
}