<html>
  <head>
    <meta charset="UTF-8">
    <title>ただいま停止中です。｜めぐりと</title>
    <link rel="stylesheet" type="text/css" href="https://image.megurito.jp/gen/2022012701/css/lib/bootstrap.min.css">
    <script type="text/javascript" src="https://image.megurito.jp/gen/2022012701/js/lib/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="https://image.megurito.jp/gen/2022012701/js/lib/bootstrap.min.js"></script>
    <style>
      .maintenance{
        padding: 50px 0;
        text-align: center;
        margin:  0 auto;
      }
  
      .maintenance > .image{
        margin-bottom:30px;
      }

      .maintenance > .image > img{
        width:200px;
      }

      .maintenance > .caption{
        font-size:22px;
        font-weight: 600;
        margin-bottom:12px;
      }

      .maintenance > .description{
        font-size: 15px;
        margin: 20px 0;
        letter-spacing: 1px;
      }

      @media screen and (max-width: 1067px){
        .maintenance > .image > img{
          width:300px;
        }
      
        .maintenance{
          padding: 40px 20px;
        }

        .maintenance > .caption{
          font-size: 30px;
        }
  
        .maintenance > .description{
          font-size: 20px;
        }

      }
    </style>
  </head>
  <body>
    <div class="maintenance">
      <p class="image"><img src="https://image.megurito.jp/gen/2022012701/img/logo_megurit.png" alt="img"></p>
      <p class="caption">ただいま停止中です。</p>
      <p class="description">めぐりとをご覧いただきありがとうございます。<br>2025年3月1日よりめぐりとはサービスを停止させていただきます。<br>サービス開始時にはお知らせにて告知いたしますのでよろしくお願い申し上げます。</p>
    </div>
  </body>
</html>
