@chareset "UTF-8";

:root{
    --color-second : #007A95;
}

html {
    font-size: 62.5%;
    
}
body{background: #F0F0F0;color: #222; font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-style: normal;}
            h1{font-weight: normal;font-size: .9rem;}
.wrap{
    width: 90%;
    margin: 10px auto;
}
table{width: 100%;}
table th,table td{text-align: left;}

.an_n01{position: relative;overflow: hidden;margin: 40px auto; width: 100%; height: 100vh;}
.an_n01::before,
.an_n01::after{
    position: absolute;
    left:-50%;
    width: 200%;
    height: 200%;
    content: "";
    background-color: #757070;
    animation: an_n01 linear 5s infinite;
}

.an_n01::before{top:-150%; border-radius: 50% 50% / 50% 70%;}
.an_n01::after{top:-146%;border-radius: 30% 70% / 30% 50%;opacity: .2; animation-delay: 1s;}


@keyframes an_n01 {
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
    
}