body{margin:0;}
#key{ 
position:relative;
background:#f7f7f7  top center no-repeat fixed;
height:700px;
text-align: center;
overflow:hidden;
}
#key .top_title_area{
/* vertical-align: middle;
display: table-cell; */
padding-top: 300px;
}
#key .top_txt{
/* background-color: rgba(158,213,219,0.7); */
display: inline-block;
color:#96bf00;
line-height: 1.5;
font-size:48px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
/* text-align: center; */
}
#key .top_txt span{
    font-size: 36px;
}
.top_title_area .top_txt img{
min-width: 100%;
}
/* -----bagmovemove----- */
.bagmove1{
position:absolute;
width:100px;
height:100px;
bottom:-150px;
background-image: url(../img/bag_assetSVG/bag_asset1.svg);
-webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
.bagmove2{
position:absolute;
width:200px;
height:200px;
bottom:-300px;
    background-image: url(../img/bag_assetSVG/bag_asset2.svg);
    -webkit-animation: mymove2 10s linear infinite;
    background-repeat:no-repeat;
    }
    .bagmove3{
position:absolute;
width:100px;
height:100px;
bottom:-150px;
background-image: url(../img/bag_assetSVG/bag_asset3.svg);
-webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
.bagmove4{
position:absolute;
width:100px;
height:100px;
bottom:-150px;
background-image: url(../img/bag_assetSVG/bag_asset4.svg);
-webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove1{left:50%;}
.bagmove2{left:-5%;-webkit-animation-delay:0.3s;}
.bagmove3{left:25%;-webkit-animation-delay:2s;}
.bagmove4{left:85%;-webkit-animation-delay:1s;}
/* -------------- */

.bagmove5{
position:absolute;
width:100px;
height:100px;
background-image: url(../img/bag_assetSVG/bag_asset5.svg);
bottom:-150px;
webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
.bagmove6{
position:absolute;
width:100px;
height:100px;
background-image: url(../img/bag_assetSVG/bag_asset6.svg);
bottom:-150px;
webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
.bagmove7{
position:absolute;
width:100px;
height:100px;
background-image: url(../img/bag_assetSVG/bag_asset7.svg);
bottom:-150px;
webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
.bagmove8{
position:absolute;
width:100px;
height:100px;
background-image: url(../img/bag_assetSVG/bag_asset8.svg);
bottom:-150px;
webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove5{left:0%;}
.bagmove6{left:15%;-webkit-animation-delay:2.2s;}
.bagmove7{left:45%;-webkit-animation-delay:0.8s;}
.bagmove8{left:77%;-webkit-animation-delay:1.4s;}
/* -------------- */

.bagmove9{
position:absolute;
width:100px;
height:100px;

background-image: url(../img/bag_assetSVG/bag_asset9.svg);
bottom:-250px;
border-radius:50%;
-webkit-animation: mymove3 15s linear infinite;
background-repeat:no-repeat;
}
.bagmove10{
position:absolute;
width:250px;
height:250px;
background-image: url(../img/bag_assetSVG/bag_asset10.svg);
bottom:-250px;
/* border-radius:50%; */
-webkit-animation: mymove3 8s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove9{left:3%;}
.bagmove10{left:80%;-webkit-animation-delay:0s;}
/* -------------- */
.bagmove11{
    position:absolute;
    width:50px;
    height:50px;
    background-image: url(../img/bag_assetSVG/bag_asset11.svg);
    bottom:-150px;
    -webkit-animation: mymove5 4s linear infinite;
    background-repeat:no-repeat;
    }
    .bagmove12{
    position:absolute;
    width:50px;
    height:50px;
    background-image: url(../img/bag_assetSVG/bag_asset12.svg);
    bottom:-150px;
    -webkit-animation: mymove5 4s linear infinite;
    background-repeat:no-repeat;
    }
    /* -----配置----- */
    .bagmove11{left:30%;}
    .bagmove12{left:65%;-webkit-animation-delay:1.3s;}
    /* -------------- */
.bagmove13{
position:absolute;
width:150px;
height:150px;
background-image: url(../img/bag_assetSVG/bag_asset13.svg);
bottom:-150px;
-webkit-animation: mymove4 10s linear infinite;
background-repeat:no-repeat;
}
.bagmove14{
position:absolute;
width:150px;
height:150px;
background-image: url(../img/bag_assetSVG/bag_asset14.svg);
bottom:-150px;
-webkit-animation: mymove4 4s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove13{left:35%;-webkit-animation-delay:0.6s;}
.bagmove14{left:72%;-webkit-animation:mymove5 6s liner infinte;-webkit-animation-delay:1s;}
/* -------------- */

.bagmove15{
position:absolute;
width:150px;
height:150px;
 background-image: url(../img/bag_assetSVG/bag_asset15.svg);
bottom:-400px;
-webkit-animation: mymove3 20s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove15{left:40%;}
/* -------------- */
.bagmove16{/* ruddyBag */
position:absolute;
width:200px;
height:200px;
background-image: url(../img/bag_assetSVG/bag_asset16.svg);
bottom:-400px;
-webkit-animation: mymove4 25s linear infinite;
background-repeat:no-repeat;
z-index: 1000;
}
/* -----配置----- */
.bagmove16{left:50%;}
/* -------------- */
.bagmove17{
position:absolute;
width:150px;
height:150px;

background-image: url(../img/bag_assetSVG/bag_asset17.svg);
bottom:-400px;
-webkit-animation: mymove4 15s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove17{left:30%;}
/* -------------- */
.bagmove18{
position:absolute;
width:100px;
height:100px;
bottom:-150px;
    
background-image: url(../img/bag_assetSVG/bag_asset18.svg);
-webkit-animation: mymove2 7s linear infinite;
background-repeat:no-repeat;
}
.bagmove19{
position:absolute;
width:100px;
height:100px;
bottom:-150px;
background-image: url(../img/bag_assetSVG/bag_asset19.svg);
-webkit-animation: mymove2 6s linear infinite;
background-repeat:no-repeat;
 }
.bagmove20{
position:absolute;
width:100px;
height:100px;
bottom:-150px;
background-image: url(../img/bag_assetSVG/bag_asset20.svg);
-webkit-animation: mymove2 5s linear infinite;
background-repeat:no-repeat;
}
.bagmove21{
position:absolute;
width:100px;
height:100px;
bottom:-150px;
background-image: url(../img/bag_assetSVG/bag_asset21.svg);
-webkit-animation: mymove2 4s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove18{left:62%;}
.bagmove19{left:25%;-webkit-animation-delay:0.3s;}
.bagmove20{left:10%;-webkit-animation-delay:2s;}
.bagmove21{left:50%;-webkit-animation-delay:1s;}
/* -------------- */
.bagmove22{
position:absolute;
width:50px;
height:50px;
background-image: url(../img/bag_assetSVG/bag_asset22.svg);
bottom:-150px;
-webkit-animation: mymove5 4s linear infinite;
background-repeat:no-repeat;
}
.bagmove23{
position:absolute;
width:50px;
height:50px;
background-image: url(../img/bag_assetSVG/bag_asset23.svg);
bottom:-150px;
-webkit-animation: mymove5 7s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove22{left:80%;}
.bagmove23{left:20%;-webkit-animation-delay:1.3s;}
/* -------------- */
.bagmove24{
position:absolute;
width:150px;
height:150px;
background-image: url(../img/bag_assetSVG/bag_asset24.svg);
bottom:-400px;
-webkit-animation: mymove4 10s linear infinite;
background-repeat:no-repeat;
}
.bagmove25{
position:absolute;
width:150px;
height:150px;
background-image: url(../img/bag_assetSVG/bag_asset25.svg);
bottom:-400px;
-webkit-animation: mymove4 15s linear infinite;
background-repeat:no-repeat;
}
/* -----配置----- */
.bagmove24{left:45%;}
.bagmove25{left:70%;}
/* -------------- */
.bagmove26{
    position:absolute;
    width:100px;
    height:100px;
    bottom:-300px;
    background-image: url(../img/bag_assetSVG/bag_asset26.svg);
    -webkit-animation: mymove2 10s linear infinite;
    background-repeat:no-repeat;
    }
    .bagmove27{
    position:absolute;
    width:100px;
    height:100px;
    bottom:-300px;
        background-image: url(../img/bag_assetSVG/bag_asset27.svg);
        -webkit-animation: mymove2 10s linear infinite;
        background-repeat:no-repeat;
        }
        .bagmove28{
    position:absolute;
    width:200px;
    height:200px;
    bottom:-300px;
    background-image: url(../img/bag_assetSVG/bag_asset28.svg);
    -webkit-animation: mymove2 10s linear infinite;
    background-repeat:no-repeat;
    }
    .bagmove29{
    position:absolute;
    width:100px;
    height:100px;
    bottom:-300px;
    background-image: url(../img/bag_assetSVG/bag_asset29.svg);
    -webkit-animation: mymove2 10s linear infinite;
    background-repeat:no-repeat;
    }
    /* -----配置----- */
    .bagmove26{left:52%;}
    .bagmove27{left:12%;-webkit-animation-delay:0.3s;}
    .bagmove28{left:16%;-webkit-animation-delay:2s;}
    .bagmove29{left:87%;-webkit-animation-delay:1s;}
    /* -------------- */

/* ==========スマホサイト========== */
@media screen and (max-width:800px){
#key .top_txt{
    max-width: 90%;
    line-height: 0.5;
}
#key .top_txt span{
font-size: 20px;
}
/* -----bagmovemove----- */
.bagmove1{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove2{
    width:200px;
    height:200px;
    display: none;
        }
        .bagmove3{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove4{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove5{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove6{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove7{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove8{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove9{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove10{
    width:250px;
    height:250px;
    display: none;
    }
    .bagmove11{
    width:50px;
    height:50px;
    /* display: none; */
    }
    .bagmove12{
    width:50px;
    height:50px;
    /* display: none; */
    }
    .bagmove13{
    width:150px;
    height:150px;
    display: none;
    }
    .bagmove14{
    width:150px;
    height:150px;
    display: none;
    }
    
    .bagmove15{
    width:150px;
    height:150px;
    display: none;
    }
    .bagmove16{/* ruddyBag */
    width:150px;
    height:150px;
    /* display: none; */
    }
    .bagmove17{
    width:150px;
    height:150px;
    display: none;
    }
    .bagmove18{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove19{
    width:100px;
    height:100px;
    /* display: none; */
     }
    .bagmove20{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove21{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove22{
    width:50px;
    height:50px;
    /* display: none; */
    }
    .bagmove23{
    width:50px;
    height:50px;
    /* display: none; */
    }
    .bagmove24{
    width:150px;
    height:150px;
    display: none;
    }
    .bagmove25{
    width:150px;
    height:150px;
    display: none;
    }
    .bagmove26{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove27{
    width:100px;
    height:100px;
    /* display: none; */
    }
    .bagmove28{
    width:200px;
    height:200px;
    display: none;
    }
    .bagmove29{
    width:100px;
    height:100px;
    /* display: none; */
    }
}/* ---max-width:800px--- */
/* ==========/スマホサイト========== */

@-webkit-keyframes mymove2{
0%{	transform:rortate(0deg);opacity:1;}
100%{transform:rotate(540deg);opacity:0;bottom:740px;}
}

@-webkit-keyframes mymove3{
0%{	transform:rortate(0deg);opacity:1;}
100%{transform:rotate(720deg);opacity:0;bottom:540px;}
}

@-webkit-keyframes mymove4{	
0%{	transform:rortate(0deg);opacity:1;}
100%{transform:rotate(720deg);opacity:0;bottom:540px;}
}

@-webkit-keyframes mymove5{	
0%{	opacity:1;}
100%{opacity:0;bottom:540px;}
}