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

/* line 13, ../sass/kagitani.scss */
.col-stroke-1 {
  position: relative;
  width: 637px;
  height: 568px;
}
/* line 18, ../sass/kagitani.scss */
.col-stroke-1 .start {
  position: absolute;
  top: -35px;
  left: -45px;
}
/* line 24, ../sass/kagitani.scss */
.col-stroke-1 .svg-stroke-1 {
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1000px;
}
/* line 28, ../sass/kagitani.scss */
.col-stroke-1 .text {
  position: absolute;
}
/* line 30, ../sass/kagitani.scss */
.col-stroke-1 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 34, ../sass/kagitani.scss */
.col-stroke-1 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 38, ../sass/kagitani.scss */
.col-stroke-1 .text.text-1 {
  top: 80px;
  left: 72px;
}
/* line 41, ../sass/kagitani.scss */
.col-stroke-1 .text.text-1 .fa {
  top: 10px;
  left: -60px;
}
/* line 45, ../sass/kagitani.scss */
.col-stroke-1 .text.text-1 hr {
  top: -3px;
  left: -55px;
  width: 0px;
  transition-delay: 0.3s;
}
/* line 51, ../sass/kagitani.scss */
.col-stroke-1 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.6s;
}
/* line 57, ../sass/kagitani.scss */
.col-stroke-1 .text.text-2 {
  top: 213px;
  left: -130px;
}
@media only screen and (min-width: 992px) {
  /* line 57, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-2 {
    top: 170px;
    left: -102px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 57, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-2 {
    top: 220px;
    left: -74px;
  }
}
/* line 68, ../sass/kagitani.scss */
.col-stroke-1 .text.text-2 .fa {
  top: 15px;
  right: -50px;
}
/* line 72, ../sass/kagitani.scss */
.col-stroke-1 .text.text-2 hr {
  top: 0px;
  right: -40px;
  width: 0px;
  transition-delay: 0.5s;
}
/* line 78, ../sass/kagitani.scss */
.col-stroke-1 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.8s;
}
/* line 85, ../sass/kagitani.scss */
.col-stroke-1 .text.text-3 {
  top: 300px;
  left: -40px;
}
@media only screen and (min-width: 992px) {
  /* line 85, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-3 {
    top: 277px;
    left: -78px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 85, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-3 {
    top: 300px;
    left: -40px;
  }
}
/* line 96, ../sass/kagitani.scss */
.col-stroke-1 .text.text-3 .fa {
  top: 34px;
  right: -90px;
}
/* line 100, ../sass/kagitani.scss */
.col-stroke-1 .text.text-3 hr {
  top: 20px;
  right: -80px;
  width: 0px;
  transition-delay: 0.8s;
}
/* line 106, ../sass/kagitani.scss */
.col-stroke-1 .text.text-3 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.1s;
}
/* line 112, ../sass/kagitani.scss */
.col-stroke-1 .text.text-4 {
  top: 227px;
  left: 177px;
}
@media only screen and (min-width: 992px) {
  /* line 112, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-4 {
    top: 213px;
    left: 175px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 112, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-4 {
    top: 227px;
    left: 220px;
  }
}
/* line 123, ../sass/kagitani.scss */
.col-stroke-1 .text.text-4 .fa {
  bottom: -80px;
  right: 38px;
}
/* line 127, ../sass/kagitani.scss */
.col-stroke-1 .text.text-4 .hr-v {
  position: absolute;
  bottom: -73px;
  right: 44px;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 1.0s;
}
/* line 136, ../sass/kagitani.scss */
.col-stroke-1 .text.text-4 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.3s;
}
/* line 142, ../sass/kagitani.scss */
.col-stroke-1 .text.text-5 {
  top: 280px;
  left: 380px;
}
@media only screen and (min-width: 992px) {
  /* line 142, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-5 {
    top: 266px;
    left: 314px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 142, ../sass/kagitani.scss */
  .col-stroke-1 .text.text-5 {
    top: 280px;
    left: 380px;
  }
}
/* line 153, ../sass/kagitani.scss */
.col-stroke-1 .text.text-5 .fa {
  bottom: -43px;
  right: 75px;
}
/* line 157, ../sass/kagitani.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 166, ../sass/kagitani.scss */
.col-stroke-1 .text.text-5 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.5s;
}
/* line 174, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-1 hr {
  width: 45px;
}
/* line 177, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 183, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-2 hr {
  width: 33px;
}
/* line 186, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 192, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-3 hr {
  width: 70px;
}
/* line 195, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-3 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 201, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-4 .hr-v {
  height: 77px;
}
/* line 204, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-4 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 210, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-5 .hr-v {
  height: 40px;
}
/* line 213, ../sass/kagitani.scss */
.col-stroke-1 .text.showing.text-5 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

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

/* line 230, ../sass/kagitani.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 230, ../sass/kagitani.scss */
  .col-stroke-2 {
    top: -10px;
    right: 200px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 230, ../sass/kagitani.scss */
  .col-stroke-2 {
    right: 300px;
    top: -50px;
  }
}
/* line 245, ../sass/kagitani.scss */
.col-stroke-2 .svg-stroke-2 {
  stroke-dasharray: 760px;
  stroke-dashoffset: 760px;
}
/* line 250, ../sass/kagitani.scss */
.col-stroke-2 .text {
  position: absolute;
}
/* line 252, ../sass/kagitani.scss */
.col-stroke-2 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 256, ../sass/kagitani.scss */
.col-stroke-2 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 260, ../sass/kagitani.scss */
.col-stroke-2 .text.text-1 {
  top: 92px;
  right: -167px;
}
/* line 263, ../sass/kagitani.scss */
.col-stroke-2 .text.text-1 .fa {
  top: 10px;
  left: -60px;
}
/* line 267, ../sass/kagitani.scss */
.col-stroke-2 .text.text-1 hr {
  top: -3px;
  left: -55px;
  width: 0px;
  transition-delay: 0.3s;
}
/* line 273, ../sass/kagitani.scss */
.col-stroke-2 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.6s;
}
/* line 279, ../sass/kagitani.scss */
.col-stroke-2 .text.text-4 {
  top: 150px;
  left: 225px;
}
@media only screen and (min-width: 992px) {
  /* line 279, ../sass/kagitani.scss */
  .col-stroke-2 .text.text-4 {
    top: 108px;
    left: 290px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 279, ../sass/kagitani.scss */
  .col-stroke-2 .text.text-4 {
    top: 135px;
    left: 225px;
  }
}
/* line 290, ../sass/kagitani.scss */
.col-stroke-2 .text.text-4 .fa {
  bottom: -78px;
  right: 69px;
}
/* line 294, ../sass/kagitani.scss */
.col-stroke-2 .text.text-4 .hr-v {
  position: absolute;
  bottom: -70px;
  right: 74px;
  width: 2px;
  height: 0px;
  border-left: 2px dashed #fff;
  transition-delay: 0.8s;
}
/* line 303, ../sass/kagitani.scss */
.col-stroke-2 .text.text-4 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.2s;
}
/* line 312, ../sass/kagitani.scss */
.col-stroke-2 .text.showing.text-1 hr {
  width: 45px;
}
/* line 315, ../sass/kagitani.scss */
.col-stroke-2 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 321, ../sass/kagitani.scss */
.col-stroke-2 .text.showing.text-4 .hr-v {
  height: 70px;
}
/* line 324, ../sass/kagitani.scss */
.col-stroke-2 .text.showing.text-4 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

/* line 333, ../sass/kagitani.scss */
.col-stroke-3 {
  position: absolute;
  z-index: -1;
  top: -30px;
  left: -20px;
  width: 590px;
  height: 430px;
}
/* line 340, ../sass/kagitani.scss */
.col-stroke-3 .svg-stroke-3 {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
}
/* line 344, ../sass/kagitani.scss */
.col-stroke-3 .text {
  position: absolute;
}
/* line 346, ../sass/kagitani.scss */
.col-stroke-3 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 350, ../sass/kagitani.scss */
.col-stroke-3 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 354, ../sass/kagitani.scss */
.col-stroke-3 .text.text-1 {
  top: 136px;
  left: 55px;
}
/* line 357, ../sass/kagitani.scss */
.col-stroke-3 .text.text-1 .fa {
  bottom: -78px;
  right: calc(50% - 5px);
}
/* line 361, ../sass/kagitani.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 370, ../sass/kagitani.scss */
.col-stroke-3 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.9s;
}
/* line 376, ../sass/kagitani.scss */
.col-stroke-3 .text.text-2 {
  top: 208px;
  left: 225px;
}
/* line 379, ../sass/kagitani.scss */
.col-stroke-3 .text.text-2 .fa {
  bottom: -78px;
  right: calc(50% - 5px);
}
/* line 383, ../sass/kagitani.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 392, ../sass/kagitani.scss */
.col-stroke-3 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.2s;
}
/* line 400, ../sass/kagitani.scss */
.col-stroke-3 .text.showing.text-1 .hr-v {
  height: 70px;
}
/* line 403, ../sass/kagitani.scss */
.col-stroke-3 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 409, ../sass/kagitani.scss */
.col-stroke-3 .text.showing.text-2 .hr-v {
  height: 70px;
}
/* line 412, ../sass/kagitani.scss */
.col-stroke-3 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

/* line 421, ../sass/kagitani.scss */
.col-stroke-4 {
  position: absolute;
  z-index: -1;
  top: -80px;
  right: 80px;
  width: 586px;
  height: 516px;
}
/* line 428, ../sass/kagitani.scss */
.col-stroke-4 .svg-stroke-4 {
  stroke-dasharray: 860px;
  stroke-dashoffset: 860px;
}
/* line 432, ../sass/kagitani.scss */
.col-stroke-4 .text {
  position: absolute;
}
/* line 434, ../sass/kagitani.scss */
.col-stroke-4 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 438, ../sass/kagitani.scss */
.col-stroke-4 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 442, ../sass/kagitani.scss */
.col-stroke-4 .text.text-1 {
  top: 198px;
  right: -127px;
}
/* line 445, ../sass/kagitani.scss */
.col-stroke-4 .text.text-1 .fa {
  top: 24px;
  left: -60px;
}
/* line 449, ../sass/kagitani.scss */
.col-stroke-4 .text.text-1 hr {
  top: 11px;
  left: -55px;
  width: 0px;
  transition-delay: 0.6s;
}
/* line 455, ../sass/kagitani.scss */
.col-stroke-4 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.9s;
}
/* line 461, ../sass/kagitani.scss */
.col-stroke-4 .text.text-2 {
  top: 222px;
  left: 225px;
}
@media only screen and (min-width: 992px) {
  /* line 461, ../sass/kagitani.scss */
  .col-stroke-4 .text.text-2 {
    top: 206px;
    left: 293px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 461, ../sass/kagitani.scss */
  .col-stroke-4 .text.text-2 {
    top: 228px;
    left: 225px;
  }
}
/* line 472, ../sass/kagitani.scss */
.col-stroke-4 .text.text-2 .fa {
  bottom: -78px;
  right: calc(50% - 5px);
}
/* line 476, ../sass/kagitani.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 485, ../sass/kagitani.scss */
.col-stroke-4 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.2s;
}
/* line 493, ../sass/kagitani.scss */
.col-stroke-4 .text.showing.text-1 hr {
  width: 45px;
}
/* line 496, ../sass/kagitani.scss */
.col-stroke-4 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 502, ../sass/kagitani.scss */
.col-stroke-4 .text.showing.text-2 .hr-v {
  height: 70px;
}
/* line 505, ../sass/kagitani.scss */
.col-stroke-4 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}

/* line 513, ../sass/kagitani.scss */
.col-stroke-5 {
  position: absolute;
  z-index: -1;
  top: -10px;
  right: -40px;
  width: 350px;
  height: 268px;
}
/* line 520, ../sass/kagitani.scss */
.col-stroke-5 .svg-stroke-5 {
  stroke-dasharray: 470px;
  stroke-dashoffset: 470px;
}
/* line 524, ../sass/kagitani.scss */
.col-stroke-5 .text {
  position: absolute;
}
/* line 526, ../sass/kagitani.scss */
.col-stroke-5 .text .fa {
  position: absolute;
  color: #1e4638;
}
/* line 530, ../sass/kagitani.scss */
.col-stroke-5 .text hr {
  position: absolute;
  border-top: 2px dashed #fff;
}
/* line 534, ../sass/kagitani.scss */
.col-stroke-5 .text.text-1 {
  top: 125px;
  left: 120px;
}
/* line 537, ../sass/kagitani.scss */
.col-stroke-5 .text.text-1 .fa {
  top: 24px;
  left: -60px;
}
/* line 541, ../sass/kagitani.scss */
.col-stroke-5 .text.text-1 hr {
  top: 11px;
  left: -55px;
  width: 0px;
  transition-delay: 0.8s;
}
/* line 547, ../sass/kagitani.scss */
.col-stroke-5 .text.text-1 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.1s;
}
/* line 553, ../sass/kagitani.scss */
.col-stroke-5 .text.text-2 {
  top: 40px;
  left: -139px;
}
/* line 556, ../sass/kagitani.scss */
.col-stroke-5 .text.text-2 .fa {
  top: 24px;
  right: -50px;
}
/* line 560, ../sass/kagitani.scss */
.col-stroke-5 .text.text-2 hr {
  top: 10px;
  right: -40px;
  width: 0px;
  transition-delay: 0.3s;
}
/* line 566, ../sass/kagitani.scss */
.col-stroke-5 .text.text-2 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 0.6s;
}
/* line 572, ../sass/kagitani.scss */
.col-stroke-5 .text.text-3 {
  top: 313px;
  left: 173px;
}
@media only screen and (min-width: 992px) {
  /* line 572, ../sass/kagitani.scss */
  .col-stroke-5 .text.text-3 {
    top: 317px;
    left: 173px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 572, ../sass/kagitani.scss */
  .col-stroke-5 .text.text-3 {
    top: 313px;
    left: 173px;
  }
}
/* line 583, ../sass/kagitani.scss */
.col-stroke-5 .text.text-3 .fa {
  top: -78px;
  right: calc(50% - 5px);
}
/* line 587, ../sass/kagitani.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 596, ../sass/kagitani.scss */
.col-stroke-5 .text.text-3 p {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition-delay: 1.8s;
}
/* line 604, ../sass/kagitani.scss */
.col-stroke-5 .text.showing.text-1 hr {
  width: 45px;
}
/* line 607, ../sass/kagitani.scss */
.col-stroke-5 .text.showing.text-1 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 613, ../sass/kagitani.scss */
.col-stroke-5 .text.showing.text-2 hr {
  width: 33px;
}
/* line 616, ../sass/kagitani.scss */
.col-stroke-5 .text.showing.text-2 p {
  opacity: 1.0;
  transform: scale(1, 1);
}
/* line 622, ../sass/kagitani.scss */
.col-stroke-5 .text.showing.text-3 .hr-v {
  height: 65px;
}
/* line 625, ../sass/kagitani.scss */
.col-stroke-5 .text.showing.text-3 p {
  opacity: 1.0;
  transform: scale(1, 1);
}