<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<title class="lang" lang="dspLogin"></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon">
<link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- main css -->
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/app.css">
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/header.css">
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/style.css">
<link rel="stylesheet" type="text/css" href="../css/login/login.css">
<!-- vender css -->
<link rel="stylesheet" type="text/css" href="../common/css/appCommon/fontawesome_relative_path.css">
<script type="text/javascript" src="../common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/web/i18n.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/constant.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/validation.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/common.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/login/login.js?__UPDATEID__"></script>
<script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
LOGIN.ready();
});
</script>
</head>
<body>
<form class="form-login card">
<img class="mb-4 w-100 text-center" src="../common/img/logo.svg" alt="" height="60">
<div class="form-group mb-2">
<input type="text" class="form-control lang" lang="txtLoginAccPath" placeholder="txtLoginAccPath" id="txtAccPath" maxlength="60" >
</div>
<div class="form-group mb-2">
<input type="text" class="form-control lang" lang="txtLoginId" placeholder="txtLoginId" id="txtAccId" maxlength="54" >
</div>
<div class="form-group mb-2">
<input type="password" class="form-control lang" lang="txtLoginPwd" placeholder="txtLoginPwd" id="txtPassword" >
</div>
<div class="form-group mb-2">
<select class="form-control" id="languageSelect">
<option value="ja">日本語</option>
<option value="en">英語</option>
<option value="ko">韓国語</option>
</select>
</div>
<div class="form-group mb-2">
<div class="form-check">
<p class="error lang" id="main-error-message" style="display:none;">パスワードまたはIDに誤りがあります</p>
<input type="checkbox" class="form-check-input" id="chkRemember" >
<label class="form-check-label lang" for="exampleCheck1" lang="txtLoginPwdRbr" for="chkRemember">アカウントパスとログインIDを記憶する</label>
</div>
</div>
<a id="btnLogin" lang="dspLogin" class="btn btn-primary btn-block lang" lang="dspLogin">ログイン</a>
</form>
<div class="modal" id="password-reset-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header bg-dark10">
<h5 class="modal-title">パスワード変更</h5>
</div>
<div class="modal-body">
<p class="lang" lang="txtPwdRemind" id="txtPwdRemind">
<form>
<div class="form-group mb-3">
<label for="current" class="lang" lang="txtPwdCurr">現在のパスワード</label>
<input type="password" class="form-control" id="txtCurrentPass" aria-describedby="current" maxlength="16">
</div>
<div class="form-group mb-3">
<label for="new" class="lang" lang="txtPwdNew">新しいパスワード</label>
<input type="password" class="form-control" id="txtNewPass" aria-describedby="new" maxlength="16">
</div>
<div class="form-group mb-4">
<label for="confirm" class="lang" lang="txtPwdNewRe">新しいパスワード（確認）</label>
<input type="password" class="form-control" id="txtConfirmNew" aria-describedby="confirm" maxlength="16">
</div>
</form>
<span id="dialog-error-message" class="alertTxtDialog lang"></span>
</div>
<div class="modal-footer">
<a class="btn btn-primary lang change" id="btnChange" lang="dspChange">変更</a>
<a class="btn btn-tertiary lang skip" data-dismiss="modal" id="btnSkip" lang="dspSkip">スキップ</a>
</div>
</div>
</div>
</div>
</body>
</html>