From 7d950c5cd81c537d761c26d8a2d2212988c02b87 Mon Sep 17 00:00:00 2001
From: Yu Watanabe <watanabe@s-force.co.jp>
Date: Fri, 5 Sep 2025 13:11:00 +0900
Subject: [PATCH] =?UTF-8?q?9=E6=9C=881=E9=80=B1=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                          |   10 +-
 app/CommonFunction.php                        |   41 +
 .../Controllers/InquiryConfirmController.php  |    6 +-
 .../MemberRegistrationController.php          |  172 ++-
 .../PasswordReminderController.php            |   71 ++
 app/Models/User.php                           |   41 +-
 config/app.php                                |    2 +-
 config/emailaddress.php                       |    5 -
 config/env.php                                |    6 +
 public/assets/css/app.css                     | 1100 +++++++++++++++++
 .../emails/member_regist_complete.blade.php   |   23 +
 .../views/emails/member_regist_info.blade.php |    2 +-
 .../views/emails/password_remind.blade.php    |   27 +
 resources/views/error.blade.php               |   28 +
 resources/views/swo2_1.blade.php              |   11 +-
 resources/views/swo2_3.blade.php              |   45 +-
 resources/views/swo2_4.blade.php              |   36 +-
 resources/views/swo8_2.blade.php              |   18 +-
 routes/web.php                                |   15 +-
 19 files changed, 1561 insertions(+), 98 deletions(-)
 create mode 100644 app/CommonFunction.php
 create mode 100644 app/Http/Controllers/PasswordReminderController.php
 delete mode 100644 config/emailaddress.php
 create mode 100644 config/env.php
 create mode 100644 public/assets/css/app.css
 create mode 100644 resources/views/emails/member_regist_complete.blade.php
 create mode 100644 resources/views/emails/password_remind.blade.php
 create mode 100644 resources/views/error.blade.php

diff --git a/.env b/.env
index 19d07a3..06b9e78 100644
--- a/.env
+++ b/.env
@@ -2,7 +2,7 @@ APP_NAME=so-manager
 APP_ENV=local
 APP_KEY=base64:ejLwJbt2bEXY9emPUmsurG+X1hzkjTxQQvq2/FO14RY=
 APP_DEBUG=true
-APP_URL=https://main-watanabe.so-manager-dev.com/
+APP_URL=http://so-manager-dev.localhost:81/public/
 
 APP_LOCALE=ja
 APP_FALLBACK_LOCALE=ja
@@ -51,12 +51,12 @@ MAIL_MAILER=smtp
 MAIL_SCHEME=null
 MAIL_HOST=smtp.gmail.com
 MAIL_PORT=587
-MAIL_USERNAME=""
-MAIL_PASSWORD=""
+MAIL_USERNAME="is1001475@gmail.com"
+MAIL_PASSWORD="bdipeszxtphlryfz"
 MAIL_ENCRYPTION=tls 
-MAIL_FROM_ADDRESS=""
+MAIL_FROM_ADDRESS="watanabe@s-force.co.jp"
 MAIL_FROM_NAME="${APP_NAME}"
-MAIL_ADMIN=""
+MAIL_ADMIN="watanabe@s-force.co.jp"
 
 AWS_ACCESS_KEY_ID=
 AWS_SECRET_ACCESS_KEY=
diff --git a/app/CommonFunction.php b/app/CommonFunction.php
new file mode 100644
index 0000000..2269930
--- /dev/null
+++ b/app/CommonFunction.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App;
+
+// 共通処理関数クラス
+class CommonFunction
+{
+    // 7DSRチェックデジット計算
+    public function calc7dsr($number) {
+        $sum = 0;
+        $weights = [2, 3, 4, 5, 6, 7];
+        $digits = str_split(strrev($number));
+        foreach ($digits as $i => $digit) {
+            $sum += $digit * $weights[$i % count($weights)];
+        }
+        $checkDigit = (10 - ($sum % 10)) % 10;
+        return $checkDigit;
+    }
+
+    // 初期パスワード作成
+    public function createPassword() {
+        // 使用可能文字 (使用不可：1,l,L,i,I,z,Z,2,o,O,0)
+        $chars = 'ABCDEFGHJKMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz3456789';
+        $password = '';
+        $length = 8;
+        $max = strlen($chars) - 1;
+        for ($i = 0; $i < $length; $i++) {
+            $password .= $chars[random_int(0, $max)];
+        }
+        return $password;
+    }
+
+    // パスワードハッシュ化
+    public function hashPassword($user_seq, $password) {
+        $hash = hash('sha256', $password) . $user_seq . 'SOMSALT';
+        for ($i = 0; $i < 25; $i++) {
+            $hash = hash('sha256', $hash);
+        }
+        return $hash;
+    }
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/InquiryConfirmController.php b/app/Http/Controllers/InquiryConfirmController.php
index a269e0a..9f3f550 100644
--- a/app/Http/Controllers/InquiryConfirmController.php
+++ b/app/Http/Controllers/InquiryConfirmController.php
@@ -14,9 +14,7 @@ class InquiryConfirmController extends Controller
         ["name", "text", "氏名*", ""],
         ["email", "email", "メールアドレス*", ""],
         ["tel", "text", "電話番号*", ""],
-        ["subject", "checkbox", "お問い合わせ概要*", [
-            "定期契約について", "操作方法について", "支払方法について", "その他お問合せ"
-        ]],
+        ["subject", "checkbox", "お問い合わせ概要*", ["定期契約について", "操作方法について", "支払方法について", "その他お問合せ"]],
         ["parking", "text", "お問い合わせ駐輪場名", ""],
         ["detail", "textarea", "お問い合わせ詳細*", ""],
     ];
@@ -103,7 +101,7 @@ class InquiryConfirmController extends Controller
             'parking' => $request->input('parking'),
             'detail' => $request->input('detail'),
         ], function ($message) use ($request) {
-            $message->to(config('emailaddress.mail_admin'))->subject('【So-Manager】お問い合わせ受信');
+            $message->to(config('env.mail_admin'))->subject('【So-Manager】お問い合わせ受信');
         });
 
         // 完了画面に遷移
diff --git a/app/Http/Controllers/MemberRegistrationController.php b/app/Http/Controllers/MemberRegistrationController.php
index f7fe80e..9ccd188 100644
--- a/app/Http/Controllers/MemberRegistrationController.php
+++ b/app/Http/Controllers/MemberRegistrationController.php
@@ -2,25 +2,189 @@
 
 namespace App\Http\Controllers;
 
+use App\CommonFunction;
 use App\Http\Controllers\Controller;
+use App\Models\User;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Validator;
 use Illuminate\Support\Facades\Mail;
+use Illuminate\Support\Facades\URL;
 
 class MemberRegistrationController extends Controller
 {
     // 会員登録案内メール送信
     public function sendMail(Request $request)
     {
-        // 会員登録用URL生成
-        $url = $request->input('url');
+        // バリデーションチェック
+        $rules  = ['email' => 'required | email'];
+        $message = [
+            'email.required' => 'メールアドレスを入力してください',
+            'email.email' => 'メールアドレスの形式が正しくありません'
+        ];
+        $validator = Validator::make($request->all(), $rules, $message);
+        if ($validator->fails()) {
+            return redirect('/swo2_1')
+                ->withErrors($validator)
+                ->withInput();
+        }
+
+        // 登録済メールアドレスチェック
+        $email = $request->input('email');
+        $existingMember = User::where('user_primemail', $email)->get();
+        foreach ($existingMember as $member) {
+            if ($member->user_quit_flag != 1) {
+                return redirect('/swo2_1')
+                    ->withErrors(['email' => '指定のメールアドレスは既に使用されています。'])
+                    ->withInput();
+            }
+        }
+        
+        // 会員登録用暗号化URL生成（有効期限30分）
+        $url = URL::temporarySignedRoute('swo2_3', now()->addMinutes(30), ['email' => encrypt($email)]);
 
         // メール送信
-        Mail::send(["text" => 'emails.member_regist_info'], ['url' => $url], function ($message) use ($request) {
-            $message->to($request->input('email'))->subject('【So-Manager】新規ユーザー登録用URLのご案内');
+        Mail::send(["text" => 'emails.member_regist_info'], ['url' => $url], function ($message) use ($email) {
+            $message->to($email)->subject('【So-Manager】新規ユーザー登録用URLのご案内');
         });
 
         // 完了画面遷移
         return view('/swo2_2');
     }
+
+    // 入力画面表示
+    public function index()
+    {
+        // 署名付きURLの有効期限チェック
+        if (!request()->hasValidSignature()) {
+            return redirect('/error')->withErrors(['error' => '署名の有効期限が切れています']);
+        }
+
+        // 初回遷移(GETアクセス)時のリクエストパラメータチェック
+        if (!session()->has('email')) {
+
+            // パラメータ存在チェック
+            $encryptedEmail = request()->query('email');
+            if (!$encryptedEmail) {
+                return redirect('/error')->withErrors(['error' => 'メールアドレスが指定されていません']);
+            }
+
+            // パラメータ整合性チェック
+            try {
+                $email = decrypt($encryptedEmail);
+            } catch (\Exception $e) {
+                return redirect('/error')->withErrors(['error' => 'メールアドレスの情報が不正です']);
+            }
+
+            // 二重登録防止チェック
+            $existingMember = User::where('user_primemail', $email)->get();
+            foreach ($existingMember as $member) {
+                if ($member->user_quit_flag != 1) {
+                    return redirect('/error')->withErrors(['error' => '既に登録済みです']);
+                }
+            }
+
+            // メールアドレスをセッションに保存
+            session(['email' => $email]);
+        }
+
+        // 入力画面に遷移
+        return view('/swo2_3');
+    }
+
+    // 確認画面表示
+    public function confirm(Request $request)
+    {
+        // 登録完了後のブラウザバックによる二重登録対策
+        if (!session()->has('email')) {
+            return redirect('/error')->withErrors(['error' => '不正なアクセスです']);
+        }
+
+        // 入力チェック内容 (メールアドレスはセッションから取得するため対象外)
+        $rules  = [
+            'name' => 'required',
+            'kana' => 'required|regex:/^[ァ-ヶー]+$/u',
+            'phone.*' => 'required|regex:/^[0-9]+$/',
+            'mobile.*' => 'nullable|regex:/^[0-9]+$/',
+        ];
+
+        // エラーメッセージ (メールアドレスはセッションから取得するため対象外)
+        $message = [
+            'name.required' => '名前を入力してください',
+            'kana.required' => 'フリガナを入力してください',
+            'kana.regex' => 'フリガナは全角カタカナで入力してください',
+            'phone.*' => '電話番号を正しく入力してください',
+            'mobile.*' => '予備電話番号を正しく入力してください',
+        ];
+
+        // バリデーションチェック
+        $validator = Validator::make($request->all(), $rules, $message);
+        if ($validator->fails()) {
+            return redirect('/swo2_3')
+                ->withErrors($validator)
+                ->withInput();
+        }
+
+        // 画面返却値
+        $input_data = [
+            "name" => $request->input('name'),
+            "kana" => $request->input('kana'),
+            "phone" => $request->input('phone'),
+            "mobile" => $request->input('mobile'),
+            "email" => session('email'),
+        ];
+
+        // 確認画面に遷移
+        return view('/swo2_4',  ['input_data' => $input_data]);
+    }
+
+    // 会員登録 or 戻る
+    public function complete(Request $request)
+    {
+        // 前の画面に戻る
+        if($request->input('back') == 'back'){
+            return redirect('/swo2_3')->withInput();
+        }
+
+        // 登録完了後のブラウザバックによる二重登録対策
+        if (!session()->has('email')) {
+            return redirect('/error')->withErrors(['error' => '不正なアクセスです']);
+        }
+
+        // 利用者連番、利用者ID(利用者連番+7DSRチェックデジット)、初期パスワード(ハッシュ化)を生成
+        $commonFunction = new CommonFunction();
+        $nextSeq = \DB::table('user')->max('user_seq') + 1;
+        $userId = $nextSeq . $commonFunction->calc7dsr($nextSeq);
+        $userPass = $commonFunction->createPassword();
+        $userPassHash = $commonFunction->hashPassword($nextSeq, $userPass);
+
+        // 会員情報登録
+        $user = new User();
+        $user->user_seq = $nextSeq;
+        $user->user_id = $userId;
+        $user->user_pass = $userPassHash;
+        $user->tag_qr_flag = 1;
+        $user->user_name = $request->input('name');
+        $user->user_phonetic = $request->input('kana');
+        $user->user_homephone = $request->input('phone');
+        $user->user_mobile = $request->input('mobile');
+        $user->user_primemail = session('email');
+        $user->user_quit_flag = 0;
+        $user->created_at = now();
+        $user->updated_at = now();
+        $user->save();
+
+        // 登録完了メール送信
+        Mail::send(["text" => 'emails.member_regist_complete'], [
+            'user_name' => $request->input('name'),
+            'user_pass' => $userPass,
+        ], function ($message) use ($user) {
+            $message->to($user->user_primemail)->subject('【So-Manager】ユーザー登録完了のご連絡');
+        });
+
+        // セッション削除
+        session()->forget('email');
+
+        // 完了画面に遷移
+        return view('/swo2_5');
+    }
 }
\ No newline at end of file
diff --git a/app/Http/Controllers/PasswordReminderController.php b/app/Http/Controllers/PasswordReminderController.php
new file mode 100644
index 0000000..d8ffb6a
--- /dev/null
+++ b/app/Http/Controllers/PasswordReminderController.php
@@ -0,0 +1,71 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\CommonFunction;
+use App\Http\Controllers\Controller;
+use App\Models\User;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Validator;
+use Illuminate\Support\Facades\Mail;
+
+class PasswordReminderController extends Controller
+{
+    // パスワード再設定メール送信
+    public function sendMail(Request $request)
+    {
+        // 入力チェック内容
+        $rules  = [
+            'email' => 'required | email',
+            'phone.*' => 'required|regex:/^[0-9]+$/',
+        ];
+        
+        // エラーメッセージ
+        $message = [
+            'email.required' => 'メールアドレスを入力してください',
+            'email.email' => 'メールアドレスの形式が正しくありません',
+            'phone.*' => '電話番号を正しく入力して下さい',
+        ];
+
+        // バリデーションチェック
+        $validator = Validator::make($request->all(), $rules, $message);
+        if ($validator->fails()) {
+            return redirect('/swo8_2')
+                ->withErrors($validator)
+                ->withInput();
+        }
+
+        // 存在チェック　([本メールアドレス or 予備メールアドレス] and [携帯電話番号 or 自宅電話番号]に一致するデータ)
+        $email = $request->input('email');
+        $phone = implode('-', $request->input('phone'));
+        $existingMember = User::where(function ($query) use ($email) {
+            $query->where('user_primemail', $email)->orWhere('user_submail', $email);
+        })->where(function ($query) use ($phone) {
+            $query->where('user_mobile', $phone)->orWhere('user_homephone', $phone);
+        })->first();
+        if (!$existingMember) {
+            return redirect('/swo8_2')
+                ->withErrors(['nodata' => '該当する会員情報が見つかりませんでした'])
+                ->withInput();
+        }
+
+        // パスワード変更
+        $commonFunction = new CommonFunction();
+        $userPass = $commonFunction->createPassword();
+        $userPassHash = $commonFunction->hashPassword($existingMember->user_seq, $userPass);
+        $existingMember->user_pass = $userPassHash;
+        $existingMember->updated_at = now();
+        $existingMember->save();
+
+        // 通知メール送信
+        Mail::send(["text" => 'emails.password_remind'], [
+            'name' => $existingMember->user_name,
+            'pass' => $userPass
+        ], function ($message) use ($email) {
+            $message->to($email)->subject('【So-Manager】パスワード再発行完了');
+        });
+
+        // 完了画面遷移
+        return view('/swo8_3');
+    }
+}
\ No newline at end of file
diff --git a/app/Models/User.php b/app/Models/User.php
index 749c7b7..9a9c24b 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -9,40 +9,23 @@ use Illuminate\Notifications\Notifiable;
 
 class User extends Authenticatable
 {
-    /** @use HasFactory<\Database\Factories\UserFactory> */
     use HasFactory, Notifiable;
 
-    /**
-     * The attributes that are mass assignable.
-     *
-     * @var list<string>
-     */
-    protected $fillable = [
-        'name',
-        'email',
-        'password',
-    ];
+    // テーブル名
+    protected $table = 'user';
 
-    /**
-     * The attributes that should be hidden for serialization.
-     *
-     * @var list<string>
-     */
-    protected $hidden = [
-        'password',
-        'remember_token',
-    ];
+    // 主キー
+    protected $primaryKey = 'user_seq';
 
-    /**
-     * Get the attributes that should be cast.
-     *
-     * @return array<string, string>
-     */
+    // 一括登録・一括更新可能なカラムの指定
+    protected $fillable = [];
+
+    // 一括取得時の対象外項目
+    protected $hidden = [];
+
+    // 対象項目をキャスト
     protected function casts(): array
     {
-        return [
-            'email_verified_at' => 'datetime',
-            'password' => 'hashed',
-        ];
+        return [];
     }
 }
diff --git a/config/app.php b/config/app.php
index 324b513..182fbeb 100644
--- a/config/app.php
+++ b/config/app.php
@@ -65,7 +65,7 @@ return [
     |
     */
 
-    'timezone' => 'UTC',
+    'timezone' => 'Asia/Tokyo',
 
     /*
     |--------------------------------------------------------------------------
diff --git a/config/emailaddress.php b/config/emailaddress.php
deleted file mode 100644
index 3732168..0000000
--- a/config/emailaddress.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<?php
-
-return [
-    'mail_admin'   => env('MAIL_ADMIN', 'admin@example.com'),
-];
\ No newline at end of file
diff --git a/config/env.php b/config/env.php
new file mode 100644
index 0000000..0edd8e3
--- /dev/null
+++ b/config/env.php
@@ -0,0 +1,6 @@
+<?php
+
+// 環境変数保持用config
+return [
+	'mail_admin' => env('MAIL_ADMIN', 'admin@example.com'),
+];
\ No newline at end of file
diff --git a/public/assets/css/app.css b/public/assets/css/app.css
new file mode 100644
index 0000000..f4f1d4f
--- /dev/null
+++ b/public/assets/css/app.css
@@ -0,0 +1,1100 @@
+/*!
+ * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
+ * Author: boniface pereira
+ * Website: www.craftpip.com
+ * Contact: hey@craftpip.com
+ *
+ * Copyright 2013-2017 jquery-confirm
+ * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
+ */
+@-webkit-keyframes jconfirm-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes jconfirm-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+body[class*=jconfirm-no-scroll-] {
+  overflow: hidden !important;
+}
+.jconfirm {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 99999999;
+  font-family: inherit;
+  overflow: hidden;
+}
+.jconfirm .jconfirm-bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  -webkit-transition: opacity .4s;
+  transition: opacity .4s;
+}
+.jconfirm .jconfirm-bg.jconfirm-bg-h {
+  opacity: 0 !important;
+}
+.jconfirm .jconfirm-scrollpane {
+  -webkit-perspective: 500px;
+          perspective: 500px;
+  -webkit-perspective-origin: center;
+          perspective-origin: center;
+  display: table;
+  width: 100%;
+  height: 100%;
+}
+.jconfirm .jconfirm-row {
+  display: table-row;
+  width: 100%;
+}
+.jconfirm .jconfirm-cell {
+  display: table-cell;
+  vertical-align: middle;
+}
+.jconfirm .jconfirm-holder {
+  max-height: 100%;
+  padding: 50px 0;
+}
+.jconfirm .jconfirm-box-container {
+  -webkit-transition: -webkit-transform;
+  transition: -webkit-transform;
+  transition: transform;
+  transition: transform, -webkit-transform;
+}
+.jconfirm .jconfirm-box-container.jconfirm-no-transition {
+  -webkit-transition: none !important;
+  transition: none !important;
+}
+.jconfirm .jconfirm-box {
+  background: white;
+  border-radius: 4px;
+  position: relative;
+  outline: none;
+  padding: 15px 15px 0;
+  overflow: hidden;
+  margin-left: auto;
+  margin-right: auto;
+}
+@-webkit-keyframes type-blue {
+  1%,
+  100% {
+    border-color: #3498db;
+  }
+  50% {
+    border-color: #5faee3;
+  }
+}
+@keyframes type-blue {
+  1%,
+  100% {
+    border-color: #3498db;
+  }
+  50% {
+    border-color: #5faee3;
+  }
+}
+@-webkit-keyframes type-green {
+  1%,
+  100% {
+    border-color: #2ecc71;
+  }
+  50% {
+    border-color: #54d98c;
+  }
+}
+@keyframes type-green {
+  1%,
+  100% {
+    border-color: #2ecc71;
+  }
+  50% {
+    border-color: #54d98c;
+  }
+}
+@-webkit-keyframes type-red {
+  1%,
+  100% {
+    border-color: #e74c3c;
+  }
+  50% {
+    border-color: #ed7669;
+  }
+}
+@keyframes type-red {
+  1%,
+  100% {
+    border-color: #e74c3c;
+  }
+  50% {
+    border-color: #ed7669;
+  }
+}
+@-webkit-keyframes type-orange {
+  1%,
+  100% {
+    border-color: #f1c40f;
+  }
+  50% {
+    border-color: #f4d03f;
+  }
+}
+@keyframes type-orange {
+  1%,
+  100% {
+    border-color: #f1c40f;
+  }
+  50% {
+    border-color: #f4d03f;
+  }
+}
+@-webkit-keyframes type-purple {
+  1%,
+  100% {
+    border-color: #9b59b6;
+  }
+  50% {
+    border-color: #b07cc6;
+  }
+}
+@keyframes type-purple {
+  1%,
+  100% {
+    border-color: #9b59b6;
+  }
+  50% {
+    border-color: #b07cc6;
+  }
+}
+@-webkit-keyframes type-dark {
+  1%,
+  100% {
+    border-color: #34495e;
+  }
+  50% {
+    border-color: #46627f;
+  }
+}
+@keyframes type-dark {
+  1%,
+  100% {
+    border-color: #34495e;
+  }
+  50% {
+    border-color: #46627f;
+  }
+}
+.jconfirm .jconfirm-box.jconfirm-type-animated {
+  -webkit-animation-duration: 2s;
+          animation-duration: 2s;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+}
+.jconfirm .jconfirm-box.jconfirm-type-blue {
+  border-top: solid 7px #3498db;
+  -webkit-animation-name: type-blue;
+          animation-name: type-blue;
+}
+.jconfirm .jconfirm-box.jconfirm-type-green {
+  border-top: solid 7px #2ecc71;
+  -webkit-animation-name: type-green;
+          animation-name: type-green;
+}
+.jconfirm .jconfirm-box.jconfirm-type-red {
+  border-top: solid 7px #e74c3c;
+  -webkit-animation-name: type-red;
+          animation-name: type-red;
+}
+.jconfirm .jconfirm-box.jconfirm-type-orange {
+  border-top: solid 7px #f1c40f;
+  -webkit-animation-name: type-orange;
+          animation-name: type-orange;
+}
+.jconfirm .jconfirm-box.jconfirm-type-purple {
+  border-top: solid 7px #9b59b6;
+  -webkit-animation-name: type-purple;
+          animation-name: type-purple;
+}
+.jconfirm .jconfirm-box.jconfirm-type-dark {
+  border-top: solid 7px #34495e;
+  -webkit-animation-name: type-dark;
+          animation-name: type-dark;
+}
+.jconfirm .jconfirm-box.loading {
+  height: 120px;
+}
+.jconfirm .jconfirm-box.loading:before {
+  content: '';
+  position: absolute;
+  left: 0;
+  background: white;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  border-radius: 10px;
+  z-index: 1;
+}
+.jconfirm .jconfirm-box.loading:after {
+  opacity: 0.6;
+  content: '';
+  height: 30px;
+  width: 30px;
+  border: solid 3px transparent;
+  position: absolute;
+  left: 50%;
+  margin-left: -15px;
+  border-radius: 50%;
+  -webkit-animation: jconfirm-spin 1s infinite linear;
+          animation: jconfirm-spin 1s infinite linear;
+  border-bottom-color: dodgerblue;
+  top: 50%;
+  margin-top: -15px;
+  z-index: 2;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon {
+  height: 20px;
+  width: 20px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  opacity: .6;
+  text-align: center;
+  font-size: 27px !important;
+  line-height: 14px !important;
+  display: none;
+  z-index: 1;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
+  display: none;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
+  font-size: 16px;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
+  font-size: 16px;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
+  font-size: 16px;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
+  opacity: 1;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c {
+  display: block;
+  font-size: 22px;
+  line-height: 20px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: default;
+  padding-bottom: 15px;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
+  cursor: move;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+  font-size: inherit;
+  display: inline-block;
+  vertical-align: middle;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
+  vertical-align: middle;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
+  display: none;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  font-size: inherit;
+  font-family: inherit;
+  display: inline-block;
+  vertical-align: middle;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
+  display: none;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane {
+  margin-bottom: 15px;
+  height: auto;
+  -webkit-transition: height 0.4s ease-in;
+  transition: height 0.4s ease-in;
+  display: inline-block;
+  width: 100%;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
+  overflow-y: hidden;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
+  width: 3px;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
+  background: #666;
+  border-radius: 3px;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
+  overflow: auto;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
+  max-width: 100%;
+  height: auto;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
+  display: none;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons {
+  padding-bottom: 11px;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons > button {
+  margin-bottom: 4px;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button {
+  display: inline-block;
+  padding: 6px 12px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border-radius: 4px;
+  min-height: 1em;
+  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
+  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
+  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
+  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
+  -webkit-tap-highlight-color: transparent;
+  border: none;
+  background-image: none;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
+  background-color: #3498db;
+  color: #FFF;
+  text-shadow: none;
+  -webkit-transition: background .2s;
+  transition: background .2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
+  background-color: #2980b9;
+  color: #FFF;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
+  background-color: #2ecc71;
+  color: #FFF;
+  text-shadow: none;
+  -webkit-transition: background .2s;
+  transition: background .2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
+  background-color: #27ae60;
+  color: #FFF;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
+  background-color: #e74c3c;
+  color: #FFF;
+  text-shadow: none;
+  -webkit-transition: background .2s;
+  transition: background .2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
+  background-color: #c0392b;
+  color: #FFF;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
+  background-color: #f1c40f;
+  color: #FFF;
+  text-shadow: none;
+  -webkit-transition: background .2s;
+  transition: background .2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
+  background-color: #f39c12;
+  color: #FFF;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
+  background-color: #ecf0f1;
+  color: #000;
+  text-shadow: none;
+  -webkit-transition: background .2s;
+  transition: background .2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
+  background-color: #bdc3c7;
+  color: #000;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
+  background-color: #9b59b6;
+  color: #FFF;
+  text-shadow: none;
+  -webkit-transition: background .2s;
+  transition: background .2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
+  background-color: #8e44ad;
+  color: #FFF;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
+  background-color: #34495e;
+  color: #FFF;
+  text-shadow: none;
+  -webkit-transition: background .2s;
+  transition: background .2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
+  background-color: #2c3e50;
+  color: #FFF;
+}
+.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
+  color: #e74c3c !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
+  color: #3498db !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
+  color: #2ecc71 !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
+  color: #9b59b6 !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
+  color: #f1c40f !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
+  color: #34495e !important;
+}
+.jconfirm .jconfirm-clear {
+  clear: both;
+}
+.jconfirm.jconfirm-rtl {
+  direction: rtl;
+}
+.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
+  left: 5px;
+  right: auto;
+}
+.jconfirm.jconfirm-white .jconfirm-bg,
+.jconfirm.jconfirm-light .jconfirm-bg {
+  background-color: #444;
+  opacity: .2;
+}
+.jconfirm.jconfirm-white .jconfirm-box,
+.jconfirm.jconfirm-light .jconfirm-box {
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+  margin-right: 8px;
+  margin-left: 0px;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
+  float: right;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
+  text-transform: uppercase;
+  font-size: 14px;
+  font-weight: bold;
+  text-shadow: none;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: #333;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
+  background: #ddd;
+}
+.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+  margin-left: 8px;
+  margin-right: 0px;
+}
+.jconfirm.jconfirm-black .jconfirm-bg,
+.jconfirm.jconfirm-dark .jconfirm-bg {
+  background-color: darkslategray;
+  opacity: .4;
+}
+.jconfirm.jconfirm-black .jconfirm-box,
+.jconfirm.jconfirm-dark .jconfirm-box {
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  background: #444;
+  border-radius: 5px;
+  color: white;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+  margin-right: 8px;
+  margin-left: 0px;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
+  float: right;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
+  border: none;
+  background-image: none;
+  text-transform: uppercase;
+  font-size: 14px;
+  font-weight: bold;
+  text-shadow: none;
+  -webkit-transition: background .1s;
+  transition: background .1s;
+  color: white;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: #fff;
+  background: none;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
+  background: #666;
+}
+.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+  margin-left: 8px;
+  margin-right: 0px;
+}
+.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
+  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
+  -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+          animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+@-webkit-keyframes shake {
+  10%,
+  90% {
+    -webkit-transform: translate3d(-2px, 0, 0);
+            transform: translate3d(-2px, 0, 0);
+  }
+  20%,
+  80% {
+    -webkit-transform: translate3d(4px, 0, 0);
+            transform: translate3d(4px, 0, 0);
+  }
+  30%,
+  50%,
+  70% {
+    -webkit-transform: translate3d(-8px, 0, 0);
+            transform: translate3d(-8px, 0, 0);
+  }
+  40%,
+  60% {
+    -webkit-transform: translate3d(8px, 0, 0);
+            transform: translate3d(8px, 0, 0);
+  }
+}
+@keyframes shake {
+  10%,
+  90% {
+    -webkit-transform: translate3d(-2px, 0, 0);
+            transform: translate3d(-2px, 0, 0);
+  }
+  20%,
+  80% {
+    -webkit-transform: translate3d(4px, 0, 0);
+            transform: translate3d(4px, 0, 0);
+  }
+  30%,
+  50%,
+  70% {
+    -webkit-transform: translate3d(-8px, 0, 0);
+            transform: translate3d(-8px, 0, 0);
+  }
+  40%,
+  60% {
+    -webkit-transform: translate3d(8px, 0, 0);
+            transform: translate3d(8px, 0, 0);
+  }
+}
+@-webkit-keyframes glow {
+  0%,
+  100% {
+    -webkit-box-shadow: 0 0 0px red;
+            box-shadow: 0 0 0px red;
+  }
+  50% {
+    -webkit-box-shadow: 0 0 30px red;
+            box-shadow: 0 0 30px red;
+  }
+}
+@keyframes glow {
+  0%,
+  100% {
+    -webkit-box-shadow: 0 0 0px red;
+            box-shadow: 0 0 0px red;
+  }
+  50% {
+    -webkit-box-shadow: 0 0 30px red;
+            box-shadow: 0 0 30px red;
+  }
+}
+/*Transition rules*/
+.jconfirm {
+  -webkit-perspective: 400px;
+          perspective: 400px;
+}
+.jconfirm .jconfirm-box {
+  opacity: 1;
+  -webkit-transition-property: all;
+  transition-property: all;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-top,
+.jconfirm .jconfirm-box.jconfirm-animation-left,
+.jconfirm .jconfirm-box.jconfirm-animation-right,
+.jconfirm .jconfirm-box.jconfirm-animation-bottom,
+.jconfirm .jconfirm-box.jconfirm-animation-opacity,
+.jconfirm .jconfirm-box.jconfirm-animation-zoom,
+.jconfirm .jconfirm-box.jconfirm-animation-scale,
+.jconfirm .jconfirm-box.jconfirm-animation-none,
+.jconfirm .jconfirm-box.jconfirm-animation-rotate,
+.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
+.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
+.jconfirm .jconfirm-box.jconfirm-animation-scaley,
+.jconfirm .jconfirm-box.jconfirm-animation-scalex {
+  opacity: 0;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotate {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
+  -webkit-transform: rotateX(90deg);
+          transform: rotateX(90deg);
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
+  -webkit-transform: rotateX(-90deg);
+          transform: rotateX(-90deg);
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
+  -webkit-transform: rotatey(90deg);
+          transform: rotatey(90deg);
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
+  -webkit-transform: rotatey(-90deg);
+          transform: rotatey(-90deg);
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-scaley {
+  -webkit-transform: scaley(1.5);
+          transform: scaley(1.5);
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-scalex {
+  -webkit-transform: scalex(1.5);
+          transform: scalex(1.5);
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-top {
+  -webkit-transform: translate(0px, -100px);
+          transform: translate(0px, -100px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-left {
+  -webkit-transform: translate(-100px, 0px);
+          transform: translate(-100px, 0px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-right {
+  -webkit-transform: translate(100px, 0px);
+          transform: translate(100px, 0px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-bottom {
+  -webkit-transform: translate(0px, 100px);
+          transform: translate(0px, 100px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-zoom {
+  -webkit-transform: scale(1.2);
+          transform: scale(1.2);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-scale {
+  -webkit-transform: scale(0.5);
+          transform: scale(0.5);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-none {
+  visibility: hidden;
+}
+.jconfirm.jconfirm-supervan .jconfirm-bg {
+  background-color: rgba(54, 70, 93, 0.95);
+}
+.jconfirm.jconfirm-supervan .jconfirm-box {
+  background-color: transparent;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
+  border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
+  border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
+  border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
+  border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
+  border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
+  border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
+  color: white;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
+  text-align: center;
+  color: white;
+  font-size: 28px;
+  font-weight: normal;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
+  padding-bottom: 25px;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+  margin-right: 8px;
+  margin-left: 0px;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
+  margin-bottom: 25px;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
+  text-align: center;
+  color: white;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
+  text-align: center;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
+  font-size: 16px;
+  border-radius: 2px;
+  background: #303f53;
+  text-shadow: none;
+  border: none;
+  color: white;
+  padding: 10px;
+  min-width: 100px;
+}
+.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+  margin-left: 8px;
+  margin-right: 0px;
+}
+.jconfirm.jconfirm-material .jconfirm-bg {
+  background-color: rgba(0, 0, 0, 0.67);
+}
+.jconfirm.jconfirm-material .jconfirm-box {
+  background-color: white;
+  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+  padding: 30px 25px 10px 25px;
+}
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+  margin-right: 8px;
+  margin-left: 0px;
+}
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
+  color: rgba(0, 0, 0, 0.87);
+}
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 22px;
+  font-weight: bold;
+}
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
+  color: rgba(0, 0, 0, 0.87);
+}
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
+  text-align: right;
+}
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
+  text-transform: uppercase;
+  font-weight: 500;
+}
+.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+  margin-left: 8px;
+  margin-right: 0px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-bg {
+  background-color: rgba(0, 0, 0, 0.21);
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box {
+  background-color: white;
+  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
+  border: solid 1px rgba(0, 0, 0, 0.4);
+  padding: 15px 0 0;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+  margin-right: 8px;
+  margin-left: 0px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
+  color: rgba(0, 0, 0, 0.87);
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 22px;
+  font-weight: bold;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0px 15px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
+  text-align: right;
+  padding: 10px;
+  margin: -5px 0 0px;
+  border-top: solid 1px #ddd;
+  overflow: hidden;
+  border-radius: 0 0 4px 4px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
+  font-weight: 500;
+}
+.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+  margin-left: 8px;
+  margin-right: 0px;
+}
+.jconfirm.jconfirm-modern .jconfirm-bg {
+  background-color: slategray;
+  opacity: .6;
+}
+.jconfirm.jconfirm-modern .jconfirm-box {
+  background-color: white;
+  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+  padding: 30px 30px 15px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
+  color: rgba(0, 0, 0, 0.87);
+  top: 15px;
+  right: 15px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 24px;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 10px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+  -webkit-transition: -webkit-transform .5s;
+  transition: -webkit-transform .5s;
+  transition: transform .5s;
+  transition: transform .5s, -webkit-transform .5s;
+  -webkit-transform: scale(0);
+          transform: scale(0);
+  display: block;
+  margin-right: 0px;
+  margin-left: 0px;
+  margin-bottom: 10px;
+  font-size: 69px;
+  color: #aaa;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
+  text-align: center;
+  font-size: 15px;
+  color: #777;
+  margin-bottom: 25px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
+  text-align: center;
+}
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
+  font-weight: bold;
+  text-transform: uppercase;
+  -webkit-transition: background .1s;
+  transition: background .1s;
+  padding: 10px 20px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
+  margin-left: 4px;
+}
+.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+  -webkit-transform: scale(1);
+          transform: scale(1);
+}
+.login {
+  margin-top: 95px;
+}
+
+.login .title {
+  font-size: 21px;
+  background: #FF9900;
+  height: 45px;
+  line-height: 45px;
+  margin-bottom: 50px;
+  font-weight: bold;
+}
+
+.login .note {
+  margin-bottom: 35px;
+}
+
+.page .row button {
+  margin-right: 20px;
+}
+
+.scroll {
+  overflow: auto;
+}
+
+.table th span,
+.table td span {
+  white-space: nowrap;
+}
+
+.table label {
+  margin: 0;
+}
+
+.table td .btn_action {
+  display: inline-block;
+}
+
+.error_input {
+  border: 1px solid #dc3545;
+  border-radius: 5px;
+}
+
+.table_left {
+  padding-right: 0 !important;
+}
+
+.table_left table thead th {
+  padding-left: 9px;
+}
+
+.table_left table tr td {
+  padding: 9px;
+  background-color: #fff0dc;
+}
+
+.table_right {
+  padding-left: 0 !important;
+}
+
+.table_right table tr td {
+  height: 30px;
+}
+
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:after {
+  bottom: 8px;
+}
+
+.no_padding_right {
+  padding-right: 0 !important;
+}
+
+.pagination {
+  margin: 0 !important;
+  float: right;
+}
+
+.container-fluid.mb20 .btn {
+  height: 38px;
+}
+
+a.btn.add_new {
+  line-height: 29px;
+}
+
+@media (max-width: 576px) {
+  .table_left {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 40%;
+            flex: 0 0 40%;
+    max-width: 40%;
+  }
+
+  .table_right {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 60%;
+            flex: 0 0 60%;
+    max-width: 60%;
+  }
+}
+
+.required:after {
+  content: "*";
+  color: red;
+}
+
+.image {
+  width: 200px;
+  height: auto;
+}
+
+.sorting span {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
diff --git a/resources/views/emails/member_regist_complete.blade.php b/resources/views/emails/member_regist_complete.blade.php
new file mode 100644
index 0000000..0d724b7
--- /dev/null
+++ b/resources/views/emails/member_regist_complete.blade.php
@@ -0,0 +1,23 @@
+{{ $user_name }}様
+
+So-Managerへのユーザー登録ありがとうございました。
+ご登録頂いたメールアドレスと下記のパスワードで、マイページへログインしてご利用ください。
+操作方法は、マイページ内の＜このページの使い方＞をご覧ください。
+
+{{ $user_name }}様のパスワード
+----------------
+{{ $user_pass }}
+----------------
+
+https://so-manager.com/swo8_1
+
+【お問い合わせ先】
+・電話でのお問い合わせ
+So-Managerコールセンター(毎日12時～22時)
+03-5856-4720 
+
+・メールでのお問合せ（専用フォームよりお問合せください）
+https://so-manager.com/swo7_1
+
+※本メールアドレスは送信専用となり、ご返信には回答致しかねますのでご了承下さい。
+※本メールにお心当たりが無い場合には、コールセンターまでご連絡くださいますようお願い致します。
\ No newline at end of file
diff --git a/resources/views/emails/member_regist_info.blade.php b/resources/views/emails/member_regist_info.blade.php
index ecfc441..ad904d7 100644
--- a/resources/views/emails/member_regist_info.blade.php
+++ b/resources/views/emails/member_regist_info.blade.php
@@ -7,7 +7,7 @@
 下記URLにアクセスしてご登録手続き(無料)を完了させて下さい。
 
 ▼会員登録お手続きページ▼
-{{ $url }}
+{!! $url !!}
 
 【お問い合わせ先】
 ・電話でのお問い合わせ
diff --git a/resources/views/emails/password_remind.blade.php b/resources/views/emails/password_remind.blade.php
new file mode 100644
index 0000000..9a07b3e
--- /dev/null
+++ b/resources/views/emails/password_remind.blade.php
@@ -0,0 +1,27 @@
+{{ $name }}様
+
+So-Manager自動応答システムです。
+パスワードを再発行しました。
+下記パスワードでログインしてください。
+
+----------------
+{{ $pass }}
+----------------
+
+ログインURL：
+https://so-manager.com/swo8_1
+
+パスワードはログイン後に変更できます。以下の場所で書き換えてご利用ください。
+https://so-manager.com/swc1
+
+
+【お問い合わせ先】
+・電話でのお問い合わせ
+So-Managerコールセンター(毎日12時～22時)
+03-5856-4720 
+
+・メールでのお問合せ（専用フォームよりお問合せください）
+https://so-manager.com/swo7_1
+
+※本メールアドレスは送信専用となり、ご返信には回答致しかねますのでご了承下さい。
+※本メールにお心当たりが無い場合には、コールセンターまでご連絡くださいますようお願い致します。
\ No newline at end of file
diff --git a/resources/views/error.blade.php b/resources/views/error.blade.php
new file mode 100644
index 0000000..780d7cb
--- /dev/null
+++ b/resources/views/error.blade.php
@@ -0,0 +1,28 @@
+<!doctype html>
+<html lang="ja">
+  <head>
+    <title>｜So-Manager</title>
+    <meta charset="utf-8">
+    <link rel="icon" href="assets/img/favicon.ico">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />
+    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="assets/css/style.css" rel="stylesheet">
+    <script src="assets/js/ie-emulation-modes-warning.js"></script>
+  </head>
+  <body id="" class="">
+    <div id="font-scale" class="home">
+      @include('layouts.header');
+      <!-- ▼　メイン部分　▼ -->
+      <main role="main" id="" class="">
+        <article id="main-content" class="news-detail container">
+          <header class="news-title mt50 mb30 text-center">
+            <h1 class="h3">ページが見つかりません<br />{{ $errors->first('error') }}</h1>
+          </header>
+        </article>
+      </main>
+      <!-- ▲　メイン部分　▲ -->
+      @include('layouts.footer');
+    </div>
+  </body>
+</html>
diff --git a/resources/views/swo2_1.blade.php b/resources/views/swo2_1.blade.php
index 432207b..8794774 100644
--- a/resources/views/swo2_1.blade.php
+++ b/resources/views/swo2_1.blade.php
@@ -25,17 +25,20 @@
                 <div class="card-body mt30">
                   <p class="mb30">会員登録ページのご案内をお送りします。お客様のメールアドレスをご入力ください。</p>
                   <form class="row form" action="{{route('swo2_2')}}" method="post">
-                    <input type="hidden" name="_token" value="vZOj33AlRVfWqQClLeNlMvXQFcAtYB85FuzfTBOB" >
                     <div class="col-12 col-lg-3 text-lg-center offset-0 offset-lg-1">
                       <label for="">メールアドレス</label>
                     </div>
                     <div class="col-12 col-lg-7 mb10">
-                      <input type="email" name="email" id="" class="form-control form-control-lg" placeholder="info@so-manager.com" />
+                      <input type="email" name="email" class="form-control form-control-lg" placeholder="info@so-manager.com" value="{{ old('email') }}"/>
+                      @if($errors->has('email'))
+                        <div class="text-danger">{{ $errors->first('email') }}</div>
+                      @endif
                     </div>
                     <div class="col-12 col-lg-6 text-lg-center offset-0 offset-lg-3 mt30 mb50">
-                      <a href="{{route('swo2_2')}}" class="btn btn-block btn-lg btn-success">送信する</a>
+                      <button type="submit" class="btn btn-block btn-lg btn-success">送信する</button>
                       <a href="{{route('swo1_1')}}" class="btn btn-block btn-lg btn-outline-success">戻る</a>
                     </div>
+                    @csrf
                   </form>
                 </div>
               </div>
@@ -45,6 +48,7 @@
       </main>
       <!-- ▲　メイン部分　▲ -->
       <!-- ▼　モーダル部分　▼ -->
+      @if(!$errors->has('email'))
       <div class="modal fade" id="cautionModal" tabindex="-1" role="dialog" aria-labelledby="cautionModalLabel">
         <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content px-5 py-5">
@@ -59,6 +63,7 @@
         </div><!-- /.modal-dialog -->
       </div><!-- /.modal -->
       <!-- ▲　モーダル部分　▲ -->
+      @endif
       @include('layouts.info');
       @include('layouts.footer');
     </div>
diff --git a/resources/views/swo2_3.blade.php b/resources/views/swo2_3.blade.php
index d3ffd27..cd0a6ef 100644
--- a/resources/views/swo2_3.blade.php
+++ b/resources/views/swo2_3.blade.php
@@ -8,6 +8,7 @@
     <link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />
     <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
     <link href="assets/css/style.css" rel="stylesheet">
+    <link href="assets/css/app.css" rel="stylesheet">
     <script src="assets/js/ie-emulation-modes-warning.js"></script>
   </head>
   <body id="" class="">
@@ -26,58 +27,64 @@
                   <p class="h4">会員情報を入力してください。</p>
                   <section id="" class="container mt50 mb50">
                     <form class="row form" action="{{route('swo2_4')}}" method="post">
-                      <input type="hidden" name="_token" value="oEhAfdqtNNAs2vOfjZqveVaH3G1fF62yb8qJIshV" >
                       <div class="col-12 col-md-3 offset-0 offset-md-1">
-                        <label for="user_name" class="required">お名前</label>
+                        <label class="required">お名前</label>
                       </div>
                       <div class="col-12 col-lg-6 mb10">
-                        <input type="text" class="form-control form-control-lg" name="user_name" id="user_name"  value="" placeholder="自転車　太郎">
+                        <input type="text" class="form-control form-control-lg" name="name" value="{{ old('name') }}" placeholder="自転車　太郎">
                       </div>
                       <div class="col-12 col-md-3 offset-0 offset-md-1">
-                        <label for="user_phonetic" class="required">フリガナ</label>
+                        <label class="required">フリガナ</label>
                       </div>
                       <div class="col-12 col-lg-6 mb10">
-                        <input type="text" class="form-control form-control-lg" name="user_phonetic" id="user_phonetic" value="" placeholder="ジテンシャ　タロウ">
+                        <input type="text" class="form-control form-control-lg" name="kana" value="{{ old('kana') }}" placeholder="ジテンシャ　タロウ">
                       </div>
                       <div class="col-12 col-md-3 offset-0 offset-md-1">
-                        <label for="user_homephone" class="required">電話番号（必須）</label>
+                        <label class="required">電話番号（必須）</label>
                       </div>
                       <div class="col-12 col-lg-6 mb10">
                         <div class="row justify-content-between col-12 m-0 p-0">
-                          <input type="text" maxlength="5" name="user_homephone[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                          <input type="text" maxlength="5" name="phone[]" value="{{ old('phone.0') }}" class="form-control form-control-lg check_key_int col-3"/>
                           <div class="align-self-center">ー</div>
-                          <input type="text" maxlength="4" name="user_homephone[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                          <input type="text" maxlength="4" name="phone[]" value="{{ old('phone.1') }}" class="form-control form-control-lg check_key_int col-3"/>
                           <div class="align-self-center">ー</div>
-                          <input type="text" maxlength="4" name="user_homephone[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                          <input type="text" maxlength="4" name="phone[]" value="{{ old('phone.2') }}" class="form-control form-control-lg check_key_int col-3"/>
                         </div>
                       </div>
                       <div class="col-12 col-md-3 offset-0 offset-md-1">
-                        <label for="user_mobile">予備電話番号（任意）</label>
+                        <label>予備電話番号（任意）</label>
                       </div>
                       <div class="col-12 col-lg-6 mb10">
                         <div class="row justify-content-between col-12 m-0 p-0">
-                          <input type="text" maxlength="5" name="user_mobile[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                          <input type="text" maxlength="5" name="mobile[]" value="{{ old('mobile.0') }}" class="form-control form-control-lg check_key_int col-3"/>
                           <div class="align-self-center">ー</div>
-                          <input type="text" maxlength="4" name="user_mobile[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                          <input type="text" maxlength="4" name="mobile[]" value="{{ old('mobile.1') }}" class="form-control form-control-lg check_key_int col-3"/>
                           <div class="align-self-center">ー</div>
-                          <input type="text" maxlength="4" name="user_mobile[]" value="" class="form-control form-control-lg check_key_int col-3"/>
-                        </div>                
+                          <input type="text" maxlength="4" name="mobile[]" value="{{ old('mobile.2') }}" class="form-control form-control-lg check_key_int col-3"/>
+                        </div>
                       </div>
                       <div class="col-12 col-md-3 offset-0 offset-md-1">
-                        <label for="user_primemail" class="required">メールアドレス</label>
+                        <label class="required">メールアドレス</label>
                       </div>
                       <div class="col-12 col-lg-6 mb10">
-                        <input type="text" class="form-control form-control-lg" readonly="readonly" id="user_primemail" value="watanabe@s-force.co.jp" name="user_primemail"  placeholder="name@example.com">
+                        <input type="email" class="form-control form-control-lg" readonly="readonly" name="email" value="{{ session('email') }}">
                       </div>
                       <div class="col-12 col-md-3 offset-0 offset-md-1">
-                        <label for="user_primemail2" class="required">メールアドレスの確認</label>
+                        <label class="required">メールアドレスの確認</label>
                       </div>
                       <div class="col-12 col-lg-6 mb10">
-                        <input type="text" class="form-control form-control-lg" readonly="readonly" id="user_primemail2" name="user_primemail_confirmation" value="watanabe@s-force.co.jp" placeholder="name@example.com">
+                        <input type="email" class="form-control form-control-lg" readonly="readonly" name="email_c" value="{{ session('email') }}">
                       </div>
                       <div class="col-12 col-md-6 offset-0 offset-md-3 mt10">
-                        <a href="{{route('swo2_4')}}" class="btn btn-block btn-lg btn-success">入力確認</a>
+                        <p style="color: red;">
+                          @if ($errors->has('name')) {{ $errors->first('name') }}<br /> @endif
+                          @if ($errors->has('kana')) {{ $errors->first('kana') }}<br /> @endif
+                          @if ($errors->has('phone.*')) {{ $errors->first('phone.*') }}<br /> @endif
+                          @if ($errors->has('mobile.*')) {{ $errors->first('mobile.*') }}<br /> @endif
+                        </p>
+                        <button type="submit" class="btn btn-block btn-lg btn-success">入力確認</button>
                       </div>
+                      @csrf
                     </form>
                   </section>
                 </div>
diff --git a/resources/views/swo2_4.blade.php b/resources/views/swo2_4.blade.php
index bf537e2..76d6665 100644
--- a/resources/views/swo2_4.blade.php
+++ b/resources/views/swo2_4.blade.php
@@ -25,21 +25,29 @@
                 <div class="card-body mt30">
                   <p class="h4">入力内容をご確認の上、登録ボタンを押して下さい。</p>
                   <section id="" class="container mt50 mb50">
-                    <form class="row form" action="{route('swo2_5')}}" method="post">
-                      <input type="hidden" name="_token" value="oEhAfdqtNNAs2vOfjZqveVaH3G1fF62yb8qJIshV">
-                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label for="user_name">お名前</label></div>
-                      <div class="col-12 col-lg-6 mb10"><h3>テスト</h3><input type="hidden" name="user_name" value="テスト"></div>
-                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label for="user_phonetic">フリガナ</label></div>
-                      <div class="col-12 col-lg-6 mb10"><h3>テスト</h3><input type="hidden" name="user_phonetic" value="テスト"></div>
-                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label for="user_homephone">自宅電話番号</label></div>
-                      <div class="col-12 col-lg-6 mb10"><h3>111-1111-1111</h3><input type="hidden" name="user_homephone" value="111-1111-1111"></div>
-                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label for="user_mobile">予備電話番号</label></div>
-                      <div class="col-12 col-lg-6 mb10"><h3></h3><input type="hidden" name="user_mobile" value=""></div>
-                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label for="user_primemail">メールアドレス</label></div>
-                      <div class="col-12 col-lg-6 mb10"><h3>a@b.co.jp</h3><input type="hidden" name="user_primemail" value="a@b.co.jp"></div>
-                      <div class="col-12 col-md-5 offset-0 offset-md-1 mt10"><a href="./complete.html" class="btn btn-lg btn-block btn-outline-success">登録</a></div>
-                      <div class="col-12 col-md-5 mt10"><a href="route('swo2_5')}}" class="btn btn-lg btn-block btn-outline-success">戻る</a></div>
+                    <form class="row form" action="{{ route('swo2_5') }}" method="post">
+                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label>お名前</label></div>
+                      <div class="col-12 col-lg-6 mb10"><h3>{{ $input_data['name'] }}</h3><input type="hidden" name="name" value="{{ $input_data['name'] }}"></div>
+                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label>フリガナ</label></div>
+                      <div class="col-12 col-lg-6 mb10"><h3>{{ $input_data['kana'] }}</h3><input type="hidden" name="kana" value="{{ $input_data['kana'] }}"></div>
+                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label>自宅電話番号</label></div>
+                      <div class="col-12 col-lg-6 mb10"><h3>{{ implode('-', $input_data['phone']) }}</h3>
+                        <input type="hidden" name="phone[]" value="{{ $input_data['phone'][0] }}">
+                        <input type="hidden" name="phone[]" value="{{ $input_data['phone'][1] }}">
+                        <input type="hidden" name="phone[]" value="{{ $input_data['phone'][2] }}">
+                      </div>
+                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label>予備電話番号</label></div>
+                      <div class="col-12 col-lg-6 mb10"><h3>{{ implode('-', $input_data['mobile']) }}</h3>
+                        <input type="hidden" name="mobile[]" value="{{ $input_data['mobile'][0] }}">
+                        <input type="hidden" name="mobile[]" value="{{ $input_data['mobile'][1] }}">
+                        <input type="hidden" name="mobile[]" value="{{ $input_data['mobile'][2] }}">
+                      </div>
+                      <div class="col-12 col-md-3 offset-0 offset-md-1"><label>メールアドレス</label></div>
+                      <div class="col-12 col-lg-6 mb10"><h3>{{ $input_data['email'] }}</h3><input type="hidden" name="email" value="{{ $input_data['email'] }}"></div>
+                      <div class="col-12 col-md-5 offset-0 offset-md-1 mt10"><button type="submit" class="btn btn-lg btn-block btn-outline-success" name='submit' value="complete">登録</button></div>
+                      <div class="col-12 col-md-5 mt10"><button type="submit" class="btn btn-lg btn-block btn-outline-success" name='back' value="back">戻る</button></div>
                       <div class="col-12 col-md-4 offset-0 offset-md-4 mt50 mb50"></div>
+                      @csrf
                     </form>
                   </section>
                 </div>
diff --git a/resources/views/swo8_2.blade.php b/resources/views/swo8_2.blade.php
index de1838d..0c57682 100644
--- a/resources/views/swo8_2.blade.php
+++ b/resources/views/swo8_2.blade.php
@@ -22,36 +22,40 @@
                 <h5 class="card-title text-success">パスワードの再設定</h5>
               </div>
               <div class="card-body mt30">
-                <form class="row form" action="" method="post">
+                <form class="row form" action="{{route('swo8_3')}}" method="post">
                   <input type="hidden" name="_token" value="KyErVdH3giV3UrqRiP3COWGRAYkdJzeU3sJe1hDH">
                   <div class="col-12 col-lg-3 text-lg-center offset-0 offset-lg-1">
                     <label for="user_primemail">メールアドレス</label>
                   </div>
                   <div class="col-12 col-lg-7 mb10">
-                    <input type="email" name="user_primemail" id="user_primemail" class="form-control form-control-lg" placeholder="info@so-manager.com" value="" />
+                    <input type="email" name="email" class="form-control form-control-lg" placeholder="info@so-manager.com" value="{{ old('email') }}" />
                   </div>
                   <div class="col-12 col-lg-3 text-lg-center offset-0 offset-lg-1">
-                    <label for="user_phone">電話番号</label>
+                    <label>電話番号</label>
                   </div>
                   <div class="col-12 col-lg-7 mb10">
                     <div class="row justify-content-between col-12 m-0 p-0">
-                      <input type="text" maxlength="5" name="user_homephone[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                      <input type="text" maxlength="5" name="phone[]" value="{{ old('phone.0') }}" class="form-control form-control-lg check_key_int col-3"/>
                       <div class="align-self-center">ー</div>
-                      <input type="text" maxlength="4" name="user_homephone[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                      <input type="text" maxlength="4" name="phone[]" value="{{ old('phone.1') }}" class="form-control form-control-lg check_key_int col-3"/>
                       <div class="align-self-center">ー</div>
-                      <input type="text" maxlength="4" name="user_homephone[]" value="" class="form-control form-control-lg check_key_int col-3"/>
+                      <input type="text" maxlength="4" name="phone[]" value="{{ old('phone.2') }}" class="form-control form-control-lg check_key_int col-3"/>
                     </div>
                   </div>
                   <div class="col-12 col-lg-10 text-lg-center offset-0 offset-lg-1 mt30 mb20">
+                    @if ($errors->has('email')) <p style="color: red;">{{ $errors->first('email') }}</p><br /> @endif
+                    @if ($errors->has('phone.*')) <p style="color: red;">{{ $errors->first('phone.*') }}</p><br /> @endif
+                    @if ($errors->has('nodata')) <p style="color: red;">{{ $errors->first('nodata') }}</p><br /> @endif
                     <p>会員情報の確認を行います。<br>
                       会員情報の登録を行った際のメールアドレスと自宅/携帯電話番号を入力して<br class="pc">「送信する」ボタンをクリックしてください。<br>
                       ※ご登録のメールアドレスに新たなパスワードをお送りします。
                     </p>
                   </div>
                   <div class="col-12 col-lg-6 text-lg-center offset-0 offset-lg-3 mb50">
-                    <a href="{{route('swo8_3')}}" class="btn btn-block btn-lg btn-success">送信する</a>
+                    <button type="submit" class="btn btn-block btn-lg btn-outline-success">送信する</button>
                     <a href="{{route('swo8_1')}}" class="btn btn-block btn-lg btn-outline-success">戻る</a>
                   </div>
+                  @csrf
                 </form>
               </div>
             </div>
diff --git a/routes/web.php b/routes/web.php
index 06f33f7..ea52707 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,14 +2,13 @@
 
 use App\Http\Controllers\Controller;
 use App\Http\Controllers\InquiryConfirmController;
+use App\Http\Controllers\MemberRegistrationController;
+use App\Http\Controllers\PasswordReminderController;
 use Illuminate\Support\Facades\Route;
 
 // 画面遷移のみ
 Route::get('/', function () { return view('swo1_1'); })->name('swo1_1');
 Route::get('/swo2_1', function () { return view('swo2_1'); })->name('swo2_1');
-Route::get('/swo2_3', function () { return view('swo2_3'); })->name('swo2_3');
-Route::get('/swo2_4', function () { return view('swo2_4'); })->name('swo2_4');
-Route::get('/swo2_5', function () { return view('swo2_5'); })->name('swo2_5');
 Route::get('/swo3_1', function () { return view('swo3_1'); })->name('swo3_1');
 Route::get('/swo3_2', function () { return view('swo3_2'); })->name('swo3_2');
 Route::get('/swo3_3', function () { return view('swo3_3'); })->name('swo3_3');
@@ -18,7 +17,6 @@ Route::get('/swo5_1', function () { return view('swo5_1'); })->name('swo5_1');
 Route::get('/swo6_1', function () { return view('swo6_1'); })->name('swo6_1');
 Route::get('/swo8_1', function () { return view('swo8_1'); })->name('swo8_1');
 Route::get('/swo8_2', function () { return view('swo8_2'); })->name('swo8_2');
-Route::get('/swo8_3', function () { return view('swo8_3'); })->name('swo8_3');
 Route::get('/swo9_1', function () { return view('swo9_1'); })->name('swo9_1');
 Route::get('/swo9_2', function () { return view('swo9_2'); })->name('swo9_2');
 Route::get('/swo9_3', function () { return view('swo9_3'); })->name('swo9_3');
@@ -33,9 +31,14 @@ Route::get('/swo15_1', function () { return view('swo15_1'); })->name('swo15_1')
 Route::get('/swo15_2', function () { return view('swo15_2'); })->name('swo15_2');
 Route::get('/swo16_1', function () { return view('swo16_1'); })->name('swo16_1');
 Route::get('/swo17_1', function () { return view('swo17_1'); })->name('swo17_1');
+Route::get('/error', function () { return view('error'); })->name('error');
 
 //　コントローラー経由
-Route::get('/swo2_2', [MemberRegistrationController::class, 'sendMail'])->name('swo2_2');
+Route::post('/swo2_2', [MemberRegistrationController::class, 'sendMail'])->name('swo2_2');
+Route::get('/swo2_3', [MemberRegistrationController::class, 'index'])->name('swo2_3')->middleware('signed');
+Route::post('/swo2_4', [MemberRegistrationController::class, 'confirm'])->name('swo2_4');
+Route::post('/swo2_5',  [MemberRegistrationController::class, 'complete'])->name('swo2_5');
 Route::get('/swo7_1', [InquiryConfirmController::class, 'index'])->name('swo7_1');
 Route::post('/swo7_2',[InquiryConfirmController::class, 'confirm'])->name('swo7_2');
-Route::post('/swo7_3',[InquiryConfirmController::class, 'complete'])->name('swo7_3');
\ No newline at end of file
+Route::post('/swo7_3',[InquiryConfirmController::class, 'complete'])->name('swo7_3');
+Route::post('/swo8_3', [PasswordReminderController::class, 'sendMail'])->name('swo8_3');
\ No newline at end of file