@charset "UTF-8";

@charset "utf-8";
/*top動き*/
#top_about1+div .inner_item.show{
    opacity: 0;
}
#top_about1 + div .inner_item.showActive{
    animation: zoomInAnime 1s forwards;
}
#top_about1+div .inner_item.showActive:nth-of-type(1){
	animation-delay: 0.5s;
}
#top_about1+div .inner_item.showActive:nth-of-type(2){
	animation-delay: 0.8s;
}
#top_about1+div .inner_item.showActive:nth-of-type(3){
	animation-delay: 1.1s;
}
#top_about1+div .inner_item.showActive:nth-of-type(4){
	animation-delay: 1.4s;
}
#top_about1+div .inner_item.showActive:nth-of-type(5){
	animation-delay: 1.7s;
}
@media screen and (max-width: 480px){
    #top_about1+div .inner_item.showActive:nth-of-type(2),
    #top_about1+div .inner_item.showActive:nth-of-type(3),
    #top_about1+div .inner_item.showActive:nth-of-type(4),
	#top_about1+div .inner_item.showActive:nth-of-type(5){
        animation-delay: 0.5s;
    }
}
@keyframes zoomInAnime{
    from {
        opacity: 0;
        transform: scale(0.6);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/*------------------------------------*/
#top_news + div::before{
    animation: katakata 2s steps(2) infinite;
}
@keyframes katakata{
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(7deg);
    }
}
#top_news + div::after{
    animation: katakata2 2s steps(2) infinite;
}
@keyframes katakata2{
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-7deg);
    }
}
/*------------------------------------*/
#top_class+div > .content_wrapper::before{
    animation: sun 2s steps(2) infinite;
    transform-origin: center;
}
@keyframes sun{
    from {
        transform: scale(1);
    }

    to {
        transform: scale(0.8);
    }
}
#top_class+div > .content_wrapper::after{
    animation: cloud 10s steps(2) infinite;
}
@keyframes cloud{
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(20px);
    }
    50% {
        transform: translateX(40px);
    }
    75% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0px);
    }
}