.mainVisual .mainVisual_inner {
  background-color: #f1f2f0;
  height: 200vw;
  position: relative
}

.mainVisual .mainVisual_inner img {
  width: 100%
}

.mainVisual .mainVisual_inner>.img1, .mainVisual .mainVisual_inner>.img2, .mainVisual .mainVisual_inner>.img3, .mainVisual .mainVisual_inner>.img4, .mainVisual .mainVisual_inner>.img5 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  left: 0
}

.mainVisual .mainVisual_inner>.img1 {
  top: 0;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards;
  z-index: 1
}

.mainVisual .mainVisual_inner>.img2 {
  top: 48.4vw;
  z-index: 0;
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.mainVisual .mainVisual_inner>.img3 {
  top: 82vw;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards;
  z-index: 1
}

.mainVisual .mainVisual_inner>.img4 {
  top: 120vw;
  z-index: 0;
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.mainVisual .mainVisual_inner>.img5 {
  bottom: 0;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards;
  z-index: 1
}

@media screen and (min-width:768px) {
  .mainVisual .mainVisual_inner {
    background-color: #f1f2f0;
    width: 100vw;
    height: 34.792vw;
    margin: 0 auto;
    overflow: hidden
  }
  .mainVisual .mainVisual_inner .motion1 {
    width: 47.135vw;
    height: 19.271vw;
    position: absolute
  }
  .mainVisual .mainVisual_inner .motion1 .img1, .mainVisual .mainVisual_inner .motion1 .img2, .mainVisual .mainVisual_inner .motion1 .img3, .mainVisual .mainVisual_inner .motion1 .img4, .mainVisual .mainVisual_inner .motion1 .img5, .mainVisual .mainVisual_inner .motion1 .img6 {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  .mainVisual .mainVisual_inner .motion1 .img1 {
    top: 0;
    left: 0;
    width: 23.542vw;
    -webkit-animation: object_motion .2s .3s forwards;
    animation: object_motion .2s .3s forwards;
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0
  }
  .mainVisual .mainVisual_inner .motion1 .img2 {
    top: 2.448vw;
    left: 28.021vw;
    width: 6.771vw;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-animation: icons .4s .4s forwards;
    animation: icons .4s .4s forwards
  }
  .mainVisual .mainVisual_inner .motion1 .img3 {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    top: 6.25vw;
    left: 23.542vw;
    width: 2.865vw;
    -webkit-animation: icons .4s .45s forwards;
    animation: icons .4s .45s forwards
  }
  .mainVisual .mainVisual_inner .motion1 .img4 {
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 11.25vw;
    left: 26.563vw;
    width: 7.5vw;
    -webkit-animation: icons .4s .5s forwards;
    animation: icons .4s .5s forwards
  }
  .mainVisual .mainVisual_inner .motion1 .img5 {
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 5.99vw;
    left: 35.677vw;
    width: 5vw;
    -webkit-animation: icons .4s .55s forwards;
    animation: icons .4s .55s forwards
  }
  .mainVisual .mainVisual_inner .motion1 .img6 {
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 2.448vw;
    left: 37.865vw;
    width: 9.375vw;
    -webkit-animation: icons .4s .6s forwards;
    animation: icons .4s .6s forwards
  }
  .mainVisual .mainVisual_inner .motion2 {
    width: 57.083vw;
    height: 18.75vw;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
  }
  .mainVisual .mainVisual_inner .motion2 .img1, .mainVisual .mainVisual_inner .motion2 .img2, .mainVisual .mainVisual_inner .motion2 .img3, .mainVisual .mainVisual_inner .motion2 .img4, .mainVisual .mainVisual_inner .motion2 .img5 {
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute
  }
  .mainVisual .mainVisual_inner .motion2 .svg_wrapper {
    height: .208vw;
    position: absolute;
    top: 14.01vw;
    right: 0;
    width: 26.042vw
  }
  .mainVisual .mainVisual_inner .motion2 .svg_wrapper svg {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: line_motion2 .4s .8s forwards;
    animation: line_motion2 .4s .8s forwards;
    stroke-dashoffset: 26.042vw;
    stroke-dasharray: 26.042vw
  }
  .mainVisual .mainVisual_inner .motion2 .img1 {
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 8.438vw;
    left: 0;
    width: 4.792vw;
    -webkit-animation: icons .4s .65s forwards;
    animation: icons .4s .65s forwards
  }
  .mainVisual .mainVisual_inner .motion2 .img2 {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    top: .469vw;
    left: 5.365vw;
    width: 14.74vw;
    -webkit-animation: icons .4s .7s forwards;
    animation: icons .4s .7s forwards
  }
  .mainVisual .mainVisual_inner .motion2 .img3 {
    top: 3.594vw;
    left: 17.917vw;
    width: 14.323vw;
    -webkit-animation: icons .4s .75s forwards;
    animation: icons .4s .75s forwards
  }
  .mainVisual .mainVisual_inner .motion2 .img4 {
    top: 1.667vw;
    right: 2.5vw;
    width: 16.042vw;
    -webkit-animation: icons .4s .8s forwards;
    animation: icons .4s .8s forwards;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion2 .img5 {
    top: 2.552vw;
    right: 16.771vw;
    width: 11.667vw;
    -webkit-animation: icons .4s .85s forwards;
    animation: icons .4s .85s forwards;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion3 {
    width: 33.594vw;
    height: 18.229vw;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .mainVisual .mainVisual_inner .motion3 .img1, .mainVisual .mainVisual_inner .motion3 .img2, .mainVisual .mainVisual_inner .motion3 .img3, .mainVisual .mainVisual_inner .motion3 .img4 {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 1
  }
  .mainVisual .mainVisual_inner .motion3 .line_wrap1, .mainVisual .mainVisual_inner .motion3 .line_wrap2, .mainVisual .mainVisual_inner .motion3 .line_wrap3 {
    position: absolute
  }
  .mainVisual .mainVisual_inner .motion3 .svg_wrapper1 {
    height: 16vw;
    position: absolute;
    top: 0;
    left: 2.5vw;
    width: .208vw
  }
  .mainVisual .mainVisual_inner .motion3 .svg_wrapper1 svg {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: line_motion3_1 .4s .9s forwards;
    animation: line_motion3_1 .4s .9s forwards;
    stroke-dashoffset: 16vw;
    stroke-dasharray: 16vw
  }
  .mainVisual .mainVisual_inner .motion3 .svg_wrapper2 {
    height: .208vw;
    position: absolute;
    bottom: 5.729vw;
    left: 2.5vw;
    width: 30.365vw
  }
  .mainVisual .mainVisual_inner .motion3 .svg_wrapper2 svg {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: line_motion3_2 .4s .95s forwards;
    animation: line_motion3_2 .4s .95s forwards;
    stroke-dashoffset: 30.365vw;
    stroke-dasharray: 30.365vw
  }
  .mainVisual .mainVisual_inner .motion3 .svg_wrapper3 {
    position: absolute;
    height: .208vw;
    left: -8vw;
    bottom: 9vw;
    width: 11.458vw
  }
  .mainVisual .mainVisual_inner .motion3 .svg_wrapper3 svg {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: line_motion3_3 .4s 1s forwards;
    animation: line_motion3_3 .4s 1s forwards;
    stroke-dashoffset: 858px;
    stroke-dasharray: 858px
  }
  .mainVisual .mainVisual_inner .motion3 .img1 {
    top: 6.25vw;
    left: 0;
    width: 5.104vw;
    -webkit-animation: icons .4s .9s forwards;
    animation: icons .4s .9s forwards;
    -webkit-transform-origin: top;
    transform-origin: top
  }
  .mainVisual .mainVisual_inner .motion3 .img2 {
    bottom: 0;
    right: 0;
    width: 17.5vw;
    -webkit-animation: icons .4s .95s forwards;
    animation: icons .4s .95s forwards;
    -webkit-transform-origin: right;
    transform-origin: right;
    z-index: 2
  }
  .mainVisual .mainVisual_inner .motion3 .img3 {
    top: 0;
    right: 7.187vw;
    width: 15.677vw;
    -webkit-animation: icons .4s 1s forwards;
    animation: icons .4s 1s forwards;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion3 .img4 {
    bottom: 1.615vw;
    left: .26vw;
    width: 13.854vw;
    -webkit-animation: icons .4s 1.1s forwards;
    animation: icons .4s 1.1s forwards;
    -webkit-transform-origin: right;
    transform-origin: right;
    z-index: 2
  }
  .mainVisual .mainVisual_inner .motion4 {
    width: 41.771vw;
    height: 20.313vw;
    position: absolute;
    bottom: 0;
    right: 33.594vw;
    z-index: 1
  }
  .mainVisual .mainVisual_inner .motion4 .img1, .mainVisual .mainVisual_inner .motion4 .img2, .mainVisual .mainVisual_inner .motion4 .img3, .mainVisual .mainVisual_inner .motion4 .img4, .mainVisual .mainVisual_inner .motion4 .img5, .mainVisual .mainVisual_inner .motion4 .img6, .mainVisual .mainVisual_inner .motion4 .img7 {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  .mainVisual .mainVisual_inner .motion4 .svg_wrapper {
    height: .208vw;
    position: absolute;
    right: -6px;
    bottom: 2.1vw;
    width: 29.7vw
  }
  .mainVisual .mainVisual_inner .motion4 .svg_wrapper svg {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: line_motion4 .4s 1.15s forwards;
    animation: line_motion4 .4s 1.15s forwards;
    stroke-dashoffset: 31.979vw;
    stroke-dasharray: 31.979vw
  }
  .mainVisual .mainVisual_inner .motion4 .img1 {
    bottom: 1.146vw;
    right: 6.667vw;
    width: 2.76vw;
    -webkit-animation: icons .4s 1.15s forwards;
    animation: icons .4s 1.15s forwards
  }
  .mainVisual .mainVisual_inner .motion4 .img2 {
    bottom: 1.615vw;
    right: 13.854vw;
    width: 2.969vw;
    -webkit-animation: icons .4s 1.2s forwards;
    animation: icons .4s 1.2s forwards
  }
  .mainVisual .mainVisual_inner .motion4 .img3 {
    bottom: 1.615vw;
    right: 21.302vw;
    width: 3.021vw;
    -webkit-animation: icons .4s 1.25s forwards;
    animation: icons .4s 1.25s forwards
  }
  .mainVisual .mainVisual_inner .motion4 .img4 {
    bottom: 1.198vw;
    right: 28.594vw;
    width: 2.76vw;
    -webkit-animation: icons .4s 1.3s forwards;
    animation: icons .4s 1.3s forwards
  }
  .mainVisual .mainVisual_inner .motion4 .img5 {
    top: 0;
    right: 6.25vw;
    width: 13.698vw;
    -webkit-animation: icons .4s 1.35s forwards;
    animation: icons .4s 1.35s forwards;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion4 .img6 {
    top: .729vw;
    right: 18.021vw;
    width: 3.646vw;
    -webkit-animation: icons .4s 1.4s forwards;
    animation: icons .4s 1.4s forwards;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion4 .img7 {
    -webkit-animation: icons .4s 1.45s forwards;
    animation: icons .4s 1.45s forwards;
    top: 6.771vw;
    left: 0;
    width: 18.802vw;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion5 {
    width: 30.938vw;
    height: 16.406vw;
    position: absolute;
    bottom: 0;
    left: 0
  }
  .mainVisual .mainVisual_inner .motion5 .img1, .mainVisual .mainVisual_inner .motion5 .img2, .mainVisual .mainVisual_inner .motion5 .img3 {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  .mainVisual .mainVisual_inner .motion5 .img1 {
    -webkit-animation: icons .4s 1.5s forwards;
    animation: icons .4s 1.5s forwards;
    top: 0;
    left: 1.406vw;
    width: 29.583vw;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion5 .img2 {
    -webkit-animation: icons .4s 1.55s forwards;
    animation: icons .4s 1.55s forwards;
    bottom: 0;
    left: 3.802vw;
    width: 18.542vw;
    -webkit-transform-origin: right;
    transform-origin: right
  }
  .mainVisual .mainVisual_inner .motion5 .img3 {
    -webkit-animation: icons .4s 1.6s forwards;
    animation: icons .4s 1.6s forwards;
    top: 0;
    left: 80px;
    width: 334px;
    left: 6.25vw;
    width: 26.094vw;
    -webkit-transform-origin: right;
    transform-origin: right
  }
}

@-webkit-keyframes line_motion3_1 {
  0% {
    stroke-dashoffset: 16vw;
    stroke-dasharray: 16vw
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_motion3_1 {
  0% {
    stroke-dashoffset: 16vw;
    stroke-dasharray: 16vw
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes line_motion3_2 {
  0% {
    stroke-dashoffset: 30.365vw;
    stroke-dasharray: 30.365vw
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_motion3_2 {
  0% {
    stroke-dashoffset: 30.365vw;
    stroke-dasharray: 30.365vw
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes line_motion3_3 {
  0% {
    stroke-dashoffset: 858px;
    stroke-dasharray: 858px
  }
  to {
    stroke-dashoffset: 1720px
  }
}

@keyframes line_motion3_3 {
  0% {
    stroke-dashoffset: 858px;
    stroke-dasharray: 858px
  }
  to {
    stroke-dashoffset: 1720px
  }
}

@-webkit-keyframes line_motion2 {
  0% {
    stroke-dashoffset: 26.042vw;
    stroke-dasharray: 26.042vw
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_motion2 {
  0% {
    stroke-dashoffset: 26.042vw;
    stroke-dasharray: 26.042vw
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes line_motion4 {
  0% {
    stroke-dashoffset: 31.979vw;
    stroke-dasharray: 31.979vw
  }
  to {
    stroke-dashoffset: 64.063vw
  }
}

@keyframes line_motion4 {
  0% {
    stroke-dashoffset: 31.979vw;
    stroke-dasharray: 31.979vw
  }
  to {
    stroke-dashoffset: 64.063vw
  }
}

@-webkit-keyframes object_motion {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 0
  }
  70% {
    opacity: 1
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes object_motion {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 0
  }
  70% {
    opacity: 1
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.technology.u-pc {
  position: relative;
  height: 832px;
  display: none
}

@media screen and (min-width:1280px) {
  .technology.u-pc {
    display: block
  }
}

.technology.u-pc.is-active .img1 {
  -webkit-animation: icons .4s .1s forwards;
  animation: icons .4s .1s forwards
}

.technology.u-pc.is-active .img2 {
  -webkit-animation: icons .4s .4s forwards;
  animation: icons .4s .4s forwards
}

.technology.u-pc.is-active .img3 {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.technology.u-pc.is-active .logo {
  -webkit-animation: icons .4s 1.6s forwards;
  animation: icons .4s 1.6s forwards
}

.technology.u-pc.is-active .text1 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.technology.u-pc.is-active .text2 {
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards
}

.technology.u-pc.is-active .line_wrap1 .line {
  -webkit-animation: technology_line1 .4s .6s forwards;
  animation: technology_line1 .4s .6s forwards
}

.technology.u-pc.is-active .line_wrap2 .line {
  -webkit-animation: technology_line2 .4s 1.2s forwards;
  animation: technology_line2 .4s 1.2s forwards
}

.technology.u-pc.is-active .line_wrap3 .line {
  -webkit-animation: technology_line3 .4s 1.6s forwards;
  animation: technology_line3 .4s 1.6s forwards
}

.technology.u-pc .img1, .technology.u-pc .img2, .technology.u-pc .img3, .technology.u-pc .logo {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  z-index: 1
}

.technology.u-pc .img1 {
  top: 0;
  left: 286px
}

.technology.u-pc .img2 {
  top: 343px;
  left: 505px
}

.technology.u-pc .img3 {
  top: 0;
  right: 290px
}

.technology.u-pc .logo {
  top: 228px;
  right: 575px
}

.technology.u-pc .text1, .technology.u-pc .text2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  top: 284px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.777;
  width: 432px;
  height: 270px;
  width: 288px;
  height: 123px
}

.technology.u-pc .text1 {
  left: 108px;
  text-align: right
}

.technology.u-pc .text2 {
  right: 108px;
  text-align: left
}

.technology.u-pc .line_wrap1, .technology.u-pc .line_wrap2, .technology.u-pc .line_wrap3 {
  position: absolute
}

.technology.u-pc .line_wrap1 {
  top: 226px;
  left: 395px
}

.technology.u-pc .line_wrap1 .line {
  stroke-dashoffset: 205.37835693359375px;
  stroke-dasharray: 205.37835693359375px
}

.technology.u-pc .line_wrap2 {
  top: 160px;
  left: 704px
}

.technology.u-pc .line_wrap2 .line {
  stroke-dashoffset: 290.76190185546875px;
  stroke-dasharray: 290.76190185546875px
}

.technology.u-pc .line_wrap3 {
  top: 164px;
  left: 474px
}

.technology.u-pc .line_wrap3 .line {
  stroke-dashoffset: 299.5px;
  stroke-dasharray: 299.5px
}

.technology.u-sp {
  position: relative;
  display: block
}

@media screen and (min-width:1280px) {
  .technology.u-sp {
    display: none
  }
}

.technology.u-sp.is-active .line_wrap1 .line {
  -webkit-animation: technology_sp_line1 .4s 1s forwards;
  animation: technology_sp_line1 .4s 1s forwards
}

.technology.u-sp.is-active .line_wrap2 .line {
  -webkit-animation: technology_sp_line2 .4s 1.4s forwards;
  animation: technology_sp_line2 .4s 1.4s forwards
}

.technology.u-sp.is-active .img1 {
  /* -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards */
}

.technology.u-sp.is-active .img2 {
  /* -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards */
}

.technology.u-sp.is-active .img3 {
  /* -webkit-animation: icons .4s 1.2s forwards;
  animation: icons .4s 1.2s forwards */
}

.technology.u-sp.is-active .text1 {
  /* -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards */
}

.technology.u-sp.is-active .text2 {
  /* -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards */
}

.technology.u-sp .line_wrap1 {
  position: absolute;
  top: 200px
}

.technology.u-sp .line_wrap1 .line {
  stroke-dashoffset: 205px;
  stroke-dasharray: 205px
}

.technology.u-sp .line_wrap2 {
  position: absolute;
  top: 625px
}

.technology.u-sp .line_wrap2 .line {
  stroke-dashoffset: 270px;
  stroke-dasharray: 270px
}

.technology.u-sp .img1, .technology.u-sp .img2, .technology.u-sp .img3, .technology.u-sp .text1, .technology.u-sp .text2 {
  /* -webkit-transform: scale(0);
  transform: scale(0) */
}

.technology.u-sp .text1, .technology.u-sp .text2 {
  background-color: #fff;
  top: 190px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  width: 244px;
  padding: 6px 10px;
  margin: 40px auto
}

@-webkit-keyframes technology_line1 {
  0% {
    stroke-dashoffset: 205.37835693359375px;
    stroke-dasharray: 205.37835693359375px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes technology_line1 {
  0% {
    stroke-dashoffset: 205.37835693359375px;
    stroke-dasharray: 205.37835693359375px
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes technology_line2 {
  0% {
    stroke-dashoffset: 290.76190185546875px;
    stroke-dasharray: 290.76190185546875px
  }
  to {
    stroke-dashoffset: 581.5238037109375px
  }
}

@keyframes technology_line2 {
  0% {
    stroke-dashoffset: 290.76190185546875px;
    stroke-dasharray: 290.76190185546875px
  }
  to {
    stroke-dashoffset: 581.5238037109375px
  }
}

@-webkit-keyframes technology_line3 {
  0% {
    stroke-dashoffset: 299.5px;
    stroke-dasharray: 299.5px
  }
  to {
    stroke-dashoffset: 599px
  }
}

@keyframes technology_line3 {
  0% {
    stroke-dashoffset: 299.5px;
    stroke-dasharray: 299.5px
  }
  to {
    stroke-dashoffset: 599px
  }
}

@-webkit-keyframes technology_sp_line1 {
  0% {
    stroke-dashoffset: 205px;
    stroke-dasharray: 205px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes technology_sp_line1 {
  0% {
    stroke-dashoffset: 205px;
    stroke-dasharray: 205px
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes technology_sp_line2 {
  0% {
    stroke-dashoffset: 270px;
    stroke-dasharray: 270px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes technology_sp_line2 {
  0% {
    stroke-dashoffset: 270px;
    stroke-dasharray: 270px
  }
  to {
    stroke-dashoffset: 0
  }
}

@media screen and (max-width:560px) {
  .product .productImg.p3 img {
    width: 100%;
    max-width: 374px
  }
  .product .productImg.p3 img.--recpod {
    width: 100%;
    max-width: 255px
  }
}

@media screen and (min-width:768px) {
  .product .productImg.p3 img {
    width: 100%;
    max-width: 340px
  }
  .product .productImg.p3 img.--recpod {
    width: 100%;
    max-width: 331px
  }
}

.product .productMotion.u-pc {
  display: none;
  height: 346px;
  height: 300px;
  position: relative
}

@media screen and (min-width:1280px) {
  .product .productMotion.u-pc {
    display: block
  }
}

.product .productMotion.u-pc.is-active .product_motion1 .main {
  -webkit-animation: icons .4s .1s forwards;
  animation: icons .4s .1s forwards
}

.product .productMotion.u-pc.is-active .product_motion1 .circle {
  -webkit-animation: circle 1s .2s forwards;
  animation: circle 1s .2s forwards
}

.product .productMotion.u-pc.is-active .product_motion1 .icon1 {
  -webkit-animation: icons .4s .2s forwards;
  animation: icons .4s .2s forwards
}

.product .productMotion.u-pc.is-active .product_motion1 .icon2 {
  -webkit-animation: icons .4s .3s forwards;
  animation: icons .4s .3s forwards
}

.product .productMotion.u-pc.is-active .product_motion1 .icon3 {
  -webkit-animation: icons .4s .4s forwards;
  animation: icons .4s .4s forwards
}

.product .productMotion.u-pc.is-active .product_motion1 .icon4 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.product .productMotion.u-pc.is-active .product_motion2 .line_img1 {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.product .productMotion.u-pc.is-active .product_motion2 .line_img2 {
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards
}

.product .productMotion.u-pc.is-active .product_motion2 .line1 .svg-elem-1 {
  -webkit-animation: line1 .4s .7s forwards;
  animation: line1 .4s .7s forwards
}

.product .productMotion.u-pc.is-active .product_motion2 .line1 .svg-elem-2 {
  -webkit-animation: line2 .4s 1.1s forwards;
  animation: line2 .4s 1.1s forwards
}

.product .productMotion.u-pc.is-active .product_motion3 .line_img3 {
  -webkit-animation: icons .4s 1.3s forwards;
  animation: icons .4s 1.3s forwards
}

.product .productMotion.u-pc.is-active .product_motion3 .line_img4 {
  -webkit-animation: icons .4s 1.4s forwards;
  animation: icons .4s 1.4s forwards
}

.product .productMotion.u-pc.is-active .product_motion3 .list_text1 {
  -webkit-animation: icons .4s 1.5s forwards;
  animation: icons .4s 1.5s forwards
}

.product .productMotion.u-pc.is-active .product_motion3 .list_text2 {
  -webkit-animation: icons .4s 1.6s forwards;
  animation: icons .4s 1.6s forwards
}

.product .productMotion.u-pc.is-active .product_motion3 .line2 .svg-elem-1 {
  -webkit-animation: line2_1 .4s 1.1s forwards;
  animation: line2_1 .4s 1.1s forwards
}

.product .productMotion.u-pc.is-active .product_motion3 .line2 .svg-elem-2 {
  -webkit-animation: line2_2 .4s 1.1s forwards;
  animation: line2_2 .4s 1.1s forwards
}

.product .productMotion.u-pc.is-active .product_motion3 .line2 .svg-elem-3 {
  -webkit-animation: line2_3 .4s 1.2s forwards;
  animation: line2_3 .4s 1.2s forwards
}

.product .productMotion.u-pc.p_2 .product_motion1 {
  right: 131px;
  width: 230px;
  padding: 38px 0 42px
}

.product .productMotion.u-pc.p_2 .product_motion1 .main {
  width: 153px
}

.product .productMotion.u-pc.p_2 .product_motion1 .icon1 {
  right: -3px
}

.product .productMotion.u-pc.p_2 .product_motion1 .icon2 {
  right: 5px;
  bottom: 92px
}

.product .productMotion.u-pc.p_2 .product_motion1 .icon3 {
  bottom: 0;
  left: 57px
}

.product .productMotion.u-pc.p_2 .product_motion1 .icon4 {
  left: -24px
}

.product .productMotion.u-pc.p_2 .product_motion2 .line_img1 {
  top: 0;
  right: 0
}

.product .productMotion.u-pc.p_2 .product_motion2 .line_img2 {
  right: 0;
  bottom: 0
}

.product .productMotion.u-pc.p_2 .product_motion3 .line_img3 {
  top: 25px;
  right: 185px
}

.product .productMotion.u-pc .product_motion1 {
  position: absolute;
  width: 288px;
  width: 250px;
  padding: 28px 0 17px;
  right: 122px;
  z-index: 1
}

.product .productMotion.u-pc .product_motion1 .main {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  width: 207px;
  width: 179px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 1
}

.product .productMotion.u-pc .product_motion1 .main img {
  width: 100%
}

.product .productMotion.u-pc .product_motion1 .circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  fill: #f1f2f0;
  stroke: #b4aeb1;
  stroke-width: 5px;
  stroke-dasharray: 0 875
}

@-webkit-keyframes circle {
  0% {
    stroke-dasharray: 0 875
  }
  to {
    stroke-dasharray: 875 875
  }
}

@keyframes circle {
  0% {
    stroke-dasharray: 0 875
  }
  to {
    stroke-dasharray: 875 875
  }
}

.product .productMotion.u-pc .product_motion1 .icon1, .product .productMotion.u-pc .product_motion1 .icon2, .product .productMotion.u-pc .product_motion1 .icon3, .product .productMotion.u-pc .product_motion1 .icon4 {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute
}

.product .productMotion.u-pc .product_motion1 .icon1 {
  top: 0;
  right: 8px
}

.product .productMotion.u-pc .product_motion1 .icon2 {
  bottom: 0;
  right: 6px
}

.product .productMotion.u-pc .product_motion1 .icon3 {
  bottom: 0;
  left: 3px
}

.product .productMotion.u-pc .product_motion1 .icon4 {
  top: 0;
  left: 8px
}

.product .productMotion.u-pc .product_motion2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 281px;
  height: 100%
}

.product .productMotion.u-pc .product_motion2 .line_img1, .product .productMotion.u-pc .product_motion2 .line_img2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  z-index: 1
}

.product .productMotion.u-pc .product_motion2 .line_img1 {
  top: 16px;
  right: 8px
}

.product .productMotion.u-pc .product_motion2 .line_img2 {
  right: 8px;
  bottom: 0
}

.product .productMotion.u-pc .product_motion2 .line1 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.product .productMotion.u-pc .product_motion2 .line1 .svg-elem-1 {
  stroke-dashoffset: 257.8680725097656px;
  stroke-dasharray: 257.8680725097656px
}

.product .productMotion.u-pc .product_motion2 .line1 .svg-elem-2 {
  stroke-dashoffset: 246.8501739501953px;
  stroke-dasharray: 246.8501739501953px
}

@-webkit-keyframes line1 {
  0% {
    stroke-dashoffset: 257.8680725097656px;
    stroke-dasharray: 257.8680725097656px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line1 {
  0% {
    stroke-dashoffset: 257.8680725097656px;
    stroke-dasharray: 257.8680725097656px
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes line2 {
  0% {
    stroke-dashoffset: 246.8501739501953px;
    stroke-dasharray: 246.8501739501953px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line2 {
  0% {
    stroke-dashoffset: 246.8501739501953px;
    stroke-dasharray: 246.8501739501953px
  }
  to {
    stroke-dashoffset: 0
  }
}

.product .productMotion.u-pc .product_motion3 {
  width: 478px;
  width: 330px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0
}

.product .productMotion.u-pc .product_motion3 .line_img3, .product .productMotion.u-pc .product_motion3 .line_img4, .product .productMotion.u-pc .product_motion3 .list_text1, .product .productMotion.u-pc .product_motion3 .list_text2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute
}

.product .productMotion.u-pc .product_motion3 .line_img3 {
  top: 18px;
  left: 180px;
  z-index: 1
}

.product .productMotion.u-pc .product_motion3 .line_img4 {
  left: 180px;
  bottom: 3px;
  z-index: 1
}

.product .productMotion.u-pc .product_motion3 .list_text1 {
  top: 27px;
  left: 0
}

.product .productMotion.u-pc .product_motion3 .list_text2 {
  left: 0;
  bottom: 27px
}

.product .productMotion.u-pc .product_motion3 .line2 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 225px
}

.product .productMotion.u-pc .product_motion3 .line2 .svg-elem-1 {
  stroke-dashoffset: 211.7209930419922px;
  stroke-dasharray: 211.7209930419922px
}

.product .productMotion.u-pc .product_motion3 .line2 .svg-elem-2 {
  stroke-dashoffset: 267.4147644042969px;
  stroke-dasharray: 267.4147644042969px
}

.product .productMotion.u-pc .product_motion3 .line2 .svg-elem-3 {
  stroke-dashoffset: 265.9594421386719px;
  stroke-dasharray: 265.9594421386719px
}

@-webkit-keyframes line2_1 {
  0% {
    stroke-dashoffset: 211.7209930419922px;
    stroke-dasharray: 211.7209930419922px
  }
  to {
    stroke-dashoffset: 423.4419860839844px
  }
}

@keyframes line2_1 {
  0% {
    stroke-dashoffset: 211.7209930419922px;
    stroke-dasharray: 211.7209930419922px
  }
  to {
    stroke-dashoffset: 423.4419860839844px
  }
}

@-webkit-keyframes line2_2 {
  0% {
    stroke-dashoffset: 267.4147644042969px;
    stroke-dasharray: 267.4147644042969px
  }
  to {
    stroke-dashoffset: 534.8295288085938px
  }
}

@keyframes line2_2 {
  0% {
    stroke-dashoffset: 267.4147644042969px;
    stroke-dasharray: 267.4147644042969px
  }
  to {
    stroke-dashoffset: 534.8295288085938px
  }
}

@-webkit-keyframes line2_3 {
  0% {
    stroke-dashoffset: 265.9594421386719px;
    stroke-dasharray: 265.9594421386719px
  }
  to {
    stroke-dashoffset: 531.9188842773438px
  }
}

@keyframes line2_3 {
  0% {
    stroke-dashoffset: 265.9594421386719px;
    stroke-dasharray: 265.9594421386719px
  }
  to {
    stroke-dashoffset: 531.9188842773438px
  }
}

.product .productMotion.u-sp {
  display: block
}

@media screen and (min-width:1280px) {
  .product .productMotion.u-sp {
    display: none
  }
}

.product .productMotion.u-sp.is-active .product_motion1 .text_img1 {
  -webkit-animation: icons .4s .1s forwards;
  animation: icons .4s .1s forwards
}

.product .productMotion.u-sp.is-active .product_motion1 .text_img2 {
  -webkit-animation: icons .4s .2s forwards;
  animation: icons .4s .2s forwards
}

.product .productMotion.u-sp.is-active .product_motion1 .line_top .line {
  -webkit-animation: line_top .4s .5s forwards;
  animation: line_top .4s .5s forwards
}

.product .productMotion.u-sp.is-active .product_motion2 .main {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.product .productMotion.u-sp.is-active .product_motion2 .circle {
  -webkit-animation: circle 1s .6s forwards;
  animation: circle 1s .6s forwards
}

.product .productMotion.u-sp.is-active .product_motion2 .icon1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.product .productMotion.u-sp.is-active .product_motion2 .icon2 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.product .productMotion.u-sp.is-active .product_motion2 .icon3 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.product .productMotion.u-sp.is-active .product_motion2 .icon4 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.product .productMotion.u-sp.is-active .product_motion3 .text_img3, .product .productMotion.u-sp.is-active .product_motion3 .text_img4 {
  -webkit-animation: icons .4s 1.6s forwards;
  animation: icons .4s 1.6s forwards
}

.product .productMotion.u-sp.is-active .product_motion3 .line_bottom .center_line .line {
  -webkit-animation: line_bottom .4s 1.5s forwards;
  animation: line_bottom .4s 1.5s forwards
}

.product .productMotion.u-sp.is-active .product_motion3 .line_bottom .right_line .line {
  -webkit-animation: line_bottom1 .4s 1.5s forwards;
  animation: line_bottom1 .4s 1.5s forwards
}

.product .productMotion.u-sp.is-active .product_motion3 .line_bottom .left_line .line {
  -webkit-animation: line_bottom2 .4s 1.5s forwards;
  animation: line_bottom2 .4s 1.5s forwards
}

.product .productMotion.u-sp.is-active.p_2 .product_motion3 .line_bottom .center_line2 .line, .product .productMotion.u-sp.is-active.p_2 .product_motion3 .line_bottom .center_line .line {
  -webkit-animation: line_bottom_p2 .4s 1.5s forwards;
  animation: line_bottom_p2 .4s 1.5s forwards
}

.product .productMotion.u-sp.is-active.p_2 .product_motion3 .line_bottom .right_line .line {
  -webkit-animation: line_bottom1 .4s 1.6s forwards;
  animation: line_bottom1 .4s 1.6s forwards
}

.product .productMotion.u-sp.is-active.p_2 .product_motion3 .line_bottom .left_line .line {
  -webkit-animation: line_bottom2 .4s 1.6s forwards;
  animation: line_bottom2 .4s 1.6s forwards
}

.product .productMotion.u-sp.p_2 .product_motion2 {
  width: 288px;
  height: 350px;
  margin: auto
}

.product .productMotion.u-sp.p_2 .product_motion2 .main {
  width: 173px;
  top: 125px
}

.product .productMotion.u-sp.p_2 .product_motion2 .circle {
  top: 0;
  margin: auto
}

.product .productMotion.u-sp.p_2 .product_motion2 .icon1 {
  top: 0;
  right: -5px
}

.product .productMotion.u-sp.p_2 .product_motion2 .icon2 {
  bottom: 65px;
  right: 30px
}

.product .productMotion.u-sp.p_2 .product_motion2 .icon3 {
  bottom: 0;
  left: -28px
}

.product .productMotion.u-sp.p_2 .product_motion2 .icon4 {
  top: 0;
  left: -28px
}

.product .productMotion.u-sp.p_2 .product_motion3 {
  height: 186px
}

.product .productMotion.u-sp.p_2 .product_motion3 .line_bottom {
  top: -35px
}

.product .productMotion.u-sp.p_2 .product_motion3 .line_bottom .center_line .line {
  stroke-dashoffset: 165px;
  stroke-dasharray: 165px
}

.product .productMotion.u-sp.p_2 .product_motion3 .line_bottom .center_line2 {
  position: absolute;
  top: -30px;
  right: 43px
}

.product .productMotion.u-sp.p_2 .product_motion3 .line_bottom .center_line2 .line {
  stroke-dashoffset: 165px;
  stroke-dasharray: 165px
}

.product .productMotion.u-sp.p_2 .product_motion3 .line_bottom .left_line, .product .productMotion.u-sp.p_2 .product_motion3 .line_bottom .right_line {
  top: 162px
}

.product .productMotion.u-sp.p_2 .product_motion3 .text_img3 {
  top: 66px;
  right: -15px;
  z-index: 1
}

.product .productMotion.u-sp.p_2 .product_motion3 .text_img4 {
  top: 50px;
  left: -15px;
  z-index: 1
}

.product .productMotion.u-sp .product_motion1 {
  position: relative;
  text-align: center;
  width: 300px;
  margin: 0 auto
}

.product .productMotion.u-sp .product_motion1 .text_img1 {
  margin-bottom: 40px;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.product .productMotion.u-sp .product_motion1 .text_img2 {
  margin-bottom: 43px;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.product .productMotion.u-sp .product_motion1 .line_top {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 110px
}

.product .productMotion.u-sp .product_motion1 .line_top .line {
  stroke-dashoffset: 300px;
  stroke-dasharray: 300px
}

@-webkit-keyframes line_top {
  0% {
    stroke-dashoffset: 300px;
    stroke-dasharray: 300px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_top {
  0% {
    stroke-dashoffset: 300px;
    stroke-dasharray: 300px
  }
  to {
    stroke-dashoffset: 0
  }
}

.product .productMotion.u-sp .product_motion2 {
  position: relative;
  text-align: center;
  width: 288px;
  height: 288px;
  height: 320px;
  margin: auto
}

.product .productMotion.u-sp .product_motion2 .main {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  width: 207px;
  top: 120px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1
}

.product .productMotion.u-sp .product_motion2 .main img {
  width: 100%
}

.product .productMotion.u-sp .product_motion2 .circle {
  width: 288px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  fill: #fff;
  stroke: #b4aeb1;
  stroke-width: 5px;
  stroke-dasharray: 0 875;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0
}

.product .productMotion.u-sp .product_motion2 .icon1, .product .productMotion.u-sp .product_motion2 .icon2, .product .productMotion.u-sp .product_motion2 .icon3, .product .productMotion.u-sp .product_motion2 .icon4 {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute
}

.product .productMotion.u-sp .product_motion2 .icon1 {
  top: 0;
  right: 10px
}

.product .productMotion.u-sp .product_motion2 .icon2 {
  bottom: 0;
  right: 9px
}

.product .productMotion.u-sp .product_motion2 .icon3 {
  bottom: 0;
  left: 9px
}

.product .productMotion.u-sp .product_motion2 .icon4 {
  top: 0;
  left: 9px
}

.product .productMotion.u-sp .product_motion3 {
  position: relative;
  height: 180px;
  width: 288px;
  margin: auto
}

.product .productMotion.u-sp .product_motion3 .text_img3 {
  position: absolute;
  top: 40px;
  right: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.product .productMotion.u-sp .product_motion3 .text_img4 {
  position: absolute;
  top: 59px;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.product .productMotion.u-sp .product_motion3 .line_bottom {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -3px
}

.product .productMotion.u-sp .product_motion3 .line_bottom .center_line {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto
}

.product .productMotion.u-sp .product_motion3 .line_bottom .center_line .line {
  stroke-dashoffset: 118px;
  stroke-dasharray: 118px
}

.product .productMotion.u-sp .product_motion3 .line_bottom .right_line {
  position: absolute;
  top: 115px;
  right: 105px
}

.product .productMotion.u-sp .product_motion3 .line_bottom .right_line .line {
  stroke-dashoffset: 40px;
  stroke-dasharray: 40px
}

.product .productMotion.u-sp .product_motion3 .line_bottom .left_line {
  position: absolute;
  top: 115px;
  left: 105px
}

.product .productMotion.u-sp .product_motion3 .line_bottom .left_line .line {
  stroke-dashoffset: 40px;
  stroke-dasharray: 40px
}

@-webkit-keyframes icons {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes line_bottom {
  0% {
    stroke-dashoffset: 118px;
    stroke-dasharray: 118px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_bottom {
  0% {
    stroke-dashoffset: 118px;
    stroke-dasharray: 118px
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes line_bottom1 {
  0% {
    stroke-dashoffset: 40px;
    stroke-dasharray: 40px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_bottom1 {
  0% {
    stroke-dashoffset: 40px;
    stroke-dasharray: 40px
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes line_bottom2 {
  0% {
    stroke-dashoffset: 40px;
    stroke-dasharray: 40px
  }
  to {
    stroke-dashoffset: 80px
  }
}

@keyframes line_bottom2 {
  0% {
    stroke-dashoffset: 40px;
    stroke-dasharray: 40px
  }
  to {
    stroke-dashoffset: 80px
  }
}

@-webkit-keyframes line_bottom_p2 {
  0% {
    stroke-dashoffset: 165px;
    stroke-dasharray: 165px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_bottom_p2 {
  0% {
    stroke-dashoffset: 165px;
    stroke-dasharray: 165px
  }
  to {
    stroke-dashoffset: 0
  }
}

.our_company.u-pc {
  display: none
}

@media screen and (min-width:1280px) {
  .our_company.u-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.our_company.u-pc .our_company_block .our_company_title {
  text-align: center;
  font-size: 36px;
  font-weight: 400
}

.our_company.u-pc .our_company_block .our_company_title span {
  border-bottom: 2px solid #209cff;
  padding-bottom: 5px
}

.our_company.u-pc .our_company_block .circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.our_company.u-pc .our_company_block .circle .circleA, .our_company.u-pc .our_company_block .circle .circleB, .our_company.u-pc .our_company_block .circle .circleC, .our_company.u-pc .our_company_block .circle .circleD {
  stroke-width: 15px;
  stroke-dasharray: 0 797.56;
  fill: transparent
}

.our_company.u-pc .our_company_block .circle .circleA {
  stroke: #b2acaf
}

.our_company.u-pc .our_company_block .circle .circleB {
  stroke: #1875bd
}

.our_company.u-pc .our_company_block .circle .circleC {
  stroke: #209afd
}

.our_company.u-pc .our_company_block.block1 {
  width: 584px;
  height: 530px;
  border-bottom: 2px solid #b4aeb1;
  border-right: 2px solid #b4aeb1;
  padding: 40px 0 46px;
  position: relative
}

.our_company.u-pc .our_company_block.block1.is-active .num1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .num2 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .num3 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .img1 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .img2 {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .img3 {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .circle .circleA {
  -webkit-animation: block1_circleA 1s .2s forwards;
  animation: block1_circleA 1s .2s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .circle .circleB {
  -webkit-animation: block1_circleB 1s .2s forwards;
  animation: block1_circleB 1s .2s forwards
}

.our_company.u-pc .our_company_block.block1.is-active .circle .circleC {
  -webkit-animation: block1_circleC 1s .2s forwards;
  animation: block1_circleC 1s .2s forwards
}

.our_company.u-pc .our_company_block.block1 .img1, .our_company.u-pc .our_company_block.block1 .img2, .our_company.u-pc .our_company_block.block1 .img3, .our_company.u-pc .our_company_block.block1 .num1, .our_company.u-pc .our_company_block.block1 .num2, .our_company.u-pc .our_company_block.block1 .num3 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-pc .our_company_block.block1 .num1, .our_company.u-pc .our_company_block.block1 .num2, .our_company.u-pc .our_company_block.block1 .num3 {
  font-weight: 700;
  line-height: 1
}

.our_company.u-pc .our_company_block.block1 .num1 .text, .our_company.u-pc .our_company_block.block1 .num2 .text, .our_company.u-pc .our_company_block.block1 .num3 .text {
  font-size: 21px
}

.our_company.u-pc .our_company_block.block1 .num1 .num, .our_company.u-pc .our_company_block.block1 .num2 .num, .our_company.u-pc .our_company_block.block1 .num3 .num {
  font-size: 22px
}

.our_company.u-pc .our_company_block.block1 .num1 .num span, .our_company.u-pc .our_company_block.block1 .num2 .num span, .our_company.u-pc .our_company_block.block1 .num3 .num span {
  font-size: 36px
}

.our_company.u-pc .our_company_block.block1 .num1 {
  top: 112px;
  right: 32px
}

.our_company.u-pc .our_company_block.block1 .num1 .text {
  text-align: right
}

.our_company.u-pc .our_company_block.block1 .num2 {
  top: 154px;
  left: 46px
}

.our_company.u-pc .our_company_block.block1 .num2 .num {
  color: #1875bd
}

.our_company.u-pc .our_company_block.block1 .num3 {
  top: 40px;
  left: 74px
}

.our_company.u-pc .our_company_block.block1 .num3 .num {
  color: #209cff
}

.our_company.u-pc .our_company_block.block1 .img1 {
  top: 191px;
  right: 23px
}

.our_company.u-pc .our_company_block.block1 .img2 {
  bottom: 46px;
  left: 32px
}

.our_company.u-pc .our_company_block.block1 .img3 {
  top: 112px;
  left: 42px
}

.our_company.u-pc .our_company_block.block1 .circle_wrap {
  position: absolute;
  top: 182px;
  left: 0;
  right: 0;
  margin: auto;
  width: 270px
}

.our_company.u-pc .our_company_block.block2 {
  width: 584px;
  height: 530px;
  border-bottom: 2px solid #b4aeb1;
  padding: 40px 0 0;
  position: relative
}

.our_company.u-pc .our_company_block.block2.is-active .num1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-pc .our_company_block.block2.is-active .num2 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-pc .our_company_block.block2.is-active .img1 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-pc .our_company_block.block2.is-active .img2 {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-pc .our_company_block.block2.is-active .circle .circleA {
  -webkit-animation: block2_circleA 1s .2s forwards;
  animation: block2_circleA 1s .2s forwards
}

.our_company.u-pc .our_company_block.block2.is-active .circle .circleB {
  -webkit-animation: block2_circleB 1s .2s forwards;
  animation: block2_circleB 1s .2s forwards
}

.our_company.u-pc .our_company_block.block2 .img1, .our_company.u-pc .our_company_block.block2 .img2, .our_company.u-pc .our_company_block.block2 .num1, .our_company.u-pc .our_company_block.block2 .num2 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-pc .our_company_block.block2 .num1, .our_company.u-pc .our_company_block.block2 .num2 {
  font-weight: 700
}

.our_company.u-pc .our_company_block.block2 .num1 .text, .our_company.u-pc .our_company_block.block2 .num2 .text {
  font-size: 21px
}

.our_company.u-pc .our_company_block.block2 .num1 .num, .our_company.u-pc .our_company_block.block2 .num2 .num {
  font-size: 22px;
  line-height: 1
}

.our_company.u-pc .our_company_block.block2 .num1 .num span, .our_company.u-pc .our_company_block.block2 .num2 .num span {
  font-size: 36px
}

.our_company.u-pc .our_company_block.block2 .num1 {
  width: 96px;
  top: 107px;
  right: 25px
}

.our_company.u-pc .our_company_block.block2 .num2 {
  width: 94px;
  top: 107px;
  left: 27px
}

.our_company.u-pc .our_company_block.block2 .num2 .text {
  text-align: right
}

.our_company.u-pc .our_company_block.block2 .num2 .num {
  color: #209cff
}

.our_company.u-pc .our_company_block.block2 .img1 {
  top: 259px;
  left: 25px
}

.our_company.u-pc .our_company_block.block2 .img2 {
  top: 246px;
  right: 18px
}

.our_company.u-pc .our_company_block.block2 .circle_wrap {
  position: absolute;
  top: 182px;
  left: 0;
  right: 0;
  margin: auto;
  width: 270px
}

.our_company.u-pc .our_company_block.block2 .circle .circleA {
  stroke: #b3adb0
}

.our_company.u-pc .our_company_block.block2 .circle .circleB {
  stroke: #209afd
}

.our_company.u-pc .our_company_block.block3 {
  width: 1168px;
  border-bottom: 2px solid #b4aeb1;
  padding: 80px 0 0;
  margin: 0 auto
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap1 .age {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num1 {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num2 {
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num3 {
  -webkit-animation: icons .4s 1.2s forwards;
  animation: icons .4s 1.2s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num4 {
  -webkit-animation: icons .4s 1.3s forwards;
  animation: icons .4s 1.3s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleA {
  -webkit-animation: block3_circleA 1s .9s forwards;
  animation: block3_circleA 1s .9s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleB {
  -webkit-animation: block3_circleB 1s .9s forwards;
  animation: block3_circleB 1s .9s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleC {
  -webkit-animation: block3_circleC 1s .9s forwards;
  animation: block3_circleC 1s .9s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleD {
  -webkit-animation: block3_circleD 1s .9s forwards;
  animation: block3_circleD 1s .9s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap3 .img_wrap .img1 {
  -webkit-animation: icons .4s 1.5s forwards;
  animation: icons .4s 1.5s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap3 .img_wrap .img2 {
  -webkit-animation: icons .4s 1.6s forwards;
  animation: icons .4s 1.6s forwards
}

.our_company.u-pc .our_company_block.block3.is-active .our_company_inner .block_wrap3 .img_wrap .img3 {
  -webkit-animation: arrowicon .4s 1.7s forwards;
  animation: arrowicon .4s 1.7s forwards
}

.our_company.u-pc .our_company_block.block3 .our_company_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap1 {
  width: 390px;
  position: relative
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap1 .age {
  font-size: 40px;
  font-weight: 500;
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  top: 194px;
  left: 70px;
  width: 250px;
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/age.svg) no-repeat 0 bottom;
  line-height: 1;
  padding-bottom: 22px
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap1 .age span {
  font-size: 96px;
  font-weight: 700;
  padding-right: 8px
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 {
  width: 270px;
  position: relative;
  margin: 0 82px 0 60px
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap {
  position: relative;
  width: 270px;
  margin-top: 30px;
  padding-top: 60px
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num1, .our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num2, .our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num3, .our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num4 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 80px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 24px;
  font-weight: 700
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num1 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num1.svg) no-repeat 0 0;
  top: 125px;
  left: 154px;
  color: #209cff
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num2 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num2.svg) no-repeat 0 0;
  top: 235px;
  left: 85px;
  color: #1875bf
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num3 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num3.svg) no-repeat 0 0;
  top: 117px;
  left: 60px;
  color: #b4aeb1
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num4 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num4.svg) no-repeat 0 0;
  width: 135px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  top: 8px;
  right: 5px
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleA {
  stroke: #209cff
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleB {
  stroke: #1875bf
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleC {
  stroke: #b4aeb1
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleD {
  stroke: #cbebff
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 {
  width: 367px;
  position: relative
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap {
  height: 408px;
  margin-top: 28px;
  position: relative;
  bottom: 0;
  right: 0
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img1, .our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img2, .our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img3 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img1 {
  width: 318px;
  right: 0;
  bottom: 0;
  z-index: 1
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img2 {
  width: 138px;
  top: 170px;
  right: 0;
  font-size: 29px;
  font-weight: 500
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img2 span {
  font-size: 92px;
  font-weight: 700;
  line-height: 1
}

.our_company.u-pc .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img3 {
  width: 144px;
  top: 110px;
  right: 60px;
  -webkit-transform-origin: left;
  transform-origin: left
}

.our_company.u-pc .our_company_block.block4 {
  width: 1168px;
  border-bottom: 2px solid #b4aeb1;
  padding: 80px 0;
  margin: 0 auto
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .img1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .img2 {
  -webkit-animation: icons .4s 1.3s forwards;
  animation: icons .4s 1.3s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .img3 {
  -webkit-animation: icons .4s 1.6s forwards;
  animation: icons .4s 1.6s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .img4 {
  -webkit-animation: icons .4s 1.8s forwards;
  animation: icons .4s 1.8s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .line {
  -webkit-animation: line_block4 .4s 1.1s forwards;
  animation: line_block4 .4s 1.1s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_01 {
  -webkit-animation: iconsPointer .4s .8s forwards;
  animation: iconsPointer .4s .8s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_02 {
  -webkit-animation: iconsPointer .4s 1.8s forwards;
  animation: iconsPointer .4s 1.8s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_03 {
  -webkit-animation: iconsPointer .4s 1.81s forwards;
  animation: iconsPointer .4s 1.81s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_04 {
  -webkit-animation: iconsPointer .4s 1.82s forwards;
  animation: iconsPointer .4s 1.82s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_05 {
  -webkit-animation: iconsPointer .4s 1.83s forwards;
  animation: iconsPointer .4s 1.83s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_06 {
  -webkit-animation: iconsPointer .4s 1.84s forwards;
  animation: iconsPointer .4s 1.84s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_07 {
  -webkit-animation: iconsPointer .4s 1.85s forwards;
  animation: iconsPointer .4s 1.85s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_08 {
  -webkit-animation: iconsPointer .4s 1.86s forwards;
  animation: iconsPointer .4s 1.86s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_09 {
  -webkit-animation: iconsPointer .4s 1.87s forwards;
  animation: iconsPointer .4s 1.87s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_10 {
  -webkit-animation: iconsPointer .4s 1.88s forwards;
  animation: iconsPointer .4s 1.88s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_11 {
  -webkit-animation: iconsPointer .4s 1.89s forwards;
  animation: iconsPointer .4s 1.89s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_12 {
  -webkit-animation: iconsPointer .4s 1.9s forwards;
  animation: iconsPointer .4s 1.9s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_13 {
  -webkit-animation: iconsPointer .4s 1.91s forwards;
  animation: iconsPointer .4s 1.91s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_14 {
  -webkit-animation: iconsPointer .4s 1.92s forwards;
  animation: iconsPointer .4s 1.92s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_15 {
  -webkit-animation: iconsPointer .4s 1.93s forwards;
  animation: iconsPointer .4s 1.93s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_16 {
  -webkit-animation: iconsPointer .4s 1.94s forwards;
  animation: iconsPointer .4s 1.94s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_17 {
  -webkit-animation: iconsPointer .4s 1.95s forwards;
  animation: iconsPointer .4s 1.95s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_18 {
  -webkit-animation: iconsPointer .4s 1.96s forwards;
  animation: iconsPointer .4s 1.96s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_19 {
  -webkit-animation: iconsPointer .4s 1.97s forwards;
  animation: iconsPointer .4s 1.97s forwards
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_20 {
  -webkit-animation: iconsPointer .4s 1.98s forwards;
  animation: iconsPointer .4s 1.98s forwards
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap {
  height: 661px;
  position: relative;
  margin-top: 98px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img1, .our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img2, .our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img3, .our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img4 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img1 {
  top: 0;
  right: 16px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img2 {
  bottom: -8px;
  right: 21px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img3 {
  top: 54px;
  left: 62px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .img4 {
  top: 38px;
  top: 0;
  left: 478px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .line_wrap {
  position: absolute;
  bottom: 23px;
  right: 126px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .line {
  stroke-dashoffset: 275.3621826171875px;
  stroke-dasharray: 275.3621826171875px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer {
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 32px;
  height: 62px;
  font-size: 16px;
  font-weight: 700;
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion4_pc/img_pointer.svg) no-repeat bottom;
  background-size: 27px;
  position: absolute;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: 1
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_01 {
  bottom: 57px;
  left: 762px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_02 {
  bottom: 57px;
  left: 101px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_03 {
  bottom: 100px;
  left: 251px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_04 {
  bottom: 191px;
  left: 301px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_05 {
  bottom: 45px;
  left: 457px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_06 {
  bottom: 154px;
  left: 492px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_07 {
  bottom: 149px;
  left: 598px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_08 {
  bottom: 100px;
  left: 634px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_09 {
  bottom: 221px;
  left: 664px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_10 {
  bottom: 42px;
  left: 682px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_11 {
  width: 50px;
  bottom: 36px;
  left: 716px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_12 {
  bottom: 127px;
  left: 725px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_13 {
  bottom: 193px;
  left: 718px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_14 {
  bottom: 24px;
  left: 791px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_15 {
  bottom: 105px;
  left: 788px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_16 {
  bottom: 79px;
  left: 827px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_17 {
  bottom: 166px;
  left: 856px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_18 {
  top: 66px;
  width: 50px;
  right: 232px
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_19 {
  width: 80px;
  top: 153px;
  left: 82px;
  z-index: 2
}

.our_company.u-pc .our_company_block.block4 .our_company_inner .motionWrap .pointer.p_20 {
  width: 99px;
  top: 207px;
  left: 92px;
  z-index: 2
}

.our_company.u-pc .our_company_block.block5 {
  width: 1168px;
  height: 550px;
  border-bottom: 2px solid #b4aeb1;
  padding: 80px 140px 80px 60px;
  margin: 0 auto
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .arrow {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle_wrap .img1 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle_wrap .num1 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle_wrap .top1 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle_wrap .img2 {
  -webkit-animation: icons .4s 1.2s forwards;
  animation: icons .4s 1.2s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle_wrap .num2 {
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle_wrap .top2 {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle .circleA {
  -webkit-animation: block5_circleA 1s .5s forwards;
  animation: block5_circleA 1s .5s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle .circleB {
  -webkit-animation: block5_circleB 1s .5s forwards;
  animation: block5_circleB 1s .5s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle .circleC {
  -webkit-animation: block5_circleC 1s 1s forwards;
  animation: block5_circleC 1s 1s forwards
}

.our_company.u-pc .our_company_block.block5.is-active .our_company_inner .circle .circleD {
  -webkit-animation: block5_circleD 1s 1s forwards;
  animation: block5_circleD 1s 1s forwards
}

.our_company.u-pc .our_company_block.block5 .our_company_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .arrow {
  position: absolute;
  top: 230px;
  left: 400px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left;
  transform-origin: left
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .block_wrap1 {
  width: 368px;
  height: 290px;
  position: relative;
  padding-left: 80px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .block_wrap2 {
  width: 327px;
  height: 290px;
  position: relative;
  padding-left: 40px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap {
  position: relative;
  width: 288px;
  height: 288px;
  margin-top: 46px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .img1, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .img2, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num1, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num2, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .top1, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .top2 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num1, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num2 {
  color: #209cff;
  font-size: 23px;
  font-weight: 500;
  top: 36px;
  right: 80px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num1 span, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num2 span {
  font-size: 38px;
  font-weight: 700
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .img1 {
  width: 211px;
  bottom: 15px;
  right: 39px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num1 {
  top: 36px;
  right: 80px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .top1 {
  width: 88px;
  top: 0;
  right: 256px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .img2 {
  width: 211px;
  bottom: 15px;
  right: 40px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .num2 {
  top: 36px;
  right: 78px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle_wrap .top2 {
  width: 88px;
  top: 0;
  right: 237px
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleA, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleB, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleC, .our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleD {
  stroke-width: 16px;
  stroke-dasharray: 0 854.08;
  fill: transparent
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleA {
  stroke: #b3aeb1
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleB {
  stroke: #209cff
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleC {
  stroke: #b3aeb1
}

.our_company.u-pc .our_company_block.block5 .our_company_inner .circle .circleD {
  stroke: #209cff
}

.our_company.u-pc .our_company_block.block6 {
  height: 788px;
  width: 1168px;
  border-bottom: 2px solid #b4aeb1;
  padding: 80px 0;
  margin: 0 auto
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .icon_100 {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion2 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion3 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion4 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .arrow .svg-elem-1 {
  -webkit-animation: graph_arrow1 .9s .5s forwards;
  animation: graph_arrow1 .9s .5s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .arrow .svg-elem-2 {
  -webkit-animation: graph_arrow2 .9s .5s forwards;
  animation: graph_arrow2 .9s .5s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .arrow .svg-elem-3 {
  -webkit-animation: graph_arrow3 .1s 1.2s forwards;
  animation: graph_arrow3 .1s 1.2s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_1 .num {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_1 .line {
  -webkit-animation: graph1 .4s .5s forwards;
  animation: graph1 .4s .5s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_2 .num {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_2 .line {
  -webkit-animation: graph2 .4s .6s forwards;
  animation: graph2 .4s .6s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_3 .num {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_3 .line {
  -webkit-animation: graph3 .4s .7s forwards;
  animation: graph3 .4s .7s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_4 .num {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_4 .line {
  -webkit-animation: graph4 .4s .8s forwards;
  animation: graph4 .4s .8s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_5 .num {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_5 .line {
  -webkit-animation: graph5 .4s .9s forwards;
  animation: graph5 .4s .9s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_6 .num {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-pc .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_6 .line {
  -webkit-animation: graph6 .4s 1s forwards;
  animation: graph6 .4s 1s forwards
}

.our_company.u-pc .our_company_block.block6 .our_company_inner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 30px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .our_company_title {
  margin-bottom: 90px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .icon_100 {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  position: absolute;
  top: 0;
  right: 140px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap {
  width: 686px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap.p_first ul li {
  border-top: 1px solid #209cff
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap ul li {
  border-left: 1px solid #209cff;
  border-bottom: 1px solid #209cff
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap ul li:last-child {
  border-right: 1px solid #209cff
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion1, .our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion2, .our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion3, .our_company.u-pc .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion4 {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  right: 30px;
  bottom: 0;
  height: 383px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .arrow {
  position: absolute;
  top: 0;
  left: 0
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .arrow .svg-elem-1 {
  stroke-dashoffset: 882.3741455078125px;
  stroke-dasharray: 882.3741455078125px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .arrow .svg-elem-2 {
  stroke-dashoffset: 2458.236083984375px;
  stroke-dasharray: 2458.236083984375px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .arrow .svg-elem-3 {
  fill: transparent
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph {
  width: 75px;
  text-align: center
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph+.graph {
  margin-left: 78px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph .day {
  font-size: 18px;
  font-weight: 700
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph .num {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  margin-bottom: 10px;
  font-size: 10px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph .num span {
  font-size: 26px;
  font-weight: 700;
  padding-right: 1px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_1 .num {
  margin-bottom: -10px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_1 .line {
  stroke-dashoffset: 4px;
  stroke-dasharray: 4px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_2 .num {
  margin-bottom: -4px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_2 .line {
  stroke-dashoffset: 11px;
  stroke-dasharray: 11px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_3 .line {
  stroke-dashoffset: 26px;
  stroke-dasharray: 26px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_4 .line {
  stroke-dashoffset: 114px;
  stroke-dasharray: 114px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_5 .line {
  stroke-dashoffset: 188px;
  stroke-dasharray: 188px
}

.our_company.u-pc .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_6 .line {
  stroke-dashoffset: 234px;
  stroke-dasharray: 234px
}

.our_company.u-sp {
  display: block
}

@media screen and (min-width:1280px) {
  .our_company.u-sp {
    display: none
  }
}

.our_company.u-sp .our_company_block .our_company_title {
  font-size: 36px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 80px
}

.our_company.u-sp .our_company_block .our_company_title span {
  padding-bottom: 5px;
  border-bottom: 2px solid #209cff
}

.our_company.u-sp .our_company_block .circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.our_company.u-sp .our_company_block .circle .circleA, .our_company.u-sp .our_company_block .circle .circleB, .our_company.u-sp .our_company_block .circle .circleC, .our_company.u-sp .our_company_block .circle .circleD {
  stroke-width: 15px;
  stroke-dasharray: 0 797.56;
  fill: transparent
}

.our_company.u-sp .our_company_block .circle .circleA {
  stroke: #b2acaf
}

.our_company.u-sp .our_company_block .circle .circleB {
  stroke: #1875bd
}

.our_company.u-sp .our_company_block .circle .circleC {
  stroke: #209afd
}

.our_company.u-sp .our_company_block.block1 {
  padding-bottom: 80px;
  border-bottom: 2px solid #b4aeb1
}

.our_company.u-sp .our_company_block.block1.is-active .circle_wrap .num1 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .circle_wrap .num2 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .circle_wrap .num3 {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .img1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .img2 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .img3 {
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .circle .circleA {
  -webkit-animation: block1_circleA 1s .6s forwards;
  animation: block1_circleA 1s .6s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .circle .circleB {
  -webkit-animation: block1_circleB 1s .6s forwards;
  animation: block1_circleB 1s .6s forwards
}

.our_company.u-sp .our_company_block.block1.is-active .circle .circleC {
  -webkit-animation: block1_circleC 1s .6s forwards;
  animation: block1_circleC 1s .6s forwards
}

.our_company.u-sp .our_company_block.block1 .our_company_inner {
  width: 290px;
  margin: 0 auto;
  text-align: center
}

.our_company.u-sp .our_company_block.block1 .img1, .our_company.u-sp .our_company_block.block1 .img2, .our_company.u-sp .our_company_block.block1 .img3, .our_company.u-sp .our_company_block.block1 .num1, .our_company.u-sp .our_company_block.block1 .num2, .our_company.u-sp .our_company_block.block1 .num3 {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-sp .our_company_block.block1 .circle_wrap {
  position: absolute;
  position: relative;
  margin: 13.5px auto 15px;
  width: 270px
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num1, .our_company.u-sp .our_company_block.block1 .circle_wrap .num2, .our_company.u-sp .our_company_block.block1 .circle_wrap .num3 {
  position: absolute;
  font-weight: 700;
  line-height: 1
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num1 .text, .our_company.u-sp .our_company_block.block1 .circle_wrap .num2 .text, .our_company.u-sp .our_company_block.block1 .circle_wrap .num3 .text {
  font-size: 21px
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num1 .num, .our_company.u-sp .our_company_block.block1 .circle_wrap .num2 .num, .our_company.u-sp .our_company_block.block1 .circle_wrap .num3 .num {
  font-size: 22px
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num1 .num span, .our_company.u-sp .our_company_block.block1 .circle_wrap .num2 .num span, .our_company.u-sp .our_company_block.block1 .circle_wrap .num3 .num span {
  font-size: 36px
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num1 {
  top: 112px;
  right: 32px
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num1 .text {
  text-align: right
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num2 {
  top: 154px;
  left: 46px
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num2 .num {
  color: #1875bd
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num3 {
  top: 40px;
  left: 74px
}

.our_company.u-sp .our_company_block.block1 .circle_wrap .num3 .num {
  color: #209cff
}

.our_company.u-sp .our_company_block.block1 .img1 {
  width: 107px
}

.our_company.u-sp .our_company_block.block1 .img2 {
  margin-left: 75px;
  width: 104px
}

.our_company.u-sp .our_company_block.block2 {
  border-bottom: 2px solid #b4aeb1;
  padding: 80px 0;
  text-align: center
}

.our_company.u-sp .our_company_block.block2.is-active .num1 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-sp .our_company_block.block2.is-active .num2 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-sp .our_company_block.block2.is-active .img1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-sp .our_company_block.block2.is-active .img2 {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-sp .our_company_block.block2.is-active .circle_wrap .circle .circleA {
  -webkit-animation: block2_circleA 1s .6s forwards;
  animation: block2_circleA 1s .6s forwards
}

.our_company.u-sp .our_company_block.block2.is-active .circle_wrap .circle .circleB {
  -webkit-animation: block2_circleB 1s .6s forwards;
  animation: block2_circleB 1s .6s forwards
}

.our_company.u-sp .our_company_block.block2 .our_company_inner {
  width: 290px;
  margin: 0 auto
}

.our_company.u-sp .our_company_block.block2 .img1, .our_company.u-sp .our_company_block.block2 .img2, .our_company.u-sp .our_company_block.block2 .num1, .our_company.u-sp .our_company_block.block2 .num2 {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-sp .our_company_block.block2 .num1, .our_company.u-sp .our_company_block.block2 .num2 {
  position: absolute;
  top: 112px;
  font-weight: 700
}

.our_company.u-sp .our_company_block.block2 .num1 .text, .our_company.u-sp .our_company_block.block2 .num2 .text {
  font-size: 21px
}

.our_company.u-sp .our_company_block.block2 .num1 .num, .our_company.u-sp .our_company_block.block2 .num2 .num {
  font-size: 22px;
  line-height: 1
}

.our_company.u-sp .our_company_block.block2 .num1 .num span, .our_company.u-sp .our_company_block.block2 .num2 .num span {
  font-size: 36px
}

.our_company.u-sp .our_company_block.block2 .num1 {
  width: 96px;
  top: 107px;
  right: 25px
}

.our_company.u-sp .our_company_block.block2 .num1 .text {
  text-align: left
}

.our_company.u-sp .our_company_block.block2 .num2 {
  width: 94px;
  top: 107px;
  left: 27px
}

.our_company.u-sp .our_company_block.block2 .num2 .text {
  text-align: right
}

.our_company.u-sp .our_company_block.block2 .num2 .num {
  color: #209cff
}

.our_company.u-sp .our_company_block.block2 .img1 {
  margin-bottom: 34px
}

.our_company.u-sp .our_company_block.block2 .img2 {
  margin-top: 32px
}

.our_company.u-sp .our_company_block.block2 .circle_wrap {
  position: relative;
  margin: auto;
  width: 270px
}

.our_company.u-sp .our_company_block.block2 .circle .circleA {
  stroke: #b3adb0
}

.our_company.u-sp .our_company_block.block2 .circle .circleB {
  stroke: #209afd
}

.our_company.u-sp .our_company_block.block3 {
  width: 100%;
  border-bottom: 2px solid #b4aeb1;
  padding: 80px 0 0
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap1 .age {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num1 {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num2 {
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num3 {
  -webkit-animation: icons .4s 1.2s forwards;
  animation: icons .4s 1.2s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .num4 {
  -webkit-animation: icons .4s 1.3s forwards;
  animation: icons .4s 1.3s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleA {
  -webkit-animation: block3_circleA 1s .9s forwards;
  animation: block3_circleA 1s .9s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleB {
  -webkit-animation: block3_circleB 1s .9s forwards;
  animation: block3_circleB 1s .9s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleC {
  -webkit-animation: block3_circleC 1s .9s forwards;
  animation: block3_circleC 1s .9s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap2 .circle_wrap .circle .circleD {
  -webkit-animation: block3_circleD 1s .9s forwards;
  animation: block3_circleD 1s .9s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap3 .img_wrap .img1 {
  -webkit-animation: icons .4s 1.5s forwards;
  animation: icons .4s 1.5s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap3 .img_wrap .img2 {
  -webkit-animation: icons .4s 1.6s forwards;
  animation: icons .4s 1.6s forwards
}

.our_company.u-sp .our_company_block.block3.is-active .our_company_inner .block_wrap3 .img_wrap .img3 {
  -webkit-animation: arrowiconSp .4s 1.7s forwards;
  animation: arrowiconSp .4s 1.7s forwards
}

.our_company.u-sp .our_company_block.block3 .our_company_inner {
  height: 100%
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap1 {
  text-align: center
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap1 .age {
  font-size: 40px;
  font-weight: 500;
  -webkit-transform: scale(0);
  transform: scale(0);
  margin: 5px auto 80px;
  width: 250px;
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/age.svg) no-repeat 0 bottom;
  line-height: 1;
  padding-bottom: 22px
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap1 .age span {
  font-size: 96px;
  font-weight: 700;
  padding-right: 8px
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 {
  text-align: center
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap {
  margin: 76px auto 52px;
  width: 270px;
  position: relative;
  padding-top: 63px
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num1, .our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num2, .our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num3, .our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num4 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 80px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 24px;
  font-weight: 700
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num1 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num1.svg) no-repeat 0 0;
  top: 125px;
  left: 154px;
  color: #209cff
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num2 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num2.svg) no-repeat 0 0;
  top: 235px;
  left: 85px;
  color: #1875bf
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num3 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num3.svg) no-repeat 0 0;
  top: 117px;
  left: 60px;
  color: #b4aeb1
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .num4 {
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion3_pc/num4.svg) no-repeat 0 0;
  width: 135px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  top: 8px;
  right: 5px
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleA {
  stroke: #209cff
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleB {
  stroke: #1875bf
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleC {
  stroke: #b4aeb1
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap2 .circle_wrap .circle .circleD {
  stroke: #cbebff
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap {
  position: relative;
  width: 321px;
  height: 283px;
  margin: 0 auto
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img1, .our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img2, .our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img3 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img1 {
  bottom: 0;
  right: 0;
  z-index: 1
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img2 {
  width: 138px;
  top: 70px;
  right: 0;
  font-size: 29px;
  font-weight: 500
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img2 span {
  font-size: 92px;
  font-weight: 700;
  line-height: 1
}

.our_company.u-sp .our_company_block.block3 .our_company_inner .block_wrap3 .img_wrap .img3 {
  top: 40px;
  right: 70px;
  -webkit-transform-origin: left;
  transform-origin: left
}

.our_company.u-sp .our_company_block.block4 {
  width: 100%;
  border-bottom: 2px solid #b4aeb1;
  padding: 60px 0
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .img4 {
  margin: 32px auto 0;
  width: 270px;
  height: 270px;
  display: block;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: icons .4s 1.2s forwards;
  animation: icons .4s 1.2s forwards
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap {
  width: 100%;
  margin-top: 40px;
  overflow-x: scroll
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap .motion_inner {
  width: 935px;
  height: 766px;
  position: relative
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap .motion_inner .img2 {
  width: 177px;
  position: absolute;
  top: 28px;
  left: 456px;
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap .motion_inner .img3 {
  width: 140px;
  position: absolute;
  bottom: 0;
  left: 535px;
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap .motion_inner .line_wrap {
  position: absolute;
  bottom: 160px;
  right: 329px
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap .motion_inner .line_wrap .line {
  stroke-dashoffset: 80px;
  stroke-dasharray: 80px;
  -webkit-animation: line_block4_sp .4s 1s forwards;
  animation: line_block4_sp .4s 1s forwards
}

@-webkit-keyframes line_block4_sp {
  0% {
    stroke-dashoffset: 80px;
    stroke-dasharray: 80px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes line_block4_sp {
  0% {
    stroke-dashoffset: 80px;
    stroke-dasharray: 80px
  }
  to {
    stroke-dashoffset: 0
  }
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap .pointer {
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 28px;
  height: 53px;
  font-size: 14px;
  font-weight: 700;
  background: url(/wp-content/themes/revcomm/careers/assets/img/top/our_company/motion4_pc/img_pointer.svg) no-repeat bottom;
  background-size: 22px;
  position: absolute;
  -webkit-transform-origin: bottom;
  transform-origin: bottom
}

.our_company.u-sp .our_company_block.block4 .our_company_inner .motion_wrap .pointer.p_01 {
  top: 483px;
  right: 317px;
  -webkit-animation: iconsPointer .4s .7s forwards;
  animation: iconsPointer .4s .7s forwards
}

.our_company.u-sp .our_company_block.block5 {
  width: 100%;
  border-bottom: 2px solid #b4aeb1;
  padding: 60px 0
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .arrow {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle_wrap .img1 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle_wrap .num1 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle_wrap .top1 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle_wrap .img2 {
  -webkit-animation: icons .4s 1.2s forwards;
  animation: icons .4s 1.2s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle_wrap .num2 {
  -webkit-animation: icons .4s 1.1s forwards;
  animation: icons .4s 1.1s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle_wrap .top2 {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle .circleA {
  -webkit-animation: block5_circleA_sp 1s .5s forwards;
  animation: block5_circleA_sp 1s .5s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle .circleB {
  -webkit-animation: block5_circleB_sp 1s .5s forwards;
  animation: block5_circleB_sp 1s .5s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle .circleC {
  -webkit-animation: block5_circleC_sp 1s 1s forwards;
  animation: block5_circleC_sp 1s 1s forwards
}

.our_company.u-sp .our_company_block.block5.is-active .our_company_inner .circle .circleD {
  -webkit-animation: block5_circleD_sp 1s 1s forwards;
  animation: block5_circleD_sp 1s 1s forwards
}

.our_company.u-sp .our_company_block.block5 .our_company_inner {
  position: relative
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .arrow {
  position: absolute;
  top: 370px;
  left: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top;
  transform-origin: top
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .block_wrap1 {
  position: relative;
  margin-bottom: 208px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .block_wrap2 {
  position: relative
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap {
  position: relative;
  width: 226px;
  height: 226px;
  margin: 60px auto 0
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .img1, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .img2, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num1, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num2, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .top1, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .top2 {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num1, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num2 {
  color: #209cff;
  font-size: 23px;
  font-weight: 500;
  top: 36px;
  right: 80px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num1 span, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num2 span {
  font-size: 38px;
  font-weight: 700
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .img1 {
  width: 166px;
  bottom: 8px;
  right: 29px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num1 {
  width: 100px;
  top: 25px;
  right: 62px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .top1 {
  width: 80px;
  top: 0;
  right: 197px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .img2 {
  width: 160px;
  bottom: 8px;
  right: 31px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .num2 {
  width: 97px;
  top: 25px;
  right: 60px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle_wrap .top2 {
  width: 69px;
  top: 0;
  right: 185px
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleA, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleB, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleC, .our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleD {
  stroke-width: 12px;
  stroke-dasharray: 0 854.08;
  fill: transparent
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleA {
  stroke: #b4aeb1
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleB {
  stroke: #209cff
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleC {
  stroke: #b4aeb1
}

.our_company.u-sp .our_company_block.block5 .our_company_inner .circle .circleD {
  stroke: #209cff
}

.our_company.u-sp .our_company_block.block6 {
  width: 100%;
  padding: 80px 0;
  border-bottom: 2px solid #b4aeb1
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .icon_100 {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion1 {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion2 {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion3 {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .panel_wrap ul .panel_motion4 {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .arrow .svg-elem-1 {
  -webkit-animation: graph_arrow1 .9s .5s forwards;
  animation: graph_arrow1 .9s .5s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .arrow .svg-elem-2 {
  -webkit-animation: graph_arrow3 .1s .9s forwards;
  animation: graph_arrow3 .1s .9s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_1 .num {
  -webkit-animation: icons .4s .5s forwards;
  animation: icons .4s .5s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_1 .line {
  -webkit-animation: graph1 .4s .5s forwards;
  animation: graph1 .4s .5s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_2 .num {
  -webkit-animation: icons .4s .6s forwards;
  animation: icons .4s .6s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_2 .line {
  -webkit-animation: graph2 .4s .6s forwards;
  animation: graph2 .4s .6s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_3 .num {
  -webkit-animation: icons .4s .7s forwards;
  animation: icons .4s .7s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_3 .line {
  -webkit-animation: graph3 .4s .7s forwards;
  animation: graph3 .4s .7s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_4 .num {
  -webkit-animation: icons .4s .8s forwards;
  animation: icons .4s .8s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_4 .line {
  -webkit-animation: graph4 .4s .8s forwards;
  animation: graph4 .4s .8s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_5 .num {
  -webkit-animation: icons .4s .9s forwards;
  animation: icons .4s .9s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_5 .line {
  -webkit-animation: graph5 .4s .9s forwards;
  animation: graph5 .4s .9s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_6 .num {
  -webkit-animation: icons .4s 1s forwards;
  animation: icons .4s 1s forwards
}

.our_company.u-sp .our_company_block.block6.is-active .our_company_inner .graph_wrap .graph.p_6 .line {
  -webkit-animation: graph6 .4s 1s forwards;
  animation: graph6 .4s 1s forwards
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .our_company_sp_wrap {
  overflow-x: scroll
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .our_company_sp_wrap .our_company_sp_inner {
  height: 483px;
  width: 100%;
  position: relative
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .icon_100 {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  position: absolute;
  width: 86px;
  top: 70px;
  right: 146px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap {
  width: 685px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap.p_first ul li {
  border-top: 1px solid #209afd
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul li {
  width: 107px;
  border-left: 1px solid #209afd;
  border-bottom: 1px solid #209afd
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul li:last-child {
  border-right: 1px solid #209afd
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul li img {
  width: 100%
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion1, .our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion2, .our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion3, .our_company.u-sp .our_company_block.block6 .our_company_inner .panel_wrap ul .panel_motion4 {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 685px;
  height: 383px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .arrow {
  position: absolute;
  top: 80px;
  left: 0
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .arrow .svg-elem-1 {
  stroke-dashoffset: 882.3741455078125px;
  stroke-dasharray: 882.3741455078125px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .arrow .svg-elem-2 {
  fill: transparent
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph {
  width: 75px;
  text-align: center
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph+.graph {
  margin-left: 40px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph .day {
  font-size: 12px;
  font-weight: 700
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph .num {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  margin-bottom: 10px;
  font-size: 10px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph .num span {
  font-size: 22px;
  font-weight: 700
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_1 .num {
  margin-bottom: -8px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_1 .line {
  stroke-dashoffset: 4px;
  stroke-dasharray: 4px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_2 .num {
  margin-bottom: -4px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_2 .line {
  stroke-dashoffset: 11px;
  stroke-dasharray: 11px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_3 .line {
  stroke-dashoffset: 26px;
  stroke-dasharray: 26px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_4 .line {
  stroke-dashoffset: 114px;
  stroke-dasharray: 114px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_5 .line {
  stroke-dashoffset: 188px;
  stroke-dasharray: 188px
}

.our_company.u-sp .our_company_block.block6 .our_company_inner .graph_wrap .graph.p_6 .line {
  stroke-dashoffset: 234px;
  stroke-dasharray: 234px
}

@keyframes icons {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes iconsPointer {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes iconsPointer {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes arrowicon {
  0% {
    top: 122px;
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }
  to {
    top: 110px;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes arrowicon {
  0% {
    top: 122px;
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }
  to {
    top: 110px;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes arrowiconSp {
  0% {
    top: 40px;
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }
  to {
    top: 20px;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes arrowiconSp {
  0% {
    top: 40px;
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }
  to {
    top: 20px;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes block1_circleA {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 374 797.56
  }
}

@keyframes block1_circleA {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 374 797.56
  }
}

@-webkit-keyframes block1_circleB {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 690 797.56
  }
}

@keyframes block1_circleB {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 690 797.56
  }
}

@-webkit-keyframes block1_circleC {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 797.56 797.56
  }
}

@keyframes block1_circleC {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 797.56 797.56
  }
}

@-webkit-keyframes block2_circleA {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 560 797.56
  }
}

@keyframes block2_circleA {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 560 797.56
  }
}

@-webkit-keyframes block2_circleB {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 797.56 797.56
  }
}

@keyframes block2_circleB {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 797.56 797.56
  }
}

@-webkit-keyframes block3_circleA {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 228.108 797.56
  }
}

@keyframes block3_circleA {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 228.108 797.56
  }
}

@-webkit-keyframes block3_circleB {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 620.0808 797.56
  }
}

@keyframes block3_circleB {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 620.0808 797.56
  }
}

@-webkit-keyframes block3_circleC {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 786 797.56
  }
}

@keyframes block3_circleC {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 786 797.56
  }
}

@-webkit-keyframes block3_circleD {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 797.56 797.56
  }
}

@keyframes block3_circleD {
  0% {
    stroke-dasharray: 0 797.56
  }
  to {
    stroke-dasharray: 797.56 797.56
  }
}

@-webkit-keyframes line_block4 {
  0% {
    stroke-dashoffset: 275.3621826171875px;
    stroke-dasharray: 275.3621826171875px
  }
  to {
    stroke-dashoffset: 550.724365234375px
  }
}

@keyframes line_block4 {
  0% {
    stroke-dashoffset: 275.3621826171875px;
    stroke-dasharray: 275.3621826171875px
  }
  to {
    stroke-dashoffset: 550.724365234375px
  }
}

@-webkit-keyframes block5_circleA {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 570.6167 854.08
  }
}

@keyframes block5_circleA {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 570.6167 854.08
  }
}

@-webkit-keyframes block5_circleB {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

@keyframes block5_circleB {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

@-webkit-keyframes block5_circleC {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 630.6167 854.08
  }
}

@keyframes block5_circleC {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 630.6167 854.08
  }
}

@-webkit-keyframes block5_circleD {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

@keyframes block5_circleD {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

@-webkit-keyframes graph_arrow1 {
  0% {
    stroke-dashoffset: 882.3741455078125px;
    stroke-dasharray: 882.3741455078125px
  }
  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes graph_arrow2 {
  to {
    fill: transparent
  }
}

@-webkit-keyframes graph_arrow3 {
  0% {
    fill: transparent
  }
  to {
    fill: #b4aeb1
  }
}

@-webkit-keyframes graph1 {
  0% {
    stroke-dashoffset: 4px;
    stroke-dasharray: 4px
  }
  to {
    stroke-dashoffset: 8px
  }
}

@-webkit-keyframes graph2 {
  0% {
    stroke-dashoffset: 11px;
    stroke-dasharray: 11px
  }
  to {
    stroke-dashoffset: 22px
  }
}

@-webkit-keyframes graph3 {
  0% {
    stroke-dashoffset: 26px;
    stroke-dasharray: 26px
  }
  to {
    stroke-dashoffset: 52px
  }
}

@-webkit-keyframes graph4 {
  0% {
    stroke-dashoffset: 114px;
    stroke-dasharray: 114px
  }
  to {
    stroke-dashoffset: 228px
  }
}

@-webkit-keyframes graph5 {
  0% {
    stroke-dashoffset: 188px;
    stroke-dasharray: 188px
  }
  to {
    stroke-dashoffset: 376px
  }
}

@-webkit-keyframes graph6 {
  0% {
    stroke-dashoffset: 234px;
    stroke-dasharray: 234px
  }
  to {
    stroke-dashoffset: 468px
  }
}

@keyframes graph_arrow1 {
  0% {
    stroke-dashoffset: 882.3741455078125px;
    stroke-dasharray: 882.3741455078125px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes graph_arrow2 {
  0% {
    stroke-dashoffset: 2458.236083984375px;
    stroke-dasharray: 2458.236083984375px
  }
  to {
    stroke-dashoffset: 0
  }
}

@keyframes graph_arrow3 {
  0% {
    fill: transparent
  }
  to {
    fill: #b4aeb1
  }
}

@keyframes graph1 {
  0% {
    stroke-dashoffset: 4px;
    stroke-dasharray: 4px
  }
  to {
    stroke-dashoffset: 8px
  }
}

@keyframes graph2 {
  0% {
    stroke-dashoffset: 11px;
    stroke-dasharray: 11px
  }
  to {
    stroke-dashoffset: 22px
  }
}

@keyframes graph3 {
  0% {
    stroke-dashoffset: 26px;
    stroke-dasharray: 26px
  }
  to {
    stroke-dashoffset: 52px
  }
}

@keyframes graph4 {
  0% {
    stroke-dashoffset: 114px;
    stroke-dasharray: 114px
  }
  to {
    stroke-dashoffset: 228px
  }
}

@keyframes graph5 {
  0% {
    stroke-dashoffset: 188px;
    stroke-dasharray: 188px
  }
  to {
    stroke-dashoffset: 376px
  }
}

@keyframes graph6 {
  0% {
    stroke-dashoffset: 234px;
    stroke-dasharray: 234px
  }
  to {
    stroke-dashoffset: 468px
  }
}

@-webkit-keyframes block5_circleA_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 450.6167 854.08
  }
}

@keyframes block5_circleA_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 450.6167 854.08
  }
}

@-webkit-keyframes block5_circleB_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

@keyframes block5_circleB_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

@-webkit-keyframes block5_circleC_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 480.6167 854.08
  }
}

@keyframes block5_circleC_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 480.6167 854.08
  }
}

@-webkit-keyframes block5_circleD_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

@keyframes block5_circleD_sp {
  0% {
    stroke-dasharray: 0 854.08
  }
  to {
    stroke-dasharray: 854.08 854.08
  }
}

#mission {
  background-color: #fff;
  padding: 57px 0 60px;
  text-align: center
}

#mission .missionRead {
  font-size: 28px;
  font-weight: 700;
  line-height: 2.14285;
  margin-bottom: 39px
}

#mission .missionText {
  font-size: 18px;
  font-weight: 700;
  line-height: 2.111111;
  margin-bottom: 36px
}

@media screen and (min-width:1280px) {
  #mission {
    width: 839px;
    padding: 79px 0 60px;
    margin: 0 auto;
    text-align: left
  }
  #mission .missionRead {
    font-size: 60px;
    margin: 0 auto 86px;
    line-height: 1.75
  }
  #mission .missionText {
    font-size: 28px;
    line-height: 2.142857;
    margin: 0 auto 83px
  }
}

#mission #value {
  text-align: center
}

#mission #value .valueTitle {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.321428;
  margin-top: 116px;
  margin-bottom: 56px
}

@media screen and (min-width:1280px) {
  #mission #value .valueTitle {
    font-size: 42px;
    line-height: 1.3095;
    margin-top: 114px;
    margin-bottom: 75px
  }
}

#mission #value .valueRead {
  font-size: 16px;
  line-height: 1.3125;
  padding: 60px 0 0
}

@media screen and (min-width:1280px) {
  #mission #value .valueRead {
    font-size: 24px;
    line-height: 1.5;
    padding: 80px 0 0
  }
}

#mission #value dl+dl {
  margin-top: 57px
}

#mission #value dl dt {
  font-size: 24px;
  font-weight: 700;
  color: #209cff;
  margin-bottom: 19px;
  letter-spacing: .02em
}

#mission #value dl dd {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125
}

@media screen and (min-width:1280px) {
  #mission #value dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 146px
  }
  #mission #value dl+dl {
    margin-top: 75px
  }
  #mission #value dl dt {
    text-align: left;
    width: 305px;
    font-size: 32px;
    letter-spacing: .02em;
    line-height: 1;
    margin-bottom: 0
  }
  #mission #value dl dd {
    font-size: 24px;
    line-height: 1;
    margin-left: 22px
  }
}

#product {
  padding: 57px 0 0
}

#product .o-sectionInner {
  padding-left: 25px;
  padding-right: 25px
}

#product .o-sectionInner+.o-sectionInner {
  padding: 120px 25px 60px
}

#product .o-sectionInner .product {
  text-align: center
}

#product .o-sectionInner .product .productInner .productTitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center
}

#product .o-sectionInner .product .productInner .productTitle span {
  display: block
}

#product .o-sectionInner .product .productInner .productTitle .productImg {
  margin-bottom: 20px
}

#product .o-sectionInner .product .productInner .productText {
  text-align: left;
  font-size: 14px;
  line-height: 1.714285714
}

#product .o-sectionInner .product .productLink {
  background-color: #fff;
  min-width: 190px;
  height: 40px;
  -webkit-transition: .5s cubic-bezier(.165, .84, .44, 1);
  transition: .5s cubic-bezier(.165, .84, .44, 1);
  border: 1px solid #209cff;
  font-size: 14px;
  font-weight: 500;
  margin: 60px auto 0;
  padding: 0 10px;
  text-align: center;
  display: inline-block;
  line-height: 38px
}

#product .o-sectionInner .product .productLink:hover {
  background-color: #d4d9dc
}

#product .o-sectionInner .product .productLink:active {
  background-color: #209cff;
  color: #fff
}

#product .o-sectionInner .product .productLink.u-pc {
  display: none
}

#product .o-sectionInner .product .productLink.u-sp {
  display: inline-block
}

@media screen and (min-width:768px) {
  #product .o-sectionInner .product .productLink {
    margin: 20px 0 0
  }
  #product .o-sectionInner .product .productLink.u-pc {
    display: inline-block
  }
  #product .o-sectionInner .product .productLink.u-sp {
    display: none
  }
}

#product .o-sectionInner .product .productMotion {
  margin-top: 33px
}

@media screen and (min-width:768px) {
  #product .o-sectionInner .product {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  #product .o-sectionInner .product .productInner {
    width: 35%;
    width: 40%;
    margin-right: 0
  }
  #product .o-sectionInner .product .productInner .productText {
    font-size: 16px
  }
  #product .o-sectionInner .product .productMotion {
    width: 65%;
    width: 50%;
    margin-top: 0
  }
}

@media screen and (min-width:1280px) {
  #product .o-sectionInner .product .productInner {
    width: 400px
  }
  #product .o-sectionInner .product .productInner .productTitle {
    text-align: left;
    margin-bottom: 47px
  }
  #product .o-sectionInner .product .productMotion {
    width: 682px
  }
}

@media screen and (min-width:768px) {
  #product {
    padding: 55px 0 0
  }
  #product .o-sectionTitle {
    margin-bottom: 58px
  }
  #product .o-sectionInner {
    padding-left: 56px;
    padding-right: 56px
  }
  #product .o-sectionInner+.o-sectionInner {
    padding: 120px 56px 60px
  }
}

#technology {
  background-color: #fff;
  padding: 57px 38px 60px
}

#technology .technology {
  text-align: center
}

#technology .technology .technologyLink {
  max-width: 300px;
  margin: 80px auto 0;
  -webkit-transition: .5s cubic-bezier(.165, .84, .44, 1);
  transition: .5s cubic-bezier(.165, .84, .44, 1);
  display: block
}

#technology .technology .technologyLink span {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px
}

#technology .technology .technologyLink img {
  width: 100%
}

#technology .technology .technologyLink .rc-tech-wrapper a:hover {
  opacity: .8
}

@media screen and (min-width:1280px) {
  #technology .technology .technologyLink {
    max-width: 407px;
    margin: 80px auto 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
  }
  #technology .technology .technologyLink span {
    font-size: 21px
  }
}

@media screen and (min-width:768px) {
  #technology {
    padding: 55px 0 60px
  }
  #technology .o-sectionTitle {
    margin-bottom: 34px
  }
}

#our_company {
  padding: 57px 25px 60px
}

@media screen and (min-width:768px) {
  #our_company {
    padding: 55px 56px 60px
  }
  #our_company .o-button.p_square {
    margin: 80px auto 0
  }
}

#people {
  padding: 57px 0 0;
  background-color: #fff
}

#people .o-sectionTitle {
  margin-bottom: 0
}

#people .o-button.p_square {
  margin: 80px auto 60px
}

@media screen and (min-width:768px) {
  #people {
    padding: 55px 0 0
  }
  #people .o-sectionTitle {
    margin-bottom: 0
  }
  #people .o-button.p_square {
    margin: 80px auto 40px
  }
}

#company_system {
  padding: 57px 25px 60px;
  text-align: center
}

#company_system .o-sectionInner {
  border-top: 2px solid #b4aeb1;
  border-bottom: 2px solid #b4aeb1;
  padding: 40px 0
}

#company_system .o-sectionInner+.o-sectionInner {
  border-top: none
}

#company_system .o-sectionInner h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 19px;
  line-height: 1.285714
}

#company_system .o-sectionInner ul li {
  font-size: 16px;
  font-weight: 500;
  color: #707070;
  line-height: 2
}

@media screen and (min-width:768px) {
  #company_system .o-sectionInner {
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left
  }
  #company_system .o-sectionInner+.o-sectionInner {
    border-top: none
  }
  #company_system .o-sectionInner h3 {
    width: 100%;
    font-size: 24px;
    margin-bottom: 10px
  }
  #company_system .o-sectionInner .system_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  #company_system .o-sectionInner ul {
    width: 100%
  }
  #company_system .o-sectionInner ul+ul {
    width: 420px
  }
  #company_system .o-sectionInner ul li {
    font-size: 16px;
    line-height: 2.285714
  }
}

@media screen and (min-width:1280px) {
  #company_system .o-sectionInner {
    padding: 80px 40px
  }
  #company_system .o-sectionInner h3 {
    width: 316px;
    margin-bottom: 0
  }
  #company_system .o-sectionInner ul {
    width: 365px
  }
}

.company_bnr_wrapper {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 80px 0 20px;
}
.company_bnr_wrapper ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
.company_bnr_wrapper ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 50%;
  gap: 40px;
}
.company_bnr_wrapper ul li iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.company_bnr_wrapper ul li a {
  width: 100%;
  max-width: 380px;
  transition: 0.3s;
}
.company_bnr_wrapper ul li a:hover {
  opacity: 0.8;
}
.company_bnr_wrapper ul li a img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .company_bnr_wrapper {
    padding: 60px 0;
  }
  .company_bnr_wrapper ul {
    flex-direction: column;
  }
  .company_bnr_wrapper ul li {
    width: 100%;
  }
}

#document {
  text-align: center
}

.peopleSlider {
  position: relative
}

.peopleSlider .peopleSlider-next, .peopleSlider .peopleSlider-prev {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  text-indent: -9999px;
  top: 149px;
  z-index: 10;
  -webkit-transition: .5s cubic-bezier(.165, .84, .44, 1);
  transition: .5s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:768px) {
  .peopleSlider .peopleSlider-next, .peopleSlider .peopleSlider-prev {
    top: 129px;
    width: 80px;
    height: 80px
  }
}

.peopleSlider .peopleSlider-next:hover, .peopleSlider .peopleSlider-prev:hover {
  background-color: #cbebff
}

.peopleSlider .peopleSlider-next:active, .peopleSlider .peopleSlider-prev:active {
  background-color: #209cff
}

.peopleSlider .peopleSlider-next:active:after, .peopleSlider .peopleSlider-prev:active:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}

.peopleSlider .peopleSlider-next:after, .peopleSlider .peopleSlider-prev:after {
  -webkit-transition: .5s cubic-bezier(.165, .84, .44, 1);
  transition: .5s cubic-bezier(.165, .84, .44, 1);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border-top: 2px solid #209cff;
  border-right: 2px solid #209cff
}

@media screen and (min-width:768px) {
  .peopleSlider .peopleSlider-next:after, .peopleSlider .peopleSlider-prev:after {
    width: 22px;
    height: 22px
  }
}

.peopleSlider .peopleSlider-prev {
  left: 6px
}

.peopleSlider .peopleSlider-prev:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 14px
}

@media screen and (min-width:768px) {
  .peopleSlider .peopleSlider-prev {
    left: 12px
  }
  .peopleSlider .peopleSlider-prev:after {
    right: 23px
  }
}

.peopleSlider .peopleSlider-next {
  right: 6px
}

.peopleSlider .peopleSlider-next:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 16px
}

@media screen and (min-width:768px) {
  .peopleSlider .peopleSlider-next {
    right: 12px
  }
  .peopleSlider .peopleSlider-next:after {
    right: 33px
  }
}