.top_contents section,
.toppage_contents{max-width:1024px;box-sizing: border-box;margin:0px auto;line-height:1.5;}
.toppage_contents{position:relative;height:713px;padding:0px;background: center top no-repeat;}
.toppage_contents p{margin:0px auto 5px;}
.toppage_contents:before{position:fixed;background: url(../img/you_sea.png) top left no-repeat;background-size: cover;width:100%;height:100%;max-width:1050px;max-height:1109px;z-index: -1;}
.toppage_contents:before{transition-duration:0.5s;}


.image{position:fixed;width:100%;max-width:1050px;height:865px;overflow:hidden;z-index: -1;}

.image svg{position:absolute;z-index:-1;}
.toppage_contents .glass{position:fixed;top:473px;left:-10%;right:0;height:75%;
background:rgba(0,0,0,0.5);transform-origin:top right;transform:rotate(-8deg);z-index: -1;}
#ke01{top:1%;left:16%;width:23%;max-width:232px;max-height:52px;transform-origin:left bottom;animation:ke01 3s infinite;}
#ke02{top:8.1%;left:35%;width:6%;max-width:67px;max-height:76px;transform-origin:top left;animation:ke01 3s infinite;}
#ke03{top:26.3%;left:15%;width:4%;max-width:29px;max-height:53px;transform-origin:top left;animation:ke02 3s infinite;}
#ke04{top:30.3%;left:18.3%;width:5%;max-width:51px;max-height:71px;transform-origin:top left;animation:ke01 3s infinite;}
#ke05{top:17.3%;left:36.1%;width:7%;max-width:75px;max-height:74px;transform-origin:top left;animation:ke02 3s infinite;}
@media screen and (min-width:0px) and (max-width: 1023px) {
.toppage_contents{height:600px;}
.toppage_contents:before{width:900px;height:951px;left:-50px;}
#ke01{left:92px;width:188px;}
#ke02{top:66px;left:266px;width:54px;}
#ke03{top:195px;left:82px;width:28px;}
#ke04{top:220px;left:113px;width:51px;}
#ke05{top:122px;left:274px;width:60px;}
}
@keyframes ke01 {
0% {transform: rotate(5deg)}
50% {transform: rotate(-3deg)}
100% {transform: rotate(5deg)}
}
@keyframes ke02 {
0% {transform: rotate(6deg)}
60% {transform: rotate(-2deg)}
100% {transform: rotate(6deg)}
}