.breadcrumb__item+.breadcrumb__item {
  position: relative
}

.breadcrumb__link {
  color: #fff
}

.hdg-large {
  position: relative;
  padding-left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 72 / 768 * 100, 54px)
}

.hdg-large--blue .hdg-large__circle {
  stroke: #00338e
}

.hdg-large--blue .hdg-large__txt {
  background: linear-gradient(225deg, rgba(0, 51, 142, 0) 0%, rgba(0, 51, 142, 0) 33%, #00338e 34%, #00338e 100%);
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 300% 300%
}

.hdg-large--white .hdg-large__circle {
  stroke: #fff
}

.hdg-large--white .hdg-large__txt {
  background: linear-gradient(225deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33%, white 34%, white 100%);
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 300% 300%
}

.hdg-large.is-active .hdg-large__txt {
  background-position: 0 100%;
  transition: background 4s cubic-bezier(0.165, 0.84, 0.44, 1) .5s
}

.hdg-large.is-active .hdg-large__circle {
  stroke-dashoffset: 0
}

.hdg-large__txt {
  width: -moz-fit-content;
  width: fit-content;
  color: rgba(0, 0, 0, 0)
}

.hdg-large__svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  transform: translateY(-50%);
  aspect-ratio: 1/1
}

.hdg-large__circle {
  transition: stroke-dashoffset 3s;
  animation: circle .5s linear 1 forwards paused;
  fill: rgba(0, 0, 0, 0);
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  stroke-width: 6
}

.scroll-down {
  display: none;
  position: absolute;
  bottom: 0;
  right: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  z-index: 50;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 20 / 768 * 100, 15px) 0;
  grid-template-rows: 1fr auto
}

.scroll-down__txt {
  font-style: normal;
  color: #fff;
  transform: scale(-1, -1);
  text-transform: capitalize;
  writing-mode: vertical-lr
}

.scroll-down__arrow {
  background-color: #fff;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 30 / 768 * 100, 22.5px);
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0)
}

.is-loaded .layer-kv__img {
  transition: -webkit-clip-path .7s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
  transition: clip-path .7s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
  transition: clip-path .7s cubic-bezier(0.215, 0.61, 0.355, 1) .5s, -webkit-clip-path .7s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%)
}

.is-loaded .layer-kv__overview {
  transition: opacity .3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s;
  opacity: 1
}

.layer-kv {
  margin-left: calc(50% - var(--vw, 1vw)*50);
  margin-right: calc(50% - var(--vw, 1vw)*50);
  padding-left: calc(var(--vw, 1vw)*50 - 50%);
  padding-right: calc(var(--vw, 1vw)*50 - 50%);
  position: relative;
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 400 / 768 * 100, 300px);
  padding-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 160 / 768 * 100, 120px);
  overflow: hidden;
  z-index: 1
}

.layer-kv::before {
  content: "";
  background-color: #00338e;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.layer-kv__body {
  width: 87.2%
}

.layer-kv__main {
  display: grid;
  padding-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 100 / 768 * 100, 75px);
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) 0
}

.layer-kv__overview {
  padding-left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 72 / 768 * 100, 54px);
  color: #fff;
  opacity: 0
}

.layer-kv__scroll-down {
  bottom: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px)
}

.layer-kv__diagonal {
  position: absolute;
  top: 0;
  left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 240 / 768 * 100, 180px);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 800 / 768 * 100, 600px);
  height: 100%;
  z-index: -1;
  -webkit-clip-path: polygon(0 0, calc(100% - min(min(var(--vw, 1vw), var(--svh, 1vh)) * 400 / 768 * 100, 300px)) 0, 100% 100%, min(min(var(--vw, 1vw), var(--svh, 1vh)) * 400 / 768 * 100, 300px) 100%);
  clip-path: polygon(0 0, calc(100% - min(min(var(--vw, 1vw), var(--svh, 1vh)) * 400 / 768 * 100, 300px)) 0, 100% 100%, min(min(var(--vw, 1vw), var(--svh, 1vh)) * 400 / 768 * 100, 300px) 100%)
}

.layer-kv__diagonal:not(:has(.layer-kv__fig)) {
  background-color: rgba(255, 255, 255, .25)
}

.layer-kv__fig {
  width: 100%;
  height: 100%
}

.layer-kv__img {
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%)
}

.layer-kv__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.each-index-links {
  position: relative;
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 20 / 768 * 100, 15px) 0;
  z-index: 1
}

.each-index-links:before {
  content: "";
  background-color: #00338e;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(var(--vw, 1vw)*100);
  height: 100%;
  transform: translateX(-50%);
  z-index: -1
}

.each-index-links__body {
  margin-left: calc(50% - var(--vw, 1vw)*50);
  margin-right: calc(50% - var(--vw, 1vw)*50);
  padding-left: calc(var(--vw, 1vw)*50 - 50%);
  padding-right: calc(var(--vw, 1vw)*50 - 50%);
  display: grid;
  background-color: #fff;
  padding-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  padding-bottom: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) 0
}

.each-index-links__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #00338e;
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 56 / 768 * 100, 42px)
}

.each-index-links__txt {
  color: #fff
}

.each-index-links__circle {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 96 / 768 * 100, 72px)
}

.each-index-links__circle .each-circle-arrow__img {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px)
}

.next-contents {
  margin-left: calc(50% - var(--vw, 1vw)*50);
  margin-right: calc(50% - var(--vw, 1vw)*50);
  padding-left: calc(var(--vw, 1vw)*50 - 50%);
  padding-right: calc(var(--vw, 1vw)*50 - 50%);
  background-color: #00338e;
  padding-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 80 / 768 * 100, 60px);
  padding-bottom: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 60 / 768 * 100, 45px)
}

.next-contents+.each-index-links {
  padding: 0
}

.next-contents__inner {
  display: grid;
  align-items: center;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 608 / 768 * 100, 456px);
  margin: 0 auto;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) 0
}

.next-contents__head {
  position: relative;
  width: 100%
}

.next-contents__head::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 380 / 768 * 100, 285px);
  height: 1px;
  transform: translateY(-50%)
}

.next-contents__head--short::before {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 296 / 768 * 100, 222px)
}

.next-contents__hdg {
  color: #fff;
  text-transform: uppercase
}

.next-contents__body {
  display: grid;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 16 / 768 * 100, 12px) 0
}

.next-contents__btn {
  display: grid;
  align-items: center;
  background-color: #fff;
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 56 / 768 * 100, 42px);
  grid-template-columns: auto min(min(var(--vw, 1vw), var(--svh, 1vh)) * 72 / 768 * 100, 54px)
}

.next-contents__txt {
  color: #00338e
}

.cont-link-layer {
  display: grid;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px) 0
}

.cont-link-layer__link.is-active .mask::before {
  transform: translateY(150%);
  transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-clip-path .5s cubic-bezier(0.445, 0.05, 0.55, 0.95) .5s;
  transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), clip-path .5s cubic-bezier(0.445, 0.05, 0.55, 0.95) .5s;
  transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), clip-path .5s cubic-bezier(0.445, 0.05, 0.55, 0.95) .5s, -webkit-clip-path .5s cubic-bezier(0.445, 0.05, 0.55, 0.95) .5s;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%)
}

.cont-link-layer__fig {
  overflow: hidden
}

.cont-link-layer__img {
  transition: transform .3s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.cont-link-layer__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #00338e;
  position: relative;
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 56 / 768 * 100, 42px);
  overflow: hidden;
  border: 1px solid #00338e
}

.cont-link-layer__name {
  position: relative;
  color: #fff;
  transition: color .3s;
  z-index: 5
}

.cont-link-layer__label {
  display: block;
  background: #fff;
  position: absolute;
  bottom: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px);
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 6 / 768 * 100, 4.5px) min(min(var(--vw, 1vw), var(--svh, 1vh)) * 12 / 768 * 100, 9px);
  color: #00338e
}

.projectstory-index {
  position: relative
}

.projectstory-index-card {
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 96 / 768 * 100, 72px) 0
}

.projectstory-index-card__content {
  display: grid;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px)
}

.projectstory-movie__main {
  position: relative;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  overflow: hidden;
  cursor: pointer;
  aspect-ratio: 16/9;
}

.projectstory-movie__main.is-play .projectstory-movie__thumb,
.projectstory-movie__main.is-play .projectstory-movie-btn {
  transition: opacity .3s;
  pointer-events: none;
  opacity: 0;
}

.projectstory-movie__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 5;
}

#projectstory-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.projectstory-movie-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: absolute;
  top: 45%;
  left: 50%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 120 / 768 * 100, 90px);
  overflow: hidden;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  aspect-ratio: 1/1;
  border: solid 1px #00338e;
}

.projectstory-movie-btn__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  transition: transform .01s linear .2s;
}

.projectstory-movie-btn__bg::before {
  content: "";
  background-color: #00338e;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%) skewX(30deg);
  transition: transform .3s ease;
}

.projectstory-movie-btn__txt {
  position: relative;
  color: #00338e;
  z-index: 5;
  text-transform: uppercase;
}

@media screen and (min-width: 960px) {
  .breadcrumb {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 min(var(--vw, 1vw) * 28 / 1360 * 100, 35px)
  }

  .breadcrumb__item+.breadcrumb__item::before {
    content: "";
    background-color: #00a0ca;
    position: absolute;
    top: 50%;
    left: max(var(--vw, 1vw) * -16 / 1360 * 100, -20px);
    width: 4px;
    border-radius: 50%;
    transform: translate(0, -50%);
    aspect-ratio: 1/1
  }

  .hdg-large {
    padding-left: min(var(--vw, 1vw) * 48 / 1360 * 100, 60px)
  }

  .hdg-large__svg {
    width: min(var(--vw, 1vw) * 24 / 1360 * 100, 30px)
  }

  .hdg-large__circle {
    stroke-width: 8
  }

  .scroll-down {
    display: grid;
    right: min(var(--vw, 1vw) * 80 / 1360 * 100, 100px);
    filter: drop-shadow(0px 0px 16px #00338e);
    gap: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) 0
  }

  .scroll-down__arrow {
    width: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px);
    height: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px)
  }

  .layer-kv {
    height: min(var(--vw, 1vw) * 400 / 1360 * 100, 500px);
    padding-top: min(var(--vw, 1vw) * 120 / 1360 * 100, 150px);
    padding-left: calc(var(--vw, 1vw)*33 - 33%)
  }

  .layer-kv__body {
    width: 100%
  }

  .layer-kv__main {
    padding-top: min(var(--vw, 1vw) * 147 / 1360 * 100, 183.75px);
    gap: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px) 0;
    grid-template-rows: 1fr auto
  }

  .layer-kv__overview {
    padding-left: min(var(--vw, 1vw) * 48 / 1360 * 100, 60px)
  }

  .layer-kv__scroll-down {
    bottom: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px)
  }

  .layer-kv__diagonal {
    left: auto;
    right: max(var(--vw, 1vw) * -160 / 1360 * 100, -200px);
    width: min(var(--vw, 1vw) * 1080 / 1360 * 100, 1350px);
    -webkit-clip-path: polygon(0 0, calc(100% - min(var(--vw, 1vw) * 400 / 1360 * 100, 500px)) 0, 100% 100%, min(var(--vw, 1vw) * 400 / 1360 * 100, 500px) 100%);
    clip-path: polygon(0 0, calc(100% - min(var(--vw, 1vw) * 400 / 1360 * 100, 500px)) 0, 100% 100%, min(var(--vw, 1vw) * 400 / 1360 * 100, 500px) 100%)
  }

  .each-index-links {
    padding: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px) 0
  }

  .each-index-links__body {
    padding: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px) calc(var(--vw, 1vw)*25 - 25%);
    gap: 0 min(var(--vw, 1vw) * 20 / 1360 * 100, 25px);
    grid-template-columns: repeat(3, 1fr)
  }

  .each-index-links__link {
    padding: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px) min(var(--vw, 1vw) * 20 / 1360 * 100, 25px) min(var(--vw, 1vw) * 20 / 1360 * 100, 25px) min(var(--vw, 1vw) * 40 / 1360 * 100, 50px)
  }

  .each-index-links__circle {
    width: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px)
  }

  .each-index-links__circle .each-circle-arrow__img {
    width: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px)
  }

  .next-contents {
    padding-top: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px);
    padding-bottom: min(var(--vw, 1vw) * 36 / 1360 * 100, 45px)
  }

  .next-contents__inner {
    width: min(var(--vw, 1vw) * 960 / 1360 * 100, 1200px);
    gap: 0 min(var(--vw, 1vw) * 16 / 1360 * 100, 20px);
    grid-template-columns: auto min(var(--vw, 1vw) * 600 / 1360 * 100, 750px)
  }

  .next-contents__head::before {
    width: min(var(--vw, 1vw) * 170 / 1360 * 100, 212.5px)
  }

  .next-contents__head--short::before {
    width: min(var(--vw, 1vw) * 136 / 1360 * 100, 170px)
  }

  .next-contents__body {
    gap: min(var(--vw, 1vw) * 8 / 1360 * 100, 10px) 0
  }

  .next-contents__btn {
    padding: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) min(var(--vw, 1vw) * 56 / 1360 * 100, 70px);
    grid-template-columns: auto min(var(--vw, 1vw) * 64 / 1360 * 100, 80px)
  }

  .cont-link-layer {
    gap: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px);
    grid-template-columns: repeat(2, 1fr)
  }

  .cont-link-layer__foot {
    padding: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
    border-width: 2px
  }

  .cont-link-layer__label {
    bottom: min(var(--vw, 1vw) * 28 / 1360 * 100, 35px);
    padding: min(var(--vw, 1vw) * 6 / 1360 * 100, 7.5px) min(var(--vw, 1vw) * 12 / 1360 * 100, 15px)
  }

  .projectstory-index-card {
    padding: min(var(--vw, 1vw) * 96 / 1360 * 100, 120px) 0 min(var(--vw, 1vw) * 100 / 1360 * 100, 125px)
  }

  .projectstory-index-card__content {
    gap: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px);
    grid-template-columns: repeat(2, 1fr)
  }

  .projectstory-movie {
    margin-bottom: min(var(--vw, 1vw) * 96 / 1360 * 100, 120px);
    padding-top: min(var(--vw, 1vw) * 100 / 1360 * 100, 125px);
  }

  .projectstory-movie__body {
    width: min(var(--vw, 1vw) * 960 / 1360 * 100, 1200px);
    margin: 0 auto;
  }

  .projectstory-movie__lead {
    margin-top: min(var(--vw, 1vw) * 64 / 1360 * 100, 80px);
  }

  .projectstory-movie__main {
    width: calc((100% - min(var(--vw, 1vw) * 56 / 1360 * 100, 70px)) / 2);
    margin: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px) auto 0;
  }

  .projectstory-movie-btn {
    width: min(var(--vw, 1vw) * 96 / 1360 * 85, 90px);
  }
}

@media(any-hover: hover) {
  .each-index-links__link:hover .circle-arrow .circle-arrow__bg {
    transform: rotate(180deg)
  }

  .each-index-links__link:hover .circle-arrow .circle-arrow__bg::before {
    transform: translateX(10%) skewX(30deg);
    transition: transform .3s ease .2s
  }

  .each-index-links__link:hover .circle-arrow .circle-arrow__img:first-child {
    animation: transformCenterRight .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
  }

  .each-index-links__link:hover .circle-arrow .circle-arrow__img:last-child {
    animation: transformLeftCenter .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both .15s
  }

  .each-index-links__link:hover .box-link__bg {
    transform: rotate(180deg)
  }

  .each-index-links__link:hover .box-link__bg::before,
  .each-index-links__link:hover .box-link__bg::after {
    transform: translateX(10%) skewX(30deg)
  }

  .next-contents__btn:hover .circle-arrow .circle-arrow__bg {
    transform: rotate(180deg)
  }

  .next-contents__btn:hover .circle-arrow .circle-arrow__bg::before {
    transform: translateX(10%) skewX(30deg);
    transition: transform .3s ease .2s
  }

  .next-contents__btn:hover .circle-arrow .circle-arrow__img:first-child {
    animation: transformCenterRight .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
  }

  .next-contents__btn:hover .circle-arrow .circle-arrow__img:last-child {
    animation: transformLeftCenter .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both .15s
  }

  .cont-link-layer__link:hover .circle-arrow .circle-arrow__bg {
    transform: rotate(180deg)
  }

  .cont-link-layer__link:hover .circle-arrow .circle-arrow__bg::before {
    transform: translateX(10%) skewX(30deg);
    transition: transform .3s ease .2s
  }

  .cont-link-layer__link:hover .circle-arrow .circle-arrow__img:first-child {
    animation: transformCenterRight .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
  }

  .cont-link-layer__link:hover .circle-arrow .circle-arrow__img:last-child {
    animation: transformLeftCenter .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both .15s
  }

  .cont-link-layer__link:hover .cont-link-layer__img {
    transform: scale(1.05) rotate(0.5deg)
  }

  .cont-link-layer__link:hover .box-link__bg {
    transform: rotate(180deg)
  }

  .cont-link-layer__link:hover .box-link__bg::before,
  .cont-link-layer__link:hover .box-link__bg::after {
    transform: translateX(10%) skewX(30deg)
  }

  .cont-link-layer__link:hover .cont-link-layer__name {
    color: #00338e
  }

  .projectstory-movie__main:hover .projectstory-movie__thumb {
    transform: scale(1.05) rotate(0.5deg);
  }

  .projectstory-movie__main:hover .projectstory-movie-btn__bg {
    transform: rotate(180deg);
  }

  .projectstory-movie__main:hover .projectstory-movie-btn__bg::before {
    transform: translateX(10%) skewX(30deg);
    transition: transform .3s ease .2s;
  }

  .projectstory-movie__main:hover .projectstory-movie-btn__txt {
    color: #fff;
    transition: color .3s;
  }
}