@charset"UTF-8";

header {
   width: auto;
   margin: 20px auto;
}

header h1,h2,h3 {
 text-align: center;
}

h1,h2,h3 {
 font-family: serif;
}



/* ヘッダーメインナビ　*/
#main-list {
 background: #354C6B;
 color: #FFFFFF; 
}

#main-list ul {
 list-style-type: none;
 justify-content: left;
 margin: 5;
 padding: 6px;
}

#main-list ul li {
padding: 3px 20px;
border-bottom: 2px solid #FFFFFF;
}

#main-list ul li a:visited {
  color: #e2f2f6;
}

/*メイン*/

img {
     max-width: 100%;
     height: auto;
}

#charasheet {
display: flex;
flex-direction: column;
justify-content: center;
}

#text0 {
background-color: #;
order: 1;
margin: 0 auto;
}

#text1 {
background-color: #e2f2f6;
order: 4;
margin: 0 auto;
padding-right: 20px;
padding-left: 20px;
}

#text2 {
background-color: #e6efc3;
order: 5;
margin: 0 auto;
padding-right: 20px;
padding-left: 20px;
}

#text3 {
background-color: #e2f2f6;
order: 6;
margin: 0 auto;
padding-right: 20px;
padding-left: 20px;
}

#head {
order: 3;
margin: 0 auto;
}



#all {
order: 2;
margin: 0 auto;
}

#foot {
order: 7;
margin: 0 auto;
}

/* ヘッダーメインナビ*/

footer {
background: #354C6B;
padding: 5px;
}

footer p {
font-size: 10px;
color: #FFFFFF;
}