<turbo-stream action="replace" target="auth-modal-title"><template>
  <turbo-frame id="auth-modal-title">
    <p class="auth-form__description">
      <a target="_blank" rel="noopener" data-turbo="false" href="/privacy_policy">個人情報保護方針</a> および <a target="_blank" rel="noopener" data-turbo="false" href="/terms_of_service">利用規約</a> に同意のうえ<br>
      ご登録をお願いいたします。
    </p>
  <turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="auth-modal-body"><template>
  <form class="new_user" id="new_user" action="/users/register" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XK_WbIo9psRozT_I4I2naMxKnby5gwW7DM5QQ-979AzJgbRKLx4AJoyTw7_zuip5CvP55sb9p0yXc4G1bkITDQ" autocomplete="off" />
    <div class="auth-form-field">
      <label class="auth-form-field__label" for="user_email">メールアドレスを入力</label><br>
      <input autofocus="autofocus" autocomplete="email" placeholder="例）example@example.com" class="auth-form-field__input" type="email" value="" name="user[email]" id="user_email" />
    </div>

    <div class="auth-form-field" data-controller="password-visibility">
      <label class="auth-form-field__label" for="user_password">パスワードを入力</label>

      <div class="auth-form__wrapper">
        <input autocomplete="new-password" class="auth-form-field__input password-placeholder" placeholder="半角英数字6文字以上で入力してください" data-password-visibility-target="input" data-spellcheck="false" type="password" name="user[password]" id="user_password" />
        <button type="button" class="auth-form__password-visibility-button" data-action="password-visibility#toggle">
          <span data-password-visibility-target="icon" class="fa fa-eye hidden"></span>
          <span data-password-visibility-target="iconSlash" class="fa fa-eye-slash"></span>
        </button>
      </div>
    </div>

    <div class="auth-form-field" data-controller="password-visibility">
      <label class="auth-form-field__label" for="user_password_confirmation">パスワードを入力(確認用)</label><br>

      <div class="auth-form__wrapper">
        <input autocomplete="new-password" class="auth-form-field__input password-placeholder" placeholder="半角英数字6文字以上で入力してください" data-password-visibility-target="input" data-spellcheck="false" type="password" name="user[password_confirmation]" id="user_password_confirmation" />
        <button type="button" class="auth-form__password-visibility-button" data-action="password-visibility#toggle">
          <span data-password-visibility-target="icon" class="fa fa-eye hidden"></span>
          <span data-password-visibility-target="iconSlash" class="fa fa-eye-slash"></span>
        </button>
      </div>
    </div>

    <div class="auth-form-field sp-center">
      <button type="submit" class="auth-form-field__submit-button ">
        <p class="auth-form-field__submit-text">新規会員登録</p>
        <img alt="クリックアイコン" class="auth-form-field__submit-icon" src="/assets/registration/registration_submit_icon-2ac8d584509fd82cc0cd0dfc29b9e289975f7fc1c181d66b95597df5fabb2853.png" />
      </button>
    </div>
</form>
  <p class="sns-text">以下のアカウントで登録する</p>
    <div class="sns-buttons">

        <form class="button_to" method="post" action="/users/auth/google_oauth2"><button data-turbo="false" class="sns-button" type="submit">
          <div class="sns-button--inner">
            <div class="sns-button__icon">
              <img alt="Googleアイコン" src="/assets/registration/google_submit_icon-2452dee2cf3963a31893f58f90749f6781124f37825e3e4c01b794e89f92306a.png" />
            </div>

            <span class="sns-button__text">Google</span>
          </div>
</button><input type="hidden" name="authenticity_token" value="LMiiSuFp_2IopJfSz67cVped-mfqYjEvj1MCuA82gjSNmBaQUS-TCR-5NNjFHC-wqw6SagLepY6bGRrttF_emA" autocomplete="off" /></form>


        <form class="button_to" method="post" action="/users/auth/line"><button data-turbo="false" class="sns-button" type="submit">
          <div class="sns-button--inner">
            <div class="sns-button__icon">
              <img alt="LINEアイコン" src="/assets/registration/line_submit_icon-f3d9fadb04a76b6b78cf47d79a3630d622c9c06d1bb4c419e8017834424b91ae.png" />
            </div>

            <span class="sns-button__text">LINE</span>
          </div>
</button><input type="hidden" name="authenticity_token" value="lvkDN3OJHMSddYWoQLHj1jdCh8pojsLygnT1y6QroQnECyODfsaEhBOrJZGh6PtMY-tByP5RJQVcvO3t23a-rA" autocomplete="off" /></form>  </div>

  
<div class="auth-page__links">
      <a href="/users/login">ログインはこちら</a><br>



      <a href="/users/verification/new">本人確認メールを再送</a><br>
</div>

</template></turbo-stream>