/*top*/
.mv_view,
.content_view .view,
.mv_below{
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.zoom_01{
    transform: scale(1.05);
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation-delay: .05s;
    animation-fill-mode: forwards;
    animation-duration: var(--grid-duration);
    --grid-duration: .9s;
    
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-direction: normal;
}
.block .zoom_01{
    animation-name: zoom_102;
}
@keyframes zoom_102 {
    0% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

.mv_view.block,
.mv_view.block .mv_below{
    animation-fill-mode: forwards;
    animation-duration: 0.9s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-direction: normal;
    animation-name: mask_top_to_bottom;
}
.content_view.block .view {
    animation-duration: 0.9s;
    animation-name: mask_top_to_bottom;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.content_view.block .view_01 {
    transition: transform 0.5s ease-in-out;
}
.content_view.block .view_02,
.mv_view.block .mv_below_02{
    transition: transform 0.5s ease-in-out 0.3s;
    animation-delay: 0.3s;
}
.content_view.block .view_03,
.mv_view.block .mv_below_03 {
    transition: transform 0.5s ease-in-out 0.6s;
    animation-delay: 0.6s;
}
.content_view.block .view_04,
.mv_view.block .mv_below_04 {
    transition: transform 0.5s ease-in-out 0.9s;
    animation-delay: 0.9s;
}
.content_view.block .view_05,
.mv_view.block .mv_below_05 {
    transition: transform 0.5s ease-in-out 1.2s;
    animation-delay: 1.2s;
}
.content_view.block .view_06,
.mv_view.block .mv_below_06 {
    transition: transform 0.5s ease-in-out 1.5s;
    animation-delay: 1.5s;
}
@keyframes mask_top_to_bottom {
    0% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    }

    to {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
.fade_up :is(span,p) {
    opacity: 0;
    transform: translate(0px, 0.5em);
}
.fade_up :is(span){

    display: inline-block;
}

@keyframes mask_top_opacity {
    0% {
        opacity: 0;
        transform: translate(0px, 0.5em);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}
.fade_up.block :is(span,p) {
    animation-duration: 0.9s;
    animation-name: mask_top_opacity;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-direction: normal;
}
.fade_up.block :is(span,p):nth-child(1) {
    transition: transform 0.5s linear 0.3s;
    animation-delay: 0.3s;
}
.fade_up.block :is(span,p):nth-child(2) {
    transition: transform 0.5s linear 0.6s;
    animation-delay: 0.6s;
}
.fade_up.block :is(span,p):nth-child(3) {
    transition: transform 0.5s linear 0.9s;
    animation-delay: 0.9s;
}
.fade_up.block :is(span,p):nth-child(4) {
    transition: transform 0.5s linear 1.2s;
    animation-delay: 1.2s;
}
.fade_up.block :is(span,p):nth-child(5) {
    transition: transform 0.5s linear 1.5s;
    animation-delay: 1.5s;
}
.fade_up.block :is(span,p):nth-child(6) {
    transition: transform 0.5s linear 1.8s;
    animation-delay: 1.8s;
}
.fade_up.block :is(span,p):nth-child(7) {
    transition: transform 0.5s linear 2.1s;
    animation-delay: 2.1s;
}
.fade_up.block :is(span,p):nth-child(8) {
    transition: transform 0.5s linear 2.4s;
    animation-delay: 2.4s;
}
.fade_up.block span:nth-child(9) {
    transition: transform 0.5s linear 2.7s;
    animation-delay: 2.7s;
}
.fade_up.block :is(span,p):nth-child(10) {
    transition: transform 0.5s linear 3;
    animation-delay: 3s;
}
.fade_up.block :is(span,p):nth-child(11) {
    transition: transform 0.5s linear 3.3s;
    animation-delay: 3.3s;
}
.fade_up.block :is(span,p):nth-child(12) {
    transition: transform 0.5s linear 3.6s;
    animation-delay: 3.6s;
}
.fade_up.block :is(span,p):nth-child(13) {
    transition: transform 0.5s linear 3.9s;
    animation-delay: 3.9s;
}
.fade_up.block :is(span,p):nth-child(14) {
    transition: transform 0.5s linear 4.2s;
    animation-delay: 4.2s;
}
.fade_up.block :is(span,p):nth-child(15) {
    transition: transform 0.5s linear 4.5s;
    animation-delay: 4.5s;
}
.fade_up.block :is(span,p):nth-child(16) {
    transition: transform 0.5s linear 4.8s;
    animation-delay: 4.8s;
}