/* line 2, ../sass/kashine.scss */
.text hr {
  transition: width 0.5s;
}
/* line 5, ../sass/kashine.scss */
.text .hr-v {
  transition: height 0.5s;
}
/* line 8, ../sass/kashine.scss */
.text p {
  transition-property: opacity transform;
  transition-duration: 0.3s;
}

/* line 13, ../sass/kashine.scss */
.col-stroke-1 {
  position: relative;
  width: 637px;
  height: 568px;
}
/* line 18, ../sass/kashine.scss */
.col-stroke-1 .start {
  position: absolute;
  top: -35px;
  left: -45px;
}
/* line 24, ../sass/kashine.scss */
.col-stroke-1 .svg-stroke-1 {
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1000px;
}
/* line 28, ../sass/kashine.scss */
.col-stroke-1 .text {
  position: absolute;
}
/* line 30, ../sass/kashine.scss */
.col-stroke-1 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 34, ../sass/kashine.scss */
.col-stroke-1 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 38, ../sass/kashine.scss */
.col-stroke-1 .text.text-1 {
  top: 80px;
  left: 72px;
}
/* line 41, ../sass/kashine.scss */
.col-stroke-1 .text.text-1 .fa {
  top: 10px;
  left: -60px;
}
/* line 45, ../sass/kashine.scss */
.col-stroke-1 .text.text-1 hr {
  top: -3px;
  left: -55px;
  width: 0px;
  transition-delay: 0.3s;
}
/* line 51, ../sass/kashine.scss */
.col-stroke-1 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.6s;
}
/* line 57, ../sass/kashine.scss */
.col-stroke-1 .text.text-2 {
  top: 213px;
  left: -130px;
}
@media only screen and (min-width: 992px) {
  /* line 57, ../sass/kashine.scss */
  .col-stroke-1 .text.text-2 {
    top: 170px;
    left: -95px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 57, ../sass/kashine.scss */
  .col-stroke-1 .text.text-2 {
    top: 213px;
    left: -75px;
  }
}
/* line 68, ../sass/kashine.scss */
.col-stroke-1 .text.text-2 .fa {
  top: 24px;
  right: -50px;
}
/* line 72, ../sass/kashine.scss */
.col-stroke-1 .text.text-2 hr {
  top: 10px;
  right: -40px;
  width: 0px;
  transition-delay: 0.5s;
}
/* line 78, ../sass/kashine.scss */
.col-stroke-1 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.8s;
}
/* line 85, ../sass/kashine.scss */
.col-stroke-1 .text.text-3 {
  top: 300px;
  left: -40px;
}
@media only screen and (min-width: 992px) {
  /* line 85, ../sass/kashine.scss */
  .col-stroke-1 .text.text-3 {
    top: 277px;
    left: -107px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 85, ../sass/kashine.scss */
  .col-stroke-1 .text.text-3 {
    top: 320px;
    left: -40px;
  }
}
/* line 96, ../sass/kashine.scss */
.col-stroke-1 .text.text-3 .fa {
  top: 14px;
  right: -90px;
}
/* line 100, ../sass/kashine.scss */
.col-stroke-1 .text.text-3 hr {
  top: 0px;
  right: -80px;
  width: 0px;
  transition-delay: 0.8s;
}
/* line 106, ../sass/kashine.scss */
.col-stroke-1 .text.text-3 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.1s;
}
/* line 112, ../sass/kashine.scss */
.col-stroke-1 .text.text-4 {
  top: 227px;
  left: 177px;
  width: 200px;
}
@media only screen and (min-width: 992px) {
  /* line 112, ../sass/kashine.scss */
  .col-stroke-1 .text.text-4 {
    top: 213px;
    left: 128px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 112, ../sass/kashine.scss */
  .col-stroke-1 .text.text-4 {
    top: 227px;
    left: 177px;
  }
}
/* line 124, ../sass/kashine.scss */
.col-stroke-1 .text.text-4 .fa {
  bottom: -83px;
  right: 100px;
}
/* line 128, ../sass/kashine.scss */
.col-stroke-1 .text.text-4 .hr-v {
  position: absolute;
  bottom: -73px;
  right: 104px;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 1.0s;
}
/* line 137, ../sass/kashine.scss */
.col-stroke-1 .text.text-4 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.3s;
}
/* line 143, ../sass/kashine.scss */
.col-stroke-1 .text.text-5 {
  top: 280px;
  left: 380px;
  width: 160px;
}
@media only screen and (min-width: 992px) {
  /* line 143, ../sass/kashine.scss */
  .col-stroke-1 .text.text-5 {
    top: 266px;
    left: 314px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 143, ../sass/kashine.scss */
  .col-stroke-1 .text.text-5 {
    top: 285px;
    left: 395px;
  }
}
/* line 155, ../sass/kashine.scss */
.col-stroke-1 .text.text-5 .fa {
  bottom: -43px;
  right: 75px;
}
/* line 159, ../sass/kashine.scss */
.col-stroke-1 .text.text-5 .hr-v {
  position: absolute;
  bottom: -34px;
  right: 80px;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 1.2s;
}
/* line 168, ../sass/kashine.scss */
.col-stroke-1 .text.text-5 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.5s;
}
/* line 176, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-1 hr {
  width: 45px;
}
/* line 179, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 185, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-2 hr {
  width: 33px;
}
/* line 188, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 194, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-3 hr {
  width: 70px;
}
/* line 197, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-3 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 203, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-4 .hr-v {
  height: 77px;
}
/* line 206, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-4 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 212, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-5 .hr-v {
  height: 40px;
}
/* line 215, ../sass/kashine.scss */
.col-stroke-1 .text.showing.text-5 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

/* line 225, ../sass/kashine.scss */
.stroke-effect {
  transition: stroke-dashoffset 3s;
}
/* line 227, ../sass/kashine.scss */
.stroke-effect.showing {
  stroke-dashoffset: 0px !important;
}

/* line 232, ../sass/kashine.scss */
.col-stroke-2 {
  position: absolute;
  z-index: -1;
  top: -50px;
  right: 300px;
  width: 567px;
  height: 460px;
}
@media only screen and (min-width: 992px) {
  /* line 232, ../sass/kashine.scss */
  .col-stroke-2 {
    top: -10px;
    right: 200px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 232, ../sass/kashine.scss */
  .col-stroke-2 {
    right: 300px;
    top: -50px;
  }
}
/* line 247, ../sass/kashine.scss */
.col-stroke-2 .svg-stroke-2 {
  stroke-dasharray: 760px;
  stroke-dashoffset: 760px;
}
/* line 252, ../sass/kashine.scss */
.col-stroke-2 .text {
  position: absolute;
}
/* line 254, ../sass/kashine.scss */
.col-stroke-2 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 258, ../sass/kashine.scss */
.col-stroke-2 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 262, ../sass/kashine.scss */
.col-stroke-2 .text.text-1 {
  top: 92px;
  right: -154px;
}
/* line 265, ../sass/kashine.scss */
.col-stroke-2 .text.text-1 .fa {
  top: 10px;
  left: -60px;
}
/* line 269, ../sass/kashine.scss */
.col-stroke-2 .text.text-1 hr {
  top: -3px;
  left: -55px;
  width: 0px;
  transition-delay: 0.3s;
}
/* line 275, ../sass/kashine.scss */
.col-stroke-2 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.6s;
}
/* line 281, ../sass/kashine.scss */
.col-stroke-2 .text.text-4 {
  top: 150px;
  left: 225px;
  width: 170px;
}
@media only screen and (min-width: 992px) {
  /* line 281, ../sass/kashine.scss */
  .col-stroke-2 .text.text-4 {
    top: 122px;
    left: 290px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 281, ../sass/kashine.scss */
  .col-stroke-2 .text.text-4 {
    top: 150px;
    left: 225px;
  }
}
/* line 293, ../sass/kashine.scss */
.col-stroke-2 .text.text-4 .fa {
  bottom: -78px;
  right: 83px;
}
/* line 297, ../sass/kashine.scss */
.col-stroke-2 .text.text-4 .hr-v {
  position: absolute;
  bottom: -70px;
  right: 88px;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 0.8s;
}
/* line 306, ../sass/kashine.scss */
.col-stroke-2 .text.text-4 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.2s;
}
/* line 315, ../sass/kashine.scss */
.col-stroke-2 .text.showing.text-1 hr {
  width: 45px;
}
/* line 318, ../sass/kashine.scss */
.col-stroke-2 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 324, ../sass/kashine.scss */
.col-stroke-2 .text.showing.text-4 .hr-v {
  height: 70px;
}
/* line 327, ../sass/kashine.scss */
.col-stroke-2 .text.showing.text-4 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

/* line 336, ../sass/kashine.scss */
.col-stroke-3 {
  position: absolute;
  z-index: -1;
  top: -30px;
  left: -20px;
  width: 590px;
  height: 430px;
}
/* line 343, ../sass/kashine.scss */
.col-stroke-3 .svg-stroke-3 {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
}
/* line 347, ../sass/kashine.scss */
.col-stroke-3 .text {
  position: absolute;
}
/* line 349, ../sass/kashine.scss */
.col-stroke-3 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 353, ../sass/kashine.scss */
.col-stroke-3 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 357, ../sass/kashine.scss */
.col-stroke-3 .text.text-1 {
  top: 136px;
  left: 55px;
}
/* line 360, ../sass/kashine.scss */
.col-stroke-3 .text.text-1 .fa {
  bottom: -78px;
  right: calc(50% - 5px);
}
/* line 364, ../sass/kashine.scss */
.col-stroke-3 .text.text-1 .hr-v {
  position: absolute;
  bottom: -70px;
  right: 50%;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 0.6s;
}
/* line 373, ../sass/kashine.scss */
.col-stroke-3 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.9s;
}
/* line 379, ../sass/kashine.scss */
.col-stroke-3 .text.text-2 {
  top: 208px;
  left: 225px;
}
/* line 382, ../sass/kashine.scss */
.col-stroke-3 .text.text-2 .fa {
  bottom: -78px;
  right: calc(50% - 5px);
}
/* line 386, ../sass/kashine.scss */
.col-stroke-3 .text.text-2 .hr-v {
  position: absolute;
  bottom: -70px;
  right: 50%;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 0.9s;
}
/* line 395, ../sass/kashine.scss */
.col-stroke-3 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.2s;
}
/* line 403, ../sass/kashine.scss */
.col-stroke-3 .text.showing.text-1 .hr-v {
  height: 70px;
}
/* line 406, ../sass/kashine.scss */
.col-stroke-3 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 412, ../sass/kashine.scss */
.col-stroke-3 .text.showing.text-2 .hr-v {
  height: 70px;
}
/* line 415, ../sass/kashine.scss */
.col-stroke-3 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

/* line 424, ../sass/kashine.scss */
.col-stroke-4 {
  position: absolute;
  z-index: -1;
  top: -80px;
  right: 80px;
  width: 586px;
  height: 516px;
}
/* line 431, ../sass/kashine.scss */
.col-stroke-4 .svg-stroke-4 {
  stroke-dasharray: 860px;
  stroke-dashoffset: 860px;
}
/* line 435, ../sass/kashine.scss */
.col-stroke-4 .text {
  position: absolute;
}
/* line 437, ../sass/kashine.scss */
.col-stroke-4 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 441, ../sass/kashine.scss */
.col-stroke-4 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 445, ../sass/kashine.scss */
.col-stroke-4 .text.text-1 {
  top: 198px;
  right: -154px;
}
/* line 448, ../sass/kashine.scss */
.col-stroke-4 .text.text-1 .fa {
  top: 24px;
  left: -60px;
}
/* line 452, ../sass/kashine.scss */
.col-stroke-4 .text.text-1 hr {
  top: 11px;
  left: -55px;
  width: 0px;
  transition-delay: 0.6s;
}
/* line 458, ../sass/kashine.scss */
.col-stroke-4 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.9s;
}
/* line 464, ../sass/kashine.scss */
.col-stroke-4 .text.text-2 {
  top: 222px;
  left: 225px;
}
@media only screen and (min-width: 992px) {
  /* line 464, ../sass/kashine.scss */
  .col-stroke-4 .text.text-2 {
    top: 200px;
    left: 293px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 464, ../sass/kashine.scss */
  .col-stroke-4 .text.text-2 {
    top: 222px;
    left: 225px;
  }
}
/* line 475, ../sass/kashine.scss */
.col-stroke-4 .text.text-2 .fa {
  bottom: -78px;
  right: calc(50% - 5px);
}
/* line 479, ../sass/kashine.scss */
.col-stroke-4 .text.text-2 .hr-v {
  position: absolute;
  bottom: -70px;
  right: 50%;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 0.9s;
}
/* line 488, ../sass/kashine.scss */
.col-stroke-4 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.2s;
}
/* line 496, ../sass/kashine.scss */
.col-stroke-4 .text.showing.text-1 hr {
  width: 45px;
}
/* line 499, ../sass/kashine.scss */
.col-stroke-4 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 505, ../sass/kashine.scss */
.col-stroke-4 .text.showing.text-2 .hr-v {
  height: 70px;
}
/* line 508, ../sass/kashine.scss */
.col-stroke-4 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

/* line 516, ../sass/kashine.scss */
.col-stroke-5 {
  position: absolute;
  z-index: -1;
  top: -10px;
  right: -40px;
  width: 350px;
  height: 268px;
}
/* line 523, ../sass/kashine.scss */
.col-stroke-5 .svg-stroke-5 {
  stroke-dasharray: 470px;
  stroke-dashoffset: 470px;
}
/* line 527, ../sass/kashine.scss */
.col-stroke-5 .text {
  position: absolute;
}
/* line 529, ../sass/kashine.scss */
.col-stroke-5 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 533, ../sass/kashine.scss */
.col-stroke-5 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 537, ../sass/kashine.scss */
.col-stroke-5 .text.text-1 {
  top: 110px;
  left: 108px;
}
/* line 540, ../sass/kashine.scss */
.col-stroke-5 .text.text-1 .fa {
  top: 24px;
  left: -60px;
}
/* line 544, ../sass/kashine.scss */
.col-stroke-5 .text.text-1 hr {
  top: 11px;
  left: -55px;
  width: 0px;
  transition-delay: 0.8s;
}
/* line 550, ../sass/kashine.scss */
.col-stroke-5 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.1s;
}
/* line 556, ../sass/kashine.scss */
.col-stroke-5 .text.text-2 {
  top: 40px;
  left: -138px;
}
/* line 559, ../sass/kashine.scss */
.col-stroke-5 .text.text-2 .fa {
  top: 24px;
  right: -50px;
}
/* line 563, ../sass/kashine.scss */
.col-stroke-5 .text.text-2 hr {
  top: 10px;
  right: -40px;
  width: 0px;
  transition-delay: 0.3s;
}
/* line 569, ../sass/kashine.scss */
.col-stroke-5 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.6s;
}
/* line 575, ../sass/kashine.scss */
.col-stroke-5 .text.text-3 {
  top: 313px;
  left: 127px;
}
/* line 578, ../sass/kashine.scss */
.col-stroke-5 .text.text-3 .fa {
  top: -78px;
  right: calc(50% - 5px);
}
/* line 582, ../sass/kashine.scss */
.col-stroke-5 .text.text-3 .hr-v {
  position: absolute;
  top: -70px;
  right: 50%;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 1.5s;
}
/* line 591, ../sass/kashine.scss */
.col-stroke-5 .text.text-3 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.8s;
}
/* line 599, ../sass/kashine.scss */
.col-stroke-5 .text.showing.text-1 hr {
  width: 45px;
}
/* line 602, ../sass/kashine.scss */
.col-stroke-5 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 608, ../sass/kashine.scss */
.col-stroke-5 .text.showing.text-2 hr {
  width: 33px;
}
/* line 611, ../sass/kashine.scss */
.col-stroke-5 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 617, ../sass/kashine.scss */
.col-stroke-5 .text.showing.text-3 .hr-v {
  height: 65px;
}
/* line 620, ../sass/kashine.scss */
.col-stroke-5 .text.showing.text-3 p {
  opacity: 1.0;
  transform: scale(1, 1);
}