/*******************************************************************************
'/career/comm/control/css/login.cssから貼り付け
'*******************************************************************************/
@charset "UTF-8";
/* Document
========================================================================== */
/* sns account */
.button-login-facebook, .button-login-yahoo, .button-login-apple, .button-login-line { display: block; padding: 10px 10px 10px 10px; border: none; box-shadow: none; text-align: center;
font-size: 2.0rem; margin: 10px auto 0 auto; padding-top: 12%; display: block; box-shadow: 2px 3px 0 rgba(110, 111, 111, 0.47);}
.button-login-line { background: url("../images/Line_login_button.png") center no-repeat; width: 95%; background-size: 100% auto; margin-left:auto; margin-right:auto;}
.button-login-apple { background: url("../images/btn_apple.png") center no-repeat; width: 95%; background-size: 100% auto; margin-left:auto; margin-right:auto;}
.button-login-facebook { background: url("../images/Facebook_login_button.png") center no-repeat; width: 95%; background-size: 100% auto; margin-left:auto; margin-right:auto;}
.button-login-yahoo { background: url("../images/YahooJAPANId_login_button.png") center no-repeat; width: 95%; background-size: 100% auto; margin-left:auto; margin-right:auto;}
.button-login-facebook:hover, .button-login-yahoo:hover, .button-login-apple:hover, .button-login-line:hover { top: 3px; border: none; box-shadow: none; }
.button_1 { position: relative; min-width: 160px; text-align: center; text-decoration: none; font-weight: bold;
font-size: 1.8rem; height:0; margin: 5px;box-sizing: border-box; }
/* =============================================================================
Login
============================================================================= */
.login { background-color: #e7e9e9; /*overflow-x: hidden; max-height: calc(100vh - 210px);*/ overflow-y: auto; overflow-x: auto; max-height: none;}
.login-body { margin: 0 auto; max-width: 460px; width: 80%; }
.login-sns-account { padding: 45px 0 24px; width:95%; }
.login-sns-account > li { text-align: center; float: left; }
.login-sns-account > li:first-child { margin-top: 0; }
.login-fieldset { margin: 20px auto 10px; }
input.login-input { display: block; box-sizing: border-box; margin: 14px auto; padding: 0 16px; width: 100%;
height: 44px; border: 2px solid #dbdede; background-color: #fff; box-shadow: 0 0 0 1px #909998; font-size: 1.6rem;}
input.login-input:first-child { margin-top: 0; }
input.login-input.is-error { margin: 10px auto; border: 1px solid #dbdede; background-color: #fdeae5; box-shadow: 0 0 0 2px #fc3601; }
.login-hr { position: relative; margin: 0 auto; text-align: center; font-size: 1.6rem; }
.login-hr > p { display: inline-block; position: relative; z-index: 10; margin: 0; padding: 0 8px;
background-color: #e7e9e9; }
.login-hr::after { position: absolute; top: 50%; left: 0; z-index: 0; width: 100%;
height: 1px; background-color: #000; content: ""; }
.login-reset-password { text-align: right; }
.login-entrance { margin: 10px auto 10px; max-width: 220px; }
.login-entrance > label { display: block; margin: 0 0 14px; }
.login-entrance > button[type=submit] { display: block; min-width: 220px; font-size: 2.2rem; cursor: pointer; }
.login-footer { padding: 20px 20px 32px; background-color: #00196A; color: #fff; text-align: center; }
.login-footer > p { margin: 0 0 20px; color: #fff; text-align: center; }
.login-footer .button { padding-top: 14px; padding-bottom: 14px; min-width: 220px; font-size: 2.2rem; }
.l-responsive .login-sns-account { padding: 0px 0 5px; margin-left:auto; margin-right:auto; }
.l-responsive .login-sns-account > li { margin-top: 0px; }
.l-responsive .login-sns-account > li:first-child { margin-top: 0; }
.lgnstr{margin: 3px;font-size: 13px; clear:both;}
.lgnli1,.lgnli2,.lgnli3 {display: inline-flex;}
.lngpssf { float:right;text-decoration: underline;font-size:1.1rem;}
/**/