/* Style for PCs */
@media screen and (min-width: 1025px) {

.ptcov_line {
animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-name: ptcov_line;
-webkit-animation-name: ptcov_line;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
left:-150%;
opacity: 0;
}

@-webkit-keyframes ptcov_line {
    0% {
        left:-150%;
        opacity: 0;
    }
    100% {
        left:-99%;
        opacity: 1;
    }
}
@keyframes ptcov_line {
    0% {
        left:-150%;
        opacity: 0;
    }
    100% {
        left:-99%;
        opacity: 1;
    }
}


.ptcov {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-name: ptcov;
-webkit-animation-name: ptcov;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
left:-98%;
opacity: 0;
}
@-webkit-keyframes ptcov {
    0% {
        left:-150%;
        opacity: 0;
    }
    100% {
        left:-98%;
        opacity: 1;
    }
    
}
@keyframes ptcov {
    0% {
        left:-150%;
        opacity: 0;
    }
    100% {
        left:-98%;
        opacity: 1;
    }
}



.ptbody h2 {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-name: ptbodyh2;
-webkit-animation-name: ptbodyh2;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
margin-left:10%;
opacity: 0;
}
@-webkit-keyframes ptbodyh2 {
    0% {
        margin-left:10%;
        opacity: 0;
    }
    100% {
        margin-left:0%;
        opacity: 1;
    }
}
@keyframes ptbodyh2 {
    0% {
        margin-left:10%;
        opacity: 0;
    }
    100% {
        margin-left:0%;
        opacity: 1;
    }
}

.ptbody p {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-name: ptbodyp;
-webkit-animation-name: ptbodyp;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
margin-left:-10%;
opacity: 0;
}
@-webkit-keyframes ptbodyp {
    0% {
        margin-left:-10%;
        opacity: 0;
    }
    100% {
        margin-left:0%;
        opacity: 1;
    }
}
@keyframes ptbodyp {
    0% {
        margin-left:-10%;
        opacity: 0;
    }
    100% {
        margin-left:0%;
        opacity: 1;
    }
}

.ptbody ul {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-name: ptbodyul;
-webkit-animation-name: ptbodyul;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
margin-top:-10%;
opacity: 0;
}
@-webkit-keyframes ptbodyul {
    0% {
        margin-top:10%;
        opacity: 0;
    }
    100% {
        margin-top:0%;
        opacity: 1;
    }
}
@keyframes ptbodyul {
    0% {
        margin-top:10%;
        opacity: 0;
    }
    100% {
        margin-top:0%;
        opacity: 1;
    }
}

.ptimg {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-name: ptimg;
-webkit-animation-name: ptimg;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
right:0;
opacity: 0;
filter: blur(10px);
-webkit-filter: blur(10px);
transform: scale(1.1); 
}
@-webkit-keyframes ptimg {
0% {
opacity: 0;
filter: blur(10px);
-webkit-filter: blur(10px);
transform: scale(1.1); 
}
30% {
opacity: 1;
filter: blur(10px);
-webkit-filter: blur(10px);
}
100% {
opacity: 1;
filter: blur(0px);
-webkit-filter: blur(0px);
transform: scale(1); 
}
}
@keyframes ptimg {
0% {
opacity: 0;
filter: blur(10px);
-webkit-filter: blur(10px);
transform: scale(1.1); 
}
30% {
opacity: 1;
filter: blur(10px);
-webkit-filter: blur(10px);
}
100% {
opacity: 1;
filter: blur(0px);
-webkit-filter: blur(0px);
transform: scale(1); 
}
}

main {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-name: mainani;
-webkit-animation-name: mainani;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
margin-top:100px;
opacity: 0;
}
@-webkit-keyframes mainani {
0% {
margin-top:100px;
opacity: 0;
}
100% {
margin-top:0px;
opacity: 1;
}
}
@keyframes mainani {
0% {
margin-top:100px;
opacity: 0;
}
100% {
margin-top:0px;
opacity: 1;
}
}



}

@media screen and (min-width: 769px) and (max-width: 1024px) {


}


@media screen and (max-width: 768px) {


}