/* ボックス */
.box1 {width : 80%; margin: 0px auto; line-height: 1.7;}

.box2 {width : 80%; margin: 0px auto; padding: 0;}


/* 画像サイズ */
.resizeimage img { height: 50px; }
.resizeimage2 img { max-width: 90%;}
.resizeimage video { max-width: 90%;}


/* タイトル用 */
.box3 {
    padding: 0em 0em;
    margin: 0px;
    color: #fff;
    background: #323C99;/*背景色*/
}
.box3 p {
    margin: 0.7em; 
    padding: 0;
}

/* リスト */
ul, ol {
  color: #1e366a;
  border-top: solid #1e366a 1px;/*上のボーダー*/
  border-bottom: solid #1e366a 1px;/*下のボーダー*/
  padding: 1em;
}

ul li, ol li {
  line-height: 1em;
  padding: 0.5em;
}

/* ナビ */

#nav {
padding-right: 0px;
padding-left: 0px;
list-style: none;
display: flex;
border-top: none;/*下のボーダー*/
border-bottom: 1;/*下のボーダー*/
}

#nav li {
padding: 1em 0em;
text-align: center;
background-color: #cde4ff;
margin-right: 1px;
flex: 1;
display:block;
}

#nav li:hover {
  background-color: #323C99;
}
 
#nav li a {
text-decoration: none;
color: #000;
display:block;	
}

#nav li a:hover {
text-decoration: none;
color: #fff;
width: 100%;
}
.photo2 {
  display: block;
  margin: 0 auto;
  margin-left: auto;/*これでもOK*/
  margin-right: auto;/*これでもOK*/
  max-height: 60px;
  height: 50%;
  width: auto;
}

.photo {
  display: block;
  margin: 0 auto;
  margin-left: auto;/*これでもOK*/
  margin-right: auto;/*これでもOK*/
  width: 100%;
  height: auto;
  max-width: 600px;
}