@-webkit-keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.kv-inner__pic2 {
  width: 30.54%;
  right: 10.2%;
  top: 6.4vw;
}

.kv-inner-title {
  top: 58.6%;
}

.kv-inner-title__sub:nth-of-type(1) {
  width: 20.87vw;
}

.kv-inner-title__main {
  font-size: 4.37vw;
  font-weight: 900;
  height: auto;
  color: #3d272b;
  top: 0.2vw !important;
  margin-bottom: 0.7vw;
}

.kv-inner-title__main > div {
  display: inline-block;
  line-height: 1;
  letter-spacing: -0.32em;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 1s ease-out, transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transition-delay: calc(var(--move-delay)* 0.05s);
       -o-transition-delay: calc(var(--move-delay)* 0.05s);
          transition-delay: calc(var(--move-delay)* 0.05s);
  -webkit-transform: translateX(30%);
      -ms-transform: translateX(30%);
          transform: translateX(30%);
  opacity: 0;
}

.kv-inner-title__main > div:nth-child(4) {
  margin-left: -0.2vw;
}

.kv-inner-title__main > div:nth-child(5) {
  margin-left: -0.9vw;
}

.kv-inner-title__main > div:nth-child(8) {
  margin-left: -0.7vw;
}

.kv-inner-title__main.show > div {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.main-contents {
  padding-top: 8.7vw;
  background-image: url(/about/img/about-bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}

.box1 {
  margin-bottom: 12.3vw;
}

.box1-title {
  font-size: 2.25vw;
  font-weight: 900;
  color: #f0642b;
  line-height: 1.44;
  margin-bottom: 2.4vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box1-title.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box1-textarea p {
  font-size: 1.25vw;
  line-height: 2.1;
  font-weight: 500;
  margin-bottom: 2.67vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box1-textarea p.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box1-textarea p:last-child {
  margin-bottom: 0;
}

.box1-picarea {
  width: 100%;
}

.box1-picarea.show .box1-pic1 {
  opacity: 1;
}

.box1-picarea.show .box1-pic2 {
  -webkit-animation: char3 5s linear infinite;
          animation: char3 5s linear infinite;
}

.box1-picarea.show .box1-pic2 img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.box1-picarea.show .box1-pic3 {
  -webkit-animation: char4 8s linear infinite;
          animation: char4 8s linear infinite;
}

.box1-picarea.show .box1-pic3 img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

@-webkit-keyframes char3 {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  20% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
  }
  40% {
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);
  }
  60% {
    -webkit-transform: translateY(1.5%);
            transform: translateY(1.5%);
  }
  80% {
    -webkit-transform: translateY(-1.5%);
            transform: translateY(-1.5%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes char3 {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  20% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
  }
  40% {
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);
  }
  60% {
    -webkit-transform: translateY(1.5%);
            transform: translateY(1.5%);
  }
  80% {
    -webkit-transform: translateY(-1.5%);
            transform: translateY(-1.5%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes char4 {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  20% {
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);
  }
  40% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
  }
  60% {
    -webkit-transform: translateY(-1.5%);
            transform: translateY(-1.5%);
  }
  80% {
    -webkit-transform: translateY(1.5%);
            transform: translateY(1.5%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes char4 {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  20% {
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);
  }
  40% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
  }
  60% {
    -webkit-transform: translateY(-1.5%);
            transform: translateY(-1.5%);
  }
  80% {
    -webkit-transform: translateY(1.5%);
            transform: translateY(1.5%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes char5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes char5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.box1-pic1 {
  width: 46.72%;
  position: absolute;
  right: -2.72%;
  top: 19.6vw;
  -webkit-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
  transition: opacity 1.5s ease-in;
  opacity: 0;
}

.box1-pic2 {
  width: 27%;
  position: absolute;
  right: -4.81%;
  top: -3vw;
}

.box1-pic2 img {
  opacity: 0;
}

.box1-pic3 {
  width: 17%;
  position: absolute;
  right: 16.9%;
  top: 5.2vw;
}

.box1-pic3 img {
  opacity: 0;
}

.box-section-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5.6vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box-section-title.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-section-title__pic {
  width: 3.37vw;
  margin-right: 1.1vw;
}

.box-section-title__pic img {
  display: block;
}

.box-section-title__main {
  font-size: 3.37vw;
  font-weight: 900;
  letter-spacing: -0.05em;
  color: #3d272b;
  line-height: 1;
}

.box2 {
  margin-bottom: 9.4vw;
}

.box2 .box-section-title {
  padding-left: 10.71%;
}

.box2-main-pic {
  width: 100%;
  height: 39.56vw;
}

.box2-main-pic img {
  position: relative;
  display: block;
}

.box2-main-pic__inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.box2-main-pic__text {
  width: auto;
  height: 3.43vw;
  position: absolute;
  right: 15.71%;
  top: -1.7vw;
}

.box2-main-pic__text img {
  width: auto;
  height: 100%;
}

.box2-list__item {
  margin-bottom: 6.4vw;
}

.box2-list__item:nth-child(2n) {
  left: 0;
}

.box2-list__item:nth-child(2n) .box2-list__pic {
  left: 13.63%;
}

.box2-list__item:nth-child(2n) .box2-list-textarea {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  left: 0;
}

.box2-list__item:nth-child(2n) .box2-list-textarea__arrow {
  left: -26%;
  right: auto;
}

.box2-list__item:nth-child(2n) .box2-list-textarea__arrow img {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.box2-list__item:nth-child(2) .box2-list-item__pic {
  width: 27.27%;
  left: -15.5%;
  top: -19vw;
  z-index: 0;
}

.box2-list__item:nth-child(2) .box2-list__pic {
  height: 39.5vw;
}

.box2-list__item:nth-child(2) .box2-list-pic__text {
  width: 57.15%;
  left: -14.4%;
  top: -1.7vw;
}

.box2-list__item:nth-child(2) .box2-list-textarea__pic {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23.57%;
      -ms-flex: 0 0 23.57%;
          flex: 0 0 23.57%;
  top: 4.7vw;
}

.box2-list__item:nth-child(2) .box2-list-textarea__arrow {
  top: 50%;
}

.box2-list__item:nth-child(3) .box2-list-item__pic {
  width: 33.45%;
  right: -20.5%;
  top: -15.2vw;
  z-index: 0;
}

.box2-list__item:nth-child(3) .box2-list__pic {
  height: 39.5vw;
}

.box2-list__item:nth-child(3) .box2-list-pic__text {
  width: 41.05%;
  right: -8%;
  top: -2vw;
}

.box2-list__item:nth-child(3) .box2-list-textarea__pic {
  top: -0.7vw;
}

.box2-list__item:nth-child(3) .box2-list-textarea__arrow {
  top: 57%;
}

.box2-list__item:nth-child(4) .box2-list__pic {
  height: 39.5vw;
}

.box2-list__item:nth-child(4) .box2-list-pic__text {
  width: 25.78%;
  left: -14.6%;
  top: -1.7vw;
}

.box2-list__item:nth-child(4) .box2-list-textarea__pic {
  top: 4.5vw;
}

.box2-list__item:nth-child(4) .box2-list-textarea__arrow {
  top: 54%;
}

.box2-list__item:nth-child(5) .box2-list-item__pic {
  width: 32.27%;
  left: -20.5%;
  top: -3.3vw;
}

.box2-list__item:nth-child(5) .box2-list__pic {
  height: 39.5vw;
}

.box2-list__item:nth-child(5) .box2-list-pic__text {
  width: 46.31%;
  right: -8.4%;
  top: -2vw;
}

.box2-list__item:nth-child(5) .box2-list-textarea__pic {
  top: 3.7vw;
}

.box2-list__item:nth-child(5) .box2-list-textarea__arrow {
  top: 57%;
}

.box2-list__item:nth-child(6) .box2-list__pic {
  height: 39.5vw;
}

.box2-list__item:nth-child(6) .box2-list-pic__text {
  width: 75.47%;
  left: -14.3%;
  top: -2vw;
}

.box2-list__item:nth-child(6) .box2-list-textarea__pic {
  top: 4.6vw;
}

.box2-list__item:nth-child(6) .box2-list-textarea__arrow {
  top: 69%;
}

.box2-list__item:last-child {
  margin-bottom: 0;
}

.box2-list-item__pic {
  position: absolute;
  z-index: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.box2-list-item__pic img {
  position: relative;
  display: block;
}

.box2-list__pic {
  width: 86.36%;
  left: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box2-list__pic.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box2-list-textarea-pic__inner {
  height: 100%;
  border-radius: 3.12vw;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.box2-list-textarea-pic__inner img {
  position: relative;
  display: block;
}

.box2-list-pic__text {
  position: absolute;
}

.box2-list-pic__text img {
  display: block;
}

.box2-list-textarea {
  width: 86.36%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  left: 13.63%;
  margin-top: -9.3vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box2-list-textarea.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box2-list-textarea__pic {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24.21%;
      -ms-flex: 0 0 24.21%;
          flex: 0 0 24.21%;
  top: -0.3vw;
}

.box2-list-textarea__arrow {
  width: 1.68vw;
  position: absolute;
  right: -24%;
  top: 73%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box2-list-textarea__arrow img {
  display: block;
}

.box2-list-textarea__inner {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70.52%;
      -ms-flex: 0 0 70.52%;
          flex: 0 0 70.52%;
  padding: 3.4vw 6.3%;
  border-radius: 3.12vw;
  background-color: #f9f6ed;
}

.box2-list-textarea__title {
  font-size: 1.37vw;
  font-weight: 900;
  line-height: 1.54;
  color: #3d272b;
  letter-spacing: -0.05em;
  margin-bottom: 1.7vw;
}

.box2-list-textarea__text p {
  font-size: 1.12vw;
  line-height: 1.66;
  margin-bottom: 1.9vw;
}

.box2-list-textarea__text p:last-child {
  margin-bottom: 0;
}

.box3-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5.3vw;
}

.box3-list__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48.18%;
      -ms-flex: 0 0 48.18%;
          flex: 0 0 48.18%;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box3-list__item.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box3-list__pic {
  width: 100%;
  height: 22vw;
  height: auto;
  border-radius: 1.87vw;
  overflow: hidden;
}

.box3-list__pic img {
  display: block;
}

.box3-list__textarea {
  width: 88.67%;
  margin: 0 auto 2.44vw;
  margin-top: -2vw;
  padding: 2.7vw 9.3%;
  border-radius: 1.87vw;
  color: #3d272b;
  background-color: #ebecef;
}

.box3-list__title {
  font-size: 1.37vw;
  font-weight: 900;
  line-height: 1.54;
  margin-bottom: 1.66vw;
}

.box3-list__text p {
  font-size: 1.12vw;
  line-height: 1.66;
  margin-bottom: 2vw;
}

.box3-list__text p:last-child {
  margin-bottom: 0;
}

.box3-list__arrow {
  width: 5.74%;
  position: absolute;
  left: 50%;
  bottom: -1.3vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.box3-list__arrow img {
  display: block;
}

.box3-list__bottompic {
  width: 34.71%;
  margin: 0 auto;
}

.box3-text {
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

.box3-text.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box3-text__main {
  font-size: 1.62vw;
  text-align: center;
  font-weight: bold;
  line-height: 1.69;
  color: #3d272b;
  letter-spacing: -0.05em;
  margin-bottom: 2.66vw;
}

.box3-text__main span {
  font-size: 1.87vw;
  font-weight: 900;
  padding: 0 0.1vw;
}

.box3-text__main span:nth-of-type(2) {
  padding: 0;
}

.box3-text__shape {
  width: 5.27%;
  position: absolute;
  left: 13.63%;
  top: 1.8vw;
}

.box3-text__shape.box3-text-shape-1 {
  left: auto;
  right: 13.63%;
}

.box3-picarea {
  width: 100%;
  margin-bottom: 3.7vw;
}

.box3-picarea.show .box3-picarea__pic1 {
  -webkit-animation: char1 2s ease-out forwards;
          animation: char1 2s ease-out forwards;
}

.box3-picarea.show .box3-picarea__pic1 img {
  -webkit-animation: char2 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: char2 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.box3-picarea.show .box3-picarea__pic2 {
  -webkit-animation: char3 5s linear infinite;
          animation: char3 5s linear infinite;
}

.box3-picarea.show .box3-picarea__pic2 img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.box3-picarea.show .box3-picarea__pic3 {
  -webkit-animation: char4 5s linear infinite;
          animation: char4 5s linear infinite;
}

.box3-picarea.show .box3-picarea__pic3 img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.box3-picarea.show .box3-picarea__pic4 {
  -webkit-animation: char4 8s linear infinite;
          animation: char4 8s linear infinite;
}

.box3-picarea.show .box3-picarea__pic4 img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.box3-picarea.show .box3-picarea__pic5 {
  -webkit-animation: char3 7s linear infinite;
          animation: char3 7s linear infinite;
}

.box3-picarea.show .box3-picarea__pic5 img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.box3-picarea__pic1 {
  width: 25.36%;
  margin: 0 auto;
}

.box3-picarea__pic1 img {
  opacity: 0;
}

@-webkit-keyframes char1 {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  40% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  50% {
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%);
  }
  60% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  70% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
  }
  80% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  90% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes char1 {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  40% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  50% {
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%);
  }
  60% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  70% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
  }
  80% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  90% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes char2 {
  0% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes char2 {
  0% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.box3-picarea__pic2 {
  width: 19%;
  position: absolute;
  left: 11.45%;
  top: 1vw;
}

.box3-picarea__pic2 img {
  opacity: 0;
}

.box3-picarea__pic3 {
  width: 16.63%;
  position: absolute;
  right: 0.4%;
  top: -1vw;
}

.box3-picarea__pic3 img {
  opacity: 0;
}

.box3-picarea__pic4 {
  width: 17.55%;
  position: absolute;
  left: -1.61%;
  top: 8vw;
}

.box3-picarea__pic4 img {
  opacity: 0;
}

.box3-picarea__pic5 {
  width: 18.54%;
  position: absolute;
  right: 13.36%;
  top: 9.8vw;
}

.box3-picarea__pic5 img {
  opacity: 0;
}

.box-link {
  width: 25vw;
  height: 5.62vw;
  margin: 0 auto;
}

.box-link .box-link-text {
  font-size: 1.25vw;
  line-height: 1.3;
  text-align: left;
  padding-left: 2.2vw;
  top: 46%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-link .box-link-text span {
  font-size: 1vw;
}

.box-link-arrow {
  right: 5%;
}

.box-link-arrow img {
  width: 0.93vw;
}

span.tsume {
  margin-left: -0.5em;
}

@media screen and (min-width: 769px) {
  .box1-picarea {
    position: absolute;
    left: 0;
    top: 0;
  }
  .box3-list__item:last-child {
    margin-top: 5vw;
  }
  .box3-list__item:last-child .box3-list__bottompic {
    width: 33.77%;
  }
}

@media screen and (max-width: 768px) {
  .kv-inner {
    height: 67.9vw;
  }
  .kv-inner__pic2 {
    width: 32.3%;
    right: 6.6%;
    top: 44.8vw;
  }
  .kv-inner-title__sub:nth-of-type(1) {
    width: 52.8vw;
  }
  .kv-inner-title__main {
    font-size: 9.72vw;
    line-height: 1.3;
    top: -0.8vw !important;
    margin-bottom: 0vw;
  }
  .kv-inner-title__main > div {
    letter-spacing: -3.4vw;
  }
  .kv-inner-title__main > div:nth-child(10) {
    margin-right: 21vw;
  }
  .main-contents {
    padding-top: 10.4vw;
    padding-bottom: 18.2vw;
    background-image: url(/about/img/about-bg-sp.png);
  }
  .box1 {
    margin-bottom: 76.7vw;
  }
  .box1-title {
    font-size: 5.73vw;
    margin-bottom: 5.5vw;
  }
  .box1-textarea p {
    font-size: 3.73vw;
    line-height: 1.57;
    margin-bottom: 6.3vw;
    letter-spacing: -0.05em;
  }
  .box1-pic1 {
    width: 67.79%;
    right: -9%;
    top: auto;
    bottom: -60.7vw;
  }
  .box1-pic2 {
    width: 45.42%;
    left: 5%;
    right: auto;
    top: auto;
    bottom: -38.5vw;
  }
  .box1-pic3 {
    width: 28.47%;
    left: -13.4%;
    right: auto;
    top: auto;
    bottom: -49vw;
  }
  .box-section-title__pic {
    width: 8.4vw;
    margin-right: 4vw;
  }
  .box-section-title__main {
    font-size: 6.65vw;
  }
  .box2 {
    margin-bottom: 25.4vw;
  }
  .box2 .box-section-title {
    padding-left: 4.61%;
    margin-bottom: 9vw;
  }
  .box2-main-pic {
    height: auto;
  }
  .box2-main-pic__inner {
    height: 53.33vw;
  }
  .box2-main-pic__text {
    height: 4.94vw;
    right: 4.46%;
    top: -2.4vw;
  }
  .box2-list__item {
    margin-bottom: 22.8vw;
  }
  .box2-list__item:nth-child(2n) .box2-list__pic {
    left: 50%;
  }
  .box2-list__item:nth-child(2n) .box2-list-textarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .box2-list__item:nth-child(2n) .box2-list-textarea__arrow {
    left: 50%;
  }
  .box2-list__item:nth-child(2n) .box2-list-textarea__arrow img {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .box2-list__item:nth-child(1) {
    margin-bottom: 22.2vw;
  }
  .box2-list__item:nth-child(1) .box2-list-textarea {
    margin-top: -11.7vw;
  }
  .box2-list__item:nth-child(2) {
    margin-bottom: 17.5vw;
  }
  .box2-list__item:nth-child(2) .box2-list-item__pic {
    width: 46.27%;
    left: -32.3%;
    top: -40vw;
  }
  .box2-list__item:nth-child(2) .box2-list__pic {
    height: auto;
  }
  .box2-list__item:nth-child(2) .box2-list-pic__text {
    width: 57.7%;
    left: 1.3%;
    top: -9.2vw;
  }
  .box2-list__item:nth-child(2) .box2-list-textarea__pic {
    width: 37.96%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    top: auto;
  }
  .box2-list__item:nth-child(2) .box2-list-textarea__arrow {
    top: auto;
  }
  .box2-list__item:nth-child(3) {
    margin-bottom: 21.6vw;
  }
  .box2-list__item:nth-child(3) .box2-list-item__pic {
    width: 62.37%;
    right: -33%;
    top: -26vw;
  }
  .box2-list__item:nth-child(3) .box2-list-pic__text {
    width: 41.63%;
    right: 2%;
    top: -9.7vw;
  }
  .box2-list__item:nth-child(3) .box2-list-textarea {
    margin-top: 1.4vw;
  }
  .box2-list__item:nth-child(3) .box2-list-textarea__arrow {
    top: auto;
  }
  .box2-list__item:nth-child(4) {
    margin-bottom: 20.4vw;
  }
  .box2-list__item:nth-child(4) .box2-list__pic {
    height: auto;
  }
  .box2-list__item:nth-child(4) .box2-list-pic__text {
    width: 26.06%;
    left: 1.5%;
    top: -2.4vw;
  }
  .box2-list__item:nth-child(4) .box2-list-textarea__pic {
    top: auto;
  }
  .box2-list__item:nth-child(4) .box2-list-textarea__arrow {
    top: auto;
  }
  .box2-list__item:nth-child(5) .box2-list-item__pic {
    width: 60.16%;
    left: -24%;
    top: -29.3vw;
  }
  .box2-list__item:nth-child(5) .box2-list__pic {
    height: auto;
  }
  .box2-list__item:nth-child(5) .box2-list-pic__text {
    width: 46.88%;
    right: 2.3%;
    top: -9.4vw;
  }
  .box2-list__item:nth-child(5) .box2-list-textarea__pic {
    top: auto;
  }
  .box2-list__item:nth-child(5) .box2-list-textarea__arrow {
    top: auto;
  }
  .box2-list__item:nth-child(6) .box2-list__pic {
    height: auto;
  }
  .box2-list__item:nth-child(6) .box2-list-pic__text {
    width: 78.98%;
    left: 1.6%;
    top: -10vw;
  }
  .box2-list__item:nth-child(6) .box2-list-textarea__pic {
    top: auto;
  }
  .box2-list__item:nth-child(6) .box2-list-textarea__arrow {
    top: auto;
  }
  .box2-list__pic {
    width: 103.3%;
    left: 50%;
    -webkit-transform: translate(-50%, 5em);
        -ms-transform: translate(-50%, 5em);
            transform: translate(-50%, 5em);
  }
  .box2-list__pic.show {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .box2-list-textarea-pic__inner {
    height: 54.13vw;
    border-radius: 2.66vw;
  }
  .box2-list-pic__inner {
    height: 54.13vw;
    overflow: hidden;
    border-radius: 2.66vw;
  }
  .box2-list-pic__inner img {
    display: block;
  }
  .box2-list-textarea {
    width: 100%;
    left: auto;
    margin-top: -13.6vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .box2-list-textarea__pic {
    width: 38.98%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    top: auto;
    margin: 0 auto;
  }
  .box2-list-textarea__arrow {
    width: 6.1%;
    left: 50%;
    right: auto;
    top: auto;
    bottom: -4vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .box2-list-textarea__arrow img {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .box2-list-textarea__inner {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 96.72%;
        -ms-flex: 0 0 96.72%;
            flex: 0 0 96.72%;
    padding: 5.2vw 5% 5.8vw;
    border-radius: 4vw;
    margin: 0 auto 6.1vw;
  }
  .box2-list-textarea__inner:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .box2-list-textarea__title {
    font-size: 4.26vw;
    line-height: 1.43;
    margin-bottom: 5.9vw;
    letter-spacing: 0;
  }
  .box2-list-textarea__text p {
    font-size: 3.73vw;
    line-height: 1.57;
    margin-bottom: 5.6vw;
  }
  .box3 .box-section-title {
    margin-bottom: 9.1vw;
  }
  .box3-list {
    margin-bottom: 17.7vw;
  }
  .box3-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 12.3vw;
  }
  .box3-list__item:last-child {
    margin-bottom: 0;
  }
  .box3-list__pic {
    height: auto;
    border-radius: 2.66vw;
  }
  .box3-list__textarea {
    width: 100%;
    margin-top: 2.6vw;
    margin-bottom: 6.3vw;
    padding: 5.2vw 5% 6vw;
    border-radius: 4vw;
  }
  .box3-list__title {
    font-size: 4.26vw;
    line-height: 1.43;
    margin-bottom: 5.9vw;
  }
  .box3-list__text p {
    font-size: 3.73vw;
    line-height: 1.57;
    margin-bottom: 6vw;
  }
  .box3-list__arrow {
    width: 4.8vw;
    bottom: -3.4vw;
  }
  .box3-list__bottompic {
    width: 31.52%;
  }
  .box3-text__main {
    font-size: 4.13vw;
    line-height: 1.54;
    margin-bottom: 7.7vw;
  }
  .box3-text__main span {
    font-size: 4.8vw;
    padding: 0 1.1vw;
  }
  .box3-text__shape {
    width: 5.86vw;
    left: 1%;
    top: 7vw;
  }
  .box3-text__shape.box3-text-shape-1 {
    right: 1%;
  }
  .box3-picarea {
    margin-bottom: 6vw;
  }
  .box3-picarea__pic1 {
    width: 47.28%;
  }
  .box3-picarea__pic2 {
    width: 35.42%;
    left: -8.4%;
    top: 6vw;
  }
  .box3-picarea__pic3 {
    width: 31.01%;
    right: -14%;
    top: 0.3vw;
  }
  .box3-picarea__pic4 {
    width: 32.75%;
    left: -15%;
    top: 24.6vw;
  }
  .box3-picarea__pic5 {
    width: 34.57%;
    right: -2.2%;
    top: 29.3vw;
  }
  .box-link {
    width: 100%;
    height: 16vw;
  }
  .box-link .box-link-text {
    font-size: 4vw;
    line-height: 1.4;
    padding-left: 3.9vw;
  }
  .box-link .box-link-text span {
    font-size: 3.2vw;
  }
  .box-link-arrow {
    right: 3.38%;
  }
  .box-link-arrow img {
    width: 2.7vw;
  }
}
/*# sourceMappingURL=about.css.map */