@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  text-align: center; }

html {
  height: 100%; }

body {
  position: relative;
  height: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
  background: #ffffff; }

.maintenance-area {
  max-width: 640px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); }
  .maintenance-area .logo {
    width: 30%;
    margin: 0 auto; }
  .maintenance-area .sub-ttl {
    font-size: 0.7em;
    margin-top: 10px;
    font-weight: bold; }
  .maintenance-area .maintenance-txt {
    font-size: 0.8em;
    box-sizing: border-box;
    max-width: 80%;
    border: 1px solid #ccc;
    padding: 5% 10%;
    margin: 30px auto; }
  .maintenance-area .maintenance-date {
    margin: 0px 0 20px 0;
    color: #C13E40; }
    .maintenance-area .maintenance-date span.ttl {
      margin: 8px 0;
      display: block; }
  .maintenance-area .maintenance-comme {
    text-align: left;
    font-size: 0.8em; }
  @media screen and (max-width: 550px) {
    .maintenance-area .logo {
      width: 40%; }
    .maintenance-area .maintenance-txt {
      max-width: 90%; }
    .maintenance-area .maintenance-date > span {
      display: block; } }