diff --git a/public/maintenance.svg b/public/maintenance.svg
new file mode 100644
index 0000000..2fd2951
--- /dev/null
+++ b/public/maintenance.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+    <path d="M140,210L140,405C140,413.279 133.279,420 125,420L95,420C86.721,420 80,413.279 80,405L80,210L140,210ZM80,100L80,95C80,86.721 86.721,80 95,80L125,80C133.279,80 140,86.721 140,95L140,100L80,100Z" style="fill:rgb(108,118,125);stroke:rgb(108,118,125);stroke-width:1px;"/>
+    <path d="M420,210L420,405C420,413.279 413.279,420 405,420L375,420C366.721,420 360,413.279 360,405L360,210L420,210ZM360,100L360,95C360,86.721 366.721,80 375,80L405,80C413.279,80 420,86.721 420,95L420,100L360,100Z" style="fill:rgb(108,118,125);stroke:rgb(108,118,125);stroke-width:1px;"/>
+    <g transform="matrix(1.033,0,0,1.62604,-11.6416,15.1937)">
+        <path d="M466.255,72.121C466.255,64.48 456.491,58.277 444.463,58.277L62.104,58.277C50.076,58.277 40.311,64.48 40.311,72.121L40.311,99.81C40.311,107.45 50.076,113.654 62.104,113.654L444.463,113.654C456.491,113.654 466.255,107.45 466.255,99.81L466.255,72.121Z" style="fill:rgb(253,193,7);"/>
+        <clipPath id="_clip1">
+            <path d="M466.255,72.121C466.255,64.48 456.491,58.277 444.463,58.277L62.104,58.277C50.076,58.277 40.311,64.48 40.311,72.121L40.311,99.81C40.311,107.45 50.076,113.654 62.104,113.654L444.463,113.654C456.491,113.654 466.255,107.45 466.255,99.81L466.255,72.121Z"/>
+        </clipPath>
+        <g clip-path="url(#_clip1)">
+            <g transform="matrix(0.968055,0,0,0.621753,-75.8552,-10.6967)">
+                <path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
+            </g>
+            <g transform="matrix(0.968055,0,0,0.621753,1.58913,-10.6967)">
+                <path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
+            </g>
+            <g transform="matrix(0.968055,0,0,0.621753,79.0335,-10.6967)">
+                <path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
+            </g>
+            <g transform="matrix(0.968055,0,0,0.621753,156.478,-10.6967)">
+                <path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
+            </g>
+            <g transform="matrix(0.968055,0,0,0.621753,233.922,-10.6967)">
+                <path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
new file mode 100644
index 0000000..e37b1d5
--- /dev/null
+++ b/resources/views/errors/503.blade.php
@@ -0,0 +1,11 @@
+@extends('layouts.base')
+
+@section('content')
+    <div class="container text-center">
+        <img src="{{ asset('maintenance.svg') }}" width="200" height="200" alt="Under maintenance">
+        <h2>ただいまメンテナンス中です</h2>
+        <hr>
+        <p class="mb-1">メンテナンス中はTissueをご利用いただくことができません。終了まで今しばらくお待ちください。</p>
+        <p>ご不便をおかけしておりますが、ご理解いただきますようお願いいたします。</p>
+    </div>
+@endsection
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 786eaa3..711468d 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -172,32 +172,34 @@
                     </div>
                 </div>
             @endauth
-            @guest
-                <!-- PC navbar -->
-                <div class="d-none d-lg-flex navbar-collapse">
-                    <ul class="navbar-nav ml-auto mr-2">
-                        <li class="nav-item">
-                            <a href="{{ route('register') }}" class="nav-link">会員登録</a>
-                        </li>
-                    </ul>
-                    <form class="form-inline">
-                        <a href="{{ route('login') }}" class="btn btn-outline-secondary">ログイン</a>
-                    </form>
-                </div>
-                <!-- SP navbar -->
-                <div class="d-lg-none">
-                    <div class="row mt-2">
-                        <div class="col">
-                            <a class="btn btn-outline-secondary" href="{{ route('register') }}" role="button">会員登録</a>
-                        </div>
-                        <div class="col">
-                            <form class="form-inline">
-                                <a class="btn btn-outline-secondary" href="{{ route('login') }}">ログイン</a>
-                            </form>
+            @if (!App::isDownForMaintenance())
+                @guest
+                    <!-- PC navbar -->
+                    <div class="d-none d-lg-flex navbar-collapse">
+                        <ul class="navbar-nav ml-auto mr-2">
+                            <li class="nav-item">
+                                <a href="{{ route('register') }}" class="nav-link">会員登録</a>
+                            </li>
+                        </ul>
+                        <form class="form-inline">
+                            <a href="{{ route('login') }}" class="btn btn-outline-secondary">ログイン</a>
+                        </form>
+                    </div>
+                    <!-- SP navbar -->
+                    <div class="d-lg-none">
+                        <div class="row mt-2">
+                            <div class="col">
+                                <a class="btn btn-outline-secondary" href="{{ route('register') }}" role="button">会員登録</a>
+                            </div>
+                            <div class="col">
+                                <form class="form-inline">
+                                    <a class="btn btn-outline-secondary" href="{{ route('login') }}">ログイン</a>
+                                </form>
+                            </div>
                         </div>
                     </div>
-                </div>
-            @endguest
+                @endguest
+            @endif
         </div>
     </div>
 </nav>