<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>ログイン</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
    <link href="../../css/starter-template.css" rel="stylesheet">
    <link href="../../css/index.css" rel="stylesheet">
</head>
<body class="login">
<nav class="navbar navbar-expand-md navbar-dark fixed-top">
    <img class="imgtitle" src="/images/h_logo.png" />
</nav>
<br>
<br>
<br>
<main role="main" class="container-fluid">
    <div class="py-5 text-center">
        <h5>ログイン</h5>
        
    </div>
    <div class="row">
        <div class="col-md-4">
        </div>
        <div class="col-md-4 login_box">
            <form action="/Login/ExecLogin" method="POST">
                <input type="hidden" name="tokenId" id="tokenId" value="" />
                <div class="form-group">
                    <label class="control-label" for="loginId">ログインID (メールアドレス)</label>
                    <input type="text" class="form-control" id="loginId" name="loginId" value="" />
                </div>
                <div class="form-group">
                    <label class="control-label" for="password">パスワード</label>
                    <input type="password" class="form-control" id="password" name="password" value="" />
                </div>
                <br>
                <div class="tx_c"><input type="submit" class="btn01 noarrow_bl round w100p" value="ログイン" ></div>
                <br>
            </form>
            <p><a href="/Login/PasswordReset">パスワードリセットはこちら</a></p>
        </div>
        <div class="col-md-4">
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
        </div>
        <div class="col-md-4">
            <ul class="list_001">
                <li><a href="/ProvisionalUser/PreInit">トライアル会員登録はこちら</a></li>
                <li><a href="/Account/PreInit">新規案件登録はこちら</a></li>
            </ul>
        </div>
        <div class="col-md-4">
        </div>
    </div>
</main>
<br>
<br>
<br>
<br>
<br>
<nav class="navbar navbar-expand-md fixed-bottom">
    <div style="margin:0 auto;">
        <div class="collapse navbar-collapse" id="navbarsFooterDefault">
            <ul class="navbar-nav mr-auto" style="margin:  0 auto;" >
                <li class="nav-item">
                    <a class="nav-link" href="https://material-connect.com/faq/" target="_blank" style="font-size: 14px;">活用方法/よくあるご質問</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://material-connect.com/contact/" style="font-size: 14px;">お問い合わせ</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://www.umi.co.jp/" target="_blank" style="font-size: 14px;">運営会社</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://www.umi.co.jp/policy/" target="_blank" style="font-size: 14px;">個人情報保護に関する基本方針</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/images/利用規約.pdf" target="_blank" style="font-size: 14px;">利用規約</a>
                </li>
            </ul>
        </div>
        <div class="collapse navbar-collapse" id="navbarsFooterDefault2">
            <ul class="navbar-nav mr-auto" style="margin:  0 auto;" >
                <li class="nav-item">
                    <span style="font-size: 14px;font-weight: bold;">Copyright © Universal Materials Incubator Co., Ltd. All Rights Reserved.</span>
                </li>
            </ul>
        </div>
    </div>
</nav>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.4/holder.min.js" crossorigin="anonymous"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6LemQOUqAAAAAIOenFdzSx7EFvePom2YGmLsEmqj"></script>

<script>
    grecaptcha.ready(function() {
        const siteKey = "6LemQOUqAAAAAIOenFdzSx7EFvePom2YGmLsEmqj";
        grecaptcha.execute(siteKey, {action: 'login'}).then(function(token) {
            document.getElementById("tokenId").value = token;
        });
    });
</script>
</body>
</html>