@charset "utf-8";

.lp_wrap .moreover .cause_area {
  display: flex;
  align-content: center;
  width: 200%;
}
.lp_wrap .moreover .cause_area .cause {
  width: 100%;
  position: relative;
}
.lp_wrap .moreover .cause_area .cause > picture {
  display: block;
  width: 95.168%;
  margin: auto;
}
.lp_wrap .moreover .cause_area .cause dl dt,
.lp_wrap .moreover .cause_area .cause dl dd {
  position: absolute;
  text-align: center;
}
.lp_wrap .moreover .cause_area .cause dl dt {
  font-size: 1.9vw;
  letter-spacing: 0.1em;
  color: #78787d;
}
.lp_wrap .moreover .cause_area .cause dl dd {
  font-size: 2.1vw;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.lp_wrap .moreover .cause_area .cause dl dt:nth-of-type(1) {
  top: 16%;
  left: 8.4%;
}
.lp_wrap .moreover .cause_area .cause dl dt:nth-of-type(2) {
  top: 78.7%;
  left: 41.5%;
}
.lp_wrap .moreover .cause_area .cause dl dt:nth-of-type(3) {
  top: 16%;
  left: 74.6%;
}
.lp_wrap .moreover .cause_area .cause dl dd:nth-of-type(1) {
  top: 79%;
  left: 11.7%;
  line-height: 1.333em;
}
.lp_wrap .moreover .cause_area .cause dl dd:nth-of-type(2) {
  top: 9.8%;
  left: 44.5%;
}
.lp_wrap .moreover .cause_area .cause dl dd:nth-of-type(3) {
  top: 79%;
  left: 77.5%;
  line-height: 1.333em;
}
.lp_wrap .moreover .cause_area .cause .load li {
  position: absolute;
  top: 36%;
  width: 9.23%;
}
.lp_wrap .moreover .cause_area .cause .load li:nth-child(1) {
  left: 12.5%;
}
.lp_wrap .moreover .cause_area .cause .load li:nth-child(2) {
  left: 45.384%;
}
.lp_wrap .moreover .cause_area .cause .load li:nth-child(3) {
  right: 12.5%;
}
.lp_wrap .moreover .cause_area .cause .load.trigger li {
  animation: 6s moreover_cause_li linear infinite;
}
@keyframes moreover_cause_li {
  to {
    transform: rotateZ(-360deg);
  }
}
.lp_wrap .moreover .cause_area .head2 {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp_wrap .moreover .cause_area .head2 > span {
  font-size: 3.7vw;
  letter-spacing: 0.1em;
  transition: 0.6s;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move > span {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .moreover .cause_area .head2 .head1 span {
  position: absolute;
  top: 38%;
  z-index: -1;
  font-size: 7.9vw;
  letter-spacing: 0.05em;
  color: #ebebf0;
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(1) {
  left: 26.1%;
  width: 5.929%;
  transition: 0.8s 0s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(2) {
  left: 33.5%;
  width: 4.904%;
  transition: 0.8s 0.2s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(3) {
  left: 39.9%;
  width: 4.978%;
  transition: 0.8s 0.4s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(4) {
  left: 46%;
  width: 4.319%;
  transition: 0.8s 0.6s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(5) {
  left: 51.4%;
  width: 4.831%;
  transition: 0.8s 0.8s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(6) {
  left: 56.8%;
  width: 5.27%;
  transition: 0.8s 1s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(7) {
  left: 62.9%;
  width: 4.319%;
  transition: 0.8s 1.2s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(8) {
  left: 68.6%;
  width: 4.978%;
  transition: 0.8s 1.4s cubic-bezier(0.86, 0.01, 1, 1);
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(1) {
  transform: translateY(440%) rotate(-45deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(2) {
  transform: translateY(440%) rotate(-25deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(3) {
  transform: translateY(440%) rotate(-70deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(4) {
  transform: translateY(440%) rotate(10deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(5) {
  transform: translateY(440%) rotate(80deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(6) {
  transform: translateY(440%) rotate(110deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(7) {
  transform: translateY(440%) rotate(-45deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move2 .head1 span:nth-child(8) {
  transform: translateY(440%) rotate(80deg);
  opacity: 0;
}
.lp_wrap .moreover .cause_area .head2.move .marker1 {
  position: absolute;
  top: 35%;
  left: 39.6%;
  width: 19.033%;
}
.lp_wrap .moreover .cause_area .head2 .marker1 svg mask path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 10px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 679 679;
  stroke-dashoffset: -679;
  transition: 0.8s;
}
.lp_wrap .moreover .cause_area .head2.move .marker1 svg mask path {
  stroke-dashoffset: 0;
}
.lp_wrap .moreover .cause2_area {
  margin: 5% auto;
}
.lp_wrap .moreover .cause2_area .cause2 {
  width: 89.604%;
  margin: auto;
  position: relative;
}
.lp_wrap .moreover .cause2_area .cause2.trigger {
  transition: 0.6s;
  transform: translateY(20px);
  opacity: 0;
}
.lp_wrap .moreover .cause2_area .cause2.trigger.move {
  transform: translateY(0px);
  opacity: 1;
}
.lp_wrap .moreover .cause2_area .cause2 .marker2 {
  position: absolute;
  top: 64.2%;
  left: 4%;
  width: 9.885%;
}
.lp_wrap .moreover .cause2_area .cause2 .marker3 {
  position: absolute;
  top: 64%;
  left: 42%;
  width: 14.297%;
}
.lp_wrap .moreover .cause2_area .cause2 .marker4 {
  position: absolute;
  top: 86%;
  left: 75.3%;
  width: 19.689%;
}
.lp_wrap .moreover .cause2_area .cause2 .marker svg mask path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 10px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dashoffset: 0;
}
.lp_wrap .moreover .cause2_area .cause2 .marker2 svg mask path {
  stroke-dasharray: 359 359;
}
.lp_wrap .moreover .cause2_area .cause2 .marker3 svg mask path {
  stroke-dasharray: 397 397;
}
.lp_wrap .moreover .cause2_area .cause2 .marker4 svg mask path {
  stroke-dasharray: 679 679;
}
.lp_wrap .moreover .cause2_area .cause2.trigger .marker2 svg mask path {
  transition: 0.8s 0.4s;
  stroke-dashoffset: 359;
}
.lp_wrap .moreover .cause2_area .cause2.trigger .marker3 svg mask path {
  transition: 0.8s 0.8s;
  stroke-dashoffset: -397;
}
.lp_wrap .moreover .cause2_area .cause2.trigger .marker4 svg mask path {
  transition: 0.8s 1.2s;
  stroke-dashoffset: 679;
}
.lp_wrap .moreover .cause2_area .cause2.trigger.move .marker svg mask path {
  stroke-dashoffset: 0;
}
.lp_wrap .moreover .cause2_area .cause2 dl dt {
  position: absolute;
  top: 7.5%;
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.lp_wrap .moreover .cause2_area .cause2 dl dt:nth-of-type(1) {
  left: 5.5%;
}
.lp_wrap .moreover .cause2_area .cause2 dl dt:nth-of-type(2) {
  left: 40.7%;
}
.lp_wrap .moreover .cause2_area .cause2 dl dt:nth-of-type(3) {
  left: 76.2%;
}
.lp_wrap .moreover .cause2_area .cause2 dl dd {
  position: absolute;
  top: 66.5%;
  width: 22.875%;
  text-align: center;
  font-size: 2vw;
  letter-spacing: 0.05em;
  line-height: 2.074em;
}
.lp_wrap .moreover .cause2_area .cause2 dl dd:nth-of-type(1) {
  left: 3.2%;
}
.lp_wrap .moreover .cause2_area .cause2 dl dd:nth-of-type(2) {
  left: 38.5%;
}
.lp_wrap .moreover .cause2_area .cause2 dl dd:nth-of-type(3) {
  left: 73.8%;
}
@media all and (max-width: 750px) {
  .lp_wrap .moreover {
    margin-top: 15%;
  }
  .lp_wrap .moreover .cause_area .cause > picture {
    width: 93.333%;
  }
  .lp_wrap .moreover .cause_area .cause dl dt {
    font-size: 3.2vw;
  }
  .lp_wrap .moreover .cause_area .cause dl dd {
    font-size: 3.6vw;
  }
  .lp_wrap .moreover .cause_area .cause dl dt:nth-of-type(1) {
    top: 2.3%;
    left: 14.4%;
  }
  .lp_wrap .moreover .cause_area .cause dl dt:nth-of-type(2) {
    top: 69.5%;
    left: 54.6%;
  }
  .lp_wrap .moreover .cause_area .cause dl dt:nth-of-type(3) {
    top: 61.5%;
    left: 18.5%;
  }
  .lp_wrap .moreover .cause_area .cause dl dd:nth-of-type(1) {
    top: 31.3%;
    left: 20.9%;
  }
  .lp_wrap .moreover .cause_area .cause dl dd:nth-of-type(2) {
    top: 37.8%;
    left: 60.4%;
  }
  .lp_wrap .moreover .cause_area .cause dl dd:nth-of-type(3) {
    top: 90.6%;
    left: 24.7%;
  }
  .lp_wrap .moreover .cause_area .cause .load li {
    width: 17.142%;
  }
  .lp_wrap .moreover .cause_area .cause .load li:nth-child(1) {
    top: 12%;
    left: 21.5%;
  }
  .lp_wrap .moreover .cause_area .cause .load li:nth-child(2) {
    top: 50%;
    left: 61.3%;
  }
  .lp_wrap .moreover .cause_area .cause .load li:nth-child(3) {
    top: 72%;
    right: 57.5%;
  }
  .lp_wrap .moreover .cause_area .head2 > span {
    font-size: 6.4vw;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span {
    position: absolute;
    top: 44.3%;
    font-size: 14.4vw;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(1) {
    left: 4.1%;
    width: 10.8%;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(2) {
    left: 17.5%;
    width: 8.933%;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(3) {
    left: 29.3%;
    width: 9.067%;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(4) {
    left: 41%;
    width: 7.867%;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(5) {
    left: 52%;
    width: 8.8%;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(6) {
    left: 63.1%;
    width: 9.6%;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(7) {
    left: 75.9%;
    width: 7.867%;
  }
  .lp_wrap .moreover .cause_area .head2 .head1 span:nth-child(8) {
    left: 87.1%;
    width: 9.067%;
  }
  .lp_wrap .moreover .cause_area .head2.move .marker1 {
    top: 43%;
    left: 30.6%;
    width: 34.667%;
  }
  .lp_wrap .moreover .cause2_area {
    margin: -35% auto 20%;
  }
  .lp_wrap .moreover .cause2_area .cause2 {
    width: 84%;
  }
  .lp_wrap .moreover .cause2_area .cause2 .marker2 {
    top: 12.8%;
    left: 4%;
    width: 19.206%;
  }
  .lp_wrap .moreover .cause2_area .cause2 .marker3 {
    top: 47.5%;
    left: 5.3%;
    width: 27.778%;
  }
  .lp_wrap .moreover .cause2_area .cause2 .marker4 {
    top: 93.4%;
    left: 8.3%;
    width: 38.253%;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dt {
    font-size: 2.4vw;
    left: 14.5% !important;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dt:nth-of-type(1) {
    top: 6%;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dt:nth-of-type(2) {
    top: 40.6%;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dt:nth-of-type(3) {
    top: 75%;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dd {
    width: auto;
    text-align: left;
    left: 9.4% !important;
    font-size: 3.6vw;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dd:nth-of-type(1) {
    top: 14.1%;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dd:nth-of-type(2) {
    top: 48.8%;
  }
  .lp_wrap .moreover .cause2_area .cause2 dl dd:nth-of-type(3) {
    top: 83.6%;
  }
}