@charset "utf-8";


/* ========== kv_img ========== */
.aciton_01{
position: absolute;
top: 13%;
left: 10%;
width: 75.8333%;

opacity: 0;
transition: 1s;
}
.aciton_01.aciton_01_show{
opacity: 1;
}
.aciton_01 img{
width: 100%;
}

.aciton_02{
position: absolute;
top: 30%;
left: 0;
width: 100%;

opacity: 0;
transition: 1s;
margin-top: 20px;
}
.aciton_02.aciton_02_showUp{
opacity: 1;
margin-top: 0;
}
.aciton_02 img{
width: 100%;
}


.aciton_03{
position: absolute;
top: 42.5%;
left: 11%;
width: 74%;
z-index: 99;

opacity: 0;
transition: 0.8s;
margin-top: 20px;
}
.aciton_03.aciton_03_showUp{
opacity: 1;
margin-top: 0;
}

.aciton_03 img{
width: 100%;
}


.aciton_04{
position: absolute;
top: 20%;
left: -2%;
width: 90%;

z-index: 98;

transition: .5s;

margin-left: -110%;
}


.aciton_04.aciton_04_showUp_add{
transition: .7s;
margin-left: -110%;
}
.aciton_04.aciton_04_showUp_add_02{
transition: 1s;
left: -2%;
margin-left: 5%;
}
.aciton_04.aciton_04_showUp_add_03{
transition: 1s;
margin-left: 0;
top: 57.5%;
left: -2%;
width: 28%;
z-index: 1;
display: block;



}


.aciton_04 img{
width: 100%;
}

.aciton_05{
position: absolute;
top: 63%;
right: 1%;
width: 23.5%;
z-index: 100;
    overflow: hidden;
        border-radius: 50%;
}
.aciton_05_02 {
	top: 53.7%;
	border-radius: 0px;
}
.aciton_04 img{
width: 100%;
}

.siled-in_01.siled-in_01_content01{
overflow: hidden;
position: absolute;
top: 25%;
}
.siled-in_01.siled-in_01_content01 img{
width: 92.6666%;
}
.siled-in_01.siled-in_01_content02{
position: absolute;
top: 56%;
}
.siled-in_01.siled-in_01_content02 img{
width: 89%;
}

.buruburu {
display: inline-block;
animation: hurueru 2s  infinite;
overflow: hidden;
}

@keyframes hurueru {
0% {transform: translate(0px, 0px)}
25% {transform: translate(2px, 0px)}
50% {transform: translate(0px, 0px)}
75% {transform: translate(2px, 0px)}
100% {transform: translate(0px, 0px)}
}
@-webkit-keyframes hurueru {
0% {-webkit-transform: translate(0px, 0px)}
25% {-webkit-transform: translate(2px, 0px)}
50% {-webkit-transform: translate(0px, 0px)}
75% {-webkit-transform: translate(2px, 0px)}
100% {-webkit-transform: translate(0px, 0px)}
}
}
@-moz-keyframes hurueru {
0% {-moz-transform: translate(0px, 0px)}
25% {-moz-transform: translate(2px, 0px)}
50% {-moz-transform: translate(0px, 0px)}
75% {-moz-transform: translate(2px, 0px)}
100% {-moz-transform: translate(0px, 0px)}
}
@-ms-keyframes hurueru {
0% {-ms-transform: translate(0px, 0px)}
25% {-ms-transform: translate(2px, 0px)}
50% {-ms-transform: translate(0px, 0px)}
75% {-ms-transform: translate(2px, 0px)}
100% {-ms-transform: translate(0px, 0px)}
}
@-o-keyframes hurueru {
0% {-o-transform: translate(0px, 0px)}
25% {-o-transform: translate(2px, 0px)}
50% {-o-transform: translate(0px, 0px)}
75% {-o-transform: translate(2px, 0px)}
100% {-o-transform: translate(0px, 0px)}
}


.siled-in_01.siled-left img {
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.siled-in_01.siled-left img.siled-in_move {
  -webkit-transform: translate(-100px, 0);
  opacity: 0;
}
.siled-in_01.siled-right img {
  text-align: right;
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.siled-in_01.siled-right img.siled-in_move {
  -webkit-transform: translate(100px, 0);
  opacity: 0;
}

.btn-hover:hover{
opacity: 0.8;
}