@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;500;700&family=Noto+Sans+JP:wght@300;400;700&display=swap");
[data-modal] {
  cursor: pointer;
}

template {
  display: none;
}

.m-modal {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: 25;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  width: 100vw;
  height: 100%;
  overflow: auto;
  -ms-touch-action: none;
      touch-action: none;
  pointer-events: none;
}

.m-modal.is-open {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-touch-action: auto;
      touch-action: auto;
  pointer-events: auto;
}

.m-modal.is-load-start {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: all 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-touch-action: auto;
      touch-action: auto;
  pointer-events: auto;
}

.m-modal.is-close {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-touch-action: none;
      touch-action: none;
  pointer-events: none;
}

.m-modal__bg {
  position: fixed;
  top: 0;
  left: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
}

.is-modal-overflow .m-modal__bg {
  position: absolute;
}

.m-modal__content {
  display: table;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 133.328vh;
  height: auto;
  font-size: 0;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .m-modal__content {
    width: 100%;
  }
}

[data-modal-type="youtube"] .m-modal__content {
  width: 75%;
}

.is-modal-overflow-prep .m-modal__content {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin: 60px auto;
}

@media screen and (max-width: 960px) {
  .is-modal-overflow-prep .m-modal__content {
    margin-top: 20%;
  }
}

.m-modal__content > * {
  width: 100%;
  height: auto;
}

.m-modal__content > * img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin: 0 auto;
}

.m-modal__content-bg {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .m-modal__content-btn {
    position: relative;
    top: auto;
    right: auto;
    margin: 20px auto 0;
    width: 84%;
    height: auto;
  }
}

.m-modal__close {
  display: block;
  position: fixed;
  top: 15px;
  right: 15px;
  cursor: pointer;
  width: 45px;
  height: 45px;
}

@media screen and (max-width: 960px) {
  .m-modal__close {
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
  }
}

@media screen and (max-width: 960px) and (orientation: portrait) {
  .m-modal__close {
    top: auto;
    right: 15px;
    bottom: 15px;
  }
}

.m-modal__close::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: #000;
  width: 100%;
  height: 2px;
  content: "";
}

@media screen and (max-width: 960px) {
  .m-modal__close::before {
    height: 1px;
  }
}

.m-modal__close:hover::before {
  background: rgba(0, 0, 0, 0.5);
}

.m-modal__close::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: #000;
  width: 100%;
  height: 2px;
  content: "";
}

@media screen and (max-width: 960px) {
  .m-modal__close::after {
    height: 1px;
  }
}

.m-modal__close:hover::after {
  background: rgba(0, 0, 0, 0.5);
}

.p-m-close {
  display: block;
  position: fixed;
  top: 35px;
  right: 85px;
  z-index: 15;
  cursor: pointer;
  width: 35px;
  height: 22px;
  content: "";
}

@media screen and (max-width: 960px) {
  .p-m-close {
    right: 20px;
    width: 20px;
    height: 14px;
  }
}

.p-m-close__close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.is-menu-open .p-m-close__close {
  pointer-events: auto;
}

.p-m-close__close::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200%;
  height: 300%;
  content: "";
}

.p-m-close__close-item {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
  height: 2px;
}

.p-m-close__close-item.-item1 {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

[data-ua="pc"] .p-m-close:hover .p-m-close__close-item.-item1 {
  -webkit-transform: translate(-50%, -50%) rotate(-165deg);
      -ms-transform: translate(-50%, -50%) rotate(-165deg);
          transform: translate(-50%, -50%) rotate(-165deg);
}

.p-m-close__close-item.-item2 {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

[data-ua="pc"] .p-m-close:hover .p-m-close__close-item.-item2 {
  -webkit-transform: translate(-50%, -50%) rotate(165deg);
      -ms-transform: translate(-50%, -50%) rotate(165deg);
          transform: translate(-50%, -50%) rotate(165deg);
}

.p-m-close__close-deco {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  width: 100%;
  height: 100%;
  content: "";
}

.p-m-close__close-deco::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: width 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  transition: width 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  background: #383838;
  width: 0;
  height: 100%;
  content: "";
}

.p-m-close__close-deco::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  background: #ce0800;
  width: 0;
  height: 100%;
  content: "";
}

.is-open .-item1 .p-m-close__close-deco {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
}

.is-open .-item1 .p-m-close__close-deco::before {
  -webkit-transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  width: 100%;
}

.is-open .-item1 .p-m-close__close-deco::after {
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.6s;
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.6s;
  width: 100%;
}

.is-open .-item2 .p-m-close__close-deco {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
}

.is-open .-item2 .p-m-close__close-deco::before {
  -webkit-transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  width: 100%;
}

.is-open .-item2 .p-m-close__close-deco::after {
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.3s;
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.3s;
  width: 100%;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes glitch {
  0% {
    clip: rect(200px, 9999px, 63px, 0);
  }
  4% {
    clip: rect(7px, 9999px, 6px, 0);
    top: -2px;
  }
  8% {
    clip: rect(82px, 9999px, 78px, 0);
  }
  12% {
    clip: rect(85px, 9999px, 25px, 0);
  }
  16% {
    clip: rect(93px, 9999px, 38px, 0);
  }
  20% {
    clip: rect(70px, 9999px, 96px, 0);
    left: 1px;
  }
  24% {
    clip: rect(41px, 9999px, 72px, 0);
  }
  28% {
    clip: rect(39px, 9999px, 65px, 0);
  }
  32% {
    clip: rect(36px, 9999px, 34px, 0);
    -webkit-filter: hue-rotate(45deg);
            filter: hue-rotate(45deg);
  }
  36% {
    clip: rect(84px, 9999px, 96px, 0);
    left: -2px;
  }
  40% {
    clip: rect(99px, 9999px, 45px, 0);
    top: 1px;
  }
  44% {
    clip: rect(37px, 9999px, 73px, 0);
  }
  48% {
    clip: rect(63px, 9999px, 20px, 0);
  }
  52% {
    clip: rect(5px, 9999px, 44px, 0);
  }
  56% {
    clip: rect(65px, 9999px, 270px, 0);
    left: 2px;
  }
  60% {
    clip: rect(4px, 9999px, 300px, 0);
  }
  64% {
    clip: rect(6px, 9999px, 9px, 0);
  }
  68% {
    clip: rect(37px, 9999px, 69px, 0);
  }
  72% {
    clip: rect(32px, 9999px, 64px, 0);
  }
  76% {
    clip: rect(0px, 9999px, 96px, 0);
    left: -4px;
  }
  80% {
    clip: rect(99px, 9999px, 45px, 0);
  }
  84% {
    clip: rect(37px, 9999px, 73px, 0);
  }
  88% {
    clip: rect(70px, 9999px, 96px, 0);
  }
  92% {
    clip: rect(41px, 9999px, 72px, 0);
  }
  96% {
    clip: rect(39px, 9999px, 65px, 0);
  }
  100% {
    clip: rect(37px, 9999px, 73px, 0);
  }
}

@keyframes glitch {
  0% {
    clip: rect(200px, 9999px, 63px, 0);
  }
  4% {
    clip: rect(7px, 9999px, 6px, 0);
    top: -2px;
  }
  8% {
    clip: rect(82px, 9999px, 78px, 0);
  }
  12% {
    clip: rect(85px, 9999px, 25px, 0);
  }
  16% {
    clip: rect(93px, 9999px, 38px, 0);
  }
  20% {
    clip: rect(70px, 9999px, 96px, 0);
    left: 1px;
  }
  24% {
    clip: rect(41px, 9999px, 72px, 0);
  }
  28% {
    clip: rect(39px, 9999px, 65px, 0);
  }
  32% {
    clip: rect(36px, 9999px, 34px, 0);
    -webkit-filter: hue-rotate(45deg);
            filter: hue-rotate(45deg);
  }
  36% {
    clip: rect(84px, 9999px, 96px, 0);
    left: -2px;
  }
  40% {
    clip: rect(99px, 9999px, 45px, 0);
    top: 1px;
  }
  44% {
    clip: rect(37px, 9999px, 73px, 0);
  }
  48% {
    clip: rect(63px, 9999px, 20px, 0);
  }
  52% {
    clip: rect(5px, 9999px, 44px, 0);
  }
  56% {
    clip: rect(65px, 9999px, 270px, 0);
    left: 2px;
  }
  60% {
    clip: rect(4px, 9999px, 300px, 0);
  }
  64% {
    clip: rect(6px, 9999px, 9px, 0);
  }
  68% {
    clip: rect(37px, 9999px, 69px, 0);
  }
  72% {
    clip: rect(32px, 9999px, 64px, 0);
  }
  76% {
    clip: rect(0px, 9999px, 96px, 0);
    left: -4px;
  }
  80% {
    clip: rect(99px, 9999px, 45px, 0);
  }
  84% {
    clip: rect(37px, 9999px, 73px, 0);
  }
  88% {
    clip: rect(70px, 9999px, 96px, 0);
  }
  92% {
    clip: rect(41px, 9999px, 72px, 0);
  }
  96% {
    clip: rect(39px, 9999px, 65px, 0);
  }
  100% {
    clip: rect(37px, 9999px, 73px, 0);
  }
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  25% {
    -webkit-transform: translate(5px, -50%);
            transform: translate(5px, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  26% {
    -webkit-transform: translate(-5px, -50%);
            transform: translate(-5px, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(-5px, -50%);
            transform: translate(-5px, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  75% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  25% {
    -webkit-transform: translate(5px, -50%);
            transform: translate(5px, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  26% {
    -webkit-transform: translate(-5px, -50%);
            transform: translate(-5px, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(-5px, -50%);
            transform: translate(-5px, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  75% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@-webkit-keyframes arrow_t {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  25% {
    -webkit-transform: translate(0, -13px);
            transform: translate(0, -13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  26% {
    -webkit-transform: translate(0, -13px);
            transform: translate(0, -13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@keyframes arrow_t {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  25% {
    -webkit-transform: translate(0, -13px);
            transform: translate(0, -13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  26% {
    -webkit-transform: translate(0, -13px);
            transform: translate(0, -13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@-webkit-keyframes arrow_d {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  25% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  26% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, -13px);
            transform: translate(0, -13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@keyframes arrow_d {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  25% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  26% {
    -webkit-transform: translate(0, 13px);
            transform: translate(0, 13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, -13px);
            transform: translate(0, -13px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@-webkit-keyframes gnav {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  100% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
}

@keyframes gnav {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  100% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
}

@-webkit-keyframes red_bg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -70px 0;
  }
}

@keyframes red_bg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -70px 0;
  }
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  vertical-align: baseline;
  margin: 0;
  outline: 0;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 100%;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  vertical-align: baseline;
  margin: 0;
  background: transparent;
  padding: 0;
  font-size: 100%;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #cccccc;
  padding: 0;
  height: 1px;
}

input, select {
  vertical-align: middle;
}

html {
  background: #000;
  overflow-y: scroll;
  font-size: 62.5%;
}

html.is-theme-light {
  background: #fff;
}

@media screen and (max-width: 960px) and (min-width: 561px) {
  html {
    font-size: 78.125%;
  }
}

*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  -webkit-transition: background 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: background 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  background: #000;
  overflow: hidden;
  color: #fff;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.85px;
  letter-spacing: .085rem;
  line-height: 1.3;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.is-theme-light body {
  background: #fff;
}

a {
  color: #fff;
  text-decoration: none;
}

.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  content: ' . ';
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

button, input, select, textarea {
  background-color: transparent;
  min-height: 1.5em;
}

input[type="submit"], input[type="reset"] {
  cursor: pointer;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}

a[href^=' tel '] {
  display: inline-block;
  color: inherit;
}

ol, ul {
  list-style: none;
}

@media screen and (min-width: 961px) {
  .is-pc {
    display: block;
  }
  .is-sp {
    display: none !important;
  }
  .is-pc-inline {
    display: inline-block;
  }
  .is-sp-inline {
    display: none !important;
  }
  .pc {
    display: block;
  }
  .sp {
    display: none !important;
  }
  .pc-inline {
    display: inline-block;
  }
  .sp-inline {
    display: none !important;
  }
}

@media screen and (max-width: 960px) {
  .is-sp {
    display: block;
  }
  .is-pc {
    display: none !important;
  }
  .is-sp-inline {
    display: inline-block;
  }
  .is-pc-inline {
    display: none !important;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none !important;
  }
  .sp-inline {
    display: inline-block;
  }
  .pc-inline {
    display: none !important;
  }
}

@media screen and (orientation: landscape) {
  .is-land {
    display: block;
  }
  .is-port {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .is-land {
    display: none !important;
  }
  .is-port {
    display: block;
  }
}

@media screen and (min-width: 751px) {
  .is-wide {
    display: block;
  }
  .is-tab {
    display: none !important;
  }
}

@media screen and (min-width: 561px) {
  .is-wide {
    display: none !important;
  }
  .is-tab {
    display: block;
  }
}

.is-narrow {
  display: none !important;
}

.is-narrow-inline {
  display: none !important;
}

@media screen and (max-width: 374px) {
  .is-narrow {
    display: block !important;
  }
  .is-narrow-inline {
    display: inline-block !important;
  }
  .is-non-narrow {
    display: none !important;
  }
  .is-non-narrow-inline {
    display: none !important;
  }
}

img {
  display: block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

img::-moz-selection {
  background: none;
}

img::selection {
  background: none;
}

[data-prefix]::before {
  content: attr(data-prefix);
}

[data-suffix]::after {
  content: attr(data-suffix);
}

.l-wrap:not([data-page="top"]) .is-top {
  display: none !important;
}

[data-page="top"] .is-in {
  display: none !important;
}

[data-jump] {
  cursor: pointer;
}

*::-moz-selection {
  background: #ce0800 !important;
  color: #fff !important;
}

*::selection {
  background: #ce0800 !important;
  color: #fff !important;
}

[data-modal-open]:hover {
  cursor: pointer;
}

.l-wrap {
  position: relative;
  z-index: 0;
  -webkit-transition: background 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: background 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  margin: 0 auto;
  width: 100%;
}

.is-theme-light .l-wrap {
  background: #fff;
}

@media screen and (max-width: 960px) {
  .is-theme-light .l-wrap.is-menu-open {
    background: #000;
  }
}

.l-wrap::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: -2;
  -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  background: #fff;
  width: 100%;
  height: 100%;
  content: "";
}

.is-theme-light .l-wrap.is-load::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

@media screen and (max-width: 960px) {
  .is-theme-light .l-wrap.is-load.is-menu-open::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.l-wrap::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  opacity: .2;
  z-index: -2;
  background: url("../img/common/bg_noise.gif") repeat left top;
  background-size: 100px auto;
  width: 100%;
  height: 100%;
  content: "";
}

[data-os="mac"] .l-wrap::after,
[data-os="iOS"] .l-wrap::after {
  display: none;
}

@media (-ms-high-contrast: none) {
  .l-wrap::after {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .l-wrap::after {
    background: url("../img/common/bg_noise.gif") repeat left top;
    background-size: 80px auto;
  }
}

.l-wrap.is-load.is-theme-light::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
  opacity: .05;
}

@media screen and (max-width: 960px) {
  .l-wrap.is-load.is-menu-open.is-theme-light::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    opacity: .2;
  }
}

.l-wrap__bg {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  width: 100%;
  height: 100%;
}

.is-ready .l-wrap__bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.l-wrap__bg canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

[data-os="mac"] .l-wrap__bg canvas,
[data-os="iOS"] .l-wrap__bg canvas {
  display: none;
}

@media (-ms-high-contrast: none) {
  .l-wrap__bg canvas {
    display: none;
  }
}

.l-wrap__bg::before {
  display: none;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: .1;
  -webkit-transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1);
  background: url("../img/common/kv_top.png") no-repeat center;
  background-size: 100% auto;
  width: 50vw;
  min-width: 700px;
  height: 50vw;
  min-height: 700px;
  content: "";
}

@media screen and (max-width: 960px) {
  .l-wrap__bg::before {
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 130vw;
    min-width: 500px;
    height: 130vw;
    min-height: 500px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .l-wrap__bg::before {
    top: 55%;
    width: 50vw;
    min-width: 400px;
    height: 50vw;
    min-height: 400px;
  }
}

.is-pjax .l-wrap__bg::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0 !important;
  -webkit-transition: opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1) !important;
  transition: opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1) !important;
}

[data-os="mac"] .l-wrap__bg::before,
[data-os="iOS"] .l-wrap__bg::before {
  display: block;
}

@media (-ms-high-contrast: none) {
  .l-wrap__bg::before {
    display: block;
  }
}

[data-page="top"] .l-wrap__bg::before {
  top: 50%;
  left: 72%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  width: 40vw;
  min-width: 580px;
  height: 40vw;
  min-height: 580px;
}

@media screen and (max-width: 960px) {
  [data-page="top"] .l-wrap__bg::before {
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 130vw;
    min-width: 500px;
    height: 130vw;
    min-height: 500px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  [data-page="top"] .l-wrap__bg::before {
    top: 55%;
    width: 50vw;
    min-width: 400px;
    height: 50vw;
    min-height: 400px;
  }
}

[data-page="top"][data-bg-filter="alpha-0.2"] .l-wrap__bg::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: .1;
}

[data-page="top"][data-bg-filter="alpha-0.4"] .l-wrap__bg::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: .4;
}

[data-page="top"][data-pos-index="3"] .l-wrap__bg::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

[data-pos-index="1"]:not([data-page="top"]) .l-wrap__bg::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.is-menu-open .l-wrap__bg::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1 !important;
}

.l-wrap__bg::after {
  display: none;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  mix-blend-mode: darken;
  -webkit-transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1);
  background: url("../img/common/kv_msk_red.png") no-repeat center;
  background-size: 100% auto;
  width: 50vw;
  min-width: 700px;
  height: 50vw;
  min-height: 700px;
  content: "";
}

@media screen and (max-width: 960px) {
  .l-wrap__bg::after {
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 130vw;
    min-width: 500px;
    height: 130vw;
    min-height: 500px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .l-wrap__bg::after {
    top: 55%;
    width: 50vw;
    min-width: 400px;
    height: 50vw;
    min-height: 400px;
  }
}

[data-os="mac"] .l-wrap__bg::after,
[data-os="iOS"] .l-wrap__bg::after {
  display: block;
}

@media (-ms-high-contrast: none) {
  .l-wrap__bg::after {
    display: block;
  }
}

.is-menu-open .l-wrap__bg::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.l-wrap__img {
  display: block;
  position: fixed;
  top: 65%;
  left: 72%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 48%;
  min-width: 780px;
}

@media screen and (max-width: 960px) {
  .l-wrap__img {
    top: 40%;
    left: 50%;
    min-width: 400px;
  }
}

.l-wrap__img-item {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.l-wrap__img-item:first-child {
  position: relative;
}

.l-wrap__container {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: opacity 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  margin: 0 auto;
  width: 100%;
}

.is-load .l-wrap__container {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.l-wrap__container::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: 20;
  -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.5, 1), width 0s linear 0.45s;
  transition: opacity 0.45s cubic-bezier(0.25, 1, 0.5, 1), width 0s linear 0.45s;
  background: #ce0800;
  width: 0;
  height: 2px;
  pointer-events: none;
  content: "";
}

.is-pjax-transiton .l-wrap__container::after {
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: width 1.45s cubic-bezier(0.32, 0, 0.67, 0);
  transition: width 1.45s cubic-bezier(0.32, 0, 0.67, 0);
  width: 100%;
}

.l-main {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  min-height: 100vh;
}

@media screen and (max-width: 960px) {
  .l-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.55s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 0.55s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .is-menu-open .l-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.l-main__content {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.l-header {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: background 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: background 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  background: #000;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .l-header {
    -webkit-transition: background 0.4s cubic-bezier(0.45, 0, 0.55, 1);
    transition: background 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  }
  .is-menu-open .l-header {
    background: rgba(0, 0, 0, 0) !important;
  }
}

[data-page="top"] .l-header {
  background: rgba(0, 0, 0, 0);
}

[data-page="top"].is-scrolled .l-header {
  background: black;
}

@media screen and (min-width: 961px) {
  .l-header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
    transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
    margin: 0 auto;
    padding: 20px 0;
    width: 93%;
    height: 88px;
  }
  .is-load .l-header__container {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@media screen and (max-width: 960px) {
  .l-header__container {
    position: relative;
    margin: 0 auto;
    padding: 16px 25px;
    width: 100%;
    height: 70px;
  }
}

.l-header__brand {
  position: relative;
  z-index: 15;
  width: 85px;
}

@media screen and (max-width: 960px) {
  .l-header__brand {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 70px;
  }
  .is-menu-open .l-header__brand {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0 !important;
    pointer-events: auto;
  }
}

.l-header__brand-link {
  display: block;
  position: relative;
  width: 100%;
}

.l-header__brand-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.l-header__brand-path {
  fill: #fff;
  fill-rule: evenodd;
  -webkit-transition: fill 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition: fill 0.65s cubic-bezier(0.76, 0, 0.24, 1);
}

[data-ua="pc"] .l-header__brand:hover .l-header__brand-path {
  fill: #ff7b29;
}

@media screen and (min-width: 961px) {
  .l-header__nav {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
}

@media screen and (max-width: 960px) {
  .l-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    z-index: 5;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding-bottom: 6%;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .is-menu-show .l-nav {
    display: block;
  }
  .is-menu-open .l-nav {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    pointer-events: auto;
  }
}

@media screen and (max-width: 960px) {
  .l-nav__container {
    display: block;
    position: absolute;
    top: 8%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 1;
    padding-bottom: 10%;
    width: 90%;
  }
}

@media screen and (max-width: 960px) {
  .l-nav__bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.p-gnav {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.p-gnav__item {
  display: block;
  position: relative;
}

@media screen and (min-width: 961px) {
  .p-gnav__item + .p-gnav__item {
    margin-left: 45px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-gnav__item + .p-gnav__item {
    margin-left: 25px;
  }
}

@media screen and (max-width: 960px) {
  .p-gnav__item + .p-gnav__item {
    margin-top: 12px;
  }
}

.p-gnav__text {
  display: block;
  position: relative;
  padding: 5px 2px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-gnav__text {
    text-align: left;
  }
}

.p-gnav__text-main {
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
}

@media screen and (max-width: 960px) {
  .p-gnav__text-main {
    font-size: 38px;
    font-size: 10.133vw;
    line-height: 1;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-gnav__text-main {
    font-size: 182.4px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-gnav__text-main {
    font-size: 4vh;
  }
}

@media screen and (min-width: 961px) {
  .p-gnav__text-main {
    -webkit-transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  }
  [data-ua="pc"] .p-gnav__item:hover .p-gnav__text-main {
    color: #5d5d5e;
  }
}

@media screen and (max-width: 960px) {
  .p-gnav__text-main {
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
    transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
    transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
    transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  }
  .is-menu-open .p-gnav__text-main {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
    transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
    transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
    transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  }
  .is-menu-open .p-gnav__item:nth-child(1) .p-gnav__text-main {
    -webkit-transition-delay: 0.6s, 0.6s;
            transition-delay: 0.6s, 0.6s;
  }
  .is-menu-open .p-gnav__item:nth-child(2) .p-gnav__text-main {
    -webkit-transition-delay: 0.7s, 0.7s;
            transition-delay: 0.7s, 0.7s;
  }
  .is-menu-open .p-gnav__item:nth-child(3) .p-gnav__text-main {
    -webkit-transition-delay: 0.8s, 0.8s;
            transition-delay: 0.8s, 0.8s;
  }
  .is-menu-open .p-gnav__item:nth-child(4) .p-gnav__text-main {
    -webkit-transition-delay: 0.9s, 0.9s;
            transition-delay: 0.9s, 0.9s;
  }
  .is-menu-open .p-gnav__item:nth-child(5) .p-gnav__text-main {
    -webkit-transition-delay: 1s, 1s;
            transition-delay: 1s, 1s;
  }
  .is-menu-open .p-gnav__item:nth-child(6) .p-gnav__text-main {
    -webkit-transition-delay: 1.1s, 1.1s;
            transition-delay: 1.1s, 1.1s;
  }
  .is-menu-open .p-gnav__item:nth-child(7) .p-gnav__text-main {
    -webkit-transition-delay: 1.2s, 1.2s;
            transition-delay: 1.2s, 1.2s;
  }
  .is-menu-open .p-gnav__item:nth-child(8) .p-gnav__text-main {
    -webkit-transition-delay: 1.3s, 1.3s;
            transition-delay: 1.3s, 1.3s;
  }
  .is-menu-open .p-gnav__item:nth-child(9) .p-gnav__text-main {
    -webkit-transition-delay: 1.4s, 1.4s;
            transition-delay: 1.4s, 1.4s;
  }
  .is-menu-open .p-gnav__item:nth-child(10) .p-gnav__text-main {
    -webkit-transition-delay: 1.5s, 1.5s;
            transition-delay: 1.5s, 1.5s;
  }
}

.p-gnav__text-main::before {
  display: block;
  position: absolute;
  top: 50%;
  right: -10%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1);
  transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1);
  background: #f00;
  width: 0;
  height: 1px;
  content: "";
}

[data-ua="pc"] .p-gnav__item:hover .p-gnav__text-main::before {
  left: -10%;
  -webkit-transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  width: 120%;
}

.p-gnav__text-main::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -10%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  -webkit-transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
  background: #f00;
  width: 120%;
  height: 2px;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-gnav__text-main::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-gnav__text-main::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

[data-ua="pc"] .p-gnav__item:hover .p-gnav__text-main::after {
  -webkit-animation: gnav .4s;
          animation: gnav .4s;
}

@media screen and (max-width: 960px) {
  .p-gnav__text-word {
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
    transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
    color: #f00;
  }
  .is-menu-open .p-gnav__text-word {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
    transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
    color: #fff;
  }
}

@media screen and (max-width: 960px) and (-ms-high-contrast: none) {
  .is-menu-open .p-gnav__text-word {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@media screen and (max-width: 960px) {
  @supports (-ms-ime-align: auto) {
    .is-menu-open .p-gnav__text-word {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
    }
  }
  .is-menu-open .p-gnav__text-word:nth-child(1) {
    -webkit-transition-delay: 0.06s, 0.06s;
            transition-delay: 0.06s, 0.06s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(2) {
    -webkit-transition-delay: 0.12s, 0.12s;
            transition-delay: 0.12s, 0.12s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(3) {
    -webkit-transition-delay: 0.18s, 0.18s;
            transition-delay: 0.18s, 0.18s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(4) {
    -webkit-transition-delay: 0.24s, 0.24s;
            transition-delay: 0.24s, 0.24s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(5) {
    -webkit-transition-delay: 0.3s, 0.3s;
            transition-delay: 0.3s, 0.3s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(6) {
    -webkit-transition-delay: 0.36s, 0.36s;
            transition-delay: 0.36s, 0.36s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(7) {
    -webkit-transition-delay: 0.42s, 0.42s;
            transition-delay: 0.42s, 0.42s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(8) {
    -webkit-transition-delay: 0.48s, 0.48s;
            transition-delay: 0.48s, 0.48s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(9) {
    -webkit-transition-delay: 0.54s, 0.54s;
            transition-delay: 0.54s, 0.54s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(10) {
    -webkit-transition-delay: 0.6s, 0.6s;
            transition-delay: 0.6s, 0.6s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(11) {
    -webkit-transition-delay: 0.66s, 0.66s;
            transition-delay: 0.66s, 0.66s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(12) {
    -webkit-transition-delay: 0.72s, 0.72s;
            transition-delay: 0.72s, 0.72s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(13) {
    -webkit-transition-delay: 0.78s, 0.78s;
            transition-delay: 0.78s, 0.78s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(14) {
    -webkit-transition-delay: 0.84s, 0.84s;
            transition-delay: 0.84s, 0.84s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(15) {
    -webkit-transition-delay: 0.9s, 0.9s;
            transition-delay: 0.9s, 0.9s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(16) {
    -webkit-transition-delay: 0.96s, 0.96s;
            transition-delay: 0.96s, 0.96s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(17) {
    -webkit-transition-delay: 1.02s, 1.02s;
            transition-delay: 1.02s, 1.02s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(18) {
    -webkit-transition-delay: 1.08s, 1.08s;
            transition-delay: 1.08s, 1.08s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(19) {
    -webkit-transition-delay: 1.14s, 1.14s;
            transition-delay: 1.14s, 1.14s;
  }
  .is-menu-open .p-gnav__text-word:nth-child(20) {
    -webkit-transition-delay: 1.2s, 1.2s;
            transition-delay: 1.2s, 1.2s;
  }
}

.p-gnav__text-sub {
  display: block;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin-top: 4px;
  color: #f00;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 960px) {
  .p-gnav__text-sub {
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    font-size: 3.733vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-gnav__text-sub {
    font-size: 67.2px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-gnav__text-sub {
    font-size: 2vh;
  }
}

@media screen and (min-width: 961px) {
  .p-gnav__text-sub {
    -webkit-transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  }
  [data-ua="pc"] .p-gnav__item:hover .p-gnav__text-sub {
    color: #fff;
  }
}

@media screen and (max-width: 960px) {
  .p-gnav__text-sub {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
            clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  }
  .is-menu-open .p-gnav__text-sub {
    -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
            clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
    -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
    transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
    transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
    transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  }
  .is-menu-open .p-gnav__item:nth-child(1) .p-gnav__text-sub {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .is-menu-open .p-gnav__item:nth-child(2) .p-gnav__text-sub {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .is-menu-open .p-gnav__item:nth-child(3) .p-gnav__text-sub {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .is-menu-open .p-gnav__item:nth-child(4) .p-gnav__text-sub {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .is-menu-open .p-gnav__item:nth-child(5) .p-gnav__text-sub {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .is-menu-open .p-gnav__item:nth-child(6) .p-gnav__text-sub {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .is-menu-open .p-gnav__item:nth-child(7) .p-gnav__text-sub {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .is-menu-open .p-gnav__item:nth-child(8) .p-gnav__text-sub {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .is-menu-open .p-gnav__item:nth-child(9) .p-gnav__text-sub {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .is-menu-open .p-gnav__item:nth-child(10) .p-gnav__text-sub {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
}

.p-menu {
  display: block;
  position: fixed;
  top: 24px;
  right: 24px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: 10;
  -webkit-transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  cursor: pointer;
  width: 40px;
  height: 18px;
  content: "";
}

@media screen and (min-width: 961px) {
  .p-menu {
    display: none;
  }
}

.is-load .p-menu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-menu__open {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

.is-menu-open .p-menu__open {
  pointer-events: none;
}

.p-menu__open::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200%;
  height: 300%;
  content: "";
}

.p-menu__open-item {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 100%;
  height: 2px;
}

.p-menu__open-item.-item1 {
  top: 0;
}

.p-menu__open-item.-item2 {
  top: calc(50% - 1px);
}

.p-menu__open-item.-item3 {
  top: calc(100% - 2px);
}

.p-menu__open-deco {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  width: 100%;
  height: 100%;
  content: "";
}

.-item1 .p-menu__open-deco {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

.-item2 .p-menu__open-deco {
  -webkit-transition-delay: .45s;
          transition-delay: .45s;
}

.-item3 .p-menu__open-deco {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.p-menu__open-deco::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  width: 100%;
  height: 100%;
  content: "";
}

.-item1 .p-menu__open-deco::before {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.-item2 .p-menu__open-deco::before {
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
}

.-item3 .p-menu__open-deco::before {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.p-menu__open-deco::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: width 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0.7s, background-color 0.25s cubic-bezier(0.5, 1, 0.89, 1);
  transition: width 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0.7s, background-color 0.25s cubic-bezier(0.5, 1, 0.89, 1);
  background: #fff;
  width: 100%;
  height: 100%;
  content: "";
}

.is-scrolled[data-page="recruit"] .p-menu__open-deco::after,
.is-scrolled[data-page="interview"] .p-menu__open-deco::after {
  background: #000;
}

.is-menu-bottom[data-page="recruit"] .p-menu__open-deco::after,
.is-menu-bottom[data-page="interview"] .p-menu__open-deco::after {
  background: #fff;
}

.-item1 .p-menu__open-deco::after {
  -webkit-transition-delay: .6s, 0s;
          transition-delay: .6s, 0s;
}

.-item2 .p-menu__open-deco::after {
  -webkit-transition-delay: .65s, 0s;
          transition-delay: .65s, 0s;
}

.-item3 .p-menu__open-deco::after {
  -webkit-transition-delay: .7s, 0s;
          transition-delay: .7s, 0s;
}

.-item1 .p-menu__open-deco::before {
  background: #ad0700;
}

.is-menu-open .-item1 .p-menu__open-deco,
.is-v-hide .-item1 .p-menu__open-deco {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.2s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.2s;
}

.is-menu-open .-item1 .p-menu__open-deco::before,
.is-v-hide .-item1 .p-menu__open-deco::before {
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  width: 0;
}

.is-menu-open .-item1 .p-menu__open-deco::after,
.is-v-hide .-item1 .p-menu__open-deco::after {
  -webkit-transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  width: 0;
}

.-item2 .p-menu__open-deco::before {
  background: #ad0700;
}

.is-menu-open .-item2 .p-menu__open-deco,
.is-v-hide .-item2 .p-menu__open-deco {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.25s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.25s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.25s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.25s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.25s;
}

.is-menu-open .-item2 .p-menu__open-deco::before,
.is-v-hide .-item2 .p-menu__open-deco::before {
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.05s;
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.05s;
  width: 0;
}

.is-menu-open .-item2 .p-menu__open-deco::after,
.is-v-hide .-item2 .p-menu__open-deco::after {
  -webkit-transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.05s;
  transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.05s;
  width: 0;
}

.-item3 .p-menu__open-deco::before {
  background: #ad0700;
}

.is-menu-open .-item3 .p-menu__open-deco,
.is-v-hide .-item3 .p-menu__open-deco {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
}

.is-menu-open .-item3 .p-menu__open-deco::before,
.is-v-hide .-item3 .p-menu__open-deco::before {
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  width: 0;
}

.is-menu-open .-item3 .p-menu__open-deco::after,
.is-v-hide .-item3 .p-menu__open-deco::after {
  -webkit-transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  width: 0;
}

.p-menu__close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.is-menu-open .p-menu__close {
  pointer-events: auto;
}

.p-menu__close::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200%;
  height: 300%;
  content: "";
}

.p-menu__close-item {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
}

.p-menu__close-item.-item1 {
  -webkit-transform: translate(-50%, -50%) rotate(35deg);
      -ms-transform: translate(-50%, -50%) rotate(35deg);
          transform: translate(-50%, -50%) rotate(35deg);
}

.p-menu__close-item.-item2 {
  -webkit-transform: translate(-50%, -50%) rotate(-35deg);
      -ms-transform: translate(-50%, -50%) rotate(-35deg);
          transform: translate(-50%, -50%) rotate(-35deg);
}

.p-menu__close-deco {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.3s;
  width: 100%;
  height: 100%;
  content: "";
}

.p-menu__close-deco::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: width 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  transition: width 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0.1s;
  width: 0;
  height: 100%;
  content: "";
}

.p-menu__close-deco::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  background: #fff;
  width: 0;
  height: 100%;
  content: "";
}

.-item1 .p-menu__close-deco::before {
  background: #ad0700;
}

.is-menu-open .-item1 .p-menu__close-deco {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
}

.is-menu-open .-item1 .p-menu__close-deco::before {
  -webkit-transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  width: 100%;
}

.is-menu-open .-item1 .p-menu__close-deco::after {
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.6s;
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.6s;
  width: 100%;
}

.-item2 .p-menu__close-deco::before {
  background: #ad0700;
}

.is-menu-open .-item2 .p-menu__close-deco {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s, -webkit-transform 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.4s;
}

.is-menu-open .-item2 .p-menu__close-deco::before {
  -webkit-transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 1s cubic-bezier(0.87, 0, 0.13, 1);
  width: 100%;
}

.is-menu-open .-item2 .p-menu__close-deco::after {
  -webkit-transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.6s;
  transition: width 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0.6s;
  width: 100%;
}

.l-footer {
  position: relative;
  background: #000;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .l-footer {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.55s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 0.55s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .is-menu-open .l-footer {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0 !important;
  }
}

.l-footer::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  background: url("../img/common/kv_top.png") no-repeat center;
  background-size: contain;
  width: 18vw;
  height: 18vw;
  content: "";
}

@media screen and (max-width: 960px) {
  .l-footer::before {
    top: 40%;
    right: 0;
    width: 120vw;
    max-width: 500px;
    height: 120vw;
    max-height: 500px;
  }
}

.l-footer.is-active::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
  transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
}

.l-footer__container {
  position: relative;
  margin: 0 auto;
  padding: 45px 0 98px;
  width: 89%;
}

@media screen and (min-width: 961px) {
  .l-footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.l-footer__data {
  display: block;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 960px) {
  .l-footer__data {
    margin: 0 auto;
    width: 100%;
  }
}

.l-footer_bnr {
  margin-bottom: 20px;
  max-width: 320px;
}
.l-footer_bnr a img{
  transition:0.5s;
  }
.l-footer_bnr a:hover img{
  opacity: 0.5;
  transition:0.5s;
  }

@media screen and (max-width: 960px) {
  .l-footer_bnr {
  }
}

.l-footer__info {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 12px;
  line-height: 1.9;
}

@media screen and (max-width: 960px) {
  .l-footer__info {
    width: 100%;
  }
}

.l-footer__policy {
  display: inline-block;
  position: relative;
  margin: 32px auto 0;
}

@media screen and (max-width: 960px) {
  .l-footer__policy {
    margin-top: 28px;
  }
}

.l-footer__policy-text {
  display: block;
  position: relative;
  border-bottom: 1px solid #fff;
  padding: 4px 0 6px;
  font-size: 15px;
  letter-spacing: 2px;
}

.l-footer__link {
  display: block;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 960px) {
  .l-footer__link {
    margin: 105px auto 0;
    width: 100%;
  }
}

.l-footer__official {
  display: block;
  position: relative;
  margin-top: 80px;
}

@media screen and (max-width: 960px) {
  .l-footer__official {
    margin-top: 36px;
  }
}

.l-footer__copy {
  position: relative;
  margin: 90px 0 0;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: right;
}

@media screen and (max-width: 960px) {
  .l-footer__copy {
    margin-top: 37px;
    font-size: 12px;
    text-align: left;
  }
}

.p-f-nav {
  position: relative;
  margin: 0 auto;
  padding: 20px 0 20px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-f-nav {
    display: none;
  }
}

.p-f-nav__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.p-f-nav__list {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-f-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-f-nav__item {
  display: block;
  position: relative;
}

@media screen and (min-width: 961px) {
  .p-f-nav__item + .p-f-nav__item {
    margin-left: 45px;
  }
}

@media screen and (max-width: 960px) {
  .p-f-nav__item + .p-f-nav__item {
    margin-top: 12px;
  }
}

.p-f-nav__text {
  display: block;
  position: relative;
  padding: 5px 2px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-f-nav__text {
    text-align: left;
  }
}

.p-f-nav__text-main {
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
}

@media screen and (max-width: 960px) {
  .p-f-nav__text-main {
    font-size: 38px;
    font-size: 10.133vw;
    line-height: 1;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-f-nav__text-main {
    font-size: 182.4px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-f-nav__text-main {
    font-size: 4vh;
  }
}

@media screen and (min-width: 961px) {
  .p-f-nav__text-main {
    -webkit-transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  }
  [data-ua="pc"] .p-f-nav__item:hover .p-f-nav__text-main {
    color: #5d5d5e;
  }
}

@media screen and (max-width: 960px) {
  .p-f-nav__text-main {
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
    transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
    transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
    transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  }
  .is-menu-open .p-f-nav__text-main {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
    transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
    transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
    transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  }
  .is-menu-open .p-f-nav__item:nth-child(1) .p-f-nav__text-main {
    -webkit-transition-delay: 0.6s, 0.6s;
            transition-delay: 0.6s, 0.6s;
  }
  .is-menu-open .p-f-nav__item:nth-child(2) .p-f-nav__text-main {
    -webkit-transition-delay: 0.7s, 0.7s;
            transition-delay: 0.7s, 0.7s;
  }
  .is-menu-open .p-f-nav__item:nth-child(3) .p-f-nav__text-main {
    -webkit-transition-delay: 0.8s, 0.8s;
            transition-delay: 0.8s, 0.8s;
  }
  .is-menu-open .p-f-nav__item:nth-child(4) .p-f-nav__text-main {
    -webkit-transition-delay: 0.9s, 0.9s;
            transition-delay: 0.9s, 0.9s;
  }
  .is-menu-open .p-f-nav__item:nth-child(5) .p-f-nav__text-main {
    -webkit-transition-delay: 1s, 1s;
            transition-delay: 1s, 1s;
  }
  .is-menu-open .p-f-nav__item:nth-child(6) .p-f-nav__text-main {
    -webkit-transition-delay: 1.1s, 1.1s;
            transition-delay: 1.1s, 1.1s;
  }
  .is-menu-open .p-f-nav__item:nth-child(7) .p-f-nav__text-main {
    -webkit-transition-delay: 1.2s, 1.2s;
            transition-delay: 1.2s, 1.2s;
  }
  .is-menu-open .p-f-nav__item:nth-child(8) .p-f-nav__text-main {
    -webkit-transition-delay: 1.3s, 1.3s;
            transition-delay: 1.3s, 1.3s;
  }
  .is-menu-open .p-f-nav__item:nth-child(9) .p-f-nav__text-main {
    -webkit-transition-delay: 1.4s, 1.4s;
            transition-delay: 1.4s, 1.4s;
  }
  .is-menu-open .p-f-nav__item:nth-child(10) .p-f-nav__text-main {
    -webkit-transition-delay: 1.5s, 1.5s;
            transition-delay: 1.5s, 1.5s;
  }
}

.p-f-nav__text-main::before {
  display: block;
  position: absolute;
  top: 50%;
  right: -10%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1);
  transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1);
  background: #f00;
  width: 0;
  height: 1px;
  content: "";
}

[data-ua="pc"] .p-f-nav__item:hover .p-f-nav__text-main::before {
  left: -10%;
  -webkit-transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
  width: 120%;
}

.p-f-nav__text-main::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -10%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  -webkit-transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
  background: #f00;
  width: 120%;
  height: 2px;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-f-nav__text-main::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-f-nav__text-main::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

[data-ua="pc"] .p-f-nav__item:hover .p-f-nav__text-main::after {
  -webkit-animation: gnav .4s;
          animation: gnav .4s;
}

@media screen and (max-width: 960px) {
  .p-f-nav__text-word {
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
    transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
    color: #f00;
  }
  .is-menu-open .p-f-nav__text-word {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
    transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
    color: #fff;
  }
}

@media screen and (max-width: 960px) and (-ms-high-contrast: none) {
  .is-menu-open .p-f-nav__text-word {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@media screen and (max-width: 960px) {
  @supports (-ms-ime-align: auto) {
    .is-menu-open .p-f-nav__text-word {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
    }
  }
  .is-menu-open .p-f-nav__text-word:nth-child(1) {
    -webkit-transition-delay: 0.06s, 0.06s;
            transition-delay: 0.06s, 0.06s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(2) {
    -webkit-transition-delay: 0.12s, 0.12s;
            transition-delay: 0.12s, 0.12s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(3) {
    -webkit-transition-delay: 0.18s, 0.18s;
            transition-delay: 0.18s, 0.18s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(4) {
    -webkit-transition-delay: 0.24s, 0.24s;
            transition-delay: 0.24s, 0.24s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(5) {
    -webkit-transition-delay: 0.3s, 0.3s;
            transition-delay: 0.3s, 0.3s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(6) {
    -webkit-transition-delay: 0.36s, 0.36s;
            transition-delay: 0.36s, 0.36s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(7) {
    -webkit-transition-delay: 0.42s, 0.42s;
            transition-delay: 0.42s, 0.42s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(8) {
    -webkit-transition-delay: 0.48s, 0.48s;
            transition-delay: 0.48s, 0.48s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(9) {
    -webkit-transition-delay: 0.54s, 0.54s;
            transition-delay: 0.54s, 0.54s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(10) {
    -webkit-transition-delay: 0.6s, 0.6s;
            transition-delay: 0.6s, 0.6s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(11) {
    -webkit-transition-delay: 0.66s, 0.66s;
            transition-delay: 0.66s, 0.66s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(12) {
    -webkit-transition-delay: 0.72s, 0.72s;
            transition-delay: 0.72s, 0.72s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(13) {
    -webkit-transition-delay: 0.78s, 0.78s;
            transition-delay: 0.78s, 0.78s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(14) {
    -webkit-transition-delay: 0.84s, 0.84s;
            transition-delay: 0.84s, 0.84s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(15) {
    -webkit-transition-delay: 0.9s, 0.9s;
            transition-delay: 0.9s, 0.9s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(16) {
    -webkit-transition-delay: 0.96s, 0.96s;
            transition-delay: 0.96s, 0.96s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(17) {
    -webkit-transition-delay: 1.02s, 1.02s;
            transition-delay: 1.02s, 1.02s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(18) {
    -webkit-transition-delay: 1.08s, 1.08s;
            transition-delay: 1.08s, 1.08s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(19) {
    -webkit-transition-delay: 1.14s, 1.14s;
            transition-delay: 1.14s, 1.14s;
  }
  .is-menu-open .p-f-nav__text-word:nth-child(20) {
    -webkit-transition-delay: 1.2s, 1.2s;
            transition-delay: 1.2s, 1.2s;
  }
}

.p-f-nav__text-sub {
  display: block;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin-top: 4px;
  color: #f00;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 960px) {
  .p-f-nav__text-sub {
    margin-top: 5px;
    font-size: 14px;
    font-size: 3.733vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-f-nav__text-sub {
    font-size: 67.2px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-f-nav__text-sub {
    font-size: 2vh;
  }
}

@media screen and (min-width: 961px) {
  .p-f-nav__text-sub {
    -webkit-transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
    transition: color 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  }
  [data-ua="pc"] .p-f-nav__item:hover .p-f-nav__text-sub {
    color: #fff;
  }
}

@media screen and (max-width: 960px) {
  .p-f-nav__text-sub {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
            clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  }
  .is-menu-open .p-f-nav__text-sub {
    -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
            clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
    -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
    transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
    transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
    transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  }
  .is-menu-open .p-f-nav__item:nth-child(1) .p-f-nav__text-sub {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .is-menu-open .p-f-nav__item:nth-child(2) .p-f-nav__text-sub {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .is-menu-open .p-f-nav__item:nth-child(3) .p-f-nav__text-sub {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .is-menu-open .p-f-nav__item:nth-child(4) .p-f-nav__text-sub {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .is-menu-open .p-f-nav__item:nth-child(5) .p-f-nav__text-sub {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .is-menu-open .p-f-nav__item:nth-child(6) .p-f-nav__text-sub {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .is-menu-open .p-f-nav__item:nth-child(7) .p-f-nav__text-sub {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .is-menu-open .p-f-nav__item:nth-child(8) .p-f-nav__text-sub {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .is-menu-open .p-f-nav__item:nth-child(9) .p-f-nav__text-sub {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .is-menu-open .p-f-nav__item:nth-child(10) .p-f-nav__text-sub {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
}

.p-footer_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 960px) {
  .p-footer_share {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.p-footer_share__cap {
  display: block;
  position: relative;
  margin-right: 24px;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 960px) {
  .p-footer_share__cap {
    margin-right: 30px;
  }
}

.p-footer_share__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-footer_share__item {
  display: block;
  position: relative;
  width: 20px;
}

.p-footer_share__item + .p-footer_share__item {
  margin-left: 20px;
}

@media screen and (max-width: 960px) {
  .p-footer_share__item + .p-footer_share__item {
    margin-left: 24px;
  }
}

.p-footer_share__svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-footer_share__svg-path {
  fill: #fff;
  fill-rule: evenodd;
  -webkit-transition: fill 0.55s cubic-bezier(0.5, 1, 0.89, 1);
  transition: fill 0.55s cubic-bezier(0.5, 1, 0.89, 1);
}

.-tw .p-footer_share__svg-path {
  fill: #1da1f2;
}

.-fb .p-footer_share__svg-path {
  fill: #1877f2;
}

.-ln .p-footer_share__svg-path {
  fill: #00b900;
}

.p-footer_official {
  position: relative;
}

.p-footer_official__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 960px) {
  .p-footer_official__list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.p-footer_official__item {
  position: relative;
}

.p-footer_official__item.-studio {
  width: 80px;
}

.p-footer_official__item.-logo {
  width: 100px;
}

.p-footer_official__item + .p-footer_official__item {
  margin-left: 60px;
}

.p-footer_official__svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-footer_official__svg-path {
  fill: #fff;
  fill-rule: evenodd;
  -webkit-transition: fill 0.55s cubic-bezier(0.5, 1, 0.89, 1);
  transition: fill 0.55s cubic-bezier(0.5, 1, 0.89, 1);
}

[data-ua="pc"] .p-footer_official__item:hover .p-footer_official__svg-path {
  fill: #ce0800;
}

[data-ua="pc"] .p-footer_official__item.-logo:hover .p-footer_official__svg-path {
  fill: #ff7b29;
}

.p-job_link {
  position: fixed;
  top: 50%;
  right: 12px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  z-index: 5;
  -webkit-transition: opacity 0.35s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.35s cubic-bezier(0.76, 0, 0.24, 1);
  pointer-events: none;
}

@media screen and (max-width: 960px) {
  .p-job_link {
    right: 6px;
  }
}

.is-scrolled .p-job_link {
  pointer-events: auto;
}

[data-page="interview-in"] .p-job_link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.p-job_link__inner {
  position: relative;
}

.p-job_link__inner::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: -webkit-clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1) 0.1s, -webkit-clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  border-radius: 100px;
  background: rgba(255, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-job_link__inner::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-job_link__inner::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

[data-ua="pc"] .p-job_link:hover .p-job_link__inner::before {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .p-job_link:hover .p-job_link__inner::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .p-job_link:hover .p-job_link__inner::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.p-job_link__inner::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1), -webkit-clip-path 0.35s cubic-bezier(0.76, 0, 0.24, 1);
  border-radius: 100px;
  background: rgba(255, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-job_link__inner::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-job_link__inner::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

[data-ua="pc"] .p-job_link:hover .p-job_link__inner::after {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .p-job_link:hover .p-job_link__inner::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .p-job_link:hover .p-job_link__inner::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.p-job_link__text {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  border-radius: 100px;
  padding: 45px 15px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-job_link__text {
    padding: 26px 12px;
    font-size: 12px;
  }
}

[data-ua="pc"] .p-job_link:hover .p-job_link__text {
  color: #fff;
}

.p-job_link__text::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1);
  border-radius: 100px;
  background: rgba(255, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  content: "";
}

.is-scrolled .p-job_link__text::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-job_link__text-word {
  display: block;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1);
}

.is-scrolled .p-job_link__text-word {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1);
}

.is-scrolled .p-job_link__text-word:nth-child(1) {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.is-scrolled .p-job_link__text-word:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.is-scrolled .p-job_link__text-word:nth-child(3) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.is-scrolled .p-job_link__text-word:nth-child(4) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.is-scrolled .p-job_link__text-word:nth-child(5) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.is-scrolled .p-job_link__text-word:nth-child(6) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.is-scrolled .p-job_link__text-word:nth-child(7) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.is-scrolled .p-job_link__text-word:nth-child(8) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.is-scrolled .p-job_link__text-word:nth-child(9) {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

.is-scrolled .p-job_link__text-word:nth-child(10) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.p-job_link__cover {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}

.p-job_link__cover.-l {
  left: 0;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  -webkit-transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path, 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path;
  border-top: 1px solid #ce0800;
  border-bottom: 1px solid #ce0800;
  border-left: 1px solid #ce0800;
  border-radius: 100px 0 0 100px;
}

@media (-ms-high-contrast: none) {
  .p-job_link__cover.-l {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-job_link__cover.-l {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-scrolled .p-job_link__cover.-l {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.6s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.6s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path 0.6s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path 0.6s, 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.6s;
}

@media (-ms-high-contrast: none) {
  .is-scrolled .p-job_link__cover.-l {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-scrolled .p-job_link__cover.-l {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.p-job_link__cover.-r {
  right: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
          clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.3s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.3s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path 0.3s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path 0.3s, 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.3s;
  border-top: 1px solid #ce0800;
  border-right: 1px solid #ce0800;
  border-bottom: 1px solid #ce0800;
  border-radius: 0 100px 100px 0;
}

@media (-ms-high-contrast: none) {
  .p-job_link__cover.-r {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-job_link__cover.-r {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-scrolled .p-job_link__cover.-r {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.3s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.3s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path 0.3s;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1) clip-path 0.3s, 0.3s cubic-bezier(0.76, 0, 0.24, 1) -webkit-clip-path 0.3s;
}

@media (-ms-high-contrast: none) {
  .is-scrolled .p-job_link__cover.-r {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-scrolled .p-job_link__cover.-r {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.p-scroll {
  position: fixed;
  right: 18px;
  bottom: 18px;
  -webkit-transform: rotate(90deg) translateY(100%);
      -ms-transform: rotate(90deg) translateY(100%);
          transform: rotate(90deg) translateY(100%);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: 5;
  -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  cursor: pointer;
  pointer-events: none;
}

@media screen and (max-width: 960px) {
  .p-scroll {
    right: 4px;
    bottom: 5px;
  }
}

.is-load .p-scroll {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-pjax-transiton .p-scroll {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.is-scrolled .p-scroll {
  pointer-events: auto;
}

@supports (mix-blend-mode: difference) {
  .p-scroll {
    mix-blend-mode: difference;
  }
}

@media screen and (max-width: 960px) {
  .p-scroll {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  .is-menu-open .p-scroll {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

[data-os="iOS"] .p-scroll {
  bottom: 8%;
}

.p-scroll__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 0;
}

.p-scroll__item::after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1;
  background: #ce0800;
  width: 0;
  height: 2px;
  content: "";
}

.p-scroll__item.-down {
  position: absolute;
  bottom: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), transform 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  width: 100%;
}

[data-page="top"] .p-scroll__item.-down {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-scrolled .p-scroll__item.-down {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), transform 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
}

.p-scroll__item.-down::after {
  right: -10%;
  -webkit-transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
}

[data-ua="pc"] .p-scroll:hover .p-scroll__item.-down::after {
  left: -10%;
  width: 120%;
}

.p-scroll__item.-up {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1), transform 0.85s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
}

.is-scrolled .p-scroll__item.-up {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  pointer-events: auto;
}

.p-scroll__item.-up::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  content: "";
}

.p-scroll__item.-up::after {
  left: -10%;
  -webkit-transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
}

[data-ua="pc"] .p-scroll:hover .p-scroll__item.-up::after {
  right: -10%;
  left: auto;
  width: 120%;
}

.p-scroll__text {
  color: #fff;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  letter-spacing: 3px;
  white-space: nowrap;
}

@media screen and (max-width: 960px) {
  .p-scroll__text {
    font-size: 12px;
    letter-spacing: 1px;
  }
}

.-down .p-scroll__text {
  margin-right: 10px;
}

@media screen and (max-width: 960px) {
  .-down .p-scroll__text {
    margin-right: 6px;
  }
}

.-up .p-scroll__text {
  margin-left: 10px;
}

@media screen and (max-width: 960px) {
  .-up .p-scroll__text {
    margin-left: 6px;
  }
}

.is-theme-light .p-scroll__text {
  color: #000;
}

@supports (mix-blend-mode: difference) {
  .p-scroll__text {
    color: #fff !important;
  }
}

.p-scroll__bar {
  position: relative;
  width: 40px;
  height: 4px;
}

@media screen and (max-width: 960px) {
  .p-scroll__bar {
    width: 30px;
    height: 3px;
  }
}

.-down .p-scroll__bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1) 0.5s;
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1) 0.5s;
  width: 100%;
}

.is-scrolled .-down .p-scroll__bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1);
}

.-up .p-scroll__bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1);
}

.is-scrolled .-up .p-scroll__bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1) 0.5s;
  transition: opacity 0.85s cubic-bezier(0.5, 1, 0.89, 1) 0.5s;
}

.p-scroll__bar-circle {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: background 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: background 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  border-radius: 50%;
  background: #fff;
  width: 4px;
  height: 4px;
}

.is-theme-light .p-scroll__bar-circle {
  background: #000;
}

@supports (mix-blend-mode: difference) {
  .p-scroll__bar-circle {
    background: #fff !important;
  }
}

@media screen and (max-width: 960px) {
  .p-scroll__bar-circle {
    width: 3px;
    height: 3px;
  }
}

[data-ua="pc"] .p-scroll:hover .p-scroll__bar-circle {
  background: #f00;
}

.-down .p-scroll__bar-circle {
  left: 0;
  -webkit-animation: scroll-down 2s linear .6s infinite;
          animation: scroll-down 2s linear .6s infinite;
}

.is-scrolled .-down .p-scroll__bar-circle {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes scroll-down {
  0% {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
            animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  80% {
    left: calc(100% - 4px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  90% {
    left: calc(100% - 5px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  91% {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@keyframes scroll-down {
  0% {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
            animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  80% {
    left: calc(100% - 4px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  90% {
    left: calc(100% - 5px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  91% {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.-up .p-scroll__bar-circle {
  right: 0;
}

.is-scrolled .-up .p-scroll__bar-circle {
  -webkit-animation: scroll-up 2s linear .6s infinite;
          animation: scroll-up 2s linear .6s infinite;
}

@-webkit-keyframes scroll-up {
  0% {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
            animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  80% {
    right: calc(100% - 4px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  90% {
    right: calc(100% - 5px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  91% {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@keyframes scroll-up {
  0% {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
            animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  80% {
    right: calc(100% - 4px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  90% {
    right: calc(100% - 5px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  91% {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  100% {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.p-cursor {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

[data-ua="pc"] .p-cursor {
  display: block;
}

@media (-ms-high-contrast: none) {
  .p-cursor {
    display: none !important;
  }
}

.p-cursor.is-hide, .p-cursor.is-on-iframe {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.p-cursor__point {
  position: fixed;
  top: -.3px;
  left: -.3px;
  z-index: 2001;
  -webkit-transition: background 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 50%;
  background: #ad0700;
  width: 6px;
  height: 6px;
  pointer-events: none;
}

.is-active-img .p-cursor__point {
  background: rgba(173, 7, 0, 0);
}

.p-cursor__cross {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: background 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 15px;
  height: 15px;
}

.is-active-img .p-cursor__cross {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-cursor__cross::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  width: 2px;
  height: 100%;
  content: "";
}

.p-cursor__cross::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  width: 100%;
  height: 2px;
  content: "";
}

.p-cursor__bg {
  position: fixed;
  top: -20px;
  left: -20px;
  z-index: 2000;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  pointer-events: none;
}

.p-cursor__bg::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: border-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: border-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 50%;
  background: rgba(206, 8, 0, 0.2);
  width: 100%;
  height: 100%;
  content: "";
}

.is-active .p-cursor__bg::before {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.is-active-movie .p-cursor__bg::before {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.is-pjax-transiton .p-cursor__bg::before {
  background-color: rgba(206, 8, 0, 0);
}

.p-cursor__bg-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 40px;
  height: 40px;
}

.is-active .p-cursor__bg-circle {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
}

.is-active-movie .p-cursor__bg-circle {
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}

.is-pjax-transiton .p-cursor__bg-circle {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
}

.p-cursor__bg-circle_svg {
  stroke: #ce0800;
  position: relative;
  width: 100%;
  height: auto;
}

.is-pjax-transiton .p-cursor__bg-circle_svg {
  -webkit-animation: arrow_circle .6s linear infinite;
          animation: arrow_circle .6s linear infinite;
}

.p-cursor__bg-circle_path {
  stroke-width: 1px;
  fill: none;
  -webkit-transition: stroke-dasharray 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: stroke-dasharray 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.is-pjax-transiton .p-cursor__bg-circle_path {
  stroke-width: 2px;
  stroke-dasharray: 200px;
  stroke-dashoffset: 200px;
}

.l-top {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.l-top__header {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  margin: 0 auto;
  width: 100%;
}

.is-load .l-top__header {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-pjax .l-top__header {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.l-top__inner {
  position: relative;
  margin: 0 auto;
  padding-top: 120px;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .l-top__inner {
    padding-top: 20px;
  }
}

.p-hero {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-hero {
    height: 100vh;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-hero {
    height: 80vw !important;
  }
}

.p-hero::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 80px;
  content: "";
}

.p-hero__container {
  position: relative;
  margin: 0 auto;
  padding: 10% 0 10%;
  width: 86.5%;
  max-width: 1700px;
  height: 100%;
}

@media screen and (min-width: 961px) {
  .p-hero__container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 960px) {
  .p-hero__container {
    width: 95%;
  }
  .p-hero__container::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
    width: 100vw;
    height: 100vh;
    content: "";
  }
}

@media screen and (min-width: 961px) {
  .p-hero__container {
    -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
    transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  }
  .is-hide .p-hero__container {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-hero__inner {
  width: 50%;
}

@media screen and (min-width: 961px) {
  .p-hero__inner {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    min-width: 510px;
    max-width: 40vh;
  }
}

@media screen and (max-width: 960px) {
  .p-hero__inner {
    position: absolute;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
  }
}

.p-hero__title {
  display: block;
  position: relative;
  margin: 0 auto;
}

.p-hero__lead {
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

@media (-ms-high-contrast: none) {
  .p-hero__lead {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-hero__lead {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-hero__lead {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

@media (-ms-high-contrast: none) {
  .is-load .p-hero__lead {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-hero__lead {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.is-pjax .p-hero__lead {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-hero__lead {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-hero__lead {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-hero__lead-main {
  position: relative;
  margin: 0 auto;
  width: 100%;
  color: #ce0800;
  font-size: 42px;
  letter-spacing: 6px;
}

@media screen and (max-width: 960px) {
  .p-hero__lead-main {
    font-size: 26px;
    font-size: 6.933vw;
    letter-spacing: 2px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-hero__lead-main {
    font-size: 124.8px;
  }
}

.p-hero__lead-sub {
  margin-top: 8px;
  font-size: 26px;
  letter-spacing: 4px;
  line-height: 1.8;
}

@media screen and (max-width: 960px) {
  .p-hero__lead-sub {
    font-size: 14px;
    font-size: 3.733vw;
    letter-spacing: 4px;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-hero__lead-sub {
    font-size: 67.2px;
  }
}

.p-hero__popup {
  display: table;
  position: relative;
  margin: 58px 0 0;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero__popup {
    margin-top: 32px;
  }
}

@media screen and (max-width: 960px) {
  .p-hero__popup {
    position: relative;
    margin: 24px auto 0;
    width: 100%;
  }
}

.p-hero_title {
  display: block;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  width: 100%;
}

@media (-ms-high-contrast: none) {
  .p-hero_title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-hero_title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-hero_title {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

@media (-ms-high-contrast: none) {
  .is-load .p-hero_title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-hero_title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.is-pjax .p-hero_title {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-hero_title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-hero_title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-hero_title__text {
  display: block;
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 40px;
  font-size: 2.857vw;
  font-weight: 300;
  letter-spacing: 2px;
  white-space: nowrap;
}

@media screen and (min-width: 1800px) {
  .p-hero_title__text {
    font-size: 51.429px;
  }
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero_title__text {
    font-size: 30px;
    font-size: 2.143vw;
  }
}

@media screen and (min-width: 961px) and (max-height: 650px) and (min-width: 1800px) {
  .p-hero_title__text {
    font-size: 38.571px;
  }
}

@media screen and (max-width: 960px) {
  .p-hero_title__text {
    font-size: 28px;
  }
}

.p-hero_title__text.-r.-r1 {
  width: 41.429%;
  max-width: 580px;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero_title__text.-r.-r1 {
    width: 33.143%;
  }
}

@media screen and (max-width: 960px) {
  .p-hero_title__text.-r.-r1 {
    width: 145px;
  }
}

.p-hero_title__text.-r.-r2 {
  margin-top: 22px;
  width: 39.714%;
  max-width: 556px;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero_title__text.-r.-r2 {
    margin-top: 10px;
    width: 31.771%;
  }
}

@media screen and (max-width: 960px) {
  .p-hero_title__text.-r.-r2 {
    margin-top: 5px;
    width: 140px;
  }
}

.p-hero_title__text.-w {
  margin: -5px 0 0 25%;
}

@media screen and (max-width: 960px) {
  .p-hero_title__text.-w {
    margin: -5px 0 0 0;
  }
}

.p-hero_title__word {
  position: relative;
  color: #fff;
}

.p-hero_title__svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-hero_title__svg-path {
  fill: #fff;
}

.is-load .p-hero_title__svg-path {
  fill: #ad0700;
  -webkit-transition: fill 3.25s cubic-bezier(0.45, 0, 0.55, 1);
  transition: fill 3.25s cubic-bezier(0.45, 0, 0.55, 1);
}

.is-load .p-hero_title__svg-path:nth-child(1) {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

.is-load .p-hero_title__svg-path:nth-child(2) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.is-load .p-hero_title__svg-path:nth-child(3) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

.is-load .p-hero_title__svg-path:nth-child(4) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.is-load .p-hero_title__svg-path:nth-child(5) {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

.is-load .p-hero_title__svg-path:nth-child(6) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.is-load .p-hero_title__svg-path:nth-child(7) {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s;
}

.is-load .p-hero_title__svg-path:nth-child(8) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-load .p-hero_title__svg-path:nth-child(9) {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

.is-load .p-hero_title__svg-path:nth-child(10) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.is-load .p-hero_title__svg-path:nth-child(11) {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

.is-load .p-hero_title__svg-path:nth-child(12) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .p-hero_title__svg-path:nth-child(13) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

.is-load .p-hero_title__svg-path:nth-child(14) {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .p-hero_title__svg-path:nth-child(15) {
  -webkit-transition-delay: 1.35s;
          transition-delay: 1.35s;
}

.is-load .p-hero_title__svg-path:nth-child(16) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .p-hero_title__svg-path:nth-child(17) {
  -webkit-transition-delay: 1.45s;
          transition-delay: 1.45s;
}

.is-load .p-hero_title__svg-path:nth-child(18) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .p-hero_title__svg-path:nth-child(19) {
  -webkit-transition-delay: 1.55s;
          transition-delay: 1.55s;
}

.is-load .p-hero_title__svg-path:nth-child(20) {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .p-hero_title__svg-path:nth-child(21) {
  -webkit-transition-delay: 1.65s;
          transition-delay: 1.65s;
}

.is-load .p-hero_title__svg-path:nth-child(22) {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .p-hero_title__svg-path:nth-child(23) {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}

.is-load .p-hero_title__svg-path:nth-child(24) {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .p-hero_title__svg-path:nth-child(25) {
  -webkit-transition-delay: 1.85s;
          transition-delay: 1.85s;
}

.is-load .p-hero_title__svg-path:nth-child(26) {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .p-hero_title__svg-path:nth-child(27) {
  -webkit-transition-delay: 1.95s;
          transition-delay: 1.95s;
}

.is-load .p-hero_title__svg-path:nth-child(28) {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .p-hero_title__svg-path:nth-child(29) {
  -webkit-transition-delay: 2.05s;
          transition-delay: 2.05s;
}

.is-load .p-hero_title__svg-path:nth-child(30) {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.is-load .p-hero_title__svg-path:nth-child(31) {
  -webkit-transition-delay: 2.15s;
          transition-delay: 2.15s;
}

.is-load .p-hero_title__svg-path:nth-child(32) {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

.is-load .p-hero_title__svg-path:nth-child(33) {
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s;
}

.is-load .p-hero_title__svg-path:nth-child(34) {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}

.is-load .p-hero_title__svg-path:nth-child(35) {
  -webkit-transition-delay: 2.35s;
          transition-delay: 2.35s;
}

.is-load .p-hero_title__svg-path:nth-child(36) {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.is-load .p-hero_title__svg-path:nth-child(37) {
  -webkit-transition-delay: 2.45s;
          transition-delay: 2.45s;
}

.is-load .p-hero_title__svg-path:nth-child(38) {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

.is-load .p-hero_title__svg-path:nth-child(39) {
  -webkit-transition-delay: 2.55s;
          transition-delay: 2.55s;
}

.is-load .p-hero_title__svg-path:nth-child(40) {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}

.is-load .p-hero_title__svg-path:nth-child(41) {
  -webkit-transition-delay: 2.65s;
          transition-delay: 2.65s;
}

.is-load .p-hero_title__svg-path:nth-child(42) {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.is-load .p-hero_title__svg-path:nth-child(43) {
  -webkit-transition-delay: 2.75s;
          transition-delay: 2.75s;
}

.is-load .p-hero_title__svg-path:nth-child(44) {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

.is-load .p-hero_title__svg-path:nth-child(45) {
  -webkit-transition-delay: 2.85s;
          transition-delay: 2.85s;
}

.is-load .p-hero_title__svg-path:nth-child(46) {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}

.is-load .p-hero_title__svg-path:nth-child(47) {
  -webkit-transition-delay: 2.95s;
          transition-delay: 2.95s;
}

.is-load .p-hero_title__svg-path:nth-child(48) {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.is-load .p-hero_title__svg-path:nth-child(49) {
  -webkit-transition-delay: 3.05s;
          transition-delay: 3.05s;
}

.is-load .p-hero_title__svg-path:nth-child(50) {
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
}

.is-pjax .p-hero_title__svg-path {
  fill: #fff;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-hero_title__lead {
  position: relative;
  margin: 18px 0 0 10%;
  color: #878787;
  font-size: 13px;
  letter-spacing: 4px;
  text-align: left;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero_title__lead {
    margin: 8px 0 0 10%;
  }
}

@media screen and (max-width: 960px) {
  .p-hero_title__lead {
    margin: 18px 0 0 5%;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: left;
  }
}

.p-hero_title__lead-word {
  display: inline-block;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-filter: drop-shadow(0 0 3px black);
          filter: drop-shadow(0 0 3px black);
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0, rgba(0, 0, 0, 0.3) -1px -1px 0, rgba(0, 0, 0, 0.3) -1px 1px 0, rgba(0, 0, 0, 0.3) 1px -1px 0, rgba(0, 0, 0, 0.3) 0px 1px 0, rgba(0, 0, 0, 0.3) -1px 0, rgba(0, 0, 0, 0.3) -1px 0 0, rgba(0, 0, 0, 0.3) 1px 0 0;
  text-shadow: rgba(0, 0, 0, 0.3) 0.1rem 0.1rem 0, rgba(0, 0, 0, 0.3) -0.1rem -0.1rem 0, rgba(0, 0, 0, 0.3) -0.1rem 0.1rem 0, rgba(0, 0, 0, 0.3) 0.1rem -0.1rem 0, rgba(0, 0, 0, 0.3) 0px 0.1rem 0, rgba(0, 0, 0, 0.3) -0.1rem 0, rgba(0, 0, 0, 0.3) -0.1rem 0 0, rgba(0, 0, 0, 0.3) 0.1rem 0 0;
}

.is-load .p-hero_title__lead-word {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.25s cubic-bezier(0.45, 0, 0.55, 1);
  transition: opacity 1.25s cubic-bezier(0.45, 0, 0.55, 1);
}

.is-load .p-hero_title__lead-word:nth-child(1) {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

.is-load .p-hero_title__lead-word:nth-child(2) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.is-load .p-hero_title__lead-word:nth-child(3) {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

.is-load .p-hero_title__lead-word:nth-child(4) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .p-hero_title__lead-word:nth-child(5) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

.is-load .p-hero_title__lead-word:nth-child(6) {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .p-hero_title__lead-word:nth-child(7) {
  -webkit-transition-delay: 1.35s;
          transition-delay: 1.35s;
}

.is-load .p-hero_title__lead-word:nth-child(8) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .p-hero_title__lead-word:nth-child(9) {
  -webkit-transition-delay: 1.45s;
          transition-delay: 1.45s;
}

.is-load .p-hero_title__lead-word:nth-child(10) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .p-hero_title__lead-word:nth-child(11) {
  -webkit-transition-delay: 1.55s;
          transition-delay: 1.55s;
}

.is-load .p-hero_title__lead-word:nth-child(12) {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .p-hero_title__lead-word:nth-child(13) {
  -webkit-transition-delay: 1.65s;
          transition-delay: 1.65s;
}

.is-load .p-hero_title__lead-word:nth-child(14) {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .p-hero_title__lead-word:nth-child(15) {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}

.is-load .p-hero_title__lead-word:nth-child(16) {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .p-hero_title__lead-word:nth-child(17) {
  -webkit-transition-delay: 1.85s;
          transition-delay: 1.85s;
}

.is-load .p-hero_title__lead-word:nth-child(18) {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .p-hero_title__lead-word:nth-child(19) {
  -webkit-transition-delay: 1.95s;
          transition-delay: 1.95s;
}

.is-load .p-hero_title__lead-word:nth-child(20) {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .p-hero_title__lead-word:nth-child(21) {
  -webkit-transition-delay: 2.05s;
          transition-delay: 2.05s;
}

.is-load .p-hero_title__lead-word:nth-child(22) {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.is-load .p-hero_title__lead-word:nth-child(23) {
  -webkit-transition-delay: 2.15s;
          transition-delay: 2.15s;
}

.is-load .p-hero_title__lead-word:nth-child(24) {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

.is-load .p-hero_title__lead-word:nth-child(25) {
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s;
}

.is-load .p-hero_title__lead-word:nth-child(26) {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}

.is-load .p-hero_title__lead-word:nth-child(27) {
  -webkit-transition-delay: 2.35s;
          transition-delay: 2.35s;
}

.is-load .p-hero_title__lead-word:nth-child(28) {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.is-load .p-hero_title__lead-word:nth-child(29) {
  -webkit-transition-delay: 2.45s;
          transition-delay: 2.45s;
}

.is-load .p-hero_title__lead-word:nth-child(30) {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

.is-load .p-hero_title__lead-word:nth-child(31) {
  -webkit-transition-delay: 2.55s;
          transition-delay: 2.55s;
}

.is-load .p-hero_title__lead-word:nth-child(32) {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}

.is-load .p-hero_title__lead-word:nth-child(33) {
  -webkit-transition-delay: 2.65s;
          transition-delay: 2.65s;
}

.is-load .p-hero_title__lead-word:nth-child(34) {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.is-load .p-hero_title__lead-word:nth-child(35) {
  -webkit-transition-delay: 2.75s;
          transition-delay: 2.75s;
}

.is-load .p-hero_title__lead-word:nth-child(36) {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

.is-load .p-hero_title__lead-word:nth-child(37) {
  -webkit-transition-delay: 2.85s;
          transition-delay: 2.85s;
}

.is-load .p-hero_title__lead-word:nth-child(38) {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}

.is-load .p-hero_title__lead-word:nth-child(39) {
  -webkit-transition-delay: 2.95s;
          transition-delay: 2.95s;
}

.is-load .p-hero_title__lead-word:nth-child(40) {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.is-load .p-hero_title__lead-word:nth-child(41) {
  -webkit-transition-delay: 3.05s;
          transition-delay: 3.05s;
}

.is-load .p-hero_title__lead-word:nth-child(42) {
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
}

.is-load .p-hero_title__lead-word:nth-child(43) {
  -webkit-transition-delay: 3.15s;
          transition-delay: 3.15s;
}

.is-load .p-hero_title__lead-word:nth-child(44) {
  -webkit-transition-delay: 3.2s;
          transition-delay: 3.2s;
}

.is-load .p-hero_title__lead-word:nth-child(45) {
  -webkit-transition-delay: 3.25s;
          transition-delay: 3.25s;
}

.is-load .p-hero_title__lead-word:nth-child(46) {
  -webkit-transition-delay: 3.3s;
          transition-delay: 3.3s;
}

.is-load .p-hero_title__lead-word:nth-child(47) {
  -webkit-transition-delay: 3.35s;
          transition-delay: 3.35s;
}

.is-load .p-hero_title__lead-word:nth-child(48) {
  -webkit-transition-delay: 3.4s;
          transition-delay: 3.4s;
}

.is-load .p-hero_title__lead-word:nth-child(49) {
  -webkit-transition-delay: 3.45s;
          transition-delay: 3.45s;
}

.is-load .p-hero_title__lead-word:nth-child(50) {
  -webkit-transition-delay: 3.5s;
          transition-delay: 3.5s;
}

.is-pjax .p-hero_title__lead-word {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-hero_popup {
  position: relative;
  margin: 0 auto;
  padding: 30px 58px;
  width: 100%;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero_popup {
    padding: 20px 38px;
  }
}

@media screen and (max-width: 960px) {
  .p-hero_popup {
    padding: 20px 0;
    width: 90%;
  }
}

.p-hero_popup__line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.p-hero_popup__line-item {
  background: #5d5d5e;
}

.p-hero_popup__line-item:nth-child(1) {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 1px;
  height: 0;
}

.is-load .p-hero_popup__line-item:nth-child(1) {
  -webkit-transition: height .25s linear 1.2s;
  transition: height .25s linear 1.2s;
  height: 100%;
}

.is-pjax .p-hero_popup__line-item:nth-child(1) {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  height: 0;
}

.p-hero_popup__line-item:nth-child(1)::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #5d5d5e;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(1)::before {
  -webkit-transition: height .25s linear 1.4s;
  transition: height .25s linear 1.4s;
  height: 0;
}

.is-pjax .p-hero_popup__line-item:nth-child(1)::before {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  height: 100%;
}

.p-hero_popup__line-item:nth-child(1)::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #ce0800;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(1)::after {
  -webkit-transition: height 0.2s cubic-bezier(0.87, 0, 0.13, 1) 1.8s;
  transition: height 0.2s cubic-bezier(0.87, 0, 0.13, 1) 1.8s;
  height: 0;
}

.is-pjax .p-hero_popup__line-item:nth-child(1)::after {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  height: 100%;
}

.p-hero_popup__line-item:nth-child(2) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 1px;
}

.is-load .p-hero_popup__line-item:nth-child(2) {
  -webkit-transition: width .25s linear 1.4s;
  transition: width .25s linear 1.4s;
  width: 100%;
}

.is-pjax .p-hero_popup__line-item:nth-child(2) {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  width: 0;
}

.p-hero_popup__line-item:nth-child(2)::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #5d5d5e;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(2)::before {
  -webkit-transition: width .25s linear 1.6s;
  transition: width .25s linear 1.6s;
  width: 0;
}

.is-pjax .p-hero_popup__line-item:nth-child(2)::before {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  width: 100%;
}

.p-hero_popup__line-item:nth-child(2)::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #ce0800;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(2)::after {
  -webkit-transition: width 0.2s cubic-bezier(0.87, 0, 0.13, 1) 1.9s;
  transition: width 0.2s cubic-bezier(0.87, 0, 0.13, 1) 1.9s;
  width: 0;
}

.is-pjax .p-hero_popup__line-item:nth-child(2)::after {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  width: 100%;
}

.p-hero_popup__line-item:nth-child(3) {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 1px;
  height: 0;
}

.is-load .p-hero_popup__line-item:nth-child(3) {
  -webkit-transition: height .25s linear 1.6s;
  transition: height .25s linear 1.6s;
  height: 100%;
}

.is-pjax .p-hero_popup__line-item:nth-child(3) {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  height: 0;
}

.p-hero_popup__line-item:nth-child(3)::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #5d5d5e;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(3)::before {
  -webkit-transition: height .25s linear 1.8s;
  transition: height .25s linear 1.8s;
  height: 0;
}

.is-pjax .p-hero_popup__line-item:nth-child(3)::before {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  height: 100%;
}

.p-hero_popup__line-item:nth-child(3)::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ce0800;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(3)::after {
  -webkit-transition: height 0.2s cubic-bezier(0.87, 0, 0.13, 1) 2s;
  transition: height 0.2s cubic-bezier(0.87, 0, 0.13, 1) 2s;
  height: 0;
}

.is-pjax .p-hero_popup__line-item:nth-child(3)::after {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  height: 100%;
}

.p-hero_popup__line-item:nth-child(4) {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 1px;
}

.is-load .p-hero_popup__line-item:nth-child(4) {
  -webkit-transition: width .25s linear 1.8s;
  transition: width .25s linear 1.8s;
  width: 100%;
}

.is-pjax .p-hero_popup__line-item:nth-child(4) {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  width: 0;
}

.p-hero_popup__line-item:nth-child(4)::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #5d5d5e;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(4)::before {
  -webkit-transition: width .25s linear 2s;
  transition: width .25s linear 2s;
  width: 0;
}

.p-hero_popup__line-item:nth-child(4)::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #ce0800;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-hero_popup__line-item:nth-child(4)::after {
  -webkit-transition: width 0.2s cubic-bezier(0.87, 0, 0.13, 1) 2.1s;
  transition: width 0.2s cubic-bezier(0.87, 0, 0.13, 1) 2.1s;
  width: 0;
}

.is-pjax .p-hero_popup__line-item:nth-child(4)::after {
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
  width: 100%;
}

.p-hero_popup__text {
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  width: 100%;
  font-size: 16px;
  letter-spacing: 6px;
  line-height: 1.9;
  text-align: center;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero_popup__text {
    font-size: 13px;
  }
}

@media screen and (max-width: 960px) {
  .p-hero_popup__text {
    font-size: 12px;
    letter-spacing: 1px;
  }
}

.is-load .p-hero_popup__text {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
}

.is-pjax .p-hero_popup__text {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-hero_popup__btn {
  position: relative;
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 20px auto 0;
  padding: 2px;
  width: 250px;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-hero_popup__btn {
    margin-top: 12px;
  }
}

@media screen and (max-width: 960px) {
  .p-hero_popup__btn {
    margin-top: 10px;
    width: 190px;
  }
}

.is-load .p-hero_popup__btn {
  -webkit-clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
          clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.5s;
}

.is-pjax .p-hero_popup__btn {
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-recruit_t {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-recruit_t {
    -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
    transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  }
  .is-hide .p-recruit_t {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-recruit_t__container {
  position: relative;
  margin: 0 auto;
  width: 86.5%;
  max-width: 1700px;
}

.p-recruit_t__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-recruit_t_in {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-recruit_t_in + .p-recruit_t_in {
  margin-top: 80px;
}

@media screen and (max-width: 960px) {
  .p-recruit_t_in + .p-recruit_t_in {
    margin-top: 45px;
  }
}

.p-recruit_t_in__header {
  position: relative;
  margin: 0 auto 16px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-recruit_t_in__header {
    margin-bottom: 8px;
  }
}

.p-recruit_t_in__title {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-recruit_t_in__title-main {
  display: table;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  font-size: 32px;
  font-size: 2.286vw;
  font-weight: 500;
  letter-spacing: 10px;
}

@media screen and (min-width: 1800px) {
  .p-recruit_t_in__title-main {
    font-size: 41.143px;
  }
}

@media screen and (max-width: 960px) {
  .p-recruit_t_in__title-main {
    font-size: 22px;
    font-size: 5.867vw;
    letter-spacing: 12px;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-recruit_t_in__title-main {
    font-size: 105.6px;
  }
}

.is-load .p-recruit_t_in__title-main {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
}

.is-pjax .p-recruit_t_in__title-main {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.p-recruit_t_in__title-sub {
  display: inline-block;
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  margin-top: 8px;
  background: rgba(206, 8, 0, 0.3);
  padding: 1px 12px;
  color: #ce0800;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 13px;
  line-height: .8;
}

.is-load .p-recruit_t_in__title-sub {
  -webkit-clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
          clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
}

.is-pjax .p-recruit_t_in__title-sub {
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.p-recruit_t_in__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-recruit_t_in__list {
    margin-bottom: -50px;
  }
}

.p-recruit_t_in__item {
  display: block;
  position: relative;
  vertical-align: top;
  width: 30.3333%;
  font-size: 16px;
  letter-spacing: 1px;
}

@media screen and (min-width: 961px) {
  .p-recruit_t_in__item {
    margin: 0 2% 15px 0;
    width: 49%;
  }
  .p-recruit_t_in__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 961px) and (min-width: 1400px) {
  .p-recruit_t_in__item {
    margin: 0 1% 15px 0;
    width: 32.66%;
  }
  .p-recruit_t_in__item:nth-child(2n) {
    margin-right: 1%;
  }
  .p-recruit_t_in__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .p-recruit_t_in__item {
    width: 100%;
  }
  .p-recruit_t_in__item + .p-recruit_t_in__item {
    margin-top: 10px;
  }
}

.p-recruit_t_data {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
}

.p-recruit_t_data::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  background: url("../img/common/bg_gray.png") repeat left top;
  background-size: 5px auto;
  width: 100%;
  height: 100%;
  content: "";
}

.is-load .p-recruit_t_data::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-pjax .p-recruit_t_data::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.is-load .-rec_item:nth-child(1) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.is-load .-rec_item:nth-child(2) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.is-load .-rec_item:nth-child(3) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.is-load .-rec_item:nth-child(4) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.is-load .-rec_item:nth-child(5) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.is-load .-rec_item:nth-child(6) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.is-load .-rec_item:nth-child(7) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.is-load .-rec_item:nth-child(8) .p-recruit_t_data::before {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.is-load .-rec_item:nth-child(9) .p-recruit_t_data::before {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-load .-rec_item:nth-child(10) .p-recruit_t_data::before {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.p-recruit_t_data::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1), -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  background: url("../img/common/bg_red.png") repeat left top;
  background-size: 5px auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-recruit_t_data::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

@supports (-ms-ime-align: auto) {
  .p-recruit_t_data::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

[data-ua="pc"] .p-recruit_t_data:hover::after {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .p-recruit_t_data:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .p-recruit_t_data:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.p-recruit_t_data__name {
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  padding: 28px 0;
  width: 100%;
  font-size: 17px;
  letter-spacing: 4px;
  word-break: keep-all;
}

@media screen and (max-width: 960px) {
  .p-recruit_t_data__name {
    padding: 24px 0;
    font-size: 13px;
  }
}

@media (-ms-high-contrast: none) {
  .p-recruit_t_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-recruit_t_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-recruit_t_data__name {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

@media (-ms-high-contrast: none) {
  .is-load .p-recruit_t_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-recruit_t_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  }
}

.is-load .-rec_item:nth-child(1) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.is-load .-rec_item:nth-child(2) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.is-load .-rec_item:nth-child(3) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.is-load .-rec_item:nth-child(4) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.is-load .-rec_item:nth-child(5) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.is-load .-rec_item:nth-child(6) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.is-load .-rec_item:nth-child(7) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.is-load .-rec_item:nth-child(8) .p-recruit_t_data__name {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.is-load .-rec_item:nth-child(9) .p-recruit_t_data__name {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-load .-rec_item:nth-child(10) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.is-load .-rec_item:nth-child(11) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .-rec_item:nth-child(12) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .-rec_item:nth-child(13) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .-rec_item:nth-child(14) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .-rec_item:nth-child(15) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .-rec_item:nth-child(16) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .-rec_item:nth-child(17) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .-rec_item:nth-child(18) .p-recruit_t_data__name {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .-rec_item:nth-child(19) .p-recruit_t_data__name {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .-rec_item:nth-child(20) .p-recruit_t_data__name {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.is-pjax .p-recruit_t_data__name {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

@media (-ms-high-contrast: none) {
  .p-recruit_t_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-recruit_t_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-recruit_t_data__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-recruit_t_data__arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1;
  width: 22px;
}

@media screen and (max-width: 960px) {
  .p-recruit_t_data__arrow {
    right: 8px;
    width: 12px;
  }
}

[data-ua="pc"] .p-recruit_t_data:hover .p-recruit_t_data__arrow {
  -webkit-animation: arrow 1.5s linear infinite;
          animation: arrow 1.5s linear infinite;
}

.p-recruit_t_data__arrow-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-recruit_t_data__arrow-path {
  fill: #fff;
}

.p-t_link {
  position: relative;
  margin: 190px auto 0;
  padding-bottom: 350px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-t_link {
    margin-top: 75px;
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 961px) {
  .p-t_link {
    -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
    transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  }
  .is-hide .p-t_link {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-t_link__container {
  position: relative;
  margin: 0 auto;
  width: 86.5%;
  max-width: 1700px;
}

.p-t_link__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-t_link__list {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 0;
  letter-spacing: -.4em;
}

.p-t_link__item {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: normal;
}

@media screen and (min-width: 961px) {
  .p-t_link__item {
    margin: 0 4% 45px 0;
  }
  .p-t_link__item:nth-child(3n) {
    margin-right: 0;
  }
  .p-t_link__item.-w {
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .p-t_link__item {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  .p-t_link__item + .p-t_link__item {
    margin-top: 22px;
  }
}

.p-t_link__btn {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: 100%;
}

.p-t_link__btn::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1), -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  background: #560000;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-t_link__btn::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

@supports (-ms-ime-align: auto) {
  .p-t_link__btn::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

[data-ua="pc"] .p-t_link__btn:hover::before {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .p-t_link__btn:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .p-t_link__btn:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.p-t_link__btn-bg {
  position: relative;
  width: 100%;
}

.p-t_link__btn-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  font-size: 34px;
  font-size: 2.429vw;
  letter-spacing: 2px;
  text-align: center;
}

@media screen and (min-width: 1800px) {
  .p-t_link__btn-text {
    font-size: 43.714px;
  }
}

@media screen and (max-width: 960px) {
  .p-t_link__btn-text {
    font-size: 18px;
    font-size: 4.8vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-t_link__btn-text {
    font-size: 86.4px;
  }
}

.p-t_link__btn-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.p-t_link__arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%) rotate(90deg);
      -ms-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  z-index: 1;
  width: 50px;
}

@media screen and (max-width: 960px) {
  .p-t_link__arrow {
    right: 10px;
    width: 30px;
  }
}

.is-acd-open .p-t_link__arrow {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media screen and (max-width: 960px) {
  .is-acd-open .p-t_link__arrow {
    bottom: -34px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.p-t_link__arrow-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-t_link__arrow-path {
  fill: #fff;
  -webkit-transition: fill 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  transition: fill 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-acd-open .p-t_link__arrow-path {
  fill: #ce0800;
}

[data-ua="pc"] .p-t_link__item:hover .p-t_link__arrow-path.-arrow {
  -webkit-animation: arrow_t 1.6s linear infinite;
          animation: arrow_t 1.6s linear infinite;
}

@media screen and (max-width: 960px) {
  .is-acd-open .p-t_link__arrow-path.-arrow {
    -webkit-animation: arrow_t 1.6s linear infinite;
            animation: arrow_t 1.6s linear infinite;
  }
}

.p-about {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-about {
    height: 100vh;
    min-height: 700px;
  }
}

.p-about__container {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-about__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    height: 100vh;
    pointer-events: none;
  }
  .is-active .p-about__container {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
    transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
    pointer-events: auto;
  }
  .is-hide .p-about__container {
    position: absolute;
  }
}

@media screen and (max-width: 960px) {
  .p-about__container {
    height: auto !important;
  }
}

.p-about__bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .p-about__bg {
    top: 8%;
    height: 200px;
  }
}

.p-about__marquee {
  display: inline-block;
  position: relative;
  -webkit-animation: marquee 30s linear infinite;
          animation: marquee 30s linear infinite;
  height: 500px;
}

@media screen and (max-width: 960px) {
  .p-about__marquee {
    height: 200px;
  }
}

.p-about__marquee-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.p-about__marquee-item.-base {
  position: relative;
}

.p-about__marquee-item.-cover {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.p-about__marquee-text {
  display: block;
  padding-right: 200px;
  height: 100%;
}

.p-about__marquee-text img {
  max-width: none;
  height: 100%;
}

.p-about__img {
  position: relative;
  width: 43%;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-about__img {
    top: 5%;
  }
}

@media screen and (max-width: 960px) {
  .p-about__img {
    position: relative;
    margin: 0 auto;
    padding: 52px 0 36px;
    width: 100%;
  }
}

.p-about__logo.-studio {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  margin: 0 auto;
  width: 50%;
  max-width: 260px;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-about__logo.-studio {
    width: 30%;
  }
}

@media screen and (max-width: 960px) {
  .p-about__logo.-studio {
    width: 40%;
  }
}

.is-active .p-about__logo.-studio {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
}

.p-about__logo.-pd {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1);
  margin: 55px auto 0;
  width: 70%;
  max-width: 405px;
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-about__logo.-pd {
    width: 60%;
  }
}

@media screen and (max-width: 960px) {
  .p-about__logo.-pd {
    margin-top: 18px;
    width: 64%;
  }
}

.is-active .p-about__logo.-pd {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1) 0.2s;
  transition: opacity 1.2s cubic-bezier(0.61, 1, 0.88, 1) 0.2s;
}

.p-about__logo-svg {
  position: relative;
  width: 100%;
  height: auto;
}

.p-about__logo-svg .-path1 {
  fill: #5d5d5e;
}

.p-about__logo-svg .-path2, .p-about__logo-svg .-path4 {
  fill: #fff;
}

.p-about__logo-svg .-path3 {
  fill: #ad0700;
}

.p-about__logo-svg .-path3, .p-about__logo-svg .-path4 {
  fill-rule: evenodd;
}

.p-about__inner {
  position: relative;
}

@media screen and (min-width: 961px) {
  .p-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 100px;
    height: 100vh;
  }
}

@media screen and (max-width: 960px) {
  .p-about__inner {
    padding: 90px 0;
    width: 100%;
  }
}

.p-about__inner::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.87, 0, 0.13, 1), height 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.87, 0, 0.13, 1), height 0s linear 0.25s;
  background: url("../img/common/bg_red.png") repeat left top;
  background-size: 5px auto;
  width: 100%;
  height: 0;
  content: "";
}

@media screen and (max-width: 960px) {
  .p-about__inner::before {
    width: 0;
    height: 100%;
  }
}

.is-active .p-about__inner::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: height 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  transition: height 0.85s cubic-bezier(0.5, 1, 0.89, 1);
  height: 100%;
}

@media screen and (max-width: 960px) {
  .is-active .p-about__inner::before {
    -webkit-transition: width 0.85s cubic-bezier(0.5, 1, 0.89, 1);
    transition: width 0.85s cubic-bezier(0.5, 1, 0.89, 1);
    width: 100%;
  }
}

.p-about__text {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 0s linear 0.6s;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 0s linear 0.6s;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1), clip-path 0s linear 0.6s;
  transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1), clip-path 0s linear 0.6s, -webkit-clip-path 0s linear 0.6s;
  margin: 0 auto;
  width: 100%;
  font-size: 15px;
  font-size: 1.071vw;
  letter-spacing: 1px;
  line-height: 2;
}

@media screen and (min-width: 1800px) {
  .p-about__text {
    font-size: 19.286px;
  }
}

@media screen and (min-width: 961px) and (max-height: 650px) {
  .p-about__text {
    top: 5%;
  }
}

@media screen and (max-width: 960px) {
  .p-about__text {
    position: relative;
    margin: 0 auto;
    width: 80%;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 2.2;
  }
}

.is-active .p-about__text {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

.p-about__text-sentence {
  display: inline-block;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.65s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.65s cubic-bezier(0.5, 1, 0.89, 1);
}

.is-active .p-about__text-sentence {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-active .p-about__text-sentence:nth-child(1) {
  -webkit-transition-delay: 0.54s;
          transition-delay: 0.54s;
}

.is-active .p-about__text-sentence:nth-child(2) {
  -webkit-transition-delay: 0.58s;
          transition-delay: 0.58s;
}

.is-active .p-about__text-sentence:nth-child(3) {
  -webkit-transition-delay: 0.62s;
          transition-delay: 0.62s;
}

.is-active .p-about__text-sentence:nth-child(4) {
  -webkit-transition-delay: 0.66s;
          transition-delay: 0.66s;
}

.is-active .p-about__text-sentence:nth-child(5) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.is-active .p-about__text-sentence:nth-child(6) {
  -webkit-transition-delay: 0.74s;
          transition-delay: 0.74s;
}

.is-active .p-about__text-sentence:nth-child(7) {
  -webkit-transition-delay: 0.78s;
          transition-delay: 0.78s;
}

.is-active .p-about__text-sentence:nth-child(8) {
  -webkit-transition-delay: 0.82s;
          transition-delay: 0.82s;
}

.is-active .p-about__text-sentence:nth-child(9) {
  -webkit-transition-delay: 0.86s;
          transition-delay: 0.86s;
}

.is-active .p-about__text-sentence:nth-child(10) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.p-history {
  position: relative;
  margin: 0 auto;
  background: #000;
  width: 100%;
  overflow: hidden;
}

.p-history__bg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  min-width: 177.77vh;
  height: 100%;
  min-height: 56.26vw;
}

@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-history__bg {
    min-width: 1244.39px !important;
    min-height: 700px !important;
  }
}

[data-os="iOS"] .p-history__bg {
  width: 100%;
  min-width: auto !important;
  height: 100%;
  min-height: auto !important;
}

.p-history__bg::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/top/timeline/bg_fillter_line.png") repeat left top;
  background-size: auto 3px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

.p-history__bg iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 200%;
}

[data-os="iOS"] .p-history__bg iframe {
  -webkit-transform: translate(-50%, -50%) scale(4);
      -ms-transform: translate(-50%, -50%) scale(4);
          transform: translate(-50%, -50%) scale(4);
  width: 100%;
  max-width: 300px;
  height: 100%;
  max-height: 300px;
}

@media screen and (min-width: 700px) {
  [data-os="iOS"] .p-history__bg iframe {
    -webkit-transform: translate(-50%, -50%) scale(5);
        -ms-transform: translate(-50%, -50%) scale(5);
            transform: translate(-50%, -50%) scale(5);
  }
}

.p-history__bg-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  width: 100%;
  height: 100%;
}

.is-mv-init .p-history__bg-img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.87, 0, 0.13, 1);
  transition: opacity 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}

.p-history__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-history__header {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1;
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-history__header {
    left: 2%;
  }
}

@media screen and (max-width: 960px) {
  .p-history__header {
    top: 22%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 30px;
    height: 30px;
  }
}

.p-history__inner {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 800px;
}

@media screen and (max-width: 960px) {
  .p-history__inner {
    min-height: 700px;
  }
}

.p-history_pagination {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 100px;
  background: rgba(86, 0, 0, 0.5);
  padding: 10px 0;
}

@media screen and (min-width: 961px) {
  .p-history_pagination {
    width: 18px;
  }
}

@media screen and (max-width: 960px) {
  .p-history_pagination {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding: 6px 12px;
  }
}

@media screen and (max-width: 960px) and (max-width: 960px) {
  .p-history_pagination {
    -webkit-transition: left 0.85s cubic-bezier(0.76, 0, 0.24, 1);
    transition: left 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  }
  [data-history-index="1"] .p-history_pagination {
    left: 0px;
  }
  [data-history-index="2"] .p-history_pagination {
    left: -64px;
  }
  [data-history-index="3"] .p-history_pagination {
    left: -128px;
  }
  [data-history-index="4"] .p-history_pagination {
    left: -192px;
  }
  [data-history-index="5"] .p-history_pagination {
    left: -256px;
  }
}

.p-history_pagination__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-history_pagination__list {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-history_pagination__list {
    font-size: 0;
    letter-spacing: -.4em;
    white-space: nowrap;
  }
}

.p-history_pagination__item {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  width: 12px;
}

@media screen and (max-width: 960px) {
  .p-history_pagination__item {
    display: inline-block;
    vertical-align: top;
    width: 6px;
    font-size: 1rem;
    letter-spacing: normal;
  }
}

.p-history_pagination__item::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  content: "";
}

@media screen and (min-width: 961px) {
  .p-history_pagination__item + .p-history_pagination__item {
    margin-top: 72px;
  }
}

@media screen and (max-width: 960px) {
  .p-history_pagination__item + .p-history_pagination__item {
    margin-left: 58px;
  }
}

.p-history_pagination__item + .p-history_pagination__item::before {
  display: block;
  position: absolute;
  top: 4px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  z-index: -1;
  background: #f00;
  width: 2px;
  height: 80px;
  content: "";
}

@media screen and (max-width: 960px) {
  .p-history_pagination__item + .p-history_pagination__item::before {
    top: 50%;
    left: 2px;
    -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    width: 60px;
    height: 1px;
  }
}

.p-history_pagination__deco {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 12px;
  height: 12px;
}

.p-history_pagination__deco::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.5, 1, 0.89, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.25s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.25s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.25s cubic-bezier(0.5, 1, 0.89, 1);
  border-radius: 50%;
  background: #f00;
  width: 6px;
  height: 6px;
  content: "";
}

[data-ua="pc"] .p-history_pagination__item:hover .p-history_pagination__deco::before {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
}

.p-history_pagination__text {
  display: block;
  position: absolute;
  top: 50%;
  right: -15px;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  z-index: 0;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  line-height: .2;
  white-space: nowrap;
}

@media screen and (min-width: 961px) {
  .p-history_pagination__text {
    -webkit-transition: right 0.25s cubic-bezier(0.5, 1, 0.89, 1);
    transition: right 0.25s cubic-bezier(0.5, 1, 0.89, 1);
  }
  [data-ua="pc"] .p-history_pagination__item:hover .p-history_pagination__text {
    right: -20px;
  }
  .p-history_pagination__text::before {
    display: block;
    position: absolute;
    top: 50%;
    right: -10%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: -1;
    -webkit-transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    background: #ce0800;
    width: 0;
    height: 1.5px;
    content: "";
  }
  [data-ua="pc"] .p-history_pagination__item:hover .p-history_pagination__text::before {
    left: -10%;
    -webkit-transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
    transition: width 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.1s;
    width: 120%;
  }
  .p-history_pagination__text::after {
    display: block;
    position: absolute;
    top: 50%;
    right: -10%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: -1;
    -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
    -webkit-transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
    transition: width 0.5s cubic-bezier(0.87, 0, 0.13, 1);
    background: #ce0800;
    width: 120%;
    height: 2px;
    content: "";
  }
}

@media screen and (min-width: 961px) and (-ms-high-contrast: none) {
  .p-history_pagination__text::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@media screen and (min-width: 961px) {
  @supports (-ms-ime-align: auto) {
    .p-history_pagination__text::after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
    }
  }
  [data-ua="pc"] .p-history_pagination__item:hover .p-history_pagination__text::after {
    -webkit-animation: gnav .4s;
            animation: gnav .4s;
  }
}

@media screen and (max-width: 960px) {
  .p-history_pagination__text {
    top: -14px;
    right: auto;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.85s cubic-bezier(0.76, 0, 0.24, 1);
    transition: opacity 0.85s cubic-bezier(0.76, 0, 0.24, 1);
    width: 400px;
    font-size: 13px;
    letter-spacing: 2px;
    text-align: center;
  }
  [data-history-index="1"] .p-history_pagination__item:nth-child(1) .p-history_pagination__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  [data-history-index="2"] .p-history_pagination__item:nth-child(2) .p-history_pagination__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  [data-history-index="3"] .p-history_pagination__item:nth-child(3) .p-history_pagination__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  [data-history-index="4"] .p-history_pagination__item:nth-child(4) .p-history_pagination__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  [data-history-index="5"] .p-history_pagination__item:nth-child(5) .p-history_pagination__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.p-history_pagination__current {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
  -webkit-transition: top 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  transition: top 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  width: 12px;
  height: 12px;
}

@media screen and (max-width: 960px) {
  .p-history_pagination__current {
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@media screen and (max-width: 960px) {
  .p-history_pagination__current {
    -webkit-transition: left 0.85s cubic-bezier(0.76, 0, 0.24, 1);
    transition: left 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  }
}

@media screen and (min-width: 961px) {
  [data-history-index="1"] .p-history_pagination__current {
    top: 0px;
  }
}

@media screen and (max-width: 960px) {
  [data-history-index="1"] .p-history_pagination__current {
    left: 0px;
  }
}

@media screen and (min-width: 961px) {
  [data-history-index="2"] .p-history_pagination__current {
    top: 84px;
  }
}

@media screen and (max-width: 960px) {
  [data-history-index="2"] .p-history_pagination__current {
    left: 64px;
  }
}

@media screen and (min-width: 961px) {
  [data-history-index="3"] .p-history_pagination__current {
    top: 168px;
  }
}

@media screen and (max-width: 960px) {
  [data-history-index="3"] .p-history_pagination__current {
    left: 128px;
  }
}

@media screen and (min-width: 961px) {
  [data-history-index="4"] .p-history_pagination__current {
    top: 252px;
  }
}

@media screen and (max-width: 960px) {
  [data-history-index="4"] .p-history_pagination__current {
    left: 192px;
  }
}

@media screen and (min-width: 961px) {
  [data-history-index="5"] .p-history_pagination__current {
    top: 336px;
  }
}

@media screen and (max-width: 960px) {
  [data-history-index="5"] .p-history_pagination__current {
    left: 256px;
  }
}

.p-history_pagination__current::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fff;
  width: 6px;
  height: 6px;
  content: "";
}

.p-history_pagination__current::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  content: "";
}

.p-history_slide {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  margin: 0 auto;
  width: 39.286%;
  max-width: 1200px;
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
  .p-history_slide {
    left: 5%;
  }
}

@media screen and (max-width: 960px) {
  .p-history_slide {
    width: 82%;
  }
}

.is-history-future .p-history_slide {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.p-history_slide__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  min-height: 800px;
}

@media screen and (min-width: 961px) {
  .p-history_slide__inner {
    min-width: 560px;
    max-width: 70vh;
  }
}

@media screen and (max-width: 960px) {
  .p-history_slide__inner {
    min-height: 700px;
  }
}

@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-history_slide__inner {
    max-width: 100vh;
  }
}

.p-history_slide__list {
  position: relative;
  -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1) !important;
          transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1) !important;
  width: 100%;
}

.p-history_slide__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.p-history_data {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: 100%;
}

.p-history_data__cap {
  position: relative;
  z-index: 2;
  margin: 0;
  width: 320px;
}

@media screen and (max-width: 960px) {
  .p-history_data__cap {
    width: 80%;
  }
}

.p-history_data__cap-bg {
  position: relative;
  width: 100%;
}

.p-history_data__cap-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .p-history_data__cap-text {
    font-size: 16px;
    font-weight: 500;
  }
}

.p-history_data__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-history_data__line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.p-history_data__line-item:nth-child(1) {
  display: block;
  position: absolute;
  bottom: 0;
  left: -8px;
  z-index: 1;
  width: 2px;
  height: 0;
}

.is-current .p-history_data__line-item:nth-child(1) {
  -webkit-transition: height 0.25s linear 0s;
  transition: height 0.25s linear 0s;
  height: 100%;
}

.p-history_data__line-item:nth-child(1)::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #f00;
  width: 100%;
  height: 100%;
  content: "";
}

.is-current .p-history_data__line-item:nth-child(1)::before {
  -webkit-transition: height 0.25s linear 0.2s;
  transition: height 0.25s linear 0.2s;
  height: 0;
}

.p-history_data__line-item:nth-child(2) {
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: 1;
  width: 0;
  height: 2px;
}

.is-current .p-history_data__line-item:nth-child(2) {
  -webkit-transition: width 0.25s linear 0.2s;
  transition: width 0.25s linear 0.2s;
  width: 100%;
}

.p-history_data__line-item:nth-child(2)::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #f00;
  width: 100%;
  height: 100%;
  content: "";
}

.is-current .p-history_data__line-item:nth-child(2)::before {
  -webkit-transition: width 0.25s linear 0.4s;
  transition: width 0.25s linear 0.4s;
  width: 0;
}

.p-history_data__line-item:nth-child(3) {
  display: block;
  position: absolute;
  top: 0;
  right: -8px;
  z-index: 1;
  width: 2px;
  height: 0;
}

.is-current .p-history_data__line-item:nth-child(3) {
  -webkit-transition: height 0.25s linear 0.4s;
  transition: height 0.25s linear 0.4s;
  height: 100%;
}

.p-history_data__line-item:nth-child(3)::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f00;
  width: 100%;
  height: 100%;
  content: "";
}

.is-current .p-history_data__line-item:nth-child(3)::before {
  -webkit-transition: height 0.25s linear 0.6s;
  transition: height 0.25s linear 0.6s;
  height: 0;
}

.p-history_data__line-item:nth-child(4) {
  display: block;
  position: absolute;
  right: -8px;
  bottom: -8px;
  z-index: 1;
  width: 0;
  height: 2px;
}

.is-current .p-history_data__line-item:nth-child(4) {
  -webkit-transition: width 0.25s linear 0.6s;
  transition: width 0.25s linear 0.6s;
  width: 100%;
}

.p-history_data__line-item:nth-child(4)::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #f00;
  width: 100%;
  height: 100%;
  content: "";
}

.is-current .p-history_data__line-item:nth-child(4)::before {
  -webkit-transition: width 0.25s linear 0.8s;
  transition: width 0.25s linear 0.8s;
  width: 0;
}

.p-history_data__img {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding-top: 66.667%;
  width: 100%;
}

.p-history_data__img-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-history_data__img-item::before {
  display: block;
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 1;
  border-top: 2px solid #f00;
  border-right: 2px solid #f00;
  width: 18px;
  height: 18px;
  content: "";
}

.p-history_data__img-item::after {
  display: block;
  position: absolute;
  bottom: -8px;
  left: -8px;
  z-index: 1;
  border-bottom: 2px solid #f00;
  border-left: 2px solid #f00;
  width: 18px;
  height: 18px;
  content: "";
}

.p-history_data__img-cover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-history_data__copy {
  position: absolute;
  bottom: -10px;
  left: 1%;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  width: 98%;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
}

@media screen and (max-width: 960px) {
  .p-history_data__copy {
    font-size: 10px;
  }
}

.p-history_future {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.85s cubic-bezier(0.76, 0, 0.24, 1);
  background: #000;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.is-history-future .p-history_future {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  pointer-events: auto;
}

.p-history_future::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  background: url("../img/common/kv_top.png") no-repeat center;
  background-size: contain;
  width: 100%;
  height: 70%;
  content: "";
}

@media screen and (max-width: 960px) {
  .p-history_future::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    -webkit-filter: saturate(50%) brightness(70%);
            filter: saturate(50%) brightness(70%);
  }
}

@media (-ms-high-contrast: none) {
  .p-history_future::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0s linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0s linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.4s, -webkit-transform 0s linear 0.4s;
    background: url("../img/top/timeline/future_bg.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    content: "";
  }
  .is-history-future .p-history_future::after {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3;
    -webkit-transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 12s linear;
    transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 12s linear;
    transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), transform 12s linear;
    transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), transform 12s linear, -webkit-transform 12s linear;
  }
}

@supports (-ms-ime-align: auto) {
  .p-history_future::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0s linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0s linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.4s, -webkit-transform 0s linear 0.4s;
    background: url("../img/top/timeline/future_bg.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    content: "";
  }
  .is-history-future .p-history_future::after {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3;
    -webkit-transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 12s linear;
    transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 12s linear;
    transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), transform 12s linear;
    transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1), transform 12s linear, -webkit-transform 12s linear;
  }
}

.p-history_future__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.p-history_future__bg video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0s linear .8s;
  transition: opacity 0s linear .8s;
  width: 100%;
  min-width: 177.77vh;
  height: 100%;
  min-height: 56.26vw;
}

@media screen and (max-width: 960px) and (orientation: portrait) {
  .p-history_future__bg video {
    min-width: 1244.39px !important;
    min-height: 700px !important;
  }
}

[data-os="mac"] .p-history_future__bg video,
[data-os="iOS"] .p-history_future__bg video {
  display: none;
}

.is-history-future .p-history_future__bg video {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1) 8s;
  transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1) 8s;
}

.p-history_future__bg::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0s linear 0.4s;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0s linear 0.4s;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.4s;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), transform 0s linear 0.4s, -webkit-transform 0s linear 0.4s;
  background: url("../img/top/timeline/future_bg.jpg") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  content: "";
}

.is-history-future .p-history_future__bg::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  opacity: .3;
  -webkit-transition: opacity 1.6s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 12s linear;
  transition: opacity 1.6s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 12s linear;
  transition: opacity 1.6s cubic-bezier(0.5, 1, 0.89, 1), transform 12s linear;
  transition: opacity 1.6s cubic-bezier(0.5, 1, 0.89, 1), transform 12s linear, -webkit-transform 12s linear;
}

.p-history_future__bg::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/top/timeline/bg_fillter_line.png") repeat left top;
  background-size: auto 3px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

.p-history_future__inner {
  position: absolute;
  top: 50%;
  left: 55%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 55%;
}

@media screen and (max-width: 960px) {
  .p-history_future__inner {
    top: auto;
    bottom: 18%;
    left: 10%;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 76%;
    height: 50vh;
    min-height: 350px;
  }
}

.p-history_future__lead {
  display: table;
  margin-bottom: 20px;
  font-size: 30px;
  font-size: 2.143vw;
  font-weight: 400;
  letter-spacing: 20px;
}

@media screen and (min-width: 1800px) {
  .p-history_future__lead {
    font-size: 38.571px;
  }
}

@media screen and (max-width: 960px) {
  .p-history_future__lead {
    font-size: 18px;
    letter-spacing: 6px;
  }
}

.p-history_future__lead-word {
  display: inline-block;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
  transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
  color: #f00;
}

.is-history-future .p-history_future__lead-word {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0.85s cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0.85s cubic-bezier(0.65, 0, 0.35, 1);
  color: #fff;
}

.is-history-future .p-history_future__lead-word:nth-child(1) {
  -webkit-transition-delay: 0.1s, 0.1s;
          transition-delay: 0.1s, 0.1s;
}

.is-history-future .p-history_future__lead-word:nth-child(2) {
  -webkit-transition-delay: 0.2s, 0.2s;
          transition-delay: 0.2s, 0.2s;
}

.is-history-future .p-history_future__lead-word:nth-child(3) {
  -webkit-transition-delay: 0.3s, 0.3s;
          transition-delay: 0.3s, 0.3s;
}

.is-history-future .p-history_future__lead-word:nth-child(4) {
  -webkit-transition-delay: 0.4s, 0.4s;
          transition-delay: 0.4s, 0.4s;
}

.is-history-future .p-history_future__lead-word:nth-child(5) {
  -webkit-transition-delay: 0.5s, 0.5s;
          transition-delay: 0.5s, 0.5s;
}

.is-history-future .p-history_future__lead-word:nth-child(6) {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}

.is-history-future .p-history_future__lead-word:nth-child(7) {
  -webkit-transition-delay: 0.7s, 0.7s;
          transition-delay: 0.7s, 0.7s;
}

.is-history-future .p-history_future__lead-word:nth-child(8) {
  -webkit-transition-delay: 0.8s, 0.8s;
          transition-delay: 0.8s, 0.8s;
}

.is-history-future .p-history_future__lead-word:nth-child(9) {
  -webkit-transition-delay: 0.9s, 0.9s;
          transition-delay: 0.9s, 0.9s;
}

.is-history-future .p-history_future__lead-word:nth-child(10) {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-history-future .p-history_future__lead-word:nth-child(11) {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-history-future .p-history_future__lead-word:nth-child(12) {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-history-future .p-history_future__lead-word:nth-child(13) {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-history-future .p-history_future__lead-word:nth-child(14) {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-history-future .p-history_future__lead-word:nth-child(15) {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-history-future .p-history_future__lead-word:nth-child(16) {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-history-future .p-history_future__lead-word:nth-child(17) {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-history-future .p-history_future__lead-word:nth-child(18) {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-history-future .p-history_future__lead-word:nth-child(19) {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-history-future .p-history_future__lead-word:nth-child(20) {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.p-history_future__text {
  display: table;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0s linear 1s;
  transition: -webkit-clip-path 0s linear 1s;
  transition: clip-path 0s linear 1s;
  transition: clip-path 0s linear 1s, -webkit-clip-path 0s linear 1s;
  font-size: 18px;
  font-size: 1.286vw;
  letter-spacing: 4px;
  line-height: 2;
}

@media screen and (min-width: 1800px) {
  .p-history_future__text {
    font-size: 23.143px;
  }
}

@media screen and (max-width: 960px) {
  .p-history_future__text {
    font-size: 13px;
  }
}

.is-history-future .p-history_future__text {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 2.5s cubic-bezier(0.65, 0, 0.35, 1) 1s;
  transition: -webkit-clip-path 2.5s cubic-bezier(0.65, 0, 0.35, 1) 1s;
  transition: clip-path 2.5s cubic-bezier(0.65, 0, 0.35, 1) 1s;
  transition: clip-path 2.5s cubic-bezier(0.65, 0, 0.35, 1) 1s, -webkit-clip-path 2.5s cubic-bezier(0.65, 0, 0.35, 1) 1s;
}

.p-link {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-link__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-link__container {
    padding: 100px 0 0;
  }
}

.p-link__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-link__item {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-link__item + .p-link__item {
  margin-top: 80px;
}

@media screen and (max-width: 960px) {
  .p-link__item + .p-link__item {
    margin-top: 54px;
  }
}

.p-link_data {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  min-height: 358px;
}

@media screen and (min-width: 961px) {
  .p-link_data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 14.286vw;
  }
}

@media screen and (max-width: 960px) {
  .p-link_data {
    padding: 38px 0;
    min-height: 280px;
  }
}

@media (-ms-high-contrast: none) {
  .p-link_data {
    height: 368px;
  }
}

@supports (-ms-ime-align: auto) {
  .p-link_data {
    height: 368px;
  }
}

.p-link_data::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../img/common/bg_gray.png") repeat left top;
  background-size: 3.5px auto;
  width: 100%;
  height: 100%;
  content: "";
}

@media screen and (max-width: 960px) {
  .p-link_data::before {
    background: url("../img/common/bg_gray.png") repeat left top;
    background-size: 2px auto;
  }
}

.p-link_data::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  -webkit-animation: red_bg 4s linear infinite;
          animation: red_bg 4s linear infinite;
  -webkit-transition: width 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: width 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  background: url("../img/common/bg_red.png") repeat left top;
  background-size: 3.5px auto;
  width: 0;
  height: 100%;
  content: "";
}

[data-ua="pc"] .p-link_data:hover::after,
[data-ua="sp"] .p-link_data.is-observer-in::after {
  left: 0;
  width: 100%;
}

.p-link_data__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  overflow: hidden;
}

.p-link_data__bg img {
  width: auto;
  height: 100%;
}

.p-link_data__marquee {
  display: inline-block;
  position: relative;
  -webkit-animation: marquee 10s linear infinite;
          animation: marquee 10s linear infinite;
  height: 220px;
}

[data-ua="pc"] .p-link_data:hover .p-link_data__marquee,
[data-ua="sp"] .p-link_data.is-observer-in .p-link_data__marquee {
  -webkit-animation: marquee 30s linear infinite;
          animation: marquee 30s linear infinite;
}

.p-link_data__marquee-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.p-link_data__marquee-item.-base {
  position: relative;
}

.p-link_data__marquee-item.-cover {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.p-link_data__marquee-text {
  display: block;
  padding-right: 200px;
  height: 100%;
}

.p-link_data__marquee-text img {
  max-width: none;
}

.p-link_data__inner {
  position: relative;
  margin: 0 auto;
  width: 80%;
}

@media screen and (min-width: 961px) {
  .p-link_data__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 960px) {
  .p-link_data__inner {
    width: 90%;
  }
}

.p-link_data__cap {
  position: relative;
  width: 34.143vw;
  font-size: 50px;
  font-size: 3.571vw;
  font-weight: 200;
  letter-spacing: 3px;
}

@media screen and (min-width: 1800px) {
  .p-link_data__cap {
    font-size: 64.286px;
  }
}

@media screen and (max-width: 960px) {
  .p-link_data__cap {
    width: 100%;
    font-size: 32px;
  }
}

.p-link_data__text {
  position: relative;
  font-size: 18px;
  letter-spacing: 12px;
  line-height: 2.2;
  word-break: keep-all;
}

@media screen and (min-width: 961px) {
  .p-link_data__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
}

@media screen and (max-width: 960px) {
  .p-link_data__text {
    margin-top: 24px;
    width: 100%;
    font-size: 15px;
    letter-spacing: 5px;
    line-height: 2;
  }
}

.p-link_data__arrow {
  position: absolute;
  right: 60px;
  z-index: 1;
  width: 100px;
  height: 100px;
}

@media screen and (min-width: 961px) {
  .p-link_data__arrow {
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@media screen and (max-width: 960px) {
  .p-link_data__arrow {
    right: 26px;
    bottom: 22px;
    width: 50px;
    height: 50px;
  }
}

.p-link_data__arrow::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  border: 1px solid #ce0800;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  content: "";
}

[data-ua="pc"] .p-link_data:hover .p-link_data__arrow::before,
[data-ua="sp"] .p-link_data.is-observer-in .p-link_data__arrow::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.p-link_data__arrow-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  width: 104px;
  height: 104px;
}

@media screen and (max-width: 960px) {
  .p-link_data__arrow-circle {
    width: 52px;
    height: 52px;
  }
}

[data-ua="pc"] .p-link_data:hover .p-link_data__arrow-circle,
[data-ua="sp"] .p-link_data.is-observer-in .p-link_data__arrow-circle {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-link_data__arrow-circle_svg {
  stroke: #ce0800;
  position: relative;
  -webkit-animation: arrow_circle 1s linear infinite;
          animation: arrow_circle 1s linear infinite;
  width: 100%;
  height: auto;
}

@-webkit-keyframes arrow_circle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes arrow_circle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.p-link_data__arrow-circle_path {
  stroke-width: 1px;
  fill: none;
  stroke-dasharray: 200px;
  stroke-dashoffset: 200px;
}

.p-link_data__arrow-text {
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.45s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.45s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  color: #fff;
  font-size: 14px;
  letter-spacing: 4px;
  white-space: nowrap;
}

@media screen and (max-width: 960px) {
  .p-link_data__arrow-text {
    font-size: 12px;
  }
}

@media screen and (max-width: 960px) {
  .p-link_data__arrow-text {
    -webkit-transform: translate(25%, -50%);
        -ms-transform: translate(25%, -50%);
            transform: translate(25%, -50%);
  }
}

[data-ua="pc"] .p-link_data:hover .p-link_data__arrow-text,
[data-ua="sp"] .p-link_data.is-observer-in .p-link_data__arrow-text {
  -webkit-transform: translate(75%, -50%);
      -ms-transform: translate(75%, -50%);
          transform: translate(75%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

@media screen and (max-width: 960px) {
  [data-ua="pc"] .p-link_data:hover .p-link_data__arrow-text,
  [data-ua="sp"] .p-link_data.is-observer-in .p-link_data__arrow-text {
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.p-link_data__arrow-item {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.5s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.5s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  width: 122px;
}

@media screen and (max-width: 960px) {
  .p-link_data__arrow-item {
    width: 70px;
  }
}

[data-ua="pc"] .p-link_data:hover .p-link_data__arrow-item,
[data-ua="sp"] .p-link_data.is-observer-in .p-link_data__arrow-item {
  -webkit-transform: translate(25%, -50%);
      -ms-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.p-link_data__arrow-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-link_data__arrow-path {
  fill: #ce0800;
}

.p-link_data__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-in {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
}

.l-in__container {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  transition: opacity 1.2s cubic-bezier(0.45, 0, 0.55, 1);
  margin: 0 auto;
  padding-top: 88px;
  width: 100%;
  min-height: 100vh;
}

@media screen and (max-width: 960px) {
  .l-in__container {
    padding-top: 70px;
  }
}

.is-load .l-in__container {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-pjax .l-in__container {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.is-theme-light .l-in__container {
  color: #000;
}

.l-in__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 960px) {
  .l-in__header {
    height: 175px;
  }
}

.l-in__title {
  position: relative;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 961px) {
  .l-in__title {
    top: 1%;
  }
}

.l-in__title-main {
  display: inline-block;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  margin: 0 auto;
  font-size: 48px;
  font-size: 3.429vw;
  font-weight: 300;
  letter-spacing: 5px;
  text-align: center;
}

@media screen and (min-width: 1800px) {
  .l-in__title-main {
    font-size: 61.714px;
  }
}

@media screen and (max-width: 960px) {
  .l-in__title-main {
    font-size: 26px;
  }
}

.is-load .l-in__title-main {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.2s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}

.is-pjax-interview .l-in__title-main {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.is-pjax .l-in__title-main,
.is-pjax-interview-out .l-in__title-main {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.l-in__title-sub {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  width: 100%;
}

.l-in__title-sub img {
  margin: 0 auto;
  height: 210px;
}

@media screen and (max-width: 960px) {
  .l-in__title-sub img {
    height: 160px;
  }
}

.is-load .l-in__title-sub {
  -webkit-clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
          clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

.is-pjax-interview .l-in__title-sub {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.is-pjax .l-in__title-sub,
.is-pjax-interview-out .l-in__title-sub {
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%) !important;
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%) !important;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.l-in__marquee {
  display: inline-block;
  position: relative;
  -webkit-animation: marquee 30s linear infinite;
          animation: marquee 30s linear infinite;
  height: 220px;
}

.l-in__marquee-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.l-in__marquee-item.-base {
  position: relative;
}

.l-in__marquee-item.-cover {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.l-in__marquee-text {
  display: block;
  padding-right: 200px;
  height: 100%;
}

.l-in__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-recruit {
  position: relative;
  margin: 0 auto;
  padding-bottom: 150px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-recruit {
    padding-bottom: 80px;
  }
}

.p-recruit__container {
  position: relative;
  margin: 0 auto;
  width: 86.5%;
  max-width: 1700px;
}

.p-recruit__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-recruit_in {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-recruit_in + .p-recruit_in {
  margin-top: 95px;
}

.p-recruit_in__header {
  position: relative;
  margin: 0 auto 52px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-recruit_in__header {
    margin-bottom: 28px;
  }
}

.p-recruit_in__title {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-recruit_in__title-main {
  display: table;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  font-size: 32px;
  font-size: 2.286vw;
  font-weight: 500;
  letter-spacing: 10px;
}

@media screen and (min-width: 1800px) {
  .p-recruit_in__title-main {
    font-size: 41.143px;
  }
}

@media screen and (max-width: 960px) {
  .p-recruit_in__title-main {
    font-size: 20px;
    font-size: 5.333vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-recruit_in__title-main {
    font-size: 96px;
  }
}

.is-load .p-recruit_in__title-main {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

.is-pjax .p-recruit_in__title-main {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.p-recruit_in__title-sub {
  display: inline-block;
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  margin-top: 8px;
  background: rgba(206, 8, 0, 0.3);
  padding: 1px 12px;
  color: #ce0800;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 13px;
  line-height: .8;
}

.is-load .p-recruit_in__title-sub {
  -webkit-clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
          clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

.is-pjax .p-recruit_in__title-sub {
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.p-recruit_in__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-recruit_in__list {
    margin-bottom: -50px;
  }
}

.p-recruit_in__item {
  display: block;
  position: relative;
  vertical-align: top;
  width: 30.3333%;
  font-size: 16px;
  letter-spacing: 1px;
}

@media screen and (min-width: 961px) {
  .p-recruit_in__item {
    margin: 0 4% 50px 0;
    width: 48%;
  }
  .p-recruit_in__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 961px) and (min-width: 1400px) {
  .p-recruit_in__item {
    margin: 0 2% 50px 0;
    width: 32%;
  }
  .p-recruit_in__item:nth-child(2n) {
    margin-right: 2%;
  }
  .p-recruit_in__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .p-recruit_in__item {
    width: 100%;
  }
  .p-recruit_in__item + .p-recruit_in__item {
    margin-top: 24px;
  }
}

.p-recruit_data {
  position: relative;
  margin: 0 auto;
  background: rgba(135, 135, 135, 0);
  padding: 34px 22px 90px;
  width: 100%;
  height: 100%;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-recruit_data {
    padding: 30px 14px 40px;
  }
}

.is-load .p-recruit_data {
  -webkit-transition: background-color 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  transition: background-color 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  background: rgba(135, 135, 135, 0.6);
}

.is-pjax .p-recruit_data {
  -webkit-transition: 0s !important;
  transition: 0s !important;
  background: rgba(135, 135, 135, 0);
}

.is-load .-rec_item:nth-child(1) .p-recruit_data {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .-rec_item:nth-child(2) .p-recruit_data {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .-rec_item:nth-child(3) .p-recruit_data {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .-rec_item:nth-child(4) .p-recruit_data {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .-rec_item:nth-child(5) .p-recruit_data {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .-rec_item:nth-child(6) .p-recruit_data {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .-rec_item:nth-child(7) .p-recruit_data {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .-rec_item:nth-child(8) .p-recruit_data {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .-rec_item:nth-child(9) .p-recruit_data {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .-rec_item:nth-child(10) .p-recruit_data {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.p-recruit_data::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 2px rgba(135, 135, 135, 0.5) solid;
  border-right: 2px rgba(135, 135, 135, 0.5) solid;
  width: 0;
  height: 0;
  pointer-events: none;
  content: "";
}

.is-load .p-recruit_data::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1);
  transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1);
  width: 100%;
  height: 100%;
}

.is-load .-rec_item:nth-child(1) .p-recruit_data::before {
  -webkit-transition-delay: 1s, 1s, 1.65s;
          transition-delay: 1s, 1s, 1.65s;
}

.is-load .-rec_item:nth-child(2) .p-recruit_data::before {
  -webkit-transition-delay: 1.1s, 1.1s, 1.75s;
          transition-delay: 1.1s, 1.1s, 1.75s;
}

.is-load .-rec_item:nth-child(3) .p-recruit_data::before {
  -webkit-transition-delay: 1.2s, 1.2s, 1.85s;
          transition-delay: 1.2s, 1.2s, 1.85s;
}

.is-load .-rec_item:nth-child(4) .p-recruit_data::before {
  -webkit-transition-delay: 1.3s, 1.3s, 1.95s;
          transition-delay: 1.3s, 1.3s, 1.95s;
}

.is-load .-rec_item:nth-child(5) .p-recruit_data::before {
  -webkit-transition-delay: 1.4s, 1.4s, 2.05s;
          transition-delay: 1.4s, 1.4s, 2.05s;
}

.is-load .-rec_item:nth-child(6) .p-recruit_data::before {
  -webkit-transition-delay: 1.5s, 1.5s, 2.15s;
          transition-delay: 1.5s, 1.5s, 2.15s;
}

.is-load .-rec_item:nth-child(7) .p-recruit_data::before {
  -webkit-transition-delay: 1.6s, 1.6s, 2.25s;
          transition-delay: 1.6s, 1.6s, 2.25s;
}

.is-load .-rec_item:nth-child(8) .p-recruit_data::before {
  -webkit-transition-delay: 1.7s, 1.7s, 2.35s;
          transition-delay: 1.7s, 1.7s, 2.35s;
}

.is-load .-rec_item:nth-child(9) .p-recruit_data::before {
  -webkit-transition-delay: 1.8s, 1.8s, 2.45s;
          transition-delay: 1.8s, 1.8s, 2.45s;
}

.is-load .-rec_item:nth-child(10) .p-recruit_data::before {
  -webkit-transition-delay: 1.9s, 1.9s, 2.55s;
          transition-delay: 1.9s, 1.9s, 2.55s;
}

.is-load .-rec_item:nth-child(11) .p-recruit_data::before {
  -webkit-transition-delay: 2s, 2s, 2.65s;
          transition-delay: 2s, 2s, 2.65s;
}

.is-load .-rec_item:nth-child(12) .p-recruit_data::before {
  -webkit-transition-delay: 2.1s, 2.1s, 2.75s;
          transition-delay: 2.1s, 2.1s, 2.75s;
}

.is-load .-rec_item:nth-child(13) .p-recruit_data::before {
  -webkit-transition-delay: 2.2s, 2.2s, 2.85s;
          transition-delay: 2.2s, 2.2s, 2.85s;
}

.is-load .-rec_item:nth-child(14) .p-recruit_data::before {
  -webkit-transition-delay: 2.3s, 2.3s, 2.95s;
          transition-delay: 2.3s, 2.3s, 2.95s;
}

.is-load .-rec_item:nth-child(15) .p-recruit_data::before {
  -webkit-transition-delay: 2.4s, 2.4s, 3.05s;
          transition-delay: 2.4s, 2.4s, 3.05s;
}

.is-load .-rec_item:nth-child(16) .p-recruit_data::before {
  -webkit-transition-delay: 2.5s, 2.5s, 3.15s;
          transition-delay: 2.5s, 2.5s, 3.15s;
}

.is-load .-rec_item:nth-child(17) .p-recruit_data::before {
  -webkit-transition-delay: 2.6s, 2.6s, 3.25s;
          transition-delay: 2.6s, 2.6s, 3.25s;
}

.is-load .-rec_item:nth-child(18) .p-recruit_data::before {
  -webkit-transition-delay: 2.7s, 2.7s, 3.35s;
          transition-delay: 2.7s, 2.7s, 3.35s;
}

.is-load .-rec_item:nth-child(19) .p-recruit_data::before {
  -webkit-transition-delay: 2.8s, 2.8s, 3.45s;
          transition-delay: 2.8s, 2.8s, 3.45s;
}

.is-load .-rec_item:nth-child(20) .p-recruit_data::before {
  -webkit-transition-delay: 2.9s, 2.9s, 3.55s;
          transition-delay: 2.9s, 2.9s, 3.55s;
}

.is-pjax .p-recruit_data::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: 0s !important;
  transition: 0s !important;
  width: 0;
  height: 0;
}

.p-recruit_data::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 2px rgba(135, 135, 135, 0.5) solid;
  border-left: 2px rgba(135, 135, 135, 0.5) solid;
  width: 0;
  height: 0;
  pointer-events: none;
  content: "";
}

.is-load .p-recruit_data::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1);
  transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1);
  width: 100%;
  height: 100%;
}

.is-load .-rec_item:nth-child(1) .p-recruit_data::after {
  -webkit-transition-delay: 1s, 1s, 1.65s;
          transition-delay: 1s, 1s, 1.65s;
}

.is-load .-rec_item:nth-child(2) .p-recruit_data::after {
  -webkit-transition-delay: 1.1s, 1.1s, 1.75s;
          transition-delay: 1.1s, 1.1s, 1.75s;
}

.is-load .-rec_item:nth-child(3) .p-recruit_data::after {
  -webkit-transition-delay: 1.2s, 1.2s, 1.85s;
          transition-delay: 1.2s, 1.2s, 1.85s;
}

.is-load .-rec_item:nth-child(4) .p-recruit_data::after {
  -webkit-transition-delay: 1.3s, 1.3s, 1.95s;
          transition-delay: 1.3s, 1.3s, 1.95s;
}

.is-load .-rec_item:nth-child(5) .p-recruit_data::after {
  -webkit-transition-delay: 1.4s, 1.4s, 2.05s;
          transition-delay: 1.4s, 1.4s, 2.05s;
}

.is-load .-rec_item:nth-child(6) .p-recruit_data::after {
  -webkit-transition-delay: 1.5s, 1.5s, 2.15s;
          transition-delay: 1.5s, 1.5s, 2.15s;
}

.is-load .-rec_item:nth-child(7) .p-recruit_data::after {
  -webkit-transition-delay: 1.6s, 1.6s, 2.25s;
          transition-delay: 1.6s, 1.6s, 2.25s;
}

.is-load .-rec_item:nth-child(8) .p-recruit_data::after {
  -webkit-transition-delay: 1.7s, 1.7s, 2.35s;
          transition-delay: 1.7s, 1.7s, 2.35s;
}

.is-load .-rec_item:nth-child(9) .p-recruit_data::after {
  -webkit-transition-delay: 1.8s, 1.8s, 2.45s;
          transition-delay: 1.8s, 1.8s, 2.45s;
}

.is-load .-rec_item:nth-child(10) .p-recruit_data::after {
  -webkit-transition-delay: 1.9s, 1.9s, 2.55s;
          transition-delay: 1.9s, 1.9s, 2.55s;
}

.is-load .-rec_item:nth-child(11) .p-recruit_data::after {
  -webkit-transition-delay: 2s, 2s, 2.65s;
          transition-delay: 2s, 2s, 2.65s;
}

.is-load .-rec_item:nth-child(12) .p-recruit_data::after {
  -webkit-transition-delay: 2.1s, 2.1s, 2.75s;
          transition-delay: 2.1s, 2.1s, 2.75s;
}

.is-load .-rec_item:nth-child(13) .p-recruit_data::after {
  -webkit-transition-delay: 2.2s, 2.2s, 2.85s;
          transition-delay: 2.2s, 2.2s, 2.85s;
}

.is-load .-rec_item:nth-child(14) .p-recruit_data::after {
  -webkit-transition-delay: 2.3s, 2.3s, 2.95s;
          transition-delay: 2.3s, 2.3s, 2.95s;
}

.is-load .-rec_item:nth-child(15) .p-recruit_data::after {
  -webkit-transition-delay: 2.4s, 2.4s, 3.05s;
          transition-delay: 2.4s, 2.4s, 3.05s;
}

.is-load .-rec_item:nth-child(16) .p-recruit_data::after {
  -webkit-transition-delay: 2.5s, 2.5s, 3.15s;
          transition-delay: 2.5s, 2.5s, 3.15s;
}

.is-load .-rec_item:nth-child(17) .p-recruit_data::after {
  -webkit-transition-delay: 2.6s, 2.6s, 3.25s;
          transition-delay: 2.6s, 2.6s, 3.25s;
}

.is-load .-rec_item:nth-child(18) .p-recruit_data::after {
  -webkit-transition-delay: 2.7s, 2.7s, 3.35s;
          transition-delay: 2.7s, 2.7s, 3.35s;
}

.is-load .-rec_item:nth-child(19) .p-recruit_data::after {
  -webkit-transition-delay: 2.8s, 2.8s, 3.45s;
          transition-delay: 2.8s, 2.8s, 3.45s;
}

.is-load .-rec_item:nth-child(20) .p-recruit_data::after {
  -webkit-transition-delay: 2.9s, 2.9s, 3.55s;
          transition-delay: 2.9s, 2.9s, 3.55s;
}

.is-pjax .p-recruit_data::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: 0s !important;
  transition: 0s !important;
  width: 0;
  height: 0;
}

.p-recruit_data__name {
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  margin: 0 auto 35px;
  width: 100%;
  font-size: 22px;
  letter-spacing: 4px;
  word-break: keep-all;
}

@media screen and (max-width: 960px) {
  .p-recruit_data__name {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

@media (-ms-high-contrast: none) {
  .p-recruit_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-recruit_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-recruit_data__name {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

@media (-ms-high-contrast: none) {
  .is-load .p-recruit_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-recruit_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  }
}

.is-load .-rec_item:nth-child(1) .p-recruit_data__name {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .-rec_item:nth-child(2) .p-recruit_data__name {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .-rec_item:nth-child(3) .p-recruit_data__name {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .-rec_item:nth-child(4) .p-recruit_data__name {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .-rec_item:nth-child(5) .p-recruit_data__name {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .-rec_item:nth-child(6) .p-recruit_data__name {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .-rec_item:nth-child(7) .p-recruit_data__name {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .-rec_item:nth-child(8) .p-recruit_data__name {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .-rec_item:nth-child(9) .p-recruit_data__name {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .-rec_item:nth-child(10) .p-recruit_data__name {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.is-load .-rec_item:nth-child(11) .p-recruit_data__name {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

.is-load .-rec_item:nth-child(12) .p-recruit_data__name {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}

.is-load .-rec_item:nth-child(13) .p-recruit_data__name {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.is-load .-rec_item:nth-child(14) .p-recruit_data__name {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

.is-load .-rec_item:nth-child(15) .p-recruit_data__name {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}

.is-load .-rec_item:nth-child(16) .p-recruit_data__name {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.is-load .-rec_item:nth-child(17) .p-recruit_data__name {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

.is-load .-rec_item:nth-child(18) .p-recruit_data__name {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}

.is-load .-rec_item:nth-child(19) .p-recruit_data__name {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.is-load .-rec_item:nth-child(20) .p-recruit_data__name {
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
}

.is-pjax .p-recruit_data__name {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

@media (-ms-high-contrast: none) {
  .p-recruit_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-recruit_data__name {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-recruit_data__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-recruit_data__link {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    padding: 0 22px;
  }
}

.is-load .p-recruit_data__link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

.is-load .-rec_item:nth-child(1) .p-recruit_data__link {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .-rec_item:nth-child(2) .p-recruit_data__link {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .-rec_item:nth-child(3) .p-recruit_data__link {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .-rec_item:nth-child(4) .p-recruit_data__link {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .-rec_item:nth-child(5) .p-recruit_data__link {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .-rec_item:nth-child(6) .p-recruit_data__link {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .-rec_item:nth-child(7) .p-recruit_data__link {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .-rec_item:nth-child(8) .p-recruit_data__link {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .-rec_item:nth-child(9) .p-recruit_data__link {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .-rec_item:nth-child(10) .p-recruit_data__link {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.is-load .-rec_item:nth-child(11) .p-recruit_data__link {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

.is-load .-rec_item:nth-child(12) .p-recruit_data__link {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}

.is-load .-rec_item:nth-child(13) .p-recruit_data__link {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.is-load .-rec_item:nth-child(14) .p-recruit_data__link {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

.is-load .-rec_item:nth-child(15) .p-recruit_data__link {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}

.is-load .-rec_item:nth-child(16) .p-recruit_data__link {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.is-load .-rec_item:nth-child(17) .p-recruit_data__link {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

.is-load .-rec_item:nth-child(18) .p-recruit_data__link {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}

.is-load .-rec_item:nth-child(19) .p-recruit_data__link {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.is-load .-rec_item:nth-child(20) .p-recruit_data__link {
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
}

.is-pjax .p-recruit_data__link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.p-recruit_data__btn {
  display: block;
  position: relative;
  width: 49%;
}

.p-recruit_data__btn + .p-recruit_data__btn {
  margin-left: 2%;
}

.is-pjax-interview .l-in__header {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%) !important;
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%) !important;
  -webkit-transition: -webkit-clip-path 1.6s cubic-bezier(0.5, 1, 0.89, 1) !important;
  transition: -webkit-clip-path 1.6s cubic-bezier(0.5, 1, 0.89, 1) !important;
  transition: clip-path 1.6s cubic-bezier(0.5, 1, 0.89, 1) !important;
  transition: clip-path 1.6s cubic-bezier(0.5, 1, 0.89, 1), -webkit-clip-path 1.6s cubic-bezier(0.5, 1, 0.89, 1) !important;
}

.p-interview {
  position: relative;
  margin: 0 auto;
  padding-bottom: 150px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-interview {
    padding-bottom: 60px;
  }
}

.p-interview__container {
  position: relative;
  margin: 0 auto;
  width: 93%;
  max-width: 1800px;
}

@media screen and (max-width: 960px) {
  .p-interview__container {
    width: 87%;
  }
}

.p-interview__header {
  position: relative;
  margin: 0 auto 50px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-interview__header {
    margin-bottom: 70px;
  }
}

.p-interview__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-interview__footer {
  position: relative;
  margin: 140px auto 0;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-interview__footer {
    margin-top: 100px;
  }
}

.p-interview__copy {
  position: relative;
  margin: 60px 0 58px;
  width: 100%;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

@media screen and (max-width: 960px) {
  .p-interview__copy {
    margin: 38px 0 38px;
    font-size: 10px;
    text-align: left;
  }
}

.p-interview__copy:first-child {
  margin-top: 0;
}

.p-interview__copy:last-child {
  margin-bottom: 0;
}

.p-interview__copy-in {
  display: inline-block;
  text-align: left;
}

.p-interview__copy img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: none;
  height: .8em;
}

.p-interview_nav {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 0;
  letter-spacing: -.4em;
}

@media screen and (min-width: 961px) {
  .p-interview_nav {
    margin-bottom: -50px;
  }
}

.p-interview_nav__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  width: 32%;
  font-size: 16px;
  letter-spacing: 1px;
}

@media screen and (min-width: 961px) {
  .p-interview_nav__item {
    margin: 0 2% 50px 0;
  }
  .p-interview_nav__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .p-interview_nav__item {
    width: 100%;
  }
  .p-interview_nav__item + .p-interview_nav__item {
    margin-top: 10px;
  }
}

@media (-ms-high-contrast: none) {
  .p-interview_nav__item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-interview_nav__item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-interview_nav__item {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-transition: -webkit-clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
  transition: -webkit-clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
  transition: clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
  transition: clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s, -webkit-clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
}

@media (-ms-high-contrast: none) {
  .is-load .p-interview_nav__item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-interview_nav__item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.is-load .p-interview_nav__item:nth-child(1) {
  -webkit-transition-delay: 0.7s, 0.7s;
          transition-delay: 0.7s, 0.7s;
}

.is-load .p-interview_nav__item:nth-child(2) {
  -webkit-transition-delay: 0.8s, 0.8s;
          transition-delay: 0.8s, 0.8s;
}

.is-load .p-interview_nav__item:nth-child(3) {
  -webkit-transition-delay: 0.9s, 0.9s;
          transition-delay: 0.9s, 0.9s;
}

.is-load .p-interview_nav__item:nth-child(4) {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-load .p-interview_nav__item:nth-child(5) {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-load .p-interview_nav__item:nth-child(6) {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-load .p-interview_nav__item:nth-child(7) {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-load .p-interview_nav__item:nth-child(8) {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-load .p-interview_nav__item:nth-child(9) {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-load .p-interview_nav__item:nth-child(10) {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(1) {
  -webkit-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(2) {
  -webkit-transition-delay: 0.1s, 0.1s;
          transition-delay: 0.1s, 0.1s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(3) {
  -webkit-transition-delay: 0.2s, 0.2s;
          transition-delay: 0.2s, 0.2s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(4) {
  -webkit-transition-delay: 0.3s, 0.3s;
          transition-delay: 0.3s, 0.3s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(5) {
  -webkit-transition-delay: 0.4s, 0.4s;
          transition-delay: 0.4s, 0.4s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(6) {
  -webkit-transition-delay: 0.5s, 0.5s;
          transition-delay: 0.5s, 0.5s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(7) {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(8) {
  -webkit-transition-delay: 0.7s, 0.7s;
          transition-delay: 0.7s, 0.7s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(9) {
  -webkit-transition-delay: 0.8s, 0.8s;
          transition-delay: 0.8s, 0.8s;
}

.is-pjax-interview .p-interview_nav__item:nth-child(10) {
  -webkit-transition-delay: 0.9s, 0.9s;
          transition-delay: 0.9s, 0.9s;
}

.is-pjax .p-interview_nav__item,
.is-pjax-interview-out .p-interview_nav__item {
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-interview_nav__item,
  .is-pjax-interview-out .p-interview_nav__item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-interview_nav__item,
  .is-pjax-interview-out .p-interview_nav__item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-interview_nav_btn {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  width: 100%;
}

.p-interview_nav_btn__text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  color: #fff;
  font-size: 22px;
  letter-spacing: 14px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-interview_nav_btn__text {
    font-size: 18px;
    letter-spacing: 10px;
  }
}

.p-interview_nav_btn__text-word {
  display: inline-block;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
  transition: opacity 0.85s cubic-bezier(0.65, 0, 0.35, 1), color 0s linear 0.85s;
  color: #f00;
}

.is-load .p-interview_nav_btn__text-word {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  color: #fff;
}

.is-load .p-interview_nav_btn__text-word:nth-child(1) {
  -webkit-transition-delay: 0.86s, 0.86s;
          transition-delay: 0.86s, 0.86s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(2) {
  -webkit-transition-delay: 0.92s, 0.92s;
          transition-delay: 0.92s, 0.92s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(3) {
  -webkit-transition-delay: 0.98s, 0.98s;
          transition-delay: 0.98s, 0.98s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(4) {
  -webkit-transition-delay: 1.04s, 1.04s;
          transition-delay: 1.04s, 1.04s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(5) {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(6) {
  -webkit-transition-delay: 1.16s, 1.16s;
          transition-delay: 1.16s, 1.16s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(7) {
  -webkit-transition-delay: 1.22s, 1.22s;
          transition-delay: 1.22s, 1.22s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(8) {
  -webkit-transition-delay: 1.28s, 1.28s;
          transition-delay: 1.28s, 1.28s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(9) {
  -webkit-transition-delay: 1.34s, 1.34s;
          transition-delay: 1.34s, 1.34s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(10) {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(11) {
  -webkit-transition-delay: 1.46s, 1.46s;
          transition-delay: 1.46s, 1.46s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(12) {
  -webkit-transition-delay: 1.52s, 1.52s;
          transition-delay: 1.52s, 1.52s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(13) {
  -webkit-transition-delay: 1.58s, 1.58s;
          transition-delay: 1.58s, 1.58s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(14) {
  -webkit-transition-delay: 1.64s, 1.64s;
          transition-delay: 1.64s, 1.64s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(15) {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(16) {
  -webkit-transition-delay: 1.76s, 1.76s;
          transition-delay: 1.76s, 1.76s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(17) {
  -webkit-transition-delay: 1.82s, 1.82s;
          transition-delay: 1.82s, 1.82s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(18) {
  -webkit-transition-delay: 1.88s, 1.88s;
          transition-delay: 1.88s, 1.88s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(19) {
  -webkit-transition-delay: 1.94s, 1.94s;
          transition-delay: 1.94s, 1.94s;
}

.is-load .p-interview_nav_btn__text-word:nth-child(20) {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.p-interview_nav_btn__arrow {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 7px;
}

@media screen and (max-width: 960px) {
  .p-interview_nav_btn__arrow {
    width: 6px;
  }
}

.p-interview_nav_btn__arrow-svg {
  display: block;
  position: relative;
  height: auto;
}

[data-ua="pc"] .p-interview_nav_btn:hover .p-interview_nav_btn__arrow-svg {
  -webkit-animation: arrow_d 1.6s linear infinite;
          animation: arrow_d 1.6s linear infinite;
}

.p-interview_nav_btn__arrow-path {
  fill: #fff;
}

.p-interview_in {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-interview_in + .p-interview_in {
  padding-top: 88px;
}

@media screen and (max-width: 960px) {
  .p-interview_in + .p-interview_in {
    padding-top: 74px;
  }
}

.p-interview_in__header {
  position: relative;
  margin: 0 auto 28px;
  padding-bottom: 20px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-interview_in__header {
    margin-bottom: 28px;
  }
}

.p-interview_in__header::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 0;
  height: 10px;
  content: "";
}

@media screen and (min-width: 961px) {
  .p-interview_in__header::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3;
  }
}

@media screen and (max-width: 960px) {
  .p-interview_in__header::before {
    -webkit-mask: url("../img/interview/index/line_red.png") repeat left center;
            mask: url("../img/interview/index/line_red.png") repeat left center;
    background-size: auto 100%;
  }
}

.-designer .p-interview_in__header::before {
  background: #f00;
}

.-planner .p-interview_in__header::before {
  background: #d48700;
}

.-engineer .p-interview_in__header::before {
  background: #004da4;
}

.is-load .p-interview_in__header::before {
  -webkit-transition: width 1.25s cubic-bezier(0.87, 0, 0.13, 1) 0.7s;
  transition: width 1.25s cubic-bezier(0.87, 0, 0.13, 1) 0.7s;
  width: 400px;
}

@media screen and (max-width: 960px) {
  .is-load .p-interview_in__header::before {
    width: 100%;
  }
}

.is-pjax-interview .p-interview_in__header::before {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.is-pjax .p-interview_in__header::before,
.is-pjax-interview-out .p-interview_in__header::before {
  -webkit-transition: 0s !important;
  transition: 0s !important;
  width: 0;
}

.p-interview_in__title {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-interview_in__title-text {
  display: table;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  will-change: clip-path;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 34px;
}

@media screen and (max-width: 960px) {
  .p-interview_in__title-text {
    font-size: 14px;
    letter-spacing: 7.467vw;
  }
}

@media (-ms-high-contrast: none) {
  .p-interview_in__title-text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-interview_in__title-text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-interview_in__title-text {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

@media (-ms-high-contrast: none) {
  .is-load .p-interview_in__title-text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-interview_in__title-text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.is-pjax-interview .p-interview_in__title-text {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.is-pjax .p-interview_in__title-text,
.is-pjax-interview-out .p-interview_in__title-text {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-interview_in__title-text,
  .is-pjax-interview-out .p-interview_in__title-text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-interview_in__title-text,
  .is-pjax-interview-out .p-interview_in__title-text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-interview_in__list {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 0;
  letter-spacing: -.4em;
}

@media screen and (min-width: 961px) {
  .p-interview_in__list {
    margin-bottom: -62px;
  }
}

.p-interview_in__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 30.3333%;
  font-size: 16px;
  letter-spacing: 1px;
}

@media screen and (min-width: 961px) {
  .p-interview_in__item {
    margin: 0 4% 62px 0;
    width: 48%;
  }
  .p-interview_in__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 961px) and (min-width: 1400px) {
  .p-interview_in__item {
    margin: 0 2% 62px 0;
    width: 32%;
  }
  .p-interview_in__item:nth-child(2n) {
    margin-right: 2%;
  }
  .p-interview_in__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .p-interview_in__item {
    width: 100%;
  }
  .p-interview_in__item + .p-interview_in__item {
    margin-top: 47px;
  }
}

.p-interview_data {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-interview_data__cap {
  position: relative;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  will-change: clip-path;
  width: 40%;
  min-width: 230px;
}

@media screen and (max-width: 960px) {
  .p-interview_data__cap {
    width: 55%;
    min-width: 180px;
  }
}

@media (-ms-high-contrast: none) {
  .p-interview_data__cap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-interview_data__cap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-interview_data__cap {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-transition: -webkit-clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
  transition: -webkit-clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
  transition: clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
  transition: clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s, -webkit-clip-path 0.85s cubic-bezier(0.87, 0, 0.13, 1) 1.4s;
}

@media (-ms-high-contrast: none) {
  .is-load .p-interview_data__cap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-interview_data__cap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  }
}

.is-load .-interview_item:nth-child(1) .p-interview_data__cap {
  -webkit-transition-delay: 0.7s, 0.7s;
          transition-delay: 0.7s, 0.7s;
}

.is-load .-interview_item:nth-child(2) .p-interview_data__cap {
  -webkit-transition-delay: 0.8s, 0.8s;
          transition-delay: 0.8s, 0.8s;
}

.is-load .-interview_item:nth-child(3) .p-interview_data__cap {
  -webkit-transition-delay: 0.9s, 0.9s;
          transition-delay: 0.9s, 0.9s;
}

.is-load .-interview_item:nth-child(4) .p-interview_data__cap {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-load .-interview_item:nth-child(5) .p-interview_data__cap {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-load .-interview_item:nth-child(6) .p-interview_data__cap {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-load .-interview_item:nth-child(7) .p-interview_data__cap {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-load .-interview_item:nth-child(8) .p-interview_data__cap {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-load .-interview_item:nth-child(9) .p-interview_data__cap {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-load .-interview_item:nth-child(10) .p-interview_data__cap {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-load .-interview_item:nth-child(11) .p-interview_data__cap {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-load .-interview_item:nth-child(12) .p-interview_data__cap {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-load .-interview_item:nth-child(13) .p-interview_data__cap {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-load .-interview_item:nth-child(14) .p-interview_data__cap {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.is-load .-interview_item:nth-child(15) .p-interview_data__cap {
  -webkit-transition-delay: 2.1s, 2.1s;
          transition-delay: 2.1s, 2.1s;
}

.is-load .-interview_item:nth-child(16) .p-interview_data__cap {
  -webkit-transition-delay: 2.2s, 2.2s;
          transition-delay: 2.2s, 2.2s;
}

.is-load .-interview_item:nth-child(17) .p-interview_data__cap {
  -webkit-transition-delay: 2.3s, 2.3s;
          transition-delay: 2.3s, 2.3s;
}

.is-load .-interview_item:nth-child(18) .p-interview_data__cap {
  -webkit-transition-delay: 2.4s, 2.4s;
          transition-delay: 2.4s, 2.4s;
}

.is-load .-interview_item:nth-child(19) .p-interview_data__cap {
  -webkit-transition-delay: 2.5s, 2.5s;
          transition-delay: 2.5s, 2.5s;
}

.is-load .-interview_item:nth-child(20) .p-interview_data__cap {
  -webkit-transition-delay: 2.6s, 2.6s;
          transition-delay: 2.6s, 2.6s;
}

.is-pjax-interview .-interview_item:nth-child(1) .p-interview_data__cap {
  -webkit-transition-delay: 0.2s, 0.2s;
          transition-delay: 0.2s, 0.2s;
}

.is-pjax-interview .-interview_item:nth-child(2) .p-interview_data__cap {
  -webkit-transition-delay: 0.3s, 0.3s;
          transition-delay: 0.3s, 0.3s;
}

.is-pjax-interview .-interview_item:nth-child(3) .p-interview_data__cap {
  -webkit-transition-delay: 0.4s, 0.4s;
          transition-delay: 0.4s, 0.4s;
}

.is-pjax-interview .-interview_item:nth-child(4) .p-interview_data__cap {
  -webkit-transition-delay: 0.5s, 0.5s;
          transition-delay: 0.5s, 0.5s;
}

.is-pjax-interview .-interview_item:nth-child(5) .p-interview_data__cap {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}

.is-pjax-interview .-interview_item:nth-child(6) .p-interview_data__cap {
  -webkit-transition-delay: 0.7s, 0.7s;
          transition-delay: 0.7s, 0.7s;
}

.is-pjax-interview .-interview_item:nth-child(7) .p-interview_data__cap {
  -webkit-transition-delay: 0.8s, 0.8s;
          transition-delay: 0.8s, 0.8s;
}

.is-pjax-interview .-interview_item:nth-child(8) .p-interview_data__cap {
  -webkit-transition-delay: 0.9s, 0.9s;
          transition-delay: 0.9s, 0.9s;
}

.is-pjax-interview .-interview_item:nth-child(9) .p-interview_data__cap {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-pjax-interview .-interview_item:nth-child(10) .p-interview_data__cap {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-pjax-interview .-interview_item:nth-child(11) .p-interview_data__cap {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-pjax-interview .-interview_item:nth-child(12) .p-interview_data__cap {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-pjax-interview .-interview_item:nth-child(13) .p-interview_data__cap {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-pjax-interview .-interview_item:nth-child(14) .p-interview_data__cap {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-pjax-interview .-interview_item:nth-child(15) .p-interview_data__cap {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-pjax-interview .-interview_item:nth-child(16) .p-interview_data__cap {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-pjax-interview .-interview_item:nth-child(17) .p-interview_data__cap {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-pjax-interview .-interview_item:nth-child(18) .p-interview_data__cap {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-pjax-interview .-interview_item:nth-child(19) .p-interview_data__cap {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.is-pjax-interview .-interview_item:nth-child(20) .p-interview_data__cap {
  -webkit-transition-delay: 2.1s, 2.1s;
          transition-delay: 2.1s, 2.1s;
}

.is-pjax .p-interview_data__cap,
.is-pjax-interview-out .p-interview_data__cap {
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-interview_data__cap,
  .is-pjax-interview-out .p-interview_data__cap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-interview_data__cap,
  .is-pjax-interview-out .p-interview_data__cap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-interview_data__cap-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  color: #fff;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
}

@media screen and (max-width: 960px) {
  .p-interview_data__cap-text {
    width: 85%;
  }
}

.p-interview_data__img {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.p-interview_data__img::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  border-top: 1px transparent solid;
  border-right: 1px transparent solid;
  width: 0;
  height: 0;
  pointer-events: none;
  content: "";
}

.-designer .p-interview_data__img::before {
  border-color: #f00;
}

.-planner .p-interview_data__img::before {
  border-color: #d48700;
}

.-engineer .p-interview_data__img::before {
  border-color: #004da4;
}

.is-load .p-interview_data__img::before {
  -webkit-transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1);
  transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1);
  width: 100%;
  height: 100%;
}

.is-load .-interview_item:nth-child(1) .p-interview_data__img::before {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-load .-interview_item:nth-child(2) .p-interview_data__img::before {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-load .-interview_item:nth-child(3) .p-interview_data__img::before {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-load .-interview_item:nth-child(4) .p-interview_data__img::before {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-load .-interview_item:nth-child(5) .p-interview_data__img::before {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-load .-interview_item:nth-child(6) .p-interview_data__img::before {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-load .-interview_item:nth-child(7) .p-interview_data__img::before {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-load .-interview_item:nth-child(8) .p-interview_data__img::before {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-load .-interview_item:nth-child(9) .p-interview_data__img::before {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-load .-interview_item:nth-child(10) .p-interview_data__img::before {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-load .-interview_item:nth-child(11) .p-interview_data__img::before {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.is-load .-interview_item:nth-child(12) .p-interview_data__img::before {
  -webkit-transition-delay: 2.1s, 2.1s;
          transition-delay: 2.1s, 2.1s;
}

.is-load .-interview_item:nth-child(13) .p-interview_data__img::before {
  -webkit-transition-delay: 2.2s, 2.2s;
          transition-delay: 2.2s, 2.2s;
}

.is-load .-interview_item:nth-child(14) .p-interview_data__img::before {
  -webkit-transition-delay: 2.3s, 2.3s;
          transition-delay: 2.3s, 2.3s;
}

.is-load .-interview_item:nth-child(15) .p-interview_data__img::before {
  -webkit-transition-delay: 2.4s, 2.4s;
          transition-delay: 2.4s, 2.4s;
}

.is-load .-interview_item:nth-child(16) .p-interview_data__img::before {
  -webkit-transition-delay: 2.5s, 2.5s;
          transition-delay: 2.5s, 2.5s;
}

.is-load .-interview_item:nth-child(17) .p-interview_data__img::before {
  -webkit-transition-delay: 2.6s, 2.6s;
          transition-delay: 2.6s, 2.6s;
}

.is-load .-interview_item:nth-child(18) .p-interview_data__img::before {
  -webkit-transition-delay: 2.7s, 2.7s;
          transition-delay: 2.7s, 2.7s;
}

.is-load .-interview_item:nth-child(19) .p-interview_data__img::before {
  -webkit-transition-delay: 2.8s, 2.8s;
          transition-delay: 2.8s, 2.8s;
}

.is-load .-interview_item:nth-child(20) .p-interview_data__img::before {
  -webkit-transition-delay: 2.9s, 2.9s;
          transition-delay: 2.9s, 2.9s;
}

.is-pjax-interview .-interview_item:nth-child(1) .p-interview_data__img::before {
  -webkit-transition-delay: 0.3s, 0.3s;
          transition-delay: 0.3s, 0.3s;
}

.is-pjax-interview .-interview_item:nth-child(2) .p-interview_data__img::before {
  -webkit-transition-delay: 0.4s, 0.4s;
          transition-delay: 0.4s, 0.4s;
}

.is-pjax-interview .-interview_item:nth-child(3) .p-interview_data__img::before {
  -webkit-transition-delay: 0.5s, 0.5s;
          transition-delay: 0.5s, 0.5s;
}

.is-pjax-interview .-interview_item:nth-child(4) .p-interview_data__img::before {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}

.is-pjax-interview .-interview_item:nth-child(5) .p-interview_data__img::before {
  -webkit-transition-delay: 0.7s, 0.7s;
          transition-delay: 0.7s, 0.7s;
}

.is-pjax-interview .-interview_item:nth-child(6) .p-interview_data__img::before {
  -webkit-transition-delay: 0.8s, 0.8s;
          transition-delay: 0.8s, 0.8s;
}

.is-pjax-interview .-interview_item:nth-child(7) .p-interview_data__img::before {
  -webkit-transition-delay: 0.9s, 0.9s;
          transition-delay: 0.9s, 0.9s;
}

.is-pjax-interview .-interview_item:nth-child(8) .p-interview_data__img::before {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-pjax-interview .-interview_item:nth-child(9) .p-interview_data__img::before {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-pjax-interview .-interview_item:nth-child(10) .p-interview_data__img::before {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-pjax-interview .-interview_item:nth-child(11) .p-interview_data__img::before {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-pjax-interview .-interview_item:nth-child(12) .p-interview_data__img::before {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-pjax-interview .-interview_item:nth-child(13) .p-interview_data__img::before {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-pjax-interview .-interview_item:nth-child(14) .p-interview_data__img::before {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-pjax-interview .-interview_item:nth-child(15) .p-interview_data__img::before {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-pjax-interview .-interview_item:nth-child(16) .p-interview_data__img::before {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-pjax-interview .-interview_item:nth-child(17) .p-interview_data__img::before {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-pjax-interview .-interview_item:nth-child(18) .p-interview_data__img::before {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.is-pjax-interview .-interview_item:nth-child(19) .p-interview_data__img::before {
  -webkit-transition-delay: 2.1s, 2.1s;
          transition-delay: 2.1s, 2.1s;
}

.is-pjax-interview .-interview_item:nth-child(20) .p-interview_data__img::before {
  -webkit-transition-delay: 2.2s, 2.2s;
          transition-delay: 2.2s, 2.2s;
}

.is-pjax .p-interview_data__img::before,
.is-pjax-interview-out .p-interview_data__img::before {
  -webkit-transition: 0s !important;
  transition: 0s !important;
  width: 0;
  height: 0;
}

.p-interview_data__img::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px transparent solid;
  border-left: 1px transparent solid;
  width: 0;
  height: 0;
  pointer-events: none;
  content: "";
}

.-designer .p-interview_data__img::after {
  border-color: #f00;
}

.-planner .p-interview_data__img::after {
  border-color: #d48700;
}

.-engineer .p-interview_data__img::after {
  border-color: #004da4;
}

.is-load .p-interview_data__img::after {
  -webkit-transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1);
  transition: width 0.65s cubic-bezier(0.65, 0, 0.35, 1), height 0.65s cubic-bezier(0.65, 0, 0.35, 1);
  width: 100%;
  height: 100%;
}

.is-load .-interview_item:nth-child(1) .p-interview_data__img::after {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-load .-interview_item:nth-child(2) .p-interview_data__img::after {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-load .-interview_item:nth-child(3) .p-interview_data__img::after {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-load .-interview_item:nth-child(4) .p-interview_data__img::after {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-load .-interview_item:nth-child(5) .p-interview_data__img::after {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-load .-interview_item:nth-child(6) .p-interview_data__img::after {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-load .-interview_item:nth-child(7) .p-interview_data__img::after {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-load .-interview_item:nth-child(8) .p-interview_data__img::after {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-load .-interview_item:nth-child(9) .p-interview_data__img::after {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-load .-interview_item:nth-child(10) .p-interview_data__img::after {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-load .-interview_item:nth-child(11) .p-interview_data__img::after {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.is-load .-interview_item:nth-child(12) .p-interview_data__img::after {
  -webkit-transition-delay: 2.1s, 2.1s;
          transition-delay: 2.1s, 2.1s;
}

.is-load .-interview_item:nth-child(13) .p-interview_data__img::after {
  -webkit-transition-delay: 2.2s, 2.2s;
          transition-delay: 2.2s, 2.2s;
}

.is-load .-interview_item:nth-child(14) .p-interview_data__img::after {
  -webkit-transition-delay: 2.3s, 2.3s;
          transition-delay: 2.3s, 2.3s;
}

.is-load .-interview_item:nth-child(15) .p-interview_data__img::after {
  -webkit-transition-delay: 2.4s, 2.4s;
          transition-delay: 2.4s, 2.4s;
}

.is-load .-interview_item:nth-child(16) .p-interview_data__img::after {
  -webkit-transition-delay: 2.5s, 2.5s;
          transition-delay: 2.5s, 2.5s;
}

.is-load .-interview_item:nth-child(17) .p-interview_data__img::after {
  -webkit-transition-delay: 2.6s, 2.6s;
          transition-delay: 2.6s, 2.6s;
}

.is-load .-interview_item:nth-child(18) .p-interview_data__img::after {
  -webkit-transition-delay: 2.7s, 2.7s;
          transition-delay: 2.7s, 2.7s;
}

.is-load .-interview_item:nth-child(19) .p-interview_data__img::after {
  -webkit-transition-delay: 2.8s, 2.8s;
          transition-delay: 2.8s, 2.8s;
}

.is-load .-interview_item:nth-child(20) .p-interview_data__img::after {
  -webkit-transition-delay: 2.9s, 2.9s;
          transition-delay: 2.9s, 2.9s;
}

.is-pjax-interview .-interview_item:nth-child(1) .p-interview_data__img::after {
  -webkit-transition-delay: 0.3s, 0.3s;
          transition-delay: 0.3s, 0.3s;
}

.is-pjax-interview .-interview_item:nth-child(2) .p-interview_data__img::after {
  -webkit-transition-delay: 0.4s, 0.4s;
          transition-delay: 0.4s, 0.4s;
}

.is-pjax-interview .-interview_item:nth-child(3) .p-interview_data__img::after {
  -webkit-transition-delay: 0.5s, 0.5s;
          transition-delay: 0.5s, 0.5s;
}

.is-pjax-interview .-interview_item:nth-child(4) .p-interview_data__img::after {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}

.is-pjax-interview .-interview_item:nth-child(5) .p-interview_data__img::after {
  -webkit-transition-delay: 0.7s, 0.7s;
          transition-delay: 0.7s, 0.7s;
}

.is-pjax-interview .-interview_item:nth-child(6) .p-interview_data__img::after {
  -webkit-transition-delay: 0.8s, 0.8s;
          transition-delay: 0.8s, 0.8s;
}

.is-pjax-interview .-interview_item:nth-child(7) .p-interview_data__img::after {
  -webkit-transition-delay: 0.9s, 0.9s;
          transition-delay: 0.9s, 0.9s;
}

.is-pjax-interview .-interview_item:nth-child(8) .p-interview_data__img::after {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-pjax-interview .-interview_item:nth-child(9) .p-interview_data__img::after {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-pjax-interview .-interview_item:nth-child(10) .p-interview_data__img::after {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-pjax-interview .-interview_item:nth-child(11) .p-interview_data__img::after {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-pjax-interview .-interview_item:nth-child(12) .p-interview_data__img::after {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-pjax-interview .-interview_item:nth-child(13) .p-interview_data__img::after {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-pjax-interview .-interview_item:nth-child(14) .p-interview_data__img::after {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-pjax-interview .-interview_item:nth-child(15) .p-interview_data__img::after {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-pjax-interview .-interview_item:nth-child(16) .p-interview_data__img::after {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-pjax-interview .-interview_item:nth-child(17) .p-interview_data__img::after {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-pjax-interview .-interview_item:nth-child(18) .p-interview_data__img::after {
  -webkit-transition-delay: 2s, 2s;
          transition-delay: 2s, 2s;
}

.is-pjax-interview .-interview_item:nth-child(19) .p-interview_data__img::after {
  -webkit-transition-delay: 2.1s, 2.1s;
          transition-delay: 2.1s, 2.1s;
}

.is-pjax-interview .-interview_item:nth-child(20) .p-interview_data__img::after {
  -webkit-transition-delay: 2.2s, 2.2s;
          transition-delay: 2.2s, 2.2s;
}

.is-pjax .p-interview_data__img::after,
.is-pjax-interview-out .p-interview_data__img::after {
  -webkit-transition: 0s !important;
  transition: 0s !important;
  width: 0;
  height: 0;
}

.p-interview_data__img-item {
  position: relative;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.35s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  will-change: transform;
  margin: 0 auto;
  width: 100%;
}

[data-ua="pc"] .p-interview_data:hover .p-interview_data__img-item {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.p-interview_data__img-item::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  width: 100%;
  height: 100%;
  content: "";
}

.-designer .p-interview_data__img-item::before {
  background: rgba(255, 0, 0, 0.3);
}

.-planner .p-interview_data__img-item::before {
  background: rgba(212, 135, 0, 0.3);
}

.-engineer .p-interview_data__img-item::before {
  background: rgba(0, 77, 164, 0.3);
}

[data-ua="pc"] .p-interview_data:hover .p-interview_data__img-item::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.is-load .p-interview_data__img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}

.is-pjax .p-interview_data__img,
.is-pjax-interview-out .p-interview_data__img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.is-load .-interview_item:nth-child(1) .p-interview_data__img {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .-interview_item:nth-child(2) .p-interview_data__img {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .-interview_item:nth-child(3) .p-interview_data__img {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .-interview_item:nth-child(4) .p-interview_data__img {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .-interview_item:nth-child(5) .p-interview_data__img {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .-interview_item:nth-child(6) .p-interview_data__img {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .-interview_item:nth-child(7) .p-interview_data__img {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .-interview_item:nth-child(8) .p-interview_data__img {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .-interview_item:nth-child(9) .p-interview_data__img {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .-interview_item:nth-child(10) .p-interview_data__img {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.is-pjax-interview .-interview_item:nth-child(1) .p-interview_data__img {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.is-pjax-interview .-interview_item:nth-child(2) .p-interview_data__img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.is-pjax-interview .-interview_item:nth-child(3) .p-interview_data__img {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.is-pjax-interview .-interview_item:nth-child(4) .p-interview_data__img {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.is-pjax-interview .-interview_item:nth-child(5) .p-interview_data__img {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.is-pjax-interview .-interview_item:nth-child(6) .p-interview_data__img {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.is-pjax-interview .-interview_item:nth-child(7) .p-interview_data__img {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.is-pjax-interview .-interview_item:nth-child(8) .p-interview_data__img {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.is-pjax-interview .-interview_item:nth-child(9) .p-interview_data__img {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-pjax-interview .-interview_item:nth-child(10) .p-interview_data__img {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.p-interview_data__text {
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  margin: 8px auto 0;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
}

@media screen and (max-width: 960px) {
  .p-interview_data__text {
    margin-top: 8px;
    font-size: 13px;
  }
}

@media (-ms-high-contrast: none) {
  .p-interview_data__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-interview_data__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-interview_data__text {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (-ms-high-contrast: none) {
  .is-load .p-interview_data__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-interview_data__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    transition: opacity 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  }
}

.is-pjax .p-interview_data__text,
.is-pjax-interview-out .p-interview_data__text {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-interview_data__text,
  .is-pjax-interview-out .p-interview_data__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-interview_data__text,
  .is-pjax-interview-out .p-interview_data__text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .-interview_item:nth-child(1) .p-interview_data__text {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.is-load .-interview_item:nth-child(2) .p-interview_data__text {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.is-load .-interview_item:nth-child(3) .p-interview_data__text {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-load .-interview_item:nth-child(4) .p-interview_data__text {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.is-load .-interview_item:nth-child(5) .p-interview_data__text {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.is-load .-interview_item:nth-child(6) .p-interview_data__text {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.is-load .-interview_item:nth-child(7) .p-interview_data__text {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.is-load .-interview_item:nth-child(8) .p-interview_data__text {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.is-load .-interview_item:nth-child(9) .p-interview_data__text {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.is-load .-interview_item:nth-child(10) .p-interview_data__text {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.is-pjax-interview .-interview_item:nth-child(1) .p-interview_data__text {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.is-pjax-interview .-interview_item:nth-child(2) .p-interview_data__text {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.is-pjax-interview .-interview_item:nth-child(3) .p-interview_data__text {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.is-pjax-interview .-interview_item:nth-child(4) .p-interview_data__text {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.is-pjax-interview .-interview_item:nth-child(5) .p-interview_data__text {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.is-pjax-interview .-interview_item:nth-child(6) .p-interview_data__text {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.is-pjax-interview .-interview_item:nth-child(7) .p-interview_data__text {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.is-pjax-interview .-interview_item:nth-child(8) .p-interview_data__text {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.is-pjax-interview .-interview_item:nth-child(9) .p-interview_data__text {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-pjax-interview .-interview_item:nth-child(10) .p-interview_data__text {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.p-interview_data__arrow {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 110px;
}

@media screen and (max-width: 960px) {
  .p-interview_data__arrow {
    right: 8px;
    bottom: 4px;
    width: 60px;
  }
}

@media (-ms-high-contrast: none) {
  .p-interview_data__arrow {
    height: 30px;
  }
}

@supports (-ms-ime-align: auto) {
  .p-interview_data__arrow {
    height: 30px;
  }
}

.p-interview_data__arrow-svg {
  position: relative;
  width: 100%;
  height: auto;
}

.p-interview_data__arrow-path {
  fill: #fff;
}

.p-interview_data__arrow-path.-arrow {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.45s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.45s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
}

[data-ua="pc"] .p-interview_data:hover .p-interview_data__arrow-path.-arrow {
  -webkit-transform: translate(15%, 0);
      -ms-transform: translate(15%, 0);
          transform: translate(15%, 0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.p-interview_data__arrow-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-65%, -50%);
      -ms-transform: translate(-65%, -50%);
          transform: translate(-65%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.45s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 0.45s cubic-bezier(0.5, 1, 0.89, 1), opacity 0.45s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.45s cubic-bezier(0.5, 1, 0.89, 1);
  color: #fff;
  font-size: 12px;
  letter-spacing: 4px;
  white-space: nowrap;
}

@media screen and (max-width: 960px) {
  .p-interview_data__arrow-text {
    font-size: 12px;
  }
}

[data-ua="pc"] .p-interview_data:hover .p-interview_data__arrow-text {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.p-interview_data__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.p-single {
  position: relative;
  margin: 0 auto;
  padding-bottom: 120px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-single {
    padding-bottom: 60px;
  }
}

.p-single__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-single__header {
  position: relative;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  margin: 0 auto 80px;
  background: #000;
  width: 100%;
  height: 360px;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .p-single__header {
    margin-bottom: 40px;
    height: 150px;
  }
}

@media (-ms-high-contrast: none) {
  .p-single__header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-single__header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-load .p-single__header {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-transition: -webkit-clip-path 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: -webkit-clip-path 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: clip-path 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: clip-path 0.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-clip-path 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}

@media (-ms-high-contrast: none) {
  .is-load .p-single__header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  }
}

@supports (-ms-ime-align: auto) {
  .is-load .p-single__header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
    transition: opacity 0.35s cubic-bezier(0.5, 1, 0.89, 1);
  }
}

.is-pjax .p-single__header,
.is-pjax-interview-in .p-single__header {
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-single__header,
  .is-pjax-interview-in .p-single__header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-single__header,
  .is-pjax-interview-in .p-single__header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-single__header::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/common/bg_red.png") repeat left top;
  background-size: 3px auto;
  width: 28%;
  height: 100%;
  content: "";
}

.p-single__title {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  z-index: 1;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  color: #fff;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 3px;
  text-align: left;
}

@media screen and (max-width: 960px) {
  .p-single__title {
    width: 85%;
    font-size: 20px;
    font-size: 5.333vw;
    line-height: 1.8;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-single__title {
    font-size: 96px;
  }
}

.is-load .p-single__title {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}

.is-pjax-interview .p-single__title {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.is-pjax .p-single__title,
.is-pjax-interview-in .p-single__title {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-single__cover {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: .4;
  width: 72%;
  height: 100%;
  overflow: hidden;
}

.p-single__cover-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  width: 100%;
  height: 100%;
}

.is-load .p-single__cover-img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: -webkit-transform 1.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 1.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: transform 1.5s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1.5s cubic-bezier(0.5, 1, 0.89, 1);
}

.is-pjax .p-single__cover-img,
.is-pjax-interview-in .p-single__cover-img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-single__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-single__entry {
  position: relative;
  margin: 90px auto 0;
  width: 600px;
}

.p-single__entry {
  position: relative;
  margin: 98px auto 0;
  width: 600px;
}

@media screen and (max-width: 960px) {
  .p-single__entry {
    position: relative;
    margin-top: 40px;
    width: 90%;
    max-width: 600px;
  }
}

.p-single__back {
  position: relative;
  margin: 98px auto 0;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-single__back {
    margin-top: 40px;
  }
}

.p-single_in {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-single_in__header {
  position: relative;
  margin: 0 auto;
  width: 71.5%;
  max-width: 1200px;
}

@media screen and (max-width: 960px) {
  .p-single_in__header {
    width: 90%;
  }
}

.p-single_in__name {
  position: relative;
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-single_in__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.is-load .p-single_in__name {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
}

.is-pjax-interview .p-single_in__name {
  -webkit-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
}

.is-pjax .p-single_in__name,
.is-pjax-interview-in .p-single_in__name {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-single_in__name-sub {
  position: relative;
  margin-right: 25px;
  background: #f00;
  padding: 4px 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 6px;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .p-single_in__name-sub {
    display: table;
    margin-bottom: 12px;
  }
}

.p-single_in__name-main {
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 32px;
  letter-spacing: 4px;
  line-height: 1;
}

.p-single_in__inner {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  margin: 0 auto;
  padding: 46px 0 70px;
  width: 71.5%;
  max-width: 1200px;
}

@media screen and (max-width: 960px) {
  .p-single_in__inner {
    padding: 30px 0 40px;
    width: 90%;
  }
}

.is-load .p-single_in__inner {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
}

.is-pjax-interview .p-single_in__inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.is-pjax .p-single_in__inner,
.is-pjax-interview-in .p-single_in__inner {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-single_in__content {
  position: relative;
  margin: 0 auto;
  padding-bottom: 80px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-single_in__content {
    padding-bottom: 40px;
  }
}

.p-single_in__heading {
  position: relative;
  margin: 128px 0 56px;
  width: 100%;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 8px;
  line-height: 1.5;
}

@media screen and (max-width: 960px) {
  .p-single_in__heading {
    margin: 28px 0 22px;
    font-size: 22px;
  }
}

.p-single_in__heading:first-child {
  margin-top: 0;
}

.p-single_in__heading:last-child {
  margin-bottom: 0;
}

.p-single_in__lead {
  position: relative;
  margin: 68px 0 18px;
  width: 100%;
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 2.8;
}

@media screen and (min-width: 961px) {
  .p-single_in__lead {
    padding-left: 30%;
  }
}

@media screen and (max-width: 960px) {
  .p-single_in__lead {
    margin: 38px 0 18px;
    font-size: 18px;
    line-height: 2;
  }
}

.p-single_in__lead:first-child {
  margin-top: 0;
}

.p-single_in__lead:last-child {
  margin-bottom: 0;
}

.p-single_in__text {
  position: relative;
  margin: 10px 0 58px;
  width: 100%;
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 2;
}

@media screen and (min-width: 961px) {
  .p-single_in__text {
    padding-left: 30%;
  }
}

@media screen and (max-width: 960px) {
  .p-single_in__text {
    margin: 10px 0 38px;
    font-size: 14px;
    line-height: 2;
  }
}

.p-single_in__text:first-child {
  margin-top: 0;
}

.p-single_in__text:last-child {
  margin-bottom: 0;
}

.p-single_in__img {
  position: relative;
  margin: 65px 0 40px;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-single_in__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (max-width: 960px) {
  .p-single_in__img {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    margin: 38px 0 38px;
    width: 100vw;
    pointer-events: none;
  }
}

.p-single_in__img:first-child {
  margin-top: 0;
}

.p-single_in__img:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 961px) {
  .p-single_in__img-item {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .p-single_in__img-item + .p-single_in__img-item {
    margin-left: 1%;
  }
}

@media screen and (max-width: 960px) {
  .p-single_in__img-item {
    margin-top: 14px;
  }
}

.p-single_in__copy {
  position: relative;
  margin: 60px 0 58px;
  width: 100%;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

@media screen and (max-width: 960px) {
  .p-single_in__copy {
    margin: 38px 0 38px;
    font-size: 10px;
    text-align: left;
  }
}

.p-single_in__copy + .p-single_in__copy {
  margin-top: -40px;
}

@media screen and (max-width: 960px) {
  .p-single_in__copy + .p-single_in__copy {
    margin-top: -30px;
  }
}

.p-single_in__copy:first-child {
  margin-top: 0;
}

.p-single_in__copy:last-child {
  margin-bottom: 0;
}

.p-single_in__copy-in {
  display: inline-block;
  text-align: left;
}

.p-single_in__copy img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: none;
  height: .8em;
}

.p-single_in__footer {
  position: relative;
  margin: 0 auto;
  background: #000;
  padding: 72px 0 100px;
  width: 100%;
  color: #fff;
}

.p-single_data {
  position: relative;
  margin: 0 auto;
  width: 72%;
  max-width: 1200px;
}

@media screen and (max-width: 960px) {
  .p-single_data {
    width: 90%;
  }
}

.p-single_data__main {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-single_data__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-single_data__img {
  margin-right: 40px;
  width: 190px;
}

@media screen and (max-width: 960px) {
  .p-single_data__img {
    position: relative;
    margin: 0 auto 10px;
    width: 55%;
  }
}

@media screen and (min-width: 961px) {
  .p-single_data__data {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    padding-top: 30px;
    min-width: 0;
  }
}

@media screen and (max-width: 960px) {
  .p-single_data__data {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
}

.p-single_data__name {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-single_data__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 960px) {
  .p-single_data__name {
    width: 55%;
  }
}

.p-single_data__name-sub {
  position: relative;
  margin-right: 25px;
  background: #f00;
  padding: 1px 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 8px;
  line-height: 1;
  white-space: nowrap;
}

@media screen and (max-width: 960px) {
  .p-single_data__name-sub {
    margin: 0 0 12px;
    width: 100%;
    font-size: 11px;
  }
}

.p-single_data__name-main {
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 30px;
  letter-spacing: 4px;
  line-height: .8;
}

@media screen and (max-width: 960px) {
  .p-single_data__name-main {
    text-align: center;
  }
}

.p-single_data__joined {
  position: relative;
  margin-top: 14px;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
}

.p-single_data__description {
  position: relative;
  margin-top: 8px;
  width: 100%;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 2;
}

.p-single_data__tools {
  position: relative;
  margin: 36px auto 0;
  border: 1px solid #fff;
  padding: 42px 50px;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-single_data__tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 960px) {
  .p-single_data__tools {
    margin-top: 18px;
    padding: 18px;
  }
}

.p-single_data__tools-sub {
  position: relative;
  margin-right: 50px;
  background: #fff;
  padding: 1px 10px;
  color: #000;
  font-size: 15px;
  letter-spacing: 6px;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .p-single_data__tools-sub {
    display: table;
    margin: 0 0 18px;
    font-size: 14px;
  }
}

.p-single_data__tools-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 4px;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .p-single_data__tools-main {
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1.8;
  }
}

.p-single_entry {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-single_entry::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s, -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  border-radius: 100px;
  background: #ad0700;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-single_entry::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

@supports (-ms-ime-align: auto) {
  .p-single_entry::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

[data-ua="pc"] .p-single_entry:hover::before {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .p-single_entry:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .p-single_entry:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.p-single_entry::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1), -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  border-radius: 100px;
  background: #ce0800;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .p-single_entry::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
    opacity: 100px;
  }
}

@supports (-ms-ime-align: auto) {
  .p-single_entry::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
    opacity: 100px;
  }
}

[data-ua="pc"] .p-single_entry:hover::after {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .p-single_entry:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .p-single_entry:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.p-single_entry__text {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  border: 1px solid #ce0800;
  border-radius: 100px;
  padding: 38px 12px;
  width: 100%;
  color: #ce0800;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-single_entry__text {
    padding: 20px 10px;
    font-size: 12px;
  }
}

.p-single_entry__text::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 100px;
  background: rgba(255, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  content: "";
}

[data-ua="pc"] .p-single_entry:hover .p-single_entry__text {
  color: #fff;
}

.p-single_entry__arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 36px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 15px;
}

@media screen and (max-width: 960px) {
  .p-single_entry__arrow {
    right: 18px;
    width: 12px;
  }
}

[data-ua="pc"] .p-single_entry:hover .p-single_entry__arrow {
  -webkit-animation: arrow 1.5s linear infinite;
          animation: arrow 1.5s linear infinite;
}

.p-single_entry__arrow-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-single_entry__arrow-path {
  fill: #ce0800;
  -webkit-transition: fill 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition: fill 0.65s cubic-bezier(0.76, 0, 0.24, 1);
}

[data-ua="pc"] .p-single_entry:hover .p-single_entry__arrow-path {
  fill: #fff;
}

.p-single_back {
  display: inline-block;
  position: relative;
}

.p-single_back__text {
  display: block;
  position: relative;
  padding: 2px 3px;
  width: 100%;
  color: #000;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  text-align: center;
}

.p-single_back__text::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.35s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
  transition: width 0.35s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
  border-bottom: 2px solid #000;
  width: 100%;
  height: 100%;
  content: "";
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text::before {
  right: 0;
  left: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  width: 0;
}

.p-single_back__text::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: width 0.35s cubic-bezier(0.65, 0, 0.35, 1) 0s;
  transition: width 0.35s cubic-bezier(0.65, 0, 0.35, 1) 0s;
  border-bottom: 2px solid #ce0800;
  width: 0;
  height: 100%;
  content: "";
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text::after {
  left: 0;
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
  width: 100%;
}

.p-single_back__text-word {
  position: relative;
  -webkit-transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  color: #000;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word {
  -webkit-transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  color: #ce0800;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(1) {
  -webkit-transition-delay: 0.01s, 0.01s;
          transition-delay: 0.01s, 0.01s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(2) {
  -webkit-transition-delay: 0.02s, 0.02s;
          transition-delay: 0.02s, 0.02s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(3) {
  -webkit-transition-delay: 0.03s, 0.03s;
          transition-delay: 0.03s, 0.03s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(4) {
  -webkit-transition-delay: 0.04s, 0.04s;
          transition-delay: 0.04s, 0.04s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(5) {
  -webkit-transition-delay: 0.05s, 0.05s;
          transition-delay: 0.05s, 0.05s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(6) {
  -webkit-transition-delay: 0.06s, 0.06s;
          transition-delay: 0.06s, 0.06s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(7) {
  -webkit-transition-delay: 0.07s, 0.07s;
          transition-delay: 0.07s, 0.07s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(8) {
  -webkit-transition-delay: 0.08s, 0.08s;
          transition-delay: 0.08s, 0.08s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(9) {
  -webkit-transition-delay: 0.09s, 0.09s;
          transition-delay: 0.09s, 0.09s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(10) {
  -webkit-transition-delay: 0.1s, 0.1s;
          transition-delay: 0.1s, 0.1s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(11) {
  -webkit-transition-delay: 0.11s, 0.11s;
          transition-delay: 0.11s, 0.11s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(12) {
  -webkit-transition-delay: 0.12s, 0.12s;
          transition-delay: 0.12s, 0.12s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(13) {
  -webkit-transition-delay: 0.13s, 0.13s;
          transition-delay: 0.13s, 0.13s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(14) {
  -webkit-transition-delay: 0.14s, 0.14s;
          transition-delay: 0.14s, 0.14s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(15) {
  -webkit-transition-delay: 0.15s, 0.15s;
          transition-delay: 0.15s, 0.15s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(16) {
  -webkit-transition-delay: 0.16s, 0.16s;
          transition-delay: 0.16s, 0.16s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(17) {
  -webkit-transition-delay: 0.17s, 0.17s;
          transition-delay: 0.17s, 0.17s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(18) {
  -webkit-transition-delay: 0.18s, 0.18s;
          transition-delay: 0.18s, 0.18s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(19) {
  -webkit-transition-delay: 0.19s, 0.19s;
          transition-delay: 0.19s, 0.19s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(20) {
  -webkit-transition-delay: 0.2s, 0.2s;
          transition-delay: 0.2s, 0.2s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(21) {
  -webkit-transition-delay: 0.21s, 0.21s;
          transition-delay: 0.21s, 0.21s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(22) {
  -webkit-transition-delay: 0.22s, 0.22s;
          transition-delay: 0.22s, 0.22s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(23) {
  -webkit-transition-delay: 0.23s, 0.23s;
          transition-delay: 0.23s, 0.23s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(24) {
  -webkit-transition-delay: 0.24s, 0.24s;
          transition-delay: 0.24s, 0.24s;
}

[data-ua="pc"] .p-single_back:hover .p-single_back__text-word:nth-child(25) {
  -webkit-transition-delay: 0.25s, 0.25s;
          transition-delay: 0.25s, 0.25s;
}

.p-info {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-info__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-info__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-info_in {
  position: relative;
  margin: 0 auto;
  padding: 95px 0;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-info_in {
    padding: 52px 0;
  }
}

.p-info_in:nth-child(odd)::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/common/bg_red.png") repeat left top;
  background-size: 3.5px auto;
  width: 100%;
  height: 100%;
  content: "";
}

.p-info_in__container {
  position: relative;
  margin: 0 auto;
  width: 86%;
  max-width: 1700px;
}

@media screen and (max-width: 960px) {
  .p-info_in__container {
    width: 88%;
  }
}

.p-info_in__header {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-info_in__title {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-info_in__title-main {
  display: table;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  font-size: 38px;
  font-size: 2.714vw;
  font-weight: 600;
  letter-spacing: 18px;
}

@media screen and (min-width: 1800px) {
  .p-info_in__title-main {
    font-size: 48.857px;
  }
}

@media screen and (max-width: 960px) {
  .p-info_in__title-main {
    font-size: 22px;
    font-size: 5.867vw;
    letter-spacing: 13px;
    line-height: 1.8;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-info_in__title-main {
    font-size: 105.6px;
  }
}

@media (-ms-high-contrast: none) {
  .p-info_in__title-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .p-info_in__title-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.is-active .p-info_in__title-main {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (-ms-high-contrast: none) {
  .is-active .p-info_in__title-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  }
}

@supports (-ms-ime-align: auto) {
  .is-active .p-info_in__title-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  }
}

.is-pjax .p-info_in__title-main {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

@media (-ms-high-contrast: none) {
  .is-pjax .p-info_in__title-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .is-pjax .p-info_in__title-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
}

.p-info_in__title-main small {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 6px;
}

@media screen and (max-width: 960px) {
  .p-info_in__title-main small {
    display: block;
    margin-top: -2px;
    font-size: 13px;
    letter-spacing: 4px;
  }
}

.p-info_in__title-sub {
  display: table;
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  margin-top: 4px;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 13px;
  line-height: 1.8;
}

@media screen and (max-width: 960px) {
  .p-info_in__title-sub {
    margin-top: 4px;
    font-size: 10px;
    letter-spacing: 9px;
  }
}

.is-active .p-info_in__title-sub {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
}

.is-pjax .p-info_in__title-sub {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_in__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-info_sales {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin: 0 auto;
  padding: 100px 0 110px;
  width: 90%;
  max-width: 1200px;
}

@media screen and (max-width: 960px) {
  .p-info_sales {
    padding: 40px 0 20px;
    width: 90%;
  }
}

.p-info_sales.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-pjax .p-info_sales {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_sales__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-info_sales__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 320px;
  }
}

.p-info_sales__item {
  position: relative;
}

@media screen and (min-width: 961px) {
  .p-info_sales__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .p-info_sales__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (min-width: 961px) {
  .p-info_sales__item + .p-info_sales__item {
    margin-top: 26px;
  }
}

@media screen and (max-width: 960px) {
  .p-info_sales__item + .p-info_sales__item {
    margin-left: 28px;
  }
}

.p-info_sales__data {
  margin-right: 10px;
  width: 200px;
}

@media screen and (min-width: 961px) {
  .p-info_sales__data {
    padding-left: 10px;
  }
}

@media screen and (max-width: 960px) {
  .p-info_sales__data {
    margin: 22px auto 0;
    width: 100%;
  }
}

.p-info_sales__cap {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 8px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-info_sales__cap {
    font-size: 14px;
  }
}

.is-active .p-info_sales__cap {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
}

.is-pjax .p-info_sales__cap {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_sales__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  width: 100%;
  color: #ff6c00;
  font-weight: 600;
}

.is-active .p-info_sales__num {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.4s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.4s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.4s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.4s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.4s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
}

.is-pjax .p-info_sales__num {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_sales__num-sub {
  display: block;
  position: relative;
  font-size: 22px;
}

@media screen and (max-width: 960px) {
  .p-info_sales__num-sub {
    font-size: 18px;
  }
}

.p-info_sales__num-main {
  display: block;
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 58px;
  font-weight: 500;
  line-height: .9;
}

@media screen and (max-width: 960px) {
  .p-info_sales__num-main {
    font-size: 52px;
  }
}

.p-info_sales__graph {
  position: relative;
}

@media screen and (min-width: 961px) {
  .p-info_sales__graph {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
}

@media screen and (max-width: 960px) {
  .p-info_sales__graph {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
}

.p-info_sales__footer {
  position: relative;
  margin: 38px auto 0;
  width: 98%;
}

@media screen and (max-width: 960px) {
  .p-info_sales__footer {
    margin-top: 48px;
    width: 100%;
  }
}

.p-info_sales__note {
  padding-left: 1em;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 1.8;
  text-indent: -1em;
}

@media screen and (max-width: 960px) {
  .p-info_sales__note {
    font-size: 12px;
    line-height: 2;
  }
}

.p-info_emp {
  position: relative;
  margin: 0 auto;
  padding: 120px 0 0;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-info_emp {
    padding: 110px 0 0;
  }
}

.p-info_emp__inner {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-info_emp__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 960px) {
  .p-info_emp__inner {
    position: relative;
    margin: 0 auto;
    width: 70%;
  }
}

.p-info_emp__item {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 50%;
}

@media screen and (max-width: 960px) {
  .p-info_emp__item {
    width: 100%;
  }
  .p-info_emp__item + .p-info_emp__item {
    margin-top: 60px;
  }
}

.p-info_emp__item.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-pjax .p-info_emp__item {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_stat {
  position: relative;
  margin: 0 auto;
  padding: 142px 0 60px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-info_stat {
    padding: 52px 0 50px;
  }
}

.p-info_stat__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-info_stat__inner {
    display: block;
  }
}

@media screen and (min-width: 961px) and (min-width: 1200px) {
  .p-info_stat__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-info_stat__data {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 50%;
  font-size: 0;
  letter-spacing: -.4em;
}

@media screen and (min-width: 961px) {
  .p-info_stat__data {
    margin: 0 auto;
    width: 80%;
  }
}

@media screen and (min-width: 961px) and (min-width: 1200px) {
  .p-info_stat__data {
    margin: 0;
    width: 50%;
  }
}

@media screen and (max-width: 960px) {
  .p-info_stat__data {
    width: 100%;
  }
}

.p-info_stat__data.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-pjax .p-info_stat__data {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_stat__item {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  font-size: 16px;
  letter-spacing: 1px;
}

@media screen and (min-width: 961px) {
  .p-info_stat__item {
    margin: 0 10% 24px 0;
  }
  .p-info_stat__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .p-info_stat__item {
    position: relative;
    width: 100%;
  }
  .p-info_stat__item + .p-info_stat__item {
    margin-top: 50px;
  }
}

.p-info_stat__cap {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  margin-bottom: 6px;
  width: 80%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 10px;
  white-space: nowrap;
}

.is-active .p-info_stat__cap {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.85s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
  transition: opacity 1.85s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
}

.is-pjax .p-info_stat__cap {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_stat__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  font-weight: 600;
}

.p-info_stat__num-sub {
  display: block;
  position: relative;
  color: #ff6c00;
  font-size: 24px;
}

@supports (-webkit-background-clip: text) {
  .p-info_stat__num-sub {
    background: linear-gradient(60deg, #ff6c00 0%, #ce0800 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}

.p-info_stat__num-main {
  display: block;
  position: relative;
  color: #ff6c00;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: .9;
}

@supports (-webkit-background-clip: text) {
  .p-info_stat__num-main {
    background: linear-gradient(60deg, #ff6c00 0%, #ce0800 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}

.is-active .p-info_stat__num {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 2.5s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
  transition: opacity 2.5s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
}

.is-pjax .p-info_stat__num {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_stat__note {
  position: relative;
  margin: 10px auto 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  letter-spacing: 1.2px;
}

.p-info_stat__graph {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin-left: 7%;
  width: 43%;
}

@media screen and (min-width: 961px) {
  .p-info_stat__graph {
    margin: 120px auto 0;
    width: 80%;
  }
}

@media screen and (min-width: 961px) and (min-width: 1200px) {
  .p-info_stat__graph {
    margin: 0 0 0 7%;
    width: 43%;
  }
}

@media screen and (max-width: 960px) {
  .p-info_stat__graph {
    margin: 90px auto 0;
    width: 100%;
  }
}

.p-info_stat__graph.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-pjax .p-info_stat__graph {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_stat__lead {
  position: relative;
  margin: 0 auto 38px;
  width: 100%;
  font-size: 20px;
  letter-spacing: 6px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-info_stat__lead {
    font-size: 18px;
  }
}

.p-info_stat__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-info_stat__content {
    width: 100%;
  }
}

.p-info_stat__content-in {
  position: relative;
  width: 50%;
}

@media screen and (max-width: 960px) {
  .p-info_stat__content-in {
    width: 45%;
  }
  .p-info_stat__content-in + .p-info_stat__content-in {
    margin-left: 10%;
  }
}

.p-info_dev {
  position: relative;
  margin: 0 auto;
  padding: 90px 0 100px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-info_dev {
    padding: 60px 0 20px;
  }
}

.p-info_dev__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 961px) {
  .p-info_dev__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-info_dev__graph {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 50%;
}

@media screen and (max-width: 960px) {
  .p-info_dev__graph {
    margin: 0 auto;
    width: 70%;
  }
}

.p-info_dev__graph.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-pjax .p-info_dev__graph {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_dev__notice {
  position: relative;
  margin: 0 auto;
  padding-left: 1em;
  width: 80%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 1.8;
  text-indent: -1em;
}

@media screen and (max-width: 960px) {
  .p-info_dev__notice {
    margin-top: 8px;
    width: 100%;
    font-size: 11px;
    line-height: 2;
    text-align: center;
  }
}

.p-info_dev__data {
  position: relative;
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin-left: 5%;
  width: 45%;
}

@media screen and (max-width: 960px) {
  .p-info_dev__data {
    margin: 110px auto 0;
    width: 100%;
  }
}

.p-info_dev__data.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 1.25s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-pjax .p-info_dev__data {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_dev__data-in {
  position: relative;
  margin: 0 auto;
  width: 80%;
}

@media screen and (max-width: 960px) {
  .p-info_dev__data-in {
    width: 100%;
  }
}

.p-info_dev__lead {
  display: table;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 12px;
  white-space: nowrap;
}

@media screen and (max-width: 960px) {
  .p-info_dev__lead {
    margin-bottom: 32px;
    font-size: 20px;
  }
}

.is-active .p-info_dev__lead {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  transition: clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, -webkit-clip-path 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}

.is-pjax .p-info_dev__lead {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_dev__text {
  display: table;
  position: relative;
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  color: #fff;
  font-size: 15px;
  line-height: 1.9;
}

@media screen and (max-width: 960px) {
  .p-info_dev__text {
    font-size: 13px;
    line-height: 2.2;
  }
}

.is-active .p-info_dev__text {
  -webkit-clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
          clip-path: polygon(100% 100%, -200% 100%, 100% -200%);
  -webkit-transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
  transition: -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
  transition: clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.4s, -webkit-clip-path 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.4s;
}

.is-pjax .p-info_dev__text {
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_dev__info {
  position: relative;
  margin: 24px auto 0;
  width: 100%;
  font-size: 0;
  letter-spacing: -.4em;
}

@media screen and (max-width: 960px) {
  .p-info_dev__info {
    margin-top: 32px;
  }
}

.p-info_dev__item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 16px;
  letter-spacing: 1px;
}

@media screen and (max-width: 960px) {
  .p-info_dev__item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .p-info_dev__item + .p-info_dev__item {
    margin-top: 52px;
  }
}

.p-info_dev__cap {
  position: relative;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  margin-bottom: 6px;
  width: 80%;
  font-size: 18px;
  font-weight: 600;
}

.is-active .p-info_dev__cap {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.8s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.8s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.8s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.8s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.8s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
}

.is-pjax .p-info_dev__cap {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_dev__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  font-weight: 600;
}

.p-info_dev__num-sub {
  display: block;
  position: relative;
  color: #ff6c00;
  font-size: 22px;
}

@supports (-webkit-background-clip: text) {
  .p-info_dev__num-sub {
    background: linear-gradient(60deg, #ff6c00 0%, #ce0800 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}

.p-info_dev__num-main {
  display: block;
  position: relative;
  color: #ff6c00;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: .9;
}

@supports (-webkit-background-clip: text) {
  .p-info_dev__num-main {
    background: linear-gradient(60deg, #ff6c00 0%, #ce0800 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}

.is-active .p-info_dev__num {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
}

.is-pjax .p-info_dev__num {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-info_dev__note {
  position: relative;
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.25s, -webkit-transform 0s linear 0.25s;
  margin: 25px auto 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  letter-spacing: 2px;
}

@media screen and (max-width: 960px) {
  .p-info_dev__note {
    margin-top: 34px;
  }
}

.is-active .p-info_dev__note {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 1s, transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 1.25s cubic-bezier(0.25, 1, 0.5, 1) 1s;
}

.is-pjax .p-info_dev__note {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-sales_graph {
  position: relative;
  margin: 0 auto;
  border-radius: 100px;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .p-sales_graph {
    height: 340px;
  }
}

.p-sales_graph__bg {
  position: relative;
  margin: 0 auto;
  background: rgba(255, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}

.p-sales_graph__bar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 100px 0 0 100px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .p-sales_graph__bar {
    top: auto;
    bottom: 0;
    border-radius: 0 0 100px 100px;
  }
}

@media screen and (min-width: 961px) {
  .p-sales_graph__bar {
    background: #ff6c00;
    width: 0;
  }
  [data-os="mac"].-graph1 .p-sales_graph__bar {
    width: 44.9%;
  }
  [data-os="mac"].-graph1 .p-sales_graph__bar {
    width: 52.4%;
  }
}

@media screen and (min-width: 961px) {
  .is-active .p-sales_graph__bar {
    -webkit-transition: width 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
    transition: width 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
    width: 100%;
  }
}

.is-active .-graph1 .p-sales_graph__bar {
  width: 56.7%;
}

@media screen and (max-width: 960px) {
  .is-active .-graph1 .p-sales_graph__bar {
    width: 100%;
    height: 56.7%;
  }
}

.is-active .-graph2 .p-sales_graph__bar {
  width: 68.6%;
}

@media screen and (max-width: 960px) {
  .is-active .-graph2 .p-sales_graph__bar {
    width: 100%;
    height: 68.6%;
  }
}

.p-sales_graph__bar::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(60deg, #ff6c00 0%, #ce0800 100%);
  width: 100%;
  height: 100%;
  content: "";
}

@media screen and (min-width: 961px) {
  .p-sales_graph__bar::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  [data-os="mac"] .p-sales_graph__bar::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    width: 0%;
  }
}

@media screen and (max-width: 960px) {
  .p-sales_graph__bar::before {
    height: 0;
  }
}

@media screen and (min-width: 961px) {
  .is-active .p-sales_graph__bar::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
    transition: opacity 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
  }
  [data-os="mac"] .is-active .p-sales_graph__bar::before {
    -webkit-transition: width 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
    transition: width 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
    width: 0%;
  }
}

@media screen and (max-width: 960px) {
  .is-active .p-sales_graph__bar::before {
    -webkit-transition: height 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
    transition: height 2s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
    height: 100%;
  }
}

.p-sales_graph__text {
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  white-space: nowrap;
}

.is-active .p-sales_graph__text {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
}

@media screen and (min-width: 961px) {
  .p-sales_graph__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    right: 4%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@media screen and (max-width: 960px) {
  .p-sales_graph__text {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 90%;
  }
}

.p-sales_graph__text-main {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  font-size: 18px;
  font-size: 1.286vw;
  letter-spacing: 3px;
  line-height: 1.8;
  text-align: right;
}

@media screen and (min-width: 1800px) {
  .p-sales_graph__text-main {
    font-size: 23.143px;
  }
}

@media screen and (min-width: 961px) {
  .p-sales_graph__text-main {
    margin-right: 12px;
  }
}

@media screen and (max-width: 960px) {
  .p-sales_graph__text-main {
    font-size: 13px;
    letter-spacing: 1.4px;
    line-height: 1.6;
    text-align: center;
  }
}

.is-active .p-sales_graph__text-main {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.8s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.8s;
}

.p-sales_graph__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
}

.p-sales_graph__num-sub {
  display: block;
  position: relative;
  font-size: 18px;
  font-size: 1.286vw;
}

@media screen and (min-width: 1800px) {
  .p-sales_graph__num-sub {
    font-size: 23.143px;
  }
}

@media screen and (max-width: 960px) {
  .p-sales_graph__num-sub {
    font-size: 14px;
    font-size: 3.733vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-sales_graph__num-sub {
    font-size: 67.2px;
  }
}

.p-sales_graph__num-main {
  display: block;
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 72px;
  font-size: 5.143vw;
  font-weight: 500;
  line-height: .9;
}

@media screen and (min-width: 1800px) {
  .p-sales_graph__num-main {
    font-size: 92.571px;
  }
}

@media screen and (max-width: 960px) {
  .p-sales_graph__num-main {
    font-size: 50px;
  }
}

.p-donuts_graph {
  position: relative;
  margin: 0 auto;
  padding-top: 400px;
  width: 400px;
}

@media screen and (max-width: 960px) {
  .p-donuts_graph {
    padding-top: 100%;
    width: 100%;
  }
}

.p-donuts_graph__text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30%;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-donuts_graph__text {
    font-size: 20px;
    font-size: 5.333vw;
    letter-spacing: 3px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-donuts_graph__text {
    font-size: 96px;
  }
}

.p-donuts_graph__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: circle(20% at 50% 50%);
          clip-path: circle(20% at 50% 50%);
  width: 100%;
  height: 100%;
  content: "";
}

.is-active .p-donuts_graph__bg {
  -webkit-clip-path: circle(100% at 50% 50%);
          clip-path: circle(100% at 50% 50%);
  -webkit-transition: -webkit-clip-path 1.4s cubic-bezier(0.45, 0, 0.55, 1) 0.7s;
  transition: -webkit-clip-path 1.4s cubic-bezier(0.45, 0, 0.55, 1) 0.7s;
  transition: clip-path 1.4s cubic-bezier(0.45, 0, 0.55, 1) 0.7s;
  transition: clip-path 1.4s cubic-bezier(0.45, 0, 0.55, 1) 0.7s, -webkit-clip-path 1.4s cubic-bezier(0.45, 0, 0.55, 1) 0.7s;
}

@media (-ms-high-contrast: none) {
  .p-donuts_graph__bg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-active .p-donuts_graph__bg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  }
}

@supports (-ms-ime-align: auto) {
  .p-donuts_graph__bg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-active .p-donuts_graph__bg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  }
}

.-donuts1 .p-donuts_graph__bg {
  background: url("../img/infographic/graph_2_1_line.svg") no-repeat center;
  background-size: auto 100%;
}

.-donuts2 .p-donuts_graph__bg {
  background: url("../img/infographic/graph_4_1_line.svg") no-repeat center;
  background-size: auto 100%;
}

.p-donuts_graph__inner {
  display: block;
  position: absolute;
  top: 0;
  top: 0;
  left: 0;
  -webkit-mask: url("../img/infographic/graph_2_bg.svg") no-repeat center;
          mask: url("../img/infographic/graph_2_bg.svg") no-repeat center;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  width: 100%;
  height: 100%;
}

.-donuts2 .p-donuts_graph__inner {
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

@media (-ms-high-contrast: none) {
  .p-donuts_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-active .p-donuts_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
  }
  .-donuts1 .p-donuts_graph__inner {
    background: url("../img/infographic/graph_2_1.svg") no-repeat center;
    background-size: auto 100%;
  }
  .-donuts2 .p-donuts_graph__inner {
    background: url("../img/infographic/graph_4_1.svg") no-repeat center;
    background-size: auto 100%;
  }
}

@supports (-ms-ime-align: auto) {
  .p-donuts_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
  }
  .is-active .p-donuts_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
  }
  .-donuts1 .p-donuts_graph__inner {
    background: url("../img/infographic/graph_2_1.svg") no-repeat center;
    background-size: auto 100%;
  }
  .-donuts2 .p-donuts_graph__inner {
    background: url("../img/infographic/graph_4_1.svg") no-repeat center;
    background-size: auto 100%;
  }
}

.p-donuts_graph__cover {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

@media (-ms-high-contrast: none) {
  .p-donuts_graph__cover {
    display: none !important;
  }
}

@supports (-ms-ime-align: auto) {
  .p-donuts_graph__cover {
    display: none !important;
  }
}

.p-donuts_graph__cover.-l {
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.is-active .p-donuts_graph__cover.-l {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0s linear 1s,
 left 0s linear 1s;
  transition: opacity 0s linear 1s,
 left 0s linear 1s;
}

@media screen and (max-width: 960px) {
  .is-active .p-donuts_graph__cover.-l {
    left: 1px;
  }
}

.p-donuts_graph__cover.-r {
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.is-active .p-donuts_graph__cover.-r {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0s linear .5s,
 right 0s linear .5s;
  transition: opacity 0s linear .5s,
 right 0s linear .5s;
}

@media screen and (max-width: 960px) {
  .is-active .p-donuts_graph__cover.-r {
    right: 1px;
  }
}

.p-donuts_graph__cover::before {
  display: block;
  position: absolute;
  top: 0;
  background: #ff6c00;
  width: 100%;
  height: 100%;
  content: "";
}

.is-active .-donuts1 .-img1 .p-donuts_graph__cover::before {
  z-index: 5;
  background: #ffc100;
}

.is-active .-donuts1 .-img2 .p-donuts_graph__cover::before {
  z-index: 4;
  background: #d82d00;
}

.is-active .-donuts1 .-img3 .p-donuts_graph__cover::before {
  z-index: 3;
  background: #ce0800;
}

.is-active .-donuts1 .-img4 .p-donuts_graph__cover::before {
  z-index: 2;
  background: #e25200;
}

.is-active .-donuts1 .-img5 .p-donuts_graph__cover::before {
  z-index: 1;
  background: #eb7700;
}

.is-active .-donuts1 .-img6 .p-donuts_graph__cover::before {
  z-index: 0;
  background: #f59c00;
}

.is-active .-donuts2 .-img1 .p-donuts_graph__cover::before {
  z-index: 5;
  background: #ef8300;
}

.is-active .-donuts2 .-img2 .p-donuts_graph__cover::before {
  z-index: 4;
  background: #ce0800;
}

.is-active .-donuts2 .-img3 .p-donuts_graph__cover::before {
  z-index: 3;
  background: #de4600;
}

.is-active .-donuts2 .-img4 .p-donuts_graph__cover::before {
  z-index: 2;
  background: #ffc100;
}

.p-donuts_graph__cover.-l::before {
  left: 0;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  background-position: center left;
}

.is-active .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
  transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
}

.is-active .-donuts1 .-img1 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.is-active .-donuts1 .-img2 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.is-active .-donuts1 .-img3 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-126deg);
      -ms-transform: rotate(-126deg);
          transform: rotate(-126deg);
  -webkit-transition-duration: 0.15s, 0.8s;
          transition-duration: 0.15s, 0.8s;
}

.is-active .-donuts1 .-img4 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition-duration: 0.375s, 0.8s;
          transition-duration: 0.375s, 0.8s;
}

.is-active .-donuts1 .-img5 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-18deg);
      -ms-transform: rotate(-18deg);
          transform: rotate(-18deg);
  -webkit-transition-duration: 0.45s, 0.8s;
          transition-duration: 0.45s, 0.8s;
}

.is-active .-donuts1 .-img6 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-donuts2 .-img1 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.is-active .-donuts2 .-img2 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-126deg);
      -ms-transform: rotate(-126deg);
          transform: rotate(-126deg);
}

.is-active .-donuts2 .-img3 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(-18deg);
      -ms-transform: rotate(-18deg);
          transform: rotate(-18deg);
  -webkit-transition-duration: 0.15s, 0.8s;
          transition-duration: 0.15s, 0.8s;
}

.is-active .-donuts2 .-img4 .p-donuts_graph__cover.-l::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition-duration: 0.375s, 0.8s;
          transition-duration: 0.375s, 0.8s;
}

.p-donuts_graph__cover.-r::before {
  right: 0;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  background-position: center right;
}

.is-active .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
  transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
  transition: transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
}

.is-active .-donuts1 .-img1 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(-176.4deg);
      -ms-transform: rotate(-176.4deg);
          transform: rotate(-176.4deg);
}

.is-active .-donuts1 .-img2 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(-72deg);
      -ms-transform: rotate(-72deg);
          transform: rotate(-72deg);
}

.is-active .-donuts1 .-img3 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-donuts1 .-img4 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-donuts1 .-img5 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-donuts1 .-img6 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-donuts2 .-img1 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(-108deg);
      -ms-transform: rotate(-108deg);
          transform: rotate(-108deg);
}

.is-active .-donuts2 .-img2 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-donuts2 .-img3 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-donuts2 .-img4 .p-donuts_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.p-donuts_graph__data {
  position: absolute;
}

.-donuts1 .p-donuts_graph__data.-data1 {
  top: -13%;
  right: 12%;
}

.-donuts1 .p-donuts_graph__data.-data2 {
  top: 9%;
  right: -18%;
}

.-donuts1 .p-donuts_graph__data.-data3 {
  right: -18%;
  bottom: 7%;
}

.-donuts1 .p-donuts_graph__data.-data4 {
  bottom: 9%;
  left: -20%;
}

.-donuts1 .p-donuts_graph__data.-data5 {
  top: 2%;
  left: -12%;
}

.-donuts1 .p-donuts_graph__data.-data6 {
  top: -16%;
  left: 10%;
}

.-donuts2 .p-donuts_graph__data.-data1 {
  top: 9%;
  right: -14%;
}

.-donuts2 .p-donuts_graph__data.-data2 {
  right: -10%;
  bottom: 7%;
}

.-donuts2 .p-donuts_graph__data.-data3 {
  bottom: 9%;
  left: -15%;
}

.-donuts2 .p-donuts_graph__data.-data4 {
  top: 0%;
  left: -10%;
}

.p-donuts_graph__cap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  font-weight: 600;
}

.-donuts1 .-data1 .p-donuts_graph__cap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts1 .-data2 .p-donuts_graph__cap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts1 .-data3 .p-donuts_graph__cap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts2 .-data1 .p-donuts_graph__cap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts2 .-data2 .p-donuts_graph__cap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.is-active .p-donuts_graph__cap {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.2s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.2s;
}

.p-donuts_graph__cap-sub {
  display: block;
  position: relative;
  font-size: 14px;
}

@media screen and (max-width: 960px) {
  .p-donuts_graph__cap-sub {
    font-size: 12px;
  }
}

.p-donuts_graph__cap-main {
  display: block;
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: .9;
}

.-donuts2 .p-donuts_graph__cap-main {
  font-size: 18px;
}

@media screen and (max-width: 960px) {
  .p-donuts_graph__cap-main {
    font-size: 22px;
    font-size: 5.867vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-donuts_graph__cap-main {
    font-size: 105.6px;
  }
}

@media screen and (max-width: 960px) {
  .-donuts2 .p-donuts_graph__cap-main {
    font-size: 11px;
    font-size: 2.933vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .-donuts2 .p-donuts_graph__cap-main {
    font-size: 52.8px;
  }
}

.p-donuts_graph__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  font-weight: 600;
  white-space: nowrap;
}

@media screen and (min-width: 961px) {
  .p-donuts_graph__num {
    min-width: 110px;
  }
}

.-donuts1 .-data1 .p-donuts_graph__num {
  color: #ffc100;
}

.-donuts1 .-data2 .p-donuts_graph__num {
  color: #d82d00;
}

.-donuts1 .-data3 .p-donuts_graph__num {
  color: #ce0800;
}

.-donuts1 .-data4 .p-donuts_graph__num {
  color: #e25200;
}

.-donuts1 .-data5 .p-donuts_graph__num {
  color: #eb7700;
}

.-donuts1 .-data6 .p-donuts_graph__num {
  color: #f59c00;
}

.-donuts2 .-data1 .p-donuts_graph__num {
  color: #ef8300;
}

.-donuts2 .-data2 .p-donuts_graph__num {
  color: #ce0800;
}

.-donuts2 .-data3 .p-donuts_graph__num {
  color: #de4600;
}

.-donuts2 .-data4 .p-donuts_graph__num {
  color: #ffc100;
}

.-donuts1 .-data1 .p-donuts_graph__num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts1 .-data2 .p-donuts_graph__num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts1 .-data3 .p-donuts_graph__num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts2 .-data1 .p-donuts_graph__num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-donuts2 .-data2 .p-donuts_graph__num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.is-active .p-donuts_graph__num {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
}

.p-donuts_graph__num-sub {
  display: block;
  position: relative;
  font-size: 14px;
}

@media screen and (max-width: 960px) {
  .p-donuts_graph__num-sub {
    font-size: 13px;
  }
}

.p-donuts_graph__num-main {
  display: block;
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: .9;
}

@media screen and (max-width: 960px) {
  .p-donuts_graph__num-main {
    font-size: 30px;
    font-size: 8vw;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-donuts_graph__num-main {
    font-size: 144px;
  }
}

.p-ratio_graph {
  position: relative;
  margin: 0 auto;
  padding-top: 400px;
  width: 400px;
}

@media screen and (max-width: 960px) {
  .p-ratio_graph {
    padding-top: 100%;
    width: 100%;
  }
}

.p-ratio_graph__text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30%;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-ratio_graph__text {
    font-size: 20px;
    font-size: 5.333vw;
    letter-spacing: 3px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 960px) and (min-width: 1800px) {
  .p-ratio_graph__text {
    font-size: 96px;
  }
}

.p-ratio_graph__inner {
  display: block;
  position: absolute;
  top: 0;
  top: 0;
  left: 0;
  -webkit-mask: url("../img/infographic/graph_2_bg.svg") no-repeat center;
          mask: url("../img/infographic/graph_2_bg.svg") no-repeat center;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  width: 100%;
  height: 100%;
}

@media (-ms-high-contrast: none) {
  .p-ratio_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background: url("../img/infographic/graph_2_2.svg") no-repeat center;
    background-size: contain;
  }
  .is-active .p-ratio_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
  }
}

@supports (-ms-ime-align: auto) {
  .p-ratio_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background: url("../img/infographic/graph_2_2.svg") no-repeat center;
    background-size: contain;
  }
  .is-active .p-ratio_graph__inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
  }
}

.p-ratio_graph__cover {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

@media (-ms-high-contrast: none) {
  .p-ratio_graph__cover {
    display: none !important;
  }
}

@supports (-ms-ime-align: auto) {
  .p-ratio_graph__cover {
    display: none !important;
  }
}

.p-ratio_graph__cover.-l {
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.is-active .p-ratio_graph__cover.-l {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0s linear 1s,
 left 0s linear 1s;
  transition: opacity 0s linear 1s,
 left 0s linear 1s;
}

@media screen and (max-width: 960px) {
  .is-active .p-ratio_graph__cover.-l {
    left: 1px;
  }
}

.p-ratio_graph__cover.-r {
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.is-active .p-ratio_graph__cover.-r {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0s linear .5s,
 right 0s linear .5s;
  transition: opacity 0s linear .5s,
 right 0s linear .5s;
}

@media screen and (max-width: 960px) {
  .is-active .p-ratio_graph__cover.-r {
    right: 1px;
  }
}

.p-ratio_graph__cover::before {
  display: block;
  position: absolute;
  top: 0;
  background: #ff6c00;
  width: 100%;
  height: 100%;
  content: "";
}

.is-active .-img1 .p-ratio_graph__cover::before {
  z-index: 1;
  background: #ce0800;
}

.is-active .-img2 .p-ratio_graph__cover::before {
  background: #ffc100;
}

.p-ratio_graph__cover.-l::before {
  left: 0;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  background-position: center left;
}

.is-active .p-ratio_graph__cover.-l::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
  transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
}

.is-active .-img1 .p-ratio_graph__cover.-l::before {
  -webkit-transform: rotate(-108deg);
      -ms-transform: rotate(-108deg);
          transform: rotate(-108deg);
}

.p-ratio_graph__cover.-r::before {
  right: 0;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  background-position: center right;
}

.is-active .p-ratio_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
  transition: background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
  transition: transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s, background-color 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
}

.is-active .-img1 .p-ratio_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.is-active .-img2 .p-ratio_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.p-ratio_graph__data {
  position: absolute;
}

.p-ratio_graph__data.-data1 {
  top: 0;
  right: 0;
}

.p-ratio_graph__data.-data2 {
  top: 0;
  left: 0;
}

.p-ratio_graph__cap {
  position: relative;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin: 0 auto;
  width: 80%;
  font-size: 18px;
  font-weight: 600;
}

@media screen and (max-width: 960px) {
  .p-ratio_graph__cap {
    width: 100%;
    font-size: 12px;
  }
}

.is-active .p-ratio_graph__cap {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.2s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.2s;
}

.p-ratio_graph__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  font-weight: 600;
}

@media screen and (min-width: 961px) {
  .p-ratio_graph__num {
    min-width: 50px;
  }
}

@media screen and (max-width: 960px) {
  .p-ratio_graph__num {
    min-width: 50px;
  }
}

.-data1 .p-ratio_graph__num {
  color: #ce0800;
}

.-data2 .p-ratio_graph__num {
  color: #ffc100;
}

.is-active .p-ratio_graph__num {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
}

.p-ratio_graph__num-sub {
  display: block;
  position: relative;
  font-size: 18px;
}

@media screen and (max-width: 960px) {
  .p-ratio_graph__num-sub {
    font-size: 14px;
  }
}

.p-ratio_graph__num-main {
  display: block;
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: .9;
}

@media screen and (max-width: 960px) {
  .p-ratio_graph__num-main {
    font-size: 32px;
  }
}

.p-stat_graph {
  position: relative;
  margin: 0 auto;
  padding-top: 200px;
  width: 200px;
}

@media screen and (max-width: 960px) {
  .p-stat_graph {
    padding-top: 100%;
    width: 100%;
  }
}

.p-stat_graph__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  background: url("../img/infographic/graph_3_bg.svg") no-repeat center;
  background-size: auto 100%;
  width: 100%;
  height: 100%;
  content: "";
}

.p-stat_graph__inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  width: 100%;
  height: 100%;
}

.-stat1 .p-stat_graph__inner {
  -webkit-mask: url("../img/infographic/graph_3_1.svg") no-repeat center;
          mask: url("../img/infographic/graph_3_1.svg") no-repeat center;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
}

.-stat2 .p-stat_graph__inner {
  -webkit-mask: url("../img/infographic/graph_3_2.svg") no-repeat;
          mask: url("../img/infographic/graph_3_2.svg") no-repeat;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
}

.p-stat_graph__inner::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.is-active .p-stat_graph__inner::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
  transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1s;
}

@media (-ms-high-contrast: none) {
  .is-active .p-stat_graph__inner::after {
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
  }
}

@supports (-ms-ime-align: auto) {
  .is-active .p-stat_graph__inner::after {
    -webkit-transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.4s cubic-bezier(0.25, 1, 0.5, 1);
  }
}

.-stat1 .p-stat_graph__inner::after {
  background: url("../img/infographic/graph_3_1.svg") no-repeat;
  background-size: auto 100%;
}

.-stat2 .p-stat_graph__inner::after {
  background: url("../img/infographic/graph_3_2.svg") no-repeat;
  background-size: auto 100%;
}

.p-stat_graph__cover {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

@media (-ms-high-contrast: none) {
  .p-stat_graph__cover {
    display: none !important;
  }
}

@supports (-ms-ime-align: auto) {
  .p-stat_graph__cover {
    display: none !important;
  }
}

.p-stat_graph__cover.-l {
  left: 0;
}

.p-stat_graph__cover.-r {
  right: 0;
}

.p-stat_graph__cover::before {
  display: block;
  position: absolute;
  top: 0;
  background: #ff6c00;
  width: 100%;
  height: 100%;
  content: "";
}

.p-stat_graph__cover.-l::before {
  left: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  background-position: center left;
}

.is-active .p-stat_graph__cover.-l::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
  transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
  transition: transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s, background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s;
  transition: transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s, background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, -webkit-transform 0.5s cubic-bezier(0.32, 0, 0.67, 0) 0.5s;
}

.p-stat_graph__cover.-r::before {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  background-position: center right;
}

.is-active .p-stat_graph__cover.-r::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
  transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s, background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s, background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1s;
}

.p-stat_graph__data {
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
}

.p-stat_graph__cap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 6px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-stat_graph__cap {
    font-size: 14px;
  }
}

.p-stat_graph__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
}

.p-stat_graph__num-sub {
  display: block;
  position: relative;
  font-size: 16px;
}

@media screen and (max-width: 960px) {
  .p-stat_graph__num-sub {
    font-size: 14px;
  }
}

.p-stat_graph__num-main {
  display: block;
  position: relative;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 45px;
  font-weight: 500;
  line-height: .9;
}

@media screen and (max-width: 960px) {
  .p-stat_graph__num-main {
    font-size: 34px;
  }
}

.p-faq {
  position: relative;
  margin: 0 auto;
  padding: 40px 0 150px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-faq {
    padding: 0 0 30px;
  }
}

.p-faq__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-faq__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-faq__list {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-faq__item {
  position: relative;
  -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  margin: 0 auto;
  width: 100%;
}

.is-load .p-faq__item {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1), transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1), transform 0.85s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-load .p-faq__item:nth-child(1) {
  -webkit-transition-delay: 1s, 1s;
          transition-delay: 1s, 1s;
}

.is-load .p-faq__item:nth-child(2) {
  -webkit-transition-delay: 1.1s, 1.1s;
          transition-delay: 1.1s, 1.1s;
}

.is-load .p-faq__item:nth-child(3) {
  -webkit-transition-delay: 1.2s, 1.2s;
          transition-delay: 1.2s, 1.2s;
}

.is-load .p-faq__item:nth-child(4) {
  -webkit-transition-delay: 1.3s, 1.3s;
          transition-delay: 1.3s, 1.3s;
}

.is-load .p-faq__item:nth-child(5) {
  -webkit-transition-delay: 1.4s, 1.4s;
          transition-delay: 1.4s, 1.4s;
}

.is-load .p-faq__item:nth-child(6) {
  -webkit-transition-delay: 1.5s, 1.5s;
          transition-delay: 1.5s, 1.5s;
}

.is-load .p-faq__item:nth-child(7) {
  -webkit-transition-delay: 1.6s, 1.6s;
          transition-delay: 1.6s, 1.6s;
}

.is-load .p-faq__item:nth-child(8) {
  -webkit-transition-delay: 1.7s, 1.7s;
          transition-delay: 1.7s, 1.7s;
}

.is-load .p-faq__item:nth-child(9) {
  -webkit-transition-delay: 1.8s, 1.8s;
          transition-delay: 1.8s, 1.8s;
}

.is-load .p-faq__item:nth-child(10) {
  -webkit-transition-delay: 1.9s, 1.9s;
          transition-delay: 1.9s, 1.9s;
}

.is-pjax .p-faq__item {
  -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: 0s linear !important;
  transition: 0s linear !important;
}

.p-faq_data {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-faq_data::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #383838;
  width: 100%;
  height: 1px;
  content: "";
}

.p-faq_data__header {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  width: 100%;
}

.p-faq_data__inner {
  position: relative;
  -webkit-transition: height 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  transition: height 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  width: 100%;
  height: 0;
  overflow: hidden;
}

.p-faq_data__in {
  position: relative;
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .p-faq_data__in {
    padding: 24px 0 36px;
  }
}

.-a .p-faq_data__in {
  padding: 44px 0;
}

@media screen and (max-width: 960px) {
  .-a .p-faq_data__in {
    padding: 32px 0;
  }
}

.p-faq_data__in::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../img/common/bg_gray.png") repeat left top;
  background-size: 3.5px auto;
  width: 100%;
  height: 100%;
  content: "";
}

@media screen and (max-width: 960px) {
  .p-faq_data__in::before {
    background: url("../img/common/bg_gray.png") repeat left top;
    background-size: 2px auto;
  }
}

.p-faq_data__in::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  opacity: .9;
  z-index: -1;
  -webkit-animation: red_bg 4s linear infinite;
          animation: red_bg 4s linear infinite;
  -webkit-transition: width 0.85s cubic-bezier(0.25, 1, 0.5, 1);
  transition: width 0.85s cubic-bezier(0.25, 1, 0.5, 1);
  background: url("../img/common/bg_red.png") repeat left top;
  background-size: 3.5px auto;
  width: 0;
  height: 100%;
  content: "";
}

.-a .p-faq_data__in::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
}

[data-ua="pc"] .p-faq_data:hover .-q .p-faq_data__in::after,
.is-acd-open.-q .p-faq_data__in::after {
  left: 0;
  width: 100%;
}

.is-acd-open.-a .p-faq_data__in::after {
  left: 0;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  width: 100%;
}

.p-faq_data__text {
  position: relative;
  margin: 0 auto;
  padding: 0 75px;
  width: 85.5%;
  max-width: 1700px;
  font-size: 20px;
  letter-spacing: 5px;
  line-height: 2;
}

@media screen and (max-width: 960px) {
  .p-faq_data__text {
    padding: 0 50px 0 34px;
    width: 88%;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.9;
  }
}

.p-faq_data__text-in {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.-a .p-faq_data__text-in {
  -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.4s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0s linear 0.4s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.4s;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0s linear 0.4s, -webkit-transform 0s linear 0.4s;
}

@media screen and (max-width: 960px) {
  .-a .p-faq_data__text-in {
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}

.is-acd-open.-a .p-faq_data__text-in {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
  transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, transform 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s, -webkit-transform 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
}

.p-faq_data__text::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: color 0.85s cubic-bezier(0.25, 1, 0.5, 1);
  transition: color 0.85s cubic-bezier(0.25, 1, 0.5, 1);
  color: #878787;
  font-family: 'Barlow Condensed', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: .8;
}

@media screen and (max-width: 960px) {
  .p-faq_data__text::before {
    font-size: 24px;
  }
}

.is-acd-open .p-faq_data__text::before {
  color: #ce0800;
}

.-q .p-faq_data__text::before {
  content: "Q";
}

@media screen and (max-width: 960px) {
  .-q .p-faq_data__text::before {
    top: .5em;
  }
}

.-a .p-faq_data__text::before {
  content: "A";
}

@media screen and (max-width: 960px) {
  .-a .p-faq_data__text::before {
    top: .2em;
  }
}

.p-faq_data__arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
  z-index: 1;
  width: 70px;
}

@media screen and (max-width: 960px) {
  .p-faq_data__arrow {
    position: absolute;
    top: auto;
    bottom: -32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(180deg);
        -ms-transform: translate(-50%, 0) rotate(180deg);
            transform: translate(-50%, 0) rotate(180deg);
    width: 36px;
    pointer-events: none;
  }
}

.is-acd-open .p-faq_data__arrow {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media screen and (max-width: 960px) {
  .is-acd-open .p-faq_data__arrow {
    bottom: -34px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.p-faq_data__arrow-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.p-faq_data__arrow-path {
  fill: #fff;
  -webkit-transition: fill 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  transition: fill 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.is-acd-open .p-faq_data__arrow-path {
  fill: #ce0800;
}

@media screen and (max-width: 960px) {
  .p-faq_data__arrow-path.-circle {
    fill: transparent;
  }
}

[data-ua="pc"] .p-faq_data:hover .p-faq_data__arrow-path.-arrow {
  -webkit-animation: arrow_t 1.6s linear infinite;
          animation: arrow_t 1.6s linear infinite;
}

@media screen and (max-width: 960px) {
  .is-acd-open .p-faq_data__arrow-path.-arrow {
    -webkit-animation: arrow_t 1.6s linear infinite;
            animation: arrow_t 1.6s linear infinite;
  }
}

.p-faq_data__btn {
  position: relative;
  margin: 10px 0 0;
  width: 90%;
}

.p-faq_data__flow {
  position: relative;
  margin: 36px auto;
  width: 100%;
  max-width: 550px;
}

.p-faq_data__flow-in {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.p-faq_data__flow-item {
  position: relative;
  border-radius: 100px;
  background: rgba(206, 8, 0, 0.2);
  padding: 10px;
  width: 100%;
  font-size: 22px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-faq_data__flow-item {
    font-size: 18px;
  }
}

.p-faq_data__flow-item:last-child {
  background: #ce0800;
}

.p-faq_data__flow-item + .p-faq_data__flow-item {
  margin-top: 26px;
}

.p-faq_data__flow-item + .p-faq_data__flow-item::before {
  display: block;
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  border-top: 10px solid #ce0800;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  width: 20px;
  height: 10px;
  content: "";
}

.p-faq_data__flow-note {
  position: relative;
  margin-top: 38px;
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .p-faq_data__flow-note {
    font-size: 10px;
  }
}

.c-btn {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.c-btn::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s, -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  background: rgba(255, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .c-btn::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

@supports (-ms-ime-align: auto) {
  .c-btn::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

.c-btn.-round::before {
  border-radius: 100px;
}

[data-ua="pc"] .c-btn:hover::before {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .c-btn:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .c-btn:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.c-btn::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1), -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  background: rgba(255, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .c-btn::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

@supports (-ms-ime-align: auto) {
  .c-btn::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

.c-btn.-round::after {
  border-radius: 100px;
}

[data-ua="pc"] .c-btn:hover::after {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .c-btn:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .c-btn:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.c-btn__text {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  padding: 18px 12px;
  width: 100%;
  color: #ce0800;
  font-size: 15px;
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .c-btn__text {
    padding: 14px 10px;
    font-size: 12px;
  }
}

.-round .c-btn__text {
  border-radius: 100px;
}

.c-btn__text::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: rgba(255, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  content: "";
}

.-round .c-btn__text::before {
  border-radius: 100px;
}

.c-btn__text::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ce0800;
  width: 100%;
  height: 100%;
  content: "";
}

.-round .c-btn__text::after {
  border-radius: 100px;
}

[data-ua="pc"] .c-btn:hover .c-btn__text {
  color: #fff;
}

.c-btn__arrow {
  display: none;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 15px;
}

@media screen and (max-width: 960px) {
  .c-btn__arrow {
    right: 8px;
    width: 12px;
  }
}

[data-ua="pc"] .c-btn:hover .c-btn__arrow {
  -webkit-animation: arrow 1.5s linear infinite;
          animation: arrow 1.5s linear infinite;
}

.-arrow_r .c-btn__arrow {
  display: block;
}

.c-btn__arrow-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.c-btn__arrow-path {
  fill: #ce0800;
  -webkit-transition: fill 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition: fill 0.65s cubic-bezier(0.76, 0, 0.24, 1);
}

[data-ua="pc"] .c-btn:hover .c-btn__arrow-path {
  fill: #fff;
}

.c-btn_fill {
  position: relative;
  margin: 0 auto;
  border-radius: 100px;
  background: #000;
  width: 100%;
}

.c-btn_fill.-red {
  background: #ce0800;
}

.c-btn_fill::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s, -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  border-radius: 100px;
  background: #ad0700;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .c-btn_fill::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

@supports (-ms-ime-align: auto) {
  .c-btn_fill::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

[data-ua="pc"] .c-btn_fill:hover::before {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .c-btn_fill:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .c-btn_fill:hover::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.c-btn_fill::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 0%, 0% 0%);
  -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  transition: clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1), -webkit-clip-path 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  border-radius: 100px;
  background: #ce0800;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

@media (-ms-high-contrast: none) {
  .c-btn_fill::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

@supports (-ms-ime-align: auto) {
  .c-btn_fill::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s;
  }
}

[data-ua="pc"] .c-btn_fill.-red::after {
  background: #560000;
}

[data-ua="pc"] .c-btn_fill:hover::after {
  -webkit-clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
          clip-path: polygon(0% 0%, 200% 0%, 0% 200%);
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

@media (-ms-high-contrast: none) {
  [data-ua="pc"] .c-btn_fill:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  [data-ua="pc"] .c-btn_fill:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.c-btn_fill__text {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.65s cubic-bezier(0.76, 0, 0.24, 1);
  padding: 14px 26px;
  width: 100%;
  color: #fff;
  font-size: 13px;
  letter-spacing: .2px;
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .c-btn_fill__text {
    padding: 14px 10px;
    font-size: 12px;
  }
}

[data-ua="pc"] .c-btn_fill:hover .c-btn_fill__text {
  color: #fff;
}

.c-btn_fill__arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 1;
  width: 12px;
}

@media screen and (max-width: 960px) {
  .c-btn_fill__arrow {
    right: 8px;
    width: 12px;
  }
}

[data-ua="pc"] .c-btn_fill:hover .c-btn_fill__arrow {
  -webkit-animation: arrow 1.5s linear infinite;
          animation: arrow 1.5s linear infinite;
}

.c-btn_fill__arrow-svg {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.c-btn_fill__arrow-path {
  fill: #fff;
}