@charset "utf-8";
body{
      margin:0;
      top:0;
      height:100vh;
    }
    header{
      height:60px;
      width:100%;
      background-color:#ffffff;
      color:white;
      top:0;
      left:0;
    }
    .logo-container{
      height:100%;
    }
    .logo{
      font-family:Hiragino Kaku Gothic ProN;
      text-align:left;
      position:relative;
      top:50%;
      transform: translateY(-50%);
      color:white;
      letter-spacing:1px;
      margin:0 0 0 5px;
    }
    .logo-container.logo p{
      margin:0;
      height:100%;
    }
    .container{
      font-family:Hiragino Kaku Gothic ProN;
      letter-spacing:0.3px;
      text-align: center;
    }
    .maintanance-now{
      padding: 6px;
    }
    .maintanance-now p{
      font-size: 24px;
      padding:3px;
    }
    .maintanance-now img{
      padding: 10px;
    }

    .maintanance-supplement{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: #ffffff;
	color: #000000;
	font-size: 18px;
	width: 60%;
	text-align: left;
	line-height: 200%;
    }

    footer{
      height:60px;
      width:100%;
      background-color:#ffffff;
      color:white;
      bottom: 0;
    }