/*  newemployee2023 top
=============================================== */

@keyframes top-fade {
    0% { opacity:0; transform:scale(0.98); filter:blur(1.5rem); }
    100% { opacity:1;  transform:scale(1.0); filter:blur(0); }
}

@keyframes top-fade2 {
    0% { opacity:0; transform:scale(0.98) translateX(-40px); filter:blur(1.5rem); }
    100% { opacity:1;  transform:scale(1.0) translateX(0px); filter:blur(0); }
}

@keyframes flash {
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity: 1; }
}

.newemployee2023-top #con-body { background:url(../img/top/bg.png) top center repeat-y; background-size:100% auto; }

#ne-top-box { position:relative; width:100%; height:0; padding-top:74.6875%; }
#ne-top-box-inner { position:absolute; left:0; top:0; width:100%; height:100%; }

#ne-top-box .obj { position:absolute; }
#ne-top-box .w1 { display:block; position:relative; width:100%; height:0;  }
#ne-top-box .w2 { position:absolute; display:block; left:0; top:0; width:100%; height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#ne-top-logo { z-index:8; left:4.53125%; top:15.5940594059406%; width:45.46875%; /* for animation */ opacity:0; animation: top-fade 1s 0s forwards; }
#ne-top-copy { z-index:7; left:5.25%; top:39.3886138613861%; width:41.3541666666667%; /* for animation */ opacity:0; animation: top-fade 1s 0.5s forwards; }
#ne-top-pic { z-index:6; left:45%; top:0%; width:55%; /* for animation */ opacity:0; animation: top-fade 1s 0s forwards; }
#ne-top-link-data .name { z-index:5; left:14.1666666666667%; top:68.8242574257426%; width:23.5416666666667%; /* for animation */ opacity:0; animation: top-fade2 1s 1.0s forwards; }
#ne-top-link-data .txt { z-index:4; left:43.90625%; top:70.6188118811881%; width:23.90625%; /* for animation */ opacity:0; animation: top-fade2 1s 1.0s forwards; }
#ne-top-link-data .button { z-index:3; left:73.8541666666667%; top:70.1237623762376%; width:13.0208333333333%; /* for animation */ opacity:0; animation: top-fade2 1s 1.0s forwards; }
#ne-top-link-data .button a { /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover: hover) { #ne-top-link-data .button a:hover { transform:translateX(4px); opacity:0.5;} }
#ne-top-link-find .name { z-index:5; left:14.1666666666667%; top:81.4480198019802%; width:23.5416666666667%; /* for animation */ opacity:0; animation: top-fade2 1s 1.0s forwards; }
#ne-top-link-find .txt { z-index:4; left:43.4895833333333%; top:83.3663366336634%; width:22.1354166666667%; /* for animation */ opacity:0; animation: top-fade2 1s 1.0s forwards; }
#ne-top-link-find .button { z-index:3; left:73.8541666666667%; top:82.190594059406%; width:13.0208333333333%; /* for animation */ opacity:0; animation: top-fade2 1s 1.0s forwards; }
#ne-top-link-find .button a { /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover: hover) { #ne-top-link-find .button a:hover { transform:translateX(4px); opacity:0.5;} }

#ne-top-logo .w1 { padding-top:29.5278969957082%; }
#ne-top-copy .w1 { padding-top:28.9896128423041%; }
#ne-top-pic .w1 { padding-top:86.3328822733424%; }
#ne-top-link-data .name .w1 { padding-top:29.0140845070423%; }
#ne-top-link-data .txt .w1 { padding-top:14.406779661017%; }
#ne-top-link-data .button .w1 { padding-top:33.6%; }
#ne-top-link-find .name .w1 { padding-top:28.2962962962963%; }
#ne-top-link-find .txt .w1 { padding-top:15.0470219435737%; }
#ne-top-link-find .button .w1 { padding-top:33.6%; }
#ne-top-logo .w2 { background-image:url(../img/top/logo.png); }
#ne-top-copy .w2 { background-image:url(../img/top/copy.png); }
#ne-top-pic .w2 { background-image:url(../img/top/pic.png); }
#ne-top-link-data .name .w2 { background-image:url(../img/top/data2_name.png); }
#ne-top-link-data .txt .w2 { background-image:url(../img/top/data2_txt.png); }
#ne-top-link-data .button .w2 { background-image:url(../img/top/data2_btn.png); }
#ne-top-link-find .name .w2 { background-image:url(../img/top/find_name.png); }
#ne-top-link-find .txt .w2 { background-image:url(../img/top/find_txt.png); }
#ne-top-link-find .button .w2 { background-image:url(../img/top/find_btn.png); }


/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#ne-top-box { padding-top:388%; }

#ne-top-logo { left:2.79898218829517%; top:3.8%; width:94.910941475827%; }
#ne-top-copy { left:6.36132315521629%; top:45.7%; width:87.5318066157761%; }
#ne-top-pic { left:0%; top:12.52459%; width:100%; }
#ne-top-link-data .name { left:5.59796437659033%; top:64.1311475409836%; width:72.5190839694656%; }
#ne-top-link-data .txt { left:22.9007633587786%; top:70.0327868852459%; width:70.7379134860051%; }
#ne-top-link-data .button { left:52.9262086513995%; top:76%; width:42.2391857506361%; }
#ne-top-link-find .name { left:5.59796437659033%; top:82.2950819672131%; width:71.2468193384224%; }
#ne-top-link-find .txt { left:22.9007633587786%; top:88.7868852459016%; width:70.7379134860051%; }
#ne-top-link-find .button { left:52.9262086513995%; top:94.0327868852459%; width:42.2391857506361%; }

#ne-top-logo .w1 { padding-top:29.5278969957082%; }
#ne-top-copy .w1 { padding-top:63.9130434782609%; }
#ne-top-pic .w1 { padding-top:113.994910941476%; }
#ne-top-link-data .txt .w1 { padding-top:28.2608695652174%; }
#ne-top-link-data .button .w1 { padding-top:33.3333333333333%; }
#ne-top-link-find .button .w1 { padding-top:33.3333333333333%; }

#ne-top-copy .w2 { background-image:url(../img/top/copy_smp.png); }
#ne-top-pic .w2 { background-image:url(../img/top/pic_smp.png); }
#ne-top-link-data .txt .w2 { background-image:url(../img/top/data2_txt_smp.png); }

}