
html,
body,
.lp_wrap * {
  margin: 0;
  padding: 0;
  outline: none;
}
.lp_wrap * {
  font-size: 10px;
  font-weight: normal;
  line-height: 1em;
}
.lp_wrap {
  max-width: 750px;
  margin: auto;
}
.lp_wrap ul,
.lp_wrap ol,
.lp_wrap dl {
  list-style: none;
}
.lp_wrap img,
.lp_wrap video {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
  line-height: 1.0em;
}
.lp_wrap section {
  position: relative;
}
.lp_wrap .slider {
  display: none;
}
.lp_wrap .slider.slick-initialized {
  display: block;
}
.lp_wrap .slider .slick-arrow {
  cursor: pointer;
}
.lp_wrap .slider .slick-list {
  cursor: grab;
}
.lp_wrap .slider .slick-list:active {
  cursor: grabbing;
}
.lp_wrap .slider .slick-dots li * {
  display: none;
}
.lp_wrap .sticky {
  position: sticky;
  top: 0;
}
/* FV2 */
.lp_wrap .fv2 {
  overflow: hidden;
}
.lp_wrap .fv2 .fv2_m {
  position: absolute;
  top: 35%;
  left: 0%;
  width: 100%;
  transition: 1s 2s;
  clip-path: inset(0%);
}
.lp_wrap .fv2.fv_trigger.move .fv2_m {
  clip-path: inset(50% 0% 50%);
}
.lp_wrap .fv2.fv_trigger .fv2_2 {
  position: absolute;
  top: 0%;
  width: 100%;
  transition: 2s 3s;
  clip-path: inset(55% 0% 45% 0%);
}
.lp_wrap .fv2.fv_trigger.move .fv2_2 {
  clip-path: inset(0% 0% 0% 0%);
}
.lp_wrap .fv2.fv_trigger ul li {
  position: absolute;
  opacity: 0;
}
.lp_wrap .fv2 ul li:nth-of-type(1) {
  top: 9%;
  left: 20%;
  width: 9.8%;
  transition: 0.8s 4.6s;
}
.lp_wrap .fv2 ul li:nth-of-type(2) {
  top: 16%;
  left: 20%;
  width: 9.8%;
  transition: 0.8s 4.9s;
}
.lp_wrap .fv2 ul li:nth-of-type(3) {
  top: 23.3%;
  left: 20%;
  width: 9.8%;
  transition: 0.8s 4.1s;
}
.lp_wrap .fv2 ul li:nth-of-type(4) {
  top: 30.5%;
  left: 21.5%;
  width: 7.8%;
  transition: 0.8s 4.7s;
}
.lp_wrap .fv2 ul li:nth-of-type(5) {
  top: 36.5%;
  left: 21.5%;
  width: 7.8%;
  transition: 0.8s 4.3s;
}
.lp_wrap .fv2 ul li:nth-of-type(6) {
  top: 42%;
  left: 27%;
  width: 2.4%;
  transition: 0.8s 4.4s;
}
.lp_wrap .fv2 ul li:nth-of-type(7) {
  top: 15%;
  left: 8.3%;
  width: 7.0%;
  transition: 0.8s 4.5s;
}
.lp_wrap .fv2 ul li:nth-of-type(8) {
  top: 23%;
  left: 7.8%;
  width: 7.5%;
  transition: 0.8s 5.0s;
}
.lp_wrap .fv2 ul li:nth-of-type(9) {
  top: 28.3%;
  left: 8.3%;
  width: 7.2%;
  transition: 0.8s 4.2s;
}
.lp_wrap .fv2 ul li:nth-of-type(10) {
  top: 33.4%;
  left: 8.3%;
  width: 7.8%;
  transition: 0.8s 5.1s;
}
.lp_wrap .fv2 ul li:nth-of-type(11) {
  top: 39%;
  left: 8.6%;
  width: 7.2%;
  transition: 0.8s 4.8s;
}
.lp_wrap .fv2 ul li:nth-of-type(12) {
  top: 44.5%;
  left: 8.6%;
  width: 7.8%;
  transition: 0.8s 5.2s;
}
.lp_wrap .fv2 ul li:nth-of-type(13) {
  top: 50.5%;
  left: 8.6%;
  width: 7.5%;
  transition: 0.8s 5.5s;
}
.lp_wrap .fv2.fv_trigger.move ul li,
.lp_wrap .fv2.fv_trigger.move ul li ~ li {
  opacity: 1;
}
.lp_wrap .fv2.fv_trigger .fv2_icon {
  position: absolute;
  top: 66%;
  left: 60%;
  width: 35.066%;
  transition: 1s 5s;
  transform: translateX(150%);
  overflow: hidden;
}
.lp_wrap .fv2.fv_trigger.move .fv2_icon {
  transform: translateX(0);
}
.lp_wrap .fv2.fv_trigger .fv2_g {
  position: absolute;
  top: 45%;
  left: -2%;
  width: 48%;
  transition: 1s 5s;
  transform: translateX(-150%);
  overflow: hidden;
}
.lp_wrap .fv2.fv_trigger.move .fv2_g {
  transform: translateX(0);
}
	
	.approach2_2{
		position: relative;
	}
	.approach_g_2{
		position: absolute;
		top: 51%;
        left: 35%;
        width: 34.4%;
	}

/* FV3 */
.lp_wrap .fv3 {
  overflow: hidden;
}

.lp_wrap .fv3 .fv3_m {
  position: absolute;
  top: 35%;
  left: 0%;
  width: 100%;
  transition: 1s 2s;
  clip-path: inset(0%);
}

.lp_wrap .fv3.fv_trigger.move .fv3_m {
  clip-path: inset(50% 0% 50%);
}
.lp_wrap .fv3.fv_trigger .fv3_2 {
  position: absolute;
  top: 0%;
  width: 100%;
  transition: 2s 3s;
  clip-path: inset(55% 0% 45% 0%);
}
.lp_wrap .fv3.fv_trigger.move .fv3_2 {
  clip-path: inset(0% 0% 0% 0%);
}
.lp_wrap .fv3.fv_trigger ul li {
  position: absolute;
  opacity: 0;
}

.lp_wrap .fv3 ul li:nth-of-type(1) {
  top: 20%;
  left: 20%;
  width: 9.8%;
  transition: 0.8s 4.6s;
}
.lp_wrap .fv3 ul li:nth-of-type(2) {
  top: 27%;
  left: 20%;
  width: 9.8%;
  transition: 0.8s 4.9s;
}
.lp_wrap .fv3 ul li:nth-of-type(3) {
  top: 34.3%;
  left: 20%;
  width: 9.8%;
  transition: 0.8s 4.1s;
}
.lp_wrap .fv3 ul li:nth-of-type(4) {
  top: 41.5%;
  left: 21.5%;
  width: 7.8%;
  transition: 0.8s 4.7s;
}
.lp_wrap .fv3 ul li:nth-of-type(5) {
  top: 47.5%;
  left: 21.5%;
  width: 7.8%;
  transition: 0.8s 4.3s;
}
.lp_wrap .fv3 ul li:nth-of-type(6) {
  top: 53%;
  left: 27%;
  width: 2.4%;
  transition: 0.8s 4.4s;
}
.lp_wrap .fv3 ul li:nth-of-type(7) {
  top: 26%;
  left: 8.3%;
  width: 7.0%;
  transition: 0.8s 4.5s;
}
.lp_wrap .fv3 ul li:nth-of-type(8) {
  top: 34%;
  left: 7.8%;
  width: 7.5%;
  transition: 0.8s 5.0s;
}
.lp_wrap .fv3 ul li:nth-of-type(9) {
  top: 39.3%;
  left: 8.3%;
  width: 7.2%;
  transition: 0.8s 4.2s;
}
.lp_wrap .fv3 ul li:nth-of-type(10) {
  top: 44.4%;
  left: 8.3%;
  width: 7.8%;
  transition: 0.8s 5.1s;
}
.lp_wrap .fv3 ul li:nth-of-type(11) {
  top: 50%;
  left: 8.6%;
  width: 7.2%;
  transition: 0.8s 4.8s;
}
.lp_wrap .fv3 ul li:nth-of-type(12) {
  top: 55.5%;
  left: 8.6%;
  width: 7.8%;
  transition: 0.8s 5.2s;
}
.lp_wrap .fv3 ul li:nth-of-type(13) {
  top: 61.5%;
  left: 8.6%;
  width: 7.5%;
  transition: 0.8s 5.5s;
}
.lp_wrap .fv3.fv_trigger.move ul li,
.lp_wrap .fv3.fv_trigger.move ul li ~ li {
  opacity: 1;
}
.lp_wrap .fv3.fv_trigger .fv3_icon {
  position: absolute;
  top: 73%;
  left: 60%;
  width: 35.066%;
  transition: 1s 5s;
  transform: translateX(150%);
  overflow: hidden;
}
.lp_wrap .fv3.fv_trigger.move .fv3_icon {
  transform: translateX(0);
}
.lp_wrap .fv3.fv_trigger .fv3_g {
  position: absolute;
  top: 56%;
  left: -2%;
  width: 48%;
  transition: 1s 5s;
  transform: translateX(-150%);
  overflow: hidden;
}
.lp_wrap .fv3.fv_trigger.move .fv3_g {
  transform: translateX(0);
}
    .lp_wrap .fv3 {
  overflow: hidden;
  height: 1480px;
}

@media screen and (max-width: 480px) {
    .lp_wrap .fv3 {
        height: 198vw;
    }
}