
export default function ChangePasswordPop(){
    return(
        <div className="modal-popup">
            <div className="modal-dialog">
                <div className="modal-content">
                    <div className="modal-header">
                        <h1 className="title">パスワード変更 </h1>
                        <button className="modal-close">닫기</button>
                    </div>
                    <div className="modal-body">
                        <div className="modal-body-inner">
                            <div className="change-password-box">
                                <div className="form-table">
                                    <div className="table-item">
                                        <div className="table-item-th">
                                            <div className="change-password-tit">
                                                <div className="tit-b">新しいパスワードを入力</div>
                                                <div className="tit-s">半角10文字以内 </div>
                                            </div>
                                        </div>
                                        <div className="table-item-td">
                                            <div className="change-password-input">
                                                <input type="text" className="change-password"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div className="table-item">
                                        <div className="table-item-th">
                                            <div className="change-password-tit">
                                                <div className="tit-b">新規パスワード再入力</div>
                                                <div className="tit-s">半角10文字以内 </div>
                                            </div>
                                        </div>
                                        <div className="table-item-td">
                                            <div className="change-password-input">
                                                <input type="text" className="change-password"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="change-password-guide">
                                <span>初期化されたパスワードでログインした場合、パスワードを変更しなければサイト利用が可能です。</span>
                                <span>パスワードを変更しない場合は、ログイン画面に進みます。</span>
                            </div>
                        </div>
                        <div className="footer-btn-wrap">
                            <button className="btn-origin navy mr5">変更</button>
                            <button className="btn-origin grey">変更しない</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}