@charset "utf-8";

/* login2 : s */

.login-new label {width: 100%}
.login-new input[type=text],input.text {width: 100%;}
.login-new .text-green {color: #178563 !important;font-weight: bold;}

.login-new .logo-wrap {z-index: 11;width: 100%;padding-bottom: 73px;}
.login-new .logo-wrap > a {display:block; width:100%;}
.login-new .logo-wrap > a:focus{outline: 2px dotted #1bc377;}
.login-new .logo-wrap > a span {display:inline-block;width: 130px;height: 38px;background-image: url(/images/career/common/logo.png);background-repeat: no-repeat;background-size: auto 38px;font-size: 0;vertical-align: top;}
.login-new .logo-wrap > a em {display:inline-block;position: relative;line-height: 1.3;margin-left: 28px;text-align: left;font-size: 15px;font-family: 'nsr';font-weight: bold;color: #282828;}
.login-new .logo-wrap > a em:before {display:inline-block;position: absolute;top: 0;left: -14px;content:'';width:1px;height: 38px;background:#d8d8d8;vertical-align: top;}

.login-new .h2:first-child {margin-bottom: 47px;}
.login-new .h2:before {display: none;}

.login-new .login-wrap {display: flex;/* height: 732px; */align-items: center;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15);border-radius: 20px;}
.login-new .login-wrap .box {padding-top:100px;padding-bottom: 91px;width: 100%;height: 100%;}

.login-new .login-wrap .left {padding-right: 143px;padding-left: 143px;max-width: 758px;}
.login-new .login-wrap .left .left-wrap {min-height: 607px;}
.login-new .login-wrap .left form input {border: 1px solid #DDDDDD;padding: 15px 10px 15px 15px;font-size: 15px;border-radius: 5px;height: 60px;margin-bottom: 24px;}
.login-new .login-wrap .left form input:focus {outline: 2px solid #178563;}
.login-new .login-wrap .left form input[type='password'] {margin-bottom: 14px;}
.login-new .login-wrap .left .login label {margin-bottom: 15px;}
.login-new .login-wrap .left .login_bt {display:block;width: 100%;height: 70px;background-color: #178563;border-radius: 10px;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);margin-top: 40px;}
.login-new .login-wrap .left .login_bt em {font-size: 20px; font-weight: bold; color: #fff;}
.login-new .login-wrap .left .regist {margin-top: 20px;display: flex;flex-direction: column;}
.login-new .login-wrap .left .regist a {display: inline-block;height:28px;line-height:28px;color:#8c8c8c;font-weight:bold;}
.login-new .login-wrap .left .regist a:hover,.login-new .login-wrap .left .regist a:focus {color:#178563; text-decoration: underline;}

.login-new .login-wrap .right {padding-left: 59px;padding-right: 59px;max-width: 482px;background-image: url(/images/career/common/login_bg.png);background-position: center center;background-repeat: no-repeat;background-size: cover;color: #fff;font-size: 14px;border-radius: 0 20px 20px 0;/* height: 100%; */}
.login-new .login-wrap .right .text-wrap {min-height: 359px;}
.login-new .login-wrap .right .text-wrap span {line-height: 1.4;}
.login-new .login-wrap .right .notice-wrap {padding:36px 72px 30px;margin-top: 50px; background-color: rgba(0,0,0,0.25); box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 10px;}
.login-new .login-wrap .right .notice-wrap span {position:relative;display: block;line-height: 1.4;margin-bottom: 4px;}
.login-new .login-wrap .right .notice-wrap span:last-child {margin-bottom: 0;}
.login-new .login-wrap .right .notice-wrap span:before {position: absolute; top: 9px; left: -12px; width:5px; height: 5px; background-color: #fff; border-radius: 50%; content:'';}
.login-new .login-wrap .right .notice-wrap .button-wrap {margin-top: 30px;text-align: center;}
.login-new .login-wrap .right .notice-wrap a {display: inline-block;/* padding-top: 20px; *//* margin: 0 auto; */width: 134px;height: 37px;background-color: #fff;border-radius: 5px;line-height: 37px;text-align: center;color: #178563;font-weight: bold;}


@media (max-width: 1550px) {
    .login-new .login-wrap .left {max-width: 900px;}
    .login-new .login-wrap .right {max-width: 553px;}
    .login-new .login-wrap .right .notice-wrap {padding-left: 100px;padding-right: 100px;}
}

@media (max-width: 1280px) {
    .login-new .login-wrap .left {padding-right: 50px;padding-left: 50px;}
    .login-new .login-wrap .right {width: 70%;}
    .login-new .login-wrap .right .notice-wrap {padding-left: 50px;padding-right: 50px;}
}

@media (max-width: 1024px) {
    .login-new .login-wrap {display: block;}
    .login-new .login-wrap .left {padding-bottom: 50px;max-width: none;}
    .login-new .login-wrap .left .left-wrap {min-height: auto;}
    .login-new .login-wrap .right {width:100%;max-width:none;padding-top: 50px;padding-bottom: 50px;border-radius: 0 0 20px 20px;padding-left: 50px;padding-right: 50px;}
    .login-new .login-wrap .right .text-wrap {min-height: auto;margin-bottom: 50px;/* padding-left: 80px; *//* padding-right: 80px; */}
    .login-new .login-wrap .right .notice-wrap {max-width:364px;margin: 0 auto;padding-left: 60px;padding-right: 60px;}
}

@media (max-width: 560px) {
    .login-new .logo-wrap > a span {width: 106px;height: 30px;background-size: auto 30px;}
    .login-new .logo-wrap > a em {margin-left: 20px;font-size: 13px;}
    .login-new .login-wrap .right {background-size: 120%}
}

@media (max-width: 520px) {
    .login-new .login-wrap .right .notice-wrap {padding-right:40px;padding-left:40px;}
}

@media (max-width: 480px) {
    .login-new .login-wrap .right {background-size: cover;}
}

@media (max-width: 460px) {
    .login-new .logo-wrap {padding-bottom:50px;}
    .login-new .logo-wrap > a em {margin-left: 10px;}
    .login-new .logo-wrap > a em:before {display: none;}
    .login-new .login-wrap .left {padding-top: 60px;padding-right:30px;padding-left:30px;}
    .login-new .login-wrap .left .login label {font-size:14px;}
    .login-new .login-wrap .left form input {height: 50px;font-size:14px;}
    .login-new .login-wrap .left form .pw {font-size:14px;}
    .login-new .login-wrap .left .login_bt {height:50px}
    .login-new .login-wrap .left .login_bt em {font-size:16px;}
    .login-new .login-wrap .left .regist {font-size:14px;}
    .login-new .login-wrap .right {padding-right:30px;padding-left:30px;}
}

@media (max-width: 410px) {
    .login-new .logo-wrap {padding-bottom: 30px;box-shadow:none;border:1px solid #178563;    border-radius: 0;}
    .login-new .login-wrap .right{border-radius: 0;}
    .login-new .logo-wrap > a span {width: 96px;height: 28px;background-size: auto 28px;}
    .login-new .logo-wrap > a em {font-size: 11px;margin-left: 5px;}
    .login-new .login-wrap .left {padding: 30px 20px;}
    .login-new .login-wrap .left .login label {margin-bottom:8px;}
    .login-new .login-wrap .left .login_bt {margin-top: 24px;}
    .login-new .login-wrap .right {padding: 30px 20px;}
    .login-new .login-wrap .right .text-wrap {margin-bottom:40px;}
    .login-new .login-wrap .right .notice-wrap {padding:30px 40px;}
}

/* login2 : e */