@charset "utf-8";
/* CSS Document */
/*-----------------------------
 reset
-------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,
img, small, strong, sub, sup,b, i,dl, dt, dd, ol, ul, li,
 form, label,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;	padding:0;border:0;outline:0;font-size:100%;
background:transparent;line-height:1.7;
}
th{font-style:normal;font-weight:normal;}
ul li{list-style:none; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;}

body {line-height:1;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium", "Yu Gothic Medium", YuGothic,"ＭＳ Ｐゴシック",Helvetica,Sans-Serif;}
nav ul {list-style:none;}
table {	border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, footer, header,hgroup, nav, section { display:block; }
img{width:100%;display: block;}
/*-----------------------------
 common
-------------------------------*/
.lp_wrap{width: 100%;max-width: 750px;margin: 0 auto;background:#fff;overflow: hidden;}
.lp_wrap img{width: 100%;height: auto;}
.lp_wrap video{display: block;}
.overlaid{position: relative;}
.abs{position: absolute;}

/*-----------------------------
 uriba
-------------------------------*/
.uriba_btn{width: 87%;bottom: 5%;right: 0;left: 0;margin: 0 auto;}
/*-----------------------------
 accordion
-------------------------------*/
/*固定バナー*/
#banner{position: fixed;bottom: 0;left: 0;right: 0;max-width: 640px;margin: 0 auto;z-index: 10;}
@media screen and (max-width: 480px) {#banner1{position: fixed;bottom: 0;left: 72%;right: 0;width: 29%;margin: 0 auto;z-index: 10;}}
@media screen and (min-width: 481px) {#banner1{position: fixed;bottom: 0;left: 50%;right: 0;width: 10%;margin: 0 auto;z-index: 10;}}
@keyframes fluffyY {0% { transform:translateY(7px); }50% { transform:translateY(-7px); }100% { transform:translateY(7px); }}
.payway{background-color: #f5f5f5;padding:10px 15px;border-left: 10px solid #a9a9a9;margin:5px;}
.paycomp{margin:5px;line-height: 180%;}
.payimg{margin:auto;max-width:300px;}
.gaiyo{padding: 3px;} 
.gaiyo ul{padding: 0px;margin: 0px;} 
.gaiyo ul li {display:inline-block;margin-right: 1em;} 
.gaiyo ul li a {text-decoration: none;} 
.gaiyo ul li a:hover{border-bottom: dotted 1px #fff;}
.footer {background-color: #534842;color: #FFF;text-align: center;padding: 10px 0px;}

.middlefv{width:70%;bottom:80%;left:0;}
.howtouse2{width:92%;bottom:54.15%;left:0;right:0;margin:auto;}
.harigif2{width:86%;bottom:17.3%;left:0;right:0;margin:auto;}
.cm{width:95%;bottom:13%;left:0;right:0;margin:auto;}
.cm2{width:52%;bottom:30%;left:0;right:0;margin:auto;}
.loop{position:absolute;}
.loop_a{bottom:58%;width: 85%;left: 0;right: 0;margin: auto;}
.loop_b{bottom:45%;width: 85%;left: 0;right: 0;margin: auto;}
.loop_c{bottom:32%;width: 85%;left: 0;right: 0;margin: auto;}
.menu_bar01{display: block;margin: 30px 0px 10px 0px;font-size: 22px;text-align: center;background: #696969;padding: 10px 0px;color: #FFF;cursor: pointer;font-weight: bold;}
.acc__q{
position: relative;
cursor: pointer;
}
.active{
border-radius: 0;
overflow: hidden;
}
.acc__a{
display: none;
}
.acc__q::before{
content: '';
position: absolute;
width: 2.6%;
height: 1px;
border-bottom: solid 2px #808080;
margin: auto;
top: 0%;
bottom: 0;
right: 10.8%;
transform: rotate(0deg);
transition: all .4s;
z-index: 5;
}
.active::before{
transform: rotate(360deg);
transition: all .4s;
}
.acc__q::after{
content: '';
position: absolute;
width: 2.6%;
height: 1px;
border-bottom: solid 2px #808080;
margin: auto;
top: 0;
bottom: 0;
right: 10.8%;
transform: rotate(90deg);
transition: all .4s;
z-index: 5;
}
.active::after{
transform: rotate(360deg);
transition: all .4s;
}
.wvLoading {width: 100vw;height: 100vh;background: #262626;flex-direction: column;display: flex;position: fixed;top: 0;left: 0;z-index: 99999;justify-content: center;-ms-align-items: center;align-items: center;font-size: 0;line-height: 1;}
.wvLoadingCnt {display: inline-block;height: auto;text-align: center;margin-top: -100px;}
.wvLoadingCnt svg {width: 230px;height: auto;}
@media screen and (max-width:750px) {.wvLoadingCnt svg {width: 90px;}}
@keyframes stroke {
  0% {
    stroke: rgba(238, 238, 238, 0.5);
    stroke-dashoffset: 2400;
  }

  10% {
    fill: transparent;
    stroke: rgba(238, 238, 238, 0.5);
  }

  50% {
    fill: transparent;
    stroke: rgba(238, 238, 238, 0.5);
  }

  95% {
    fill: #fff;
    stroke: rgba(238, 238, 238, 0.5);
  }

  100% {
    fill: #fff;
    stroke-dashoffset: 0;
  }
}
.head {
  top: 5%;
  left: 0;
  width: 90%;
  right:0;
  margin:auto;
}
.up{transition: .6s;transform: scale(1.5);opacity: 0;}
.up.move{transform: scale(1);opacity: 1;}
.down{transition: 0.6s;transform: translateY(-20px);opacity: 0;}
.down.move{  transform: translateY(0px);opacity: 1;}
.left1{overflow: hidden;
  transition: 0.6s;
  transform: translateX(-100%);
  opacity: 0;}
.left1.move {
  transform: translateX(0%);
  opacity: 1;
}
.left_in::before {
  animation: left_in 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #ffffff00;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes left_in {
  100% {
    transform: translateX(100%);
  }
}
.right1{overflow: hidden;
  transition: 0.6s;
  transform: translateX(100%);
  opacity: 0;}
.right1.move {
  transform: translateX(0%);
  opacity: 1;
}
.right2{overflow: hidden;
  transition: 0.6s 0.4s;
  transform: translateX(100%);
  opacity: 0;}
.right2.move {
  transform: translateX(0%);
  opacity: 1;
}
.right3{overflow: hidden;
  transition: 0.6s 0.8s;
  transform: translateX(100%);
  opacity: 0;}
.right3.move {
  transform: translateX(0%);
  opacity: 1;
}

.v0_1{top: 84%;width: 95%;left: 0;right: 0;margin: auto;animation: fluffyY 1s infinite ease;padding-bottom: 5%;}
.v1_1{top: 26%;left: 3%;width: 12%;}
.v1_2{top: 23%;left: 13%;width: 10%;}
.v1_3{top: 25.7%;right: 8.5%;width: 11%;}
.v1_4{top: 23%;right: 0%;width: 10%;}
.v1_5{top: 76%;right: 1%;width: 23%;animation-name: swing;animation-duration: 2400ms;animation-timing-function: steps(2, end);animation-iteration-count: infinite;}
@keyframes swing {0% {transform: rotate(0deg);}100% {transform: rotate(25deg);}}
.v2_1{top: 18.6%;width: 64%;left: 7%;transform: translate(-100%, 0);  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;  overflow: hidden;}
.v2_1 p {display: block;transform: translate(100%, 0);transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;}
.v2_1.move,
.v2_1.move p {transform: translate(0, 0);}
.v2_2{width: 86%;top: 64.7%;margin: auto;left: 0;right: 0;}
.v2_3{top: 76%;width: 164%;left: -33%;}
.v2_4{top: 22%;width: 38%;left: 0%;}
.v2_5{top: 22%;width: 38%;left: 31%;}
.v2_6{top: 22%;width: 38%;right: 0%;}
.v2_7{width: 86%;top: 38%;margin: auto;left: 0;right: 0;}
.v2_8{width: 31%;right: 53%;top: 48.5%;margin: auto;left: 0;}
.v3_1{top: 6.6%;width: 88%;left: 7%;}
.v3_2{top: 14%;width: 88%;left: 7%;}
.v3_3{top: 25.4%;width: 80%;left: 0;right: 0;margin: auto;}
.v3_4{top: 62.6%;width: 46%;left: 34%;transform: translate(0, -100%);  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;  overflow: hidden;}
.v3_4 p {display: block;transform: translate(0, 100%);transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;}
.v3_4.move,
.v3_4.move p {transform: translate(0, 0);}
.v3_5{top: 31%;width: 85%;left: 0;right: 0;margin: auto;}
.v3_6{top: 48.4%;width: 93%;left: 0;right: 0;margin: auto;}
.v3_7{top: 33.8%;width: 64%;right: 0;}
.v3_8{top: 50%;width: 74%;left: 0;}
.v3_9{bottom:0;width:100%;}
.v3_10{top: 77%;width: 27%;left: 18%;}
.v4_1{width:100%;top:-0.1%;}
.v4_2{top: 49%;right: 0;width: 67%;}
.v5_1{top: 7.45%;width: 100%;left: 0;right: 0;margin: auto;}
.v5_2{top: 47%;width: 53%;left: 0;animation: in01-scale 1.8s ease-in-out infinite;}
.v5_2 img{animation: in01-translate 1.8s ease-in-out infinite;}
.v5_3{top: 55.7%;right: -2%;width: 53%;animation: in02-scale 2.0s ease-in-out infinite;}
.v5_3 img{animation: in02-translate 2.0s ease-in-out infinite;}
.v5_4{top: 69%;width: 45%;right: 0;left: 0;margin: auto;animation-name: swing;animation-duration: 2400ms;animation-timing-function: steps(2, end);animation-iteration-count: infinite;}
.v5_5{top: 81.8%;right: -7%;width: 87%;transform: translate(100%, 0);  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;  overflow: hidden;}
.v5_5 p {display: block;transform: translate(-100%, 0);transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;}
.v5_5.move,
.v5_5.move p {transform: translate(0, 0);}
.v5_6{top: 89.7%;left: 0;width: 89%;transform: translate(-100%, 0);  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;  overflow: hidden;}
.v5_6 p {display: block;transform: translate(100%, 0);transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;}
.v5_6.move,
.v5_6.move p {transform: translate(0, 0);}
.v5_7{bottom: 0;}
@keyframes in01-translate {
  0% {
    transform: translateY(-4%);
  }
  50% {
    transform: translateY(4%);
  }
  100% {
    transform: translateY(-4%);
  }
}
@keyframes in01-scale {
  0% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  50% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  100% {
    transform: scaleX(0.97) scaleY(1.03);
  }
}
@keyframes in02-translate {
  0% {
    transform: translateY(-4%);
  }
  50% {
    transform: translateY(4%);
  }
  100% {
    transform: translateY(-4%);
  }
}
@keyframes in02-scale {
  0% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  50% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  100% {
    transform: scaleX(1.03) scaleY(0.97);
  }
}

.keyframe1{
  animation-name: anim_r;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-direction: normal;
}

@keyframes anim_r {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animation1{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 30s;
}


.h_beat1{display:inline-block;
  animation-name: H-beat1;
  animation-duration: 2s;/*総時間*/
  animation-timing-function: ease;/*動き*/
  animation-delay:3s;/*遅延時間*/
  animation-iteration-count: infinite;/*ループ回数*/
  animation-direction: normal;/*動きの方向(一方方向)*/
  /*animation-direction: alternate;/*動きの方向(交互反転)*/
  animation-fill-mode: both;/*キーフレームの適用*/
  /*animation-play-state: running;/*再生か一時停止*/
  }
  
  @keyframes H-beat1{
  0%{transform:scale(1,1);}
  3%{transform:scale(0.9,0.9);}
  7%{transform:scale(1.4,1.4);}
  22%{transform:scale(1.05,1.05);}
  42%{transform:scale(1,1);}
  }
  .hvoice1{overflow: hidden;}
  .hvoice1 img {transition: 1s;transform: translateX(-100%);}
  .hvoice1.move img {transform: translateX(0%);}
  .hvoice1::after {
    content: '';
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    transition: 1s;
    transform: translateX(-100%);
  }
  .hvoice1.move::after {
    transform: translateX(100%);}
.item1{animation: cause01-translate 1.8s ease-in-out infinite;}
@keyframes cause01-scale {
  0% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  50% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  100% {
    transform: scaleX(1.03) scaleY(0.97);
  }
}


.offerbanner_pro{width:90%;right:0;left:0;margin:auto;bottom:51%;animation: fluffyY 1s infinite ease;padding-bottom: 5%;}
.offerbanner_pro1{width:49%;right:0;left:38%;margin:auto;bottom:37%;animation: fluffyY 1s infinite ease;}

#banner2{position: fixed;bottom: 0;right: 0;max-width: 640px;margin: 0 auto;z-index: 10; width: 82%;}

.photo{list-style: none;}
.photo li.trigger{transition: .6s;
    transform: translateY(20px);
    opacity: 0;}
.photo li.trigger.move{transform: translateY(0);
    opacity: 1;}
.photo li:first-child {
    top: 24%;
    right: 50%;
	width:44%;
}
.photo li:nth-child(2) {
    top: 24%;
    left: 50%;
	width:46%;
	transition:1.3s;
}



.loop{ position:absolute; top:0}
.loop01{ width:100%}
.slick-slider{ position:relative; display:block; box-sizing:border-box;}
.slick-list{transform:translate3d(0,0,0)}
.slick-track{ position:relative; top:0; left:0; display:block; margin-left: auto; margin-right: auto;}

.number5{width: 37%;top: 37%;left:58%}
.koreainsta1{top: 17%;width: 37%;}
.koreainsta2{top: 17%;width: 37%;left: 0;right: 0;margin: auto;}
.koreainsta3{top: 17%;width: 34.7%;right: 1%;}
.free1{top: 12%;left: 5%;width: 31%;opacity: 0;overflow: hidden;transition: 0.6s;}
.free2{top: 12%;left: 35%;width: 30%;opacity: 0;overflow: hidden;transition: 0.6s 0.2s;}
.free3{top: 12%;left: 64%;width: 30%;opacity: 0;overflow: hidden;transition: 0.6s 0.4s;}
.free4{top: 46%;left: 5%;width: 31%;opacity: 0;overflow: hidden;transition: 0.6s 0.6s;}
.free5{top: 46%;left: 35%;width: 29%;opacity: 0;overflow: hidden;transition: 0.6s 0.8s;}
.free6{top: 46%;left: 64.3%;width: 30%;opacity: 0;overflow: hidden;transition: 0.6s 1s;}
.free7{top: 64.8%;left: 51.2%;width: 22.4%;opacity: 0;overflow: hidden;transition: 0.6s 0.4s;}
.free8{top: 64.8%;left: 71.2%;width: 23.4%;opacity: 0;overflow: hidden;transition: 0.6s 0.6s;}
.free9{top: 80.8%;left: 18.2%;width: 22.2%;opacity: 0;overflow: hidden;transition: 0.6s;}
.free10{top: 79.9%;left: 38.2%;width: 24.2%;opacity: 0;overflow: hidden;transition: 0.6s 0.2s;}
.free11{top: 79.8%;left: 60.2%;width: 22.5%;opacity: 0;overflow: hidden;transition: 0.6s 0.4s;}
.free1.move{opacity: 1;}
.free2.move{opacity: 1;}
.free3.move{opacity: 1;}
.free4.move{opacity: 1;}
.free5.move{opacity: 1;}
.free6.move{opacity: 1;}
.free7.move{opacity: 1;}
.free8.move{opacity: 1;}
.free9.move{opacity: 1;}
.free10.move{opacity: 1;}
.free11.move{opacity: 1;}
.function1{top:30%;width:36%;left:8%;}
.function2{top:62%;width:23%;left:6%;}
.function3{top:9%;width:40%;left:46%;}
.point0{top: 12%;width: 80%;left: 0;right: 0;margin: auto;overflow: hidden;}
.point1{top: 22%;width: 88%;left: 0;right: 0;margin: auto;overflow: hidden;}
.point1 img{transition: 1s;}
.point2{top: 15.5%;width: 20%;left: 69%;}
.point3{top: 31%;width: 70%;left: 0;right: 0;margin: auto;transition: 0.6s;opacity: 0;}
.point1.move img{filter: blur(10px);transform: scale(1.1);}
.point3.move{opacity: 1;}
.point4{top: 8%;left: 6.4%;width: 88.5%;}
.point5{top: -4%;left: 5%;width: 45%;transition: 0.6s;opacity: 0;}
.point6{top: 2%;left: 66%;width: 32%;transition: 0.6s;opacity: 0;}
.point7{top: 58%;left: 38%;width: 52%;transition: 0.6s;opacity: 0;}
.point5.move{opacity: 1;}
.point6.move{opacity: 1;}
.point7.move{opacity: 1;}
.point8{top: 28%;left: 76%;width: 18%;transition: 0.6s;opacity: 0;}



.nega li:nth-child(3){top: 49%;width: 25%; left:3.5%;transition: 0.6s 0.4s;}
.nega li:nth-child(4){top: 53.8%;width: 39%; left:3.3%;transition: 0.6s 0.6s;}
.nega li:nth-child(5){top: 60%;width: 49%; left:3.5%;transition: 0.6s 0.8s;}
.nega li:nth-child(6){top: 66%;width: 43%; left:3.3%;transition: 0.6s 1s;}





.point9{top: 40%;left: 60%;width: 40%;transition: 0.6s;opacity: 0;}
.point10{top: 46%;width: 40%;transition: 0.6s 0.2s;opacity: 0;}
.point11{top: 63%;left: 55%;width: 37%;transition: 0.6s 0.4s;opacity: 0;}
.point12{top: 68%;left: 10%;width: 40%;transition: 0.6s 0.6s;opacity: 0;}
.point9.move{opacity: 1;}
.point10.move{opacity: 1;}
.point11.move{opacity: 1;}
.point12.move{opacity: 1;}
.hoint9{top: 0%;left: 5%;width: 40%;transition: 0.6s;opacity: 0;}
.hoint10{top: 0%;left: 55%;width: 40%;transition: 0.6s;opacity: 0;}
.hoint11{top: 40%;left: 7%;width: 37%;transition: 0.6s 0.2s;opacity: 0;}
.hoint12{top: 38%;left: 55%;width: 40%;transition: 0.6s 0.2s;opacity: 0;}
.hoint9.move{opacity: 1;}
.hoint10.move{opacity: 1;}
.hoint11.move{opacity: 1;}
.hoint12.move{opacity: 1;}
.hoint20{top: 2%;width: 48%;left: 40%;transition: 0.6s 0.2s;opacity: 0;}
.hoint21{top: 25%;left: 45%;width: 48%;transition: 0.6s 0.4s;opacity: 0;}
.hoint22{top: 47%;left: 30%;width: 48%;transition: 0.6s 0.6s;opacity: 0;}
.hoint20.move{opacity: 1;}
.hoint21.move{opacity: 1;}
.hoint22.move{opacity: 1;}
.cause{top:40%;}
.cause li:nth-child(1){top: 33%;right:5%;margin:auto;width: 31%;animation: cause01-scale 1.8s ease-in-out infinite;}
.cause li:nth-child(2){top: 55%;left:72%;width: 29%;animation: cause02-scale 2.6s ease-in-out infinite;}
.cause li:nth-child(3){top: 77%;left:54%;width: 31%;animation: cause03-scale 2.4s ease-in-out infinite;}
.cause li:nth-child(4){top: 77%;left:13%;width: 33%;animation: cause04-scale 2.8s ease-in-out infinite;}
.cause li:nth-child(5){top: 57%;width: 32%; left: -2%;animation: cause05-scale 3s ease-in-out infinite;}
.cause li:nth-child(6){top: 34%;left:4%;width: 31%;animation: cause05-scale 3s ease-in-out infinite;}
.cause li:nth-child(1) img{animation: cause01-translate 1.8s ease-in-out infinite;}
.cause li:nth-child(2) img{animation: cause02-translate 2.6s ease-in-out infinite;}
.cause li:nth-child(3) img{animation: cause03-translate 2.4s ease-in-out infinite;}
.cause li:nth-child(4) img{animation: cause04-translate 2.8s ease-in-out infinite;}
.cause li:nth-child(5) img{animation: cause05-translate 3s ease-in-out infinite;}
.cause li:nth-child(6) img{animation: cause05-translate 3s ease-in-out infinite;}

.mause{top:40%;}
.mause li:nth-child(1){top: 47%;right:27%;margin:auto;width: 30%;animation: cause01-scale 1.8s ease-in-out infinite;}
.mause li:nth-child(2){top: 46%;left:72%;width: 28%;animation: cause02-scale 2.6s ease-in-out infinite;}
.mause li:nth-child(3){top: 71%;left:27%;width: 30%;animation: cause03-scale 2.4s ease-in-out infinite;}
.mause li:nth-child(4){top: 71%;left:60%;width: 32%;animation: cause04-scale 2.8s ease-in-out infinite;}
.mause li:nth-child(1) img{animation: cause01-translate 1.8s ease-in-out infinite;}
.mause li:nth-child(2) img{animation: cause02-translate 2.6s ease-in-out infinite;}
.mause li:nth-child(3) img{animation: cause03-translate 2.4s ease-in-out infinite;}
.mause li:nth-child(4) img{animation: cause04-translate 2.8s ease-in-out infinite;}

@keyframes cause01-translate {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}
@keyframes cause01-scale {
  0% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  50% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  100% {
    transform: scaleX(0.97) scaleY(1.03);
  }
}
@keyframes cause02-translate {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}

@keyframes cause02-scale {
  0% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  50% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  100% {
    transform: scaleX(1.03) scaleY(0.97);
  }
}

@keyframes cause03-translate {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}

@keyframes cause03-scale {
  0% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  50% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  100% {
    transform: scaleX(0.97) scaleY(1.03);
  }
}

@keyframes cause04-translate {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}

@keyframes cause04-scale {
  0% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  50% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  100% {
    transform: scaleX(1.03) scaleY(0.97);
  }
}

@keyframes cause05-translate {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}

@keyframes cause05-scale {
  0% {
    transform: scaleX(0.97) scaleY(1.03);
  }
  50% {
    transform: scaleX(1.03) scaleY(0.97);
  }
  100% {
    transform: scaleX(0.97) scaleY(1.03);
  }
}
.point13{top: 22%;width: 88%;left: 0;right: 0;margin: auto;overflow: hidden;}
.point13 img{transition: 1s;}
.point14{top: 15.5%;width: 25%;left: 66%;}
.point15{top: 31%;width: 50%;left: 29%;transition: 0.6s;opacity: 0;}
.point13.move img{filter: blur(10px);transform: scale(1.1);}
.point15.move{opacity: 1;}
.point16{top: 67%;width: 74%;left: 0;right: 0;margin: auto;}


.fande{top:40%;}
.fande li:nth-child(1){top: 10%;width: 80%;left: 15%;transition: 0.6s;opacity: 0;}
.fande li:nth-child(2){width: 80%;top: 5%;left: 8%;transition: 0.6s 0.8s;opacity: 0;}
.fande li:nth-child(3){top: 55%;width: 73%;transition: 0.6s 1.4s;opacity: 0;}
.fande li.move, .fande li.move ~ li{opacity: 1;}
.items{top:40%;}
.items li:nth-child(1){top: 56%;left:8%;width: 12%;animation: cause01-translate 1.8s ease-in-out infinite;}
.items li:nth-child(2){top: 68%;left:86%;width: 12%;animation: cause02-translate 2.6s ease-in-out infinite;}
.items li:nth-child(3){top: 85%;left:6%;width: 12%;animation: cause03-translate 2.4s ease-in-out infinite;}
.items li:nth-child(4){top: 91%;left:67%;width: 21%;animation: cause04-translate 2.8s ease-in-out infinite;}
@keyframes items01-translate {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}
@keyframes items02-translate {
  0% {
    transform: translateY(-7%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-7%);
  }
}
@keyframes items03-translate {
  0% {
    transform: translateY(-9%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-9%);
  }
}
@keyframes items04-translate {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}
.overlaid02{
       position:relative;
       z-index:0;
       overflow:hidden
  }
.eyefv_wrap{
       overflow:hidden
  }
.stage_01{
      position:absolute;
      left:0;
      top:0
             } 
.stage_02{
      width:0;
}
.stage_03{
      width:100%;
      transition:2s;
             }
.eyefv{ 
      width:100vw;
      max-width:750px;
	  }
.slide01 {
    position: absolute;
    left: 0;
    top: 331px;
    width: 100%;
    padding: 0 55px;
}