@charset "utf-8";

@media screen and (min-width:600px) {
   #nav-drawer {
     display:none;
   }
 }


@keyframes popup {
0% {opacity: 0;}
100% {opacity: 1;}
}


/*基本*/ 

html {
      width: 100%;
      height: 0 auto;
      margin: 0 auto;
}

body {
    height: 0 auto;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    animation: popup 3s ease;
}

#header {
	width: 100%;
     height: 0 auto;
     padding: 10px 0px 10px 0px;
     background-color: #000000; 
     text-align: center;
     background-position: top;
     background-repeat: no-repeat;
     background-size: 100%, auto; 
     position:relative;
}

#header img {
     width: 100%;
     height: 0 auto;
}

#contents img {
     width: 100％;
     height: 0 auto;
} 

#contents {  
	display:  block; 
        width: 97%;
	margin:0 auto;       
}


#information  {  
	display:  block; 
	
        width: 94%;
	margin:0 auto;
        
}


#footer {
     width: 100%;
     padding: 90px 0px 0px 0px;
     text-align: center;
}

/*-----------------------------------------------------------------------*/


/*色指定*/

a {
color:#000000;
text-decoration:none; 
} 


a:link {
color:#000000;
text-decoration:none; 
} 

a:visited {
color:#a9a9a9;
text-decoration:none; 
} 

a:hover {
color:#a9a9a9;
text-decoration:none; 
} 

a:active  {
color:#a9a9a9;
text-decoration:none; 
} 

/*-----------------------------------------------------------------------*/

/*テーブル*/

table {
     display:  block; 
     width: 100%;
     height: 0 auto;
     margin: 10px 0px 100px 0px;  
     border-collapse: collapse;
  }


table th {
   text-align: left;
   color: #ffffff;
   padding:  5px;
   font-size: 0.9rem;
   background-color: #000000; 
   border-top: 9px solid #ffffff;
   border-bottom: 9px solid #ffffff;
   font-family: 'Noto Sans JP', sans-serif;
   font-family: 'Play', sans-serif;
}

table td {
   text-align: left;
   color: #000000;
   font-size: 0.8rem;
   line-height: 1.5;
   padding:  10px;
   border-top: 9px solid #ffffff;
   border-bottom: 9px solid #ffffff;
   font-family: 'Noto Sans JP', sans-serif;
}


/*-----------------------------------------------------------------------*/

/*文*/ 

p  {
     color: #000000;
     font-size: 0.8rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.7;
}

#header p  {
     color: #ffffff;
     font-size: 0.7rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.5;
}

#header b  {
     color: #ffffff;
     font-size: 1.8rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.3;
}

#header h1 {
     color: #ffffff;
     text-align: center;
     font-size: 1rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.6;
}

b   {
     color: #000000;
     font-size: 1.1rem;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 1.7;
}


h1{
      overflow: auto;
      color: #000000; 
      font-size:1.1rem;
      font-family: 'Noto Sans JP', sans-serif;
      font-family: 'Play', sans-serif;
}

h2{
      overflow: auto;
      color: #000000; 
      font-size:1rem;
      font-family: 'Noto Sans JP', sans-serif;
      font-family: 'Play', sans-serif;
}

address {
     text-align: left;
     color: #000000;
     font-size: 0.8rem;
     font-family: 'Noto Sans JP', sans-serif;
     font-style:normal;
}

#footer address  {
     color: #000000;
     font-size: 0.7rem;
     text-align: center;
     font-family: 'Noto Sans JP', sans-serif;
     line-height: 2;
}


hr {
  border-top: 1px dashed #bbb;
}


/*-----------------------------------------------------------------------*/

.allen-rogo{
     width: 60%;
     height: 60%;

  }