@charset "UTF-8";body,html{padding:0;margin:0}body{min-height:100vh;background-image:url("../../../../img/project/graduate/kanri/bg.png");margin:0 auto}#login{height:100%;min-height:100vh}.header_footer_fixer{display:flex;flex-direction:column;justify-content:space-between}#login .header{background:url("../../../../img/project/graduate/kanri/head_bg.png") repeat-x;height:100px;margin-bottom:30px}#login .logo{padding-top:35px;margin:0 auto;text-align:center}#login .logo img{height:50px}@media (max-height:720px){#login .header{height:70px;margin-bottom:20px}#login .logo{padding-top:25px;margin:0 auto;text-align:center}#login .logo img{height:37px}}#login .main{display:block;padding:0 5%;margin:0 auto;flex-grow:1}#login .main_content{height:100%}#login .ttl_main{margin-top:0;text-align:center}@media (min-width:1680px){#login .main{padding:0 10%}}#login .wrapper_login{margin:0 auto;text-align:center}@media (max-height:720px){#login .main_content{font-size:.9rem}#login .ttl_main{font-size:1.1em}}#login .login_form{display:inline-block;vertical-align:top;background-color:#fff;border:1px solid #999;border-radius:4px}#login .ttl_login_form{background:linear-gradient(to bottom,#a0c7f7 0,#4f92ea 100%);color:#fff;padding:10px 0;margin:0;text-align:center}#login .login_form_inner{padding:20px 40px}#login .dl_horizontal{display:table}#login .dl_horizontal:first-child{margin-top:0}#login .dl_horizontal>dt{display:table-cell;width:100px}#login .dl_horizontal>dd{display:table-cell;width:400px;margin-left:90px}#login .dl_horizontal input{width:95%;background-color:#f5f5f5}#login .dl_horizontal .password_input{width:100%}#login .login_link{display:table;width:100%;font-size:15px}#login .login_link>p{display:table-cell;margin:0}#login .browser_info{text-align:left}#login .recommend_environment{text-align:center}#login .forgot{text-align:right}#login .forgot>a{display:block;color:#0000ef}@media (max-height:720px){#login .ttl_login_form{padding:5px 0;font-size:1em}#login .login_form_inner{padding:10px 20px}#login .password_input .show_password_btn{background-size:20px}#login .btn_login{margin:.5em auto}#login .btn_login img{height:35px}#login .forgot{font-size:.9em}}#login .login_info{display:inline-block;width:40%;border:1px solid #999;border-radius:4px;margin-left:30px;text-align:left}#login .ttl_login_info{background-color:#656565;color:#fff;padding:10px;margin:0}#login .ttl_login_info span{border-left:3px solid #fff;margin:0 10px 0 5px}#login .login_info_detail{height:332px;padding:10px;overflow-y:scroll}#login .list_login_info{margin-top:0}#login .list_login_info>dt{color:#2f9bb6;font-weight:700;margin-bottom:5px}#login .list_login_info>dd{margin-left:0}#login .btn_login{text-align:center}@media (max-height:720px){#login .ttl_login_info{padding:5px;font-size:1em}}#login .footer{clear:both;background-color:#000;margin-top:20px;padding-top:10px;position:relative;height:150px}#login .footer_inner{padding:0 20px;margin:0 auto}@media (min-width:1680px) and (min-height:950px){#login .footer_img{top:-85%;right:5%;text-align:center}#login .footer_img img{width:100%;height:100%}}@media (max-height:720px){#login .footer{padding-top:5px;font-size:.8rem;height:120px}#login .footer_img{top:-34%;right:1%}#login .footer_img img{width:55%;height:55%}}#modal-content{display:none;width:750px;padding:20px 30px;border-radius:10px}#modal-content .title{border-bottom:1px solid #c9c9c9;padding-bottom:10px;text-align:center}#modal-content .browser_type{font-size:16px;margin:0 0 20px 0;line-height:22px}#modal-content .modal_btn_close a{width:50%;display:block;background-color:#aaa;color:#fff;padding:10px;margin:0 auto;border-radius:4px;text-align:center}#password_info_modal{display:none;width:850px;margin:1.5rem auto;border:2px solid #aaa;border-radius:10px;padding:20px 30px;background:#fff;z-index:2}#password_info_modal .title{margin-bottom:1.5rem;border-bottom:1px solid #c9c9c9;padding-bottom:10px;text-align:center}#password_info_modal .field:not(:last-child){margin-bottom:2.5rem}#password_info_modal .header{margin-bottom:.5rem;font-weight:700}#password_info_modal .text{margin-left:2rem}#password_info_modal .mailer_trigger{display:inline-block;padding:.25rem 0}#password_info_modal .modal_btn_close a{width:50%;display:block;background-color:#aaa;color:#fff;padding:10px;margin:0 auto;border-radius:4px;text-align:center}@media (max-height:23.5rem){#password_info_modal{height:calc(100vh - 3rem - 40px);overflow:auto}#password_info_modal .title{position:sticky;top:0;background-color:#fff}#password_info_modal .title:before{position:absolute;top:-20px;right:0;height:20px;width:100%;content:"";background-color:#fff}}#lean_overlay{position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:#000;display:none}.myself_login_link{margin:.5rem 0 0 0;text-align:right}.myself_login_link>p{margin:0 0 5px}.myself_login_link>p:first-child:before{display:inline-block;width:22px;height:22px;content:"";background:url(../../../../img/myself/icon_info_black.png) no-repeat;background-size:cover;position:relative;top:3px}@media (max-height:720px){.myself_login_link>p:first-child:before{width:20px;height:20px}}#browser_info_modal{display:none}